agent_console.py

#!/usr/bin/env python3
"""Agent Console prototype: single-page Hermes agent console."""

from __future__ import annotations

import base64
import hashlib
import json
import math
import mimetypes
import os
import re
import shutil
import sqlite3
import subprocess
import threading
import time
import traceback
import struct
import urllib.error
import urllib.parse
import urllib.request
import uuid
import zlib
from pathlib import Path

import requests
try:
    from cryptography.fernet import Fernet, InvalidToken
except Exception:  # pragma: no cover - runtime dependency guard for the prototype
    Fernet = None  # type: ignore[assignment]
    InvalidToken = Exception  # type: ignore[misc,assignment]
from http.server import BaseHTTPRequestHandler, ThreadingHTTPServer
from html import escape
from typing import Any

HOST = os.environ.get("AGENT_CONSOLE_HOST") or os.environ.get("NEREUS_HOST", "0.0.0.0")
PORT = int(os.environ.get("AGENT_CONSOLE_PORT") or os.environ.get("NEREUS_PORT", "4200"))
ELEVENLABS_API_URL_BASE =os.environ.get("AGENT_CONSOLE_ELEVENLABS_API_URL") or os.environ.get("NEREUS_ELEVENLABS_API_URL", "https://api.elevenlabs.io/v1")
ELEVENLABS_MODEL = os.environ.get("AGENT_CONSOLE_ELEVENLABS_MODEL") or os.environ.get("NEREUS_ELEVENLABS_MODEL", "eleven_multilingual_v2")
OPENAI_TRANSCRIPTIONS_URL = os.environ.get("AGENT_CONSOLE_OPENAI_TRANSCRIPTIONS_URL") or os.environ.get("NEREUS_OPENAI_TRANSCRIPTIONS_URL", "https://api.openai.com/v1/audio/transcriptions")
OPENAI_REALTIME_CALLS_URL = os.environ.get("AGENT_CONSOLE_OPENAI_REALTIME_CALLS_URL") or os.environ.get("NEREUS_OPENAI_REALTIME_CALLS_URL", "https://api.openai.com/v1/realtime/calls")
OPENAI_TRANSCRIPTION_MODEL = os.environ.get("AGENT_CONSOLE_OPENAI_TRANSCRIPTION_MODEL") or os.environ.get("NEREUS_OPENAI_TRANSCRIPTION_MODEL", "gpt-4o-mini-transcribe")
OPENAI_REALTIME_TRANSCRIPTION_MODEL = os.environ.get("AGENT_CONSOLE_REALTIME_TRANSCRIPTION_MODEL") or os.environ.get("NEREUS_REALTIME_TRANSCRIPTION_MODEL", "gpt-realtime-whisper")
OPENAI_REALTIME_TRANSCRIPTION_DELAY = os.environ.get("AGENT_CONSOLE_REALTIME_TRANSCRIPTION_DELAY") or os.environ.get("NEREUS_REALTIME_TRANSCRIPTION_DELAY", "low")
COO_ENV_PATH = Path(
    os.environ.get("AGENT_CONSOLE_AGENT_ENV_PATH")
    or os.environ.get("NEREUS_COO_ENV_PATH")
    or str(Path.home() / ".hermes/profiles/coo/.env")
).expanduser()
MAX_BODY_BYTES = 8_000_000
MAX_TTS_CHARS = 5_000
MISSIONS: dict[str, dict[str, Any]] = {}
MISSIONS_LOCK = threading.Lock()
CUSTOM_SKILLS_ROOT = Path(
    os.environ.get("AGENT_CONSOLE_CUSTOM_SKILLS_ROOT")
    or str(Path.home() / "workspace/shared_volume/skills")
).expanduser()
CUSTOM_SKILL_NAMESPACES = {"claude", "morpheus", "nereus", "optimus", "perseon", "wordpress"}

PWA_VERSION = "20260716d"
PWA_THEME_COLOR = "#050506"
PWA_BACKGROUND_COLOR = "#000000"
PWA_ICON_CACHE: dict[int, bytes] = {}

NEREUS_ICON_MATRIX = [
    [0, 0, 0, 1, 1, 1, 1, 1, 0, 0, 0],
    [1, 1, 0, 1, 1, 0, 1, 1, 0, 1, 1],
    [0, 1, 1, 1, 1, 0, 1, 1, 1, 1, 0],
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
    [1, 0, 1, 1, 0, 0, 0, 1, 1, 0, 1],
    [0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0],
]


def pwa_manifest() -> dict[str, Any]:
    return {
        "name": "Agent Console",
        "short_name": "Agent Console",
        "description": "Single-page Hermes agent console for the selected agent.",
        "id": "/?source=pwa",
        "start_url": "/?source=pwa",
        "scope": "/",
        "display": "standalone",
        "orientation": "portrait",
        "background_color": PWA_BACKGROUND_COLOR,
        "theme_color": PWA_THEME_COLOR,
        "categories": ["productivity", "utilities"],
        "icons": [
            {"src": "/apple-touch-icon.png?v=" + PWA_VERSION, "sizes": "180x180", "type": "image/png", "purpose": "any"},
            {"src": "/icon-192.png?v=" + PWA_VERSION, "sizes": "192x192", "type": "image/png", "purpose": "any maskable"},
            {"src": "/icon-512.png?v=" + PWA_VERSION, "sizes": "512x512", "type": "image/png", "purpose": "any maskable"},
        ],
    }


def png_chunk(kind: bytes, data: bytes) -> bytes:
    return struct.pack(">I", len(data)) + kind + data + struct.pack(">I", zlib.crc32(kind + data) & 0xFFFFFFFF)


def build_pwa_icon(size: int) -> bytes:
    cached = PWA_ICON_CACHE.get(size)
    if cached:
        return cached
    bg = (0, 0, 0, 255)
    panel = (5, 5, 7, 255)
    accent = (120, 226, 255, 255)
    accent_soft = (1, 199, 252, 82)
    border = (38, 38, 44, 255)
    pixels = [[bg for _ in range(size)] for _ in range(size)]
    radius = max(18, size // 9)
    pad = max(16, size // 12)

    def rounded_rect(x0: int, y0: int, x1: int, y1: int, r: int, color: tuple[int, int, int, int]) -> None:
        for y in range(max(0, y0), min(size, y1)):
            for x in range(max(0, x0), min(size, x1)):
                dx = max(x0 + r - x, 0, x - (x1 - r - 1))
                dy = max(y0 + r - y, 0, y - (y1 - r - 1))
                if dx * dx + dy * dy <= r * r:
                    pixels[y][x] = color

    rounded_rect(pad, pad, size - pad, size - pad, radius, panel)
    rounded_rect(pad + 2, pad + 2, size - pad - 2, size - pad - 2, radius - 2, panel)
    for i in range(3):
        rounded_rect(pad + i, pad + i, size - pad - i, size - pad - i, radius - i, border if i == 0 else panel)

    center_x = size // 2
    center_y = size // 2 + size // 56
    glow_radius = int(size * 0.38)
    for y in range(size):
        for x in range(size):
            dist = math.hypot(x - center_x, y - center_y)
            if dist < glow_radius and pixels[y][x] == panel:
                alpha = int((1 - dist / glow_radius) * accent_soft[3])
                pixels[y][x] = (max(panel[0], alpha // 6), max(panel[1], alpha // 3), max(panel[2], alpha // 2), 255)

    rows = len(NEREUS_ICON_MATRIX)
    cols = len(NEREUS_ICON_MATRIX[0])
    cell = max(10, size // 18)
    icon_w = cols * cell
    icon_h = rows * cell
    start_x = (size - icon_w) // 2
    start_y = (size - icon_h) // 2 + size // 56
    for r, row in enumerate(NEREUS_ICON_MATRIX):
        for c, on in enumerate(row):
            if not on:
                continue
            x0 = start_x + c * cell
            y0 = start_y + r * cell
            for y in range(y0, min(size, y0 + cell - 1)):
                for x in range(x0, min(size, x0 + cell - 1)):
                    pixels[y][x] = accent

    raw = bytearray()
    for row in pixels:
        raw.append(0)
        for px in row:
            raw.extend(px)
    png = b"\x89PNG\r\n\x1a\n" + png_chunk(b"IHDR", struct.pack(">IIBBBBB", size, size, 8, 6, 0, 0, 0)) + png_chunk(b"IDAT", zlib.compress(bytes(raw), 9)) + png_chunk(b"IEND", b"")
    PWA_ICON_CACHE[size] = png
    return png


def send_bytes(handler: BaseHTTPRequestHandler, raw: bytes, content_type: str, cache: str = "public, max-age=86400") -> None:
    try:
        handler.send_response(200)
        handler.send_header("Content-Type", content_type)
        handler.send_header("Content-Length", str(len(raw)))
        handler.send_header("Cache-Control", cache)
        handler.end_headers()
        handler.wfile.write(raw)
    except (BrokenPipeError, ConnectionResetError):
        pass  # browser/proxy closed the icon request before the bytes finished writing



PROFILES_ROOT = Path(
    os.environ.get("AGENT_CONSOLE_PROFILES_ROOT")
    or str(Path.home() / ".hermes/profiles")
).expanduser().resolve()
SINGLE_PROFILE_DIR = (
    Path(os.environ["AGENT_CONSOLE_PROFILE_DIR"]).expanduser().resolve()
    if os.environ.get("AGENT_CONSOLE_PROFILE_DIR")
    else None
)
DEFAULT_PROFILE_URL = (
    os.environ.get("AGENT_CONSOLE_PROFILE_URL")
    or os.environ.get("NEREUS_PROFILE_URL")
    or (str(SINGLE_PROFILE_DIR) if SINGLE_PROFILE_DIR else "coo")
)
MISSIONS_ENABLED = os.environ.get("AGENT_CONSOLE_MISSIONS_ENABLED", "").strip().lower() in {"1", "true", "yes", "on"}
TRUTHY_VALUES = {"1", "true", "yes", "on"}
AGENT_METADATA = {
    "ceo": {"name": "Perseon", "role": "CEO", "initials": "PE", "color": "#007a62"},
    "coo": {"name": "COO Agent", "role": "Operations Agent", "initials": "CO", "color": "#78e2ff"},
    "assistant": {"name": "Aria", "role": "Executive Assistant", "initials": "AR", "color": "#ffc857"},
    "developer": {"name": "Forge", "role": "Developer", "initials": "FG", "color": "#55a6ff"},
    "researcher": {"name": "Astra", "role": "Researcher", "initials": "AS", "color": "#b46bff"},
    "content": {"name": "Quill", "role": "Content", "initials": "QU", "color": "#ff8c42"},
    "reviewer": {"name": "Sentinel", "role": "Reviewer", "initials": "SE", "color": "#ff5d7d"},
}
SAFE_ENV_KEYS = (
    "API_SERVER_ENABLED",
    "API_SERVER_PORT",
    "AGENT_NAME",
    "AGENT_COLOUR_HASH",
    "AGENT_CONSOLE_MISSIONS_ENABLED",
    "ELEVENLABS_API_KEY",
    "ELEVENLABS_API_KEY_ENC",
    "ELEVENLABS_VOICE_ID",
    "VOICE_TOOLS_OPENAI_KEY",
)
SECRET_KEY_HINTS = ("KEY", "TOKEN", "SECRET", "PASSWORD", "CREDENTIAL")


def normalize_agent_colour(value: str) -> str:
    raw = str(value or "").strip()
    if not raw:
        return ""
    candidate = raw[1:] if raw.startswith("#") else raw
    if re.fullmatch(r"[0-9a-fA-F]{3}|[0-9a-fA-F]{6}", candidate):
        return f"#{candidate.lower()}"
    return ""


def metadata_for_profile(slug: str, env: dict[str, str] | None = None) -> dict[str, str]:
    meta = {"name": slug.title(), "role": "Hermes Agent", "initials": slug[:2].upper(), "color": "#78E2FF"}
    meta.update(AGENT_METADATA.get(slug, {}))
    env = env or {}
    env_name = env.get("AGENT_NAME", "").strip()
    if env_name:
        meta["name"] = env_name
    env_colour = normalize_agent_colour(env.get("AGENT_COLOUR_HASH", ""))
    if env_colour:
        meta["color"] = env_colour
    return meta


def missions_enabled_for_env(env: dict[str, str]) -> bool:
    raw = env.get("AGENT_CONSOLE_MISSIONS_ENABLED")
    if raw is None:
        return MISSIONS_ENABLED
    return str(raw).strip().lower() in TRUTHY_VALUES


def read_dotenv(path: Path) -> dict[str, str]:
    """Read dotenv keys without logging or returning secret values by default."""
    values: dict[str, str] = {}
    try:
        for raw_line in path.read_text(encoding="utf-8", errors="ignore").splitlines():
            line = raw_line.strip()
            if not line or line.startswith("#") or "=" not in line:
                continue
            name, value = line.split("=", 1)
            name = name.strip()
            value = value.strip()
            if (value.startswith('"') and value.endswith('"')) or (value.startswith("'") and value.endswith("'")):
                value = value[1:-1]
            values[name] = value
    except OSError:
        return {}
    return values


def format_dotenv_value(key: str, value: str) -> str:
    clean = str(value or "").strip()
    if key == "AGENT_COLOUR_HASH":
        return clean.lstrip("#").lower()
    if re.fullmatch(r"[A-Za-z0-9_./:@+-]+", clean):
        return clean
    escaped = clean.replace("\\", "\\\\").replace('"', '\\"')
    return f'"{escaped}"'


def write_dotenv_updates(path: Path, updates: dict[str, str]) -> None:
    path.parent.mkdir(parents=True, exist_ok=True)
    try:
        lines = path.read_text(encoding="utf-8", errors="ignore").splitlines()
    except OSError:
        lines = []
    remaining = dict(updates)
    output: list[str] = []
    for line in lines:
        stripped = line.strip()
        if not stripped or stripped.startswith("#") or "=" not in line:
            output.append(line)
            continue
        name = line.split("=", 1)[0].strip()
        if name in updates:
            if name in remaining:
                output.append(f"{name}={format_dotenv_value(name, updates[name])}")
                remaining.pop(name, None)
            continue
        output.append(line)
    for key, value in remaining.items():
        output.append(f"{key}={format_dotenv_value(key, value)}")
    tmp_path = path.with_suffix(path.suffix + ".tmp")
    tmp_path.write_text("\n".join(output).rstrip() + "\n", encoding="utf-8")
    os.replace(tmp_path, path)


def write_dotenv_updates_remove(path: Path, updates: dict[str, str], remove_keys: set[str] | None = None) -> None:
    """Update profile .env keys and remove explicitly deprecated secret keys."""
    path.parent.mkdir(parents=True, exist_ok=True)
    remove_keys = remove_keys or set()
    try:
        lines = path.read_text(encoding="utf-8", errors="ignore").splitlines()
    except OSError:
        lines = []
    remaining = dict(updates)
    output: list[str] = []
    for line in lines:
        stripped = line.strip()
        if not stripped or stripped.startswith("#") or "=" not in line:
            output.append(line)
            continue
        name = line.split("=", 1)[0].strip()
        if name in remove_keys:
            continue
        if name in updates:
            if name in remaining:
                output.append(f"{name}={format_dotenv_value(name, updates[name])}")
                remaining.pop(name, None)
            continue
        output.append(line)
    for key, value in remaining.items():
        output.append(f"{key}={format_dotenv_value(key, value)}")
    tmp_path = path.with_suffix(path.suffix + ".tmp")
    tmp_path.write_text("\n".join(output).rstrip() + "\n", encoding="utf-8")
    os.replace(tmp_path, path)


def _settings_encryption_master() -> str:
    """Resolve the server-side secret used to encrypt Agent Console settings."""
    for key in (
        "AGENT_CONSOLE_SETTINGS_KEY",
        "AGENT_CONSOLE_SECRET_KEY",
        "AGENT_CONSOLE_HERMES_API_KEY",
        "API_SERVER_KEY",
    ):
        value = os.environ.get(key, "").strip()
        if value:
            return value
    return ""


def _settings_fernet() -> Any:
    if Fernet is None:
        raise RuntimeError("cryptography is required to encrypt ElevenLabs settings.")
    master = _settings_encryption_master()
    if not master:
        raise RuntimeError("AGENT_CONSOLE_SETTINGS_KEY or API_SERVER_KEY is required before saving encrypted settings.")
    key = base64.urlsafe_b64encode(hashlib.sha256(master.encode("utf-8")).digest())
    return Fernet(key)


def encrypt_setting_secret(value: str) -> str:
    clean = str(value or "").strip()
    if not clean:
        return ""
    token = _settings_fernet().encrypt(clean.encode("utf-8")).decode("ascii")
    return f"fernet:v1:{token}"


def decrypt_setting_secret(value: str) -> str:
    raw = str(value or "").strip()
    if not raw:
        return ""
    if not raw.startswith("fernet:v1:"):
        return raw
    token = raw.split(":", 2)[2]
    try:
        return _settings_fernet().decrypt(token.encode("ascii")).decode("utf-8")
    except InvalidToken as exc:
        raise RuntimeError("Encrypted ElevenLabs API key could not be decrypted with the current server key.") from exc


def encrypted_key_name(key: str) -> str:
    return f"{key}_ENC"


def update_agent_env_metadata(profile_url: str, agent_name: str, agent_colour_hash: str) -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    clean_name = re.sub(r"\s+", " ", str(agent_name or "")).strip()
    clean_colour = normalize_agent_colour(str(agent_colour_hash or ""))
    if not clean_name:
        raise ValueError("Agent name is required.")
    if not clean_colour:
        raise ValueError("Agent color must be a valid 3 or 6 digit hex color.")
    write_dotenv_updates(env_path, {
        "AGENT_NAME": clean_name,
        "AGENT_COLOUR_HASH": clean_colour.lstrip("#"),
    })
    return agent_config(str(env_path.parent))


def update_missions_settings(profile_url: str, enabled: bool) -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    write_dotenv_updates(env_path, {
        "AGENT_CONSOLE_MISSIONS_ENABLED": "true" if bool(enabled) else "false",
    })
    return agent_config(str(env_path.parent))


def update_elevenlabs_settings(profile_url: str, api_key: str, voice_id: str) -> dict[str, Any]:
    """Save selected-profile ElevenLabs settings without exposing raw secrets back to the browser."""
    env_path = profile_env_path(profile_url)
    clean_api_key = str(api_key or "").strip()
    clean_voice_id = str(voice_id or "").strip()
    updates: dict[str, str] = {}
    remove_keys: set[str] = set()
    if clean_api_key:
        if len(clean_api_key) < 20:
            raise ValueError("ElevenLabs API key looks too short.")
        updates["ELEVENLABS_API_KEY_ENC"] = encrypt_setting_secret(clean_api_key)
        remove_keys.add("ELEVENLABS_API_KEY")
    else:
        env = read_dotenv(env_path)
        legacy_key = env.get("ELEVENLABS_API_KEY", "").strip()
        encrypted_key = env.get("ELEVENLABS_API_KEY_ENC", "").strip()
        if legacy_key and not encrypted_key:
            updates["ELEVENLABS_API_KEY_ENC"] = encrypt_setting_secret(legacy_key)
            remove_keys.add("ELEVENLABS_API_KEY")
    if clean_voice_id:
        if not re.fullmatch(r"[A-Za-z0-9_-]{8,120}", clean_voice_id):
            raise ValueError("ElevenLabs voice ID must contain only letters, numbers, hyphens or underscores.")
        updates["ELEVENLABS_VOICE_ID"] = clean_voice_id
    if not updates:
        return voice_config_payload(str(env_path.parent))
    write_dotenv_updates_remove(env_path, updates, remove_keys)
    return voice_config_payload(str(env_path.parent))


def _profile_candidate(profile_url: str) -> str:
    raw = (profile_url or DEFAULT_PROFILE_URL).strip() or DEFAULT_PROFILE_URL
    parsed = urllib.parse.urlparse(raw)
    candidate = parsed.path if parsed.scheme in {"file", "http", "https"} else raw
    candidate = urllib.parse.unquote(candidate).strip().rstrip("/")
    return candidate or DEFAULT_PROFILE_URL


def _explicit_profile_env_path(candidate: str) -> Path | None:
    if not candidate:
        return None
    expanded = Path(candidate).expanduser()
    looks_like_path = expanded.is_absolute() or candidate.startswith((".", "~")) or "/" in candidate or "\\" in candidate
    if not looks_like_path:
        return None
    path = expanded.resolve(strict=False)
    return path if path.name == ".env" else path / ".env"


def profile_slug_from_url(profile_url: str) -> str:
    candidate = _profile_candidate(profile_url)
    explicit = _explicit_profile_env_path(candidate)
    if explicit is not None:
        return explicit.parent.name
    parts = [part for part in candidate.split("/") if part]
    if ".env" in parts:
        env_index = parts.index(".env")
        if env_index > 0:
            return parts[env_index - 1]
    if "profiles" in parts:
        index = parts.index("profiles")
        if len(parts) > index + 1:
            return parts[index + 1]
    return parts[-1] if parts else profile_slug_from_url(DEFAULT_PROFILE_URL)


def profile_env_path(profile_url: str) -> Path:
    candidate = _profile_candidate(profile_url)
    explicit = _explicit_profile_env_path(candidate)
    if explicit is not None:
        return explicit.resolve(strict=False)
    slug = profile_slug_from_url(candidate)
    path = (PROFILES_ROOT / slug / ".env").resolve(strict=False)
    try:
        path.relative_to(PROFILES_ROOT)
    except ValueError as exc:
        raise ValueError("Profile URL must resolve under the Hermes profiles directory.") from exc
    return path


def agent_config(profile_url: str = "") -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    env = read_dotenv(env_path)
    meta = metadata_for_profile(slug, env)
    port = env.get("API_SERVER_PORT") or os.environ.get("AGENT_CONSOLE_API_SERVER_PORT") or ("8643" if slug == "coo" else "8642")
    api_url = (
        os.environ.get("AGENT_CONSOLE_HERMES_API_URL")
        or env.get("API_SERVER_URL")
        or f"http://127.0.0.1:{port}/v1/chat/completions"
    )
    model = os.environ.get("AGENT_CONSOLE_HERMES_MODEL") or env.get("HERMES_MODEL") or slug
    session_id = os.environ.get("AGENT_CONSOLE_HERMES_SESSION_ID") or env.get("HERMES_SESSION_ID") or f"agent-console-{slug}-chat"
    session_key = os.environ.get("AGENT_CONSOLE_HERMES_SESSION_KEY") or env.get("HERMES_SESSION_KEY") or f"agent-console-{slug}"
    safe_env = {}
    for key in SAFE_ENV_KEYS:
        value = env.get(key, "")
        safe_env[key] = {
            "present": bool(value),
            "value": "configured" if any(hint in key for hint in SECRET_KEY_HINTS) and value else value,
            "secret": any(hint in key for hint in SECRET_KEY_HINTS),
        }
    try:
        elevenlabs_api_key, api_key_source = elevenlabs_env_value(str(env_path.parent), "ELEVENLABS_API_KEY")
    except Exception:
        elevenlabs_api_key, api_key_source = "", "missing"
    safe_env["ELEVENLABS_API_KEY"] = {
        "present": bool(elevenlabs_api_key),
        "value": "configured" if elevenlabs_api_key else "",
        "secret": True,
        "source": safe_config_source(api_key_source),
        "encrypted": api_key_source.endswith("ELEVENLABS_API_KEY_ENC"),
    }
    safe_env["ELEVENLABS_API_KEY_ENC"] = {
        "present": any(env.get(name, "") for name in ("ELEVENLABS_API_KEY_ENC", f"{slug.upper().replace('-', '_')}_ELEVENLABS_API_KEY_ENC", "NEREUS_ELEVENLABS_API_KEY_ENC")),
        "value": "configured" if any(env.get(name, "") for name in ("ELEVENLABS_API_KEY_ENC", f"{slug.upper().replace('-', '_')}_ELEVENLABS_API_KEY_ENC", "NEREUS_ELEVENLABS_API_KEY_ENC")) else "",
        "secret": True,
    }
    return {
        "profileUrl": str(env_path.parent),
        "profileSlug": slug,
        "envPath": str(env_path),
        "envExists": env_path.exists(),
        "agent": meta,
        "apiUrl": api_url,
        "apiPort": str(port),
        "model": model,
        "sessionId": session_id,
        "sessionKey": session_key,
        "apiServerKeyConfigured": bool(env.get("API_SERVER_KEY") or os.environ.get("AGENT_CONSOLE_HERMES_API_KEY") or os.environ.get("API_SERVER_KEY")),
        "missionsEnabled": missions_enabled_for_env(env),
        "env": safe_env,
        "availableProfiles": available_profiles(),
    }


def available_profiles() -> list[dict[str, str]]:
    profiles: list[dict[str, str]] = []
    seen: set[str] = set()
    if SINGLE_PROFILE_DIR is not None:
        env_path = (SINGLE_PROFILE_DIR / ".env").resolve(strict=False)
        slug = SINGLE_PROFILE_DIR.name
        meta = metadata_for_profile(slug, read_dotenv(env_path))
        profiles.append({"slug": slug, "url": str(SINGLE_PROFILE_DIR), **meta})
        seen.add(str(SINGLE_PROFILE_DIR))
    try:
        dirs = sorted(path for path in PROFILES_ROOT.iterdir() if path.is_dir())
    except OSError:
        dirs = []
    for path in dirs:
        resolved = str(path.resolve(strict=False))
        if resolved in seen:
            continue
        slug = path.name
        meta = metadata_for_profile(slug, read_dotenv(path / ".env"))
        profiles.append({"slug": slug, "url": str(path), **meta})
    return profiles


def _read_json_file(path: Path) -> dict[str, Any]:
    try:
        data = json.loads(path.read_text(encoding="utf-8", errors="replace"))
        return data if isinstance(data, dict) else {}
    except (OSError, json.JSONDecodeError):
        return {}


def _safe_line(value: Any, limit: int = 220) -> str:
    text = re.sub(r"\s+", " ", str(value or "")).strip()
    if len(text) > limit:
        text = text[: limit - 1].rstrip() + "…"
    return text


def _frontmatter(text: str) -> dict[str, Any]:
    if not text.startswith("---"):
        return {}
    end = text.find("\n---", 3)
    if end == -1:
        return {}
    data: dict[str, Any] = {}
    current: str | None = None
    current_list: list[str] | None = None
    for raw in text[3:end].splitlines():
        if not raw.strip():
            continue
        item = re.match(r"^\s*-\s+(.*)$", raw)
        if item and current and current_list is not None:
            current_list.append(_safe_line(item.group(1), 60))
            continue
        match = re.match(r"^([A-Za-z_][\w-]*)\s*:\s*(.*)$", raw)
        if not match:
            continue
        if current and current_list is not None:
            data[current] = current_list
        current, value = match.group(1), match.group(2).strip()
        if value:
            data[current] = value.strip('"\'')
            current_list = None
        else:
            current_list = []
    if current and current_list is not None:
        data[current] = current_list
    return data


def _skill_file(folder: Path) -> Path | None:
    for name in ("SKILL.md", "skill.md", "Skill.md"):
        candidate = folder / name
        if candidate.is_file():
            return candidate
    return None


def _is_custom_skill(folder: Path, root: Path) -> bool:
    """Return True for Perseon-owned shared/profile custom skills only."""
    try:
        rel_parts = folder.relative_to(root).parts
    except ValueError:
        rel_parts = ()
    namespace = rel_parts[0] if rel_parts else ""
    if namespace in CUSTOM_SKILL_NAMESPACES:
        return True
    try:
        resolved = folder.resolve(strict=False)
        custom_root = CUSTOM_SKILLS_ROOT.resolve(strict=False)
        resolved.relative_to(custom_root)
        return True
    except (OSError, ValueError):
        return False


def agent_skills(profile_url: str = "") -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    root = env_path.parent / "skills"
    skills: list[dict[str, Any]] = []
    categories: dict[str, int] = {}
    if root.is_dir():
        try:
            entries = sorted((p for p in root.iterdir() if not p.name.startswith(".")), key=lambda p: p.name.lower())
        except OSError:
            entries = []
        for entry in entries:
            folders: list[tuple[Path, str]] = []
            direct = _skill_file(entry)
            if direct:
                folders.append((entry, ""))
            elif entry.is_dir():
                try:
                    for child in sorted((p for p in entry.iterdir() if not p.name.startswith(".")), key=lambda p: p.name.lower()):
                        if _skill_file(child):
                            folders.append((child, entry.name))
                except OSError:
                    pass
            for folder, category in folders:
                skill_file = _skill_file(folder)
                if not skill_file:
                    continue
                try:
                    stat = skill_file.stat()
                    raw = skill_file.read_text(encoding="utf-8", errors="replace")[:32768]
                    rel = folder.relative_to(root).as_posix()
                except OSError:
                    continue
                if not _is_custom_skill(folder, root):
                    continue
                front = _frontmatter(raw)
                category = str(front.get("category") or category or "").strip()
                categories[category or "uncategorized"] = categories.get(category or "uncategorized", 0) + 1
                is_symlink = folder.is_symlink()
                target_tail = ""
                if is_symlink:
                    try:
                        target_tail = os.readlink(folder).split("/")[-1]
                    except OSError:
                        target_tail = ""
                skills.append({
                    "slug": rel,
                    "name": _safe_line(front.get("name") or folder.name, 80),
                    "category": category,
                    "description": _safe_line(front.get("description") or "", 320),
                    "author": _safe_line(front.get("author") or "", 80),
                    "version": _safe_line(front.get("version") or "", 40),
                    "tags": front.get("tags") if isinstance(front.get("tags"), list) else [],
                    "isSymlink": is_symlink,
                    "targetTail": target_tail,
                    "modifiedAt": int(stat.st_mtime),
                })
    skills.sort(key=lambda item: ((item.get("category") or "~").lower(), item.get("name", "").lower()))
    namespaces = {str(s.get("slug", "")).split("/", 1)[0] for s in skills if str(s.get("slug", ""))}
    return {
        "profileSlug": slug,
        "root": str(root),
        "available": root.is_dir(),
        "totals": {"total": len(skills), "categories": len(categories), "namespaces": len(namespaces), "customOnly": True},
        "categories": categories,
        "skills": skills,
    }



WORKSPACE_MAX_ENTRIES = 300
WORKSPACE_MAX_SEARCH_RESULTS = 150
WORKSPACE_MAX_PREVIEW_BYTES = 220 * 1024
WORKSPACE_TEXT_EXTENSIONS = {
    ".md", ".markdown", ".txt", ".py", ".js", ".css", ".html", ".htm", ".json",
    ".yaml", ".yml", ".toml", ".ini", ".cfg", ".conf", ".sh", ".sql", ".csv", ".xml", ".svg",
    ".ts", ".tsx", ".jsx", ".mjs", ".cjs", ".log",
}
WORKSPACE_IMAGE_EXTENSIONS = {".png", ".jpg", ".jpeg", ".webp", ".gif", ".svg"}
WORKSPACE_LOCKED_NAMES = {".env", "id_rsa", "id_ed25519", "auth.json", "credentials", "credentials.json", "token", "tokens", "state.db"}
WORKSPACE_LOCKED_PARTS = {".ssh", ".gnupg", ".aws", ".cache", ".claude", ".hermes", ".openclaw", "secrets", "secret", "tokens", "token", "credentials", "credential", "private", "password", "__pycache__", "node_modules", ".venv", "venv", ".pytest_cache", ".mypy_cache", ".next", "dist", "build"}
WORKSPACE_LOCKED_EXTENSIONS = {".pem", ".key", ".p12", ".pfx", ".crt", ".sqlite", ".sqlite3", ".db"}


def profile_workspace_root(profile_url: str = "") -> tuple[str, Path]:
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    return slug, (env_path.parent / "workspace").resolve(strict=False)


def _workspace_resolve(profile_url: str = "", relative_path: str = "") -> tuple[str, Path, Path]:
    slug, root = profile_workspace_root(profile_url)
    rel = (relative_path or "").strip().strip("/")
    # Reject absolute paths and any parent-traversal component up front. `.absolute()`
    # does not collapse `..`, so a lexical `relative_to` check alone is fooled by
    # `../../..` and lets the browser escape the workspace. Legitimate navigation only
    # ever sends relative paths built from real directory entries, never `..`.
    if rel and (Path(rel).is_absolute() or ".." in Path(rel).parts):
        raise ValueError("Path escapes the selected agent workspace.")
    # Containment is otherwise checked against the lexical workspace path, not the fully
    # resolved target, because Hermes profile workspaces intentionally contain symlinks
    # back into the local workspace. Sensitive paths are still locked by name/extension
    # heuristics before preview.
    target = root / rel
    try:
        target.absolute().relative_to(root.absolute())
    except ValueError as exc:
        raise ValueError("Path escapes the selected agent workspace.") from exc
    return slug, root, target


def _workspace_relative(root: Path, path: Path) -> str:
    try:
        rel = path.absolute().relative_to(root.absolute()).as_posix()
    except ValueError:
        return "[outside-workspace]"
    return "" if rel == "." else rel


def _workspace_lock_reason(root: Path, path: Path) -> str | None:
    try:
        rel = path.absolute().relative_to(root.absolute())
    except ValueError:
        return "outside workspace"
    name = path.name.lower()
    if name in WORKSPACE_LOCKED_NAMES or name.startswith(".env"):
        return "sensitive filename"
    if path.suffix.lower() in WORKSPACE_LOCKED_EXTENSIONS:
        return "sensitive extension"
    for part in (p.lower() for p in rel.parts):
        if part in WORKSPACE_LOCKED_PARTS:
            return "sensitive/runtime directory"
        if any(term in part for term in ("secret", "credential", "password", "private", "token")):
            return "secret-like path"
    return None


def _workspace_kind(path: Path, is_dir: bool) -> str:
    if is_dir:
        return "folder"
    ext = path.suffix.lower()
    if ext in WORKSPACE_IMAGE_EXTENSIONS:
        return "image"
    if ext in WORKSPACE_TEXT_EXTENSIONS:
        return "text"
    mime = mimetypes.guess_type(path.name)[0] or ""
    if mime.startswith("audio/"):
        return "audio"
    if mime.startswith("video/"):
        return "video"
    if mime == "application/pdf":
        return "pdf"
    return "file"


def _workspace_entry(root: Path, path: Path) -> dict[str, Any] | None:
    try:
        st = path.stat()
    except OSError:
        return None
    is_dir = path.is_dir()
    locked = _workspace_lock_reason(root, path)
    ext = "" if is_dir else path.suffix.lower()
    kind = _workspace_kind(path, is_dir)
    preview_mode = "image" if (not is_dir and not locked and ext in WORKSPACE_IMAGE_EXTENSIONS) else "text" if (not is_dir and not locked and ext in WORKSPACE_TEXT_EXTENSIONS and st.st_size <= WORKSPACE_MAX_PREVIEW_BYTES) else None
    rel = _workspace_relative(root, path)
    return {
        "name": ("Restricted folder" if is_dir else "Restricted file") if locked else (path.name or "workspace"),
        "relativePath": "[restricted]" if locked else rel,
        "absolutePath": "[restricted]" if locked else str(path.absolute()),
        "kind": kind,
        "extension": ext,
        "isDirectory": is_dir,
        "sizeBytes": None if is_dir else st.st_size,
        "modifiedAt": int(st.st_mtime * 1000),
        "locked": bool(locked),
        "lockReason": locked,
        "previewable": bool(preview_mode),
        "previewMode": preview_mode,
    }


def _workspace_breadcrumbs(relative_path: str) -> list[dict[str, str]]:
    rel = (relative_path or "").strip().strip("/")
    crumbs = [{"label": "workspace", "path": ""}]
    current: list[str] = []
    for part in Path(rel).parts if rel else []:
        current.append(part)
        crumbs.append({"label": part, "path": Path(*current).as_posix()})
    return crumbs


def agent_workspace(profile_url: str = "", relative_path: str = "", query: str = "") -> dict[str, Any]:
    slug, root, target = _workspace_resolve(profile_url, relative_path)
    available = root.is_dir()
    if not available:
        return {"profileSlug": slug, "available": False, "root": str(root), "current": {}, "parent": "", "breadcrumbs": _workspace_breadcrumbs(""), "entries": [], "totals": {"shown": 0, "directories": 0, "files": 0}}
    if not target.exists():
        raise ValueError("Workspace path does not exist.")
    if _workspace_lock_reason(root, target):
        raise ValueError("Workspace path is blocked by safety policy.")
    if not target.is_dir():
        raise ValueError("Workspace path is not a directory.")
    q = (query or "").strip().lower()
    entries: list[dict[str, Any]] = []
    if q:
        for dirpath, dirnames, filenames in os.walk(target, followlinks=False):
            current = Path(dirpath)
            dirnames[:] = [d for d in sorted(dirnames) if not _workspace_lock_reason(root, current / d)]
            for name in sorted([*dirnames, *filenames]):
                candidate = current / name
                rec = _workspace_entry(root, candidate)
                if not rec:
                    continue
                haystack = f"{rec.get('name')} {rec.get('relativePath')} {rec.get('kind')}".lower()
                if q in haystack:
                    entries.append(rec)
                    if len(entries) >= WORKSPACE_MAX_SEARCH_RESULTS:
                        break
            if len(entries) >= WORKSPACE_MAX_SEARCH_RESULTS:
                break
    else:
        try:
            children = sorted(target.iterdir(), key=lambda child: (not child.is_dir(), child.name.lower()))
        except OSError as exc:
            raise ValueError(f"Cannot read workspace directory: {exc}") from exc
        for child in children[:WORKSPACE_MAX_ENTRIES]:
            rec = _workspace_entry(root, child)
            if rec:
                entries.append(rec)
    rel = _workspace_relative(root, target)
    parent = ""
    if rel:
        parent = Path(rel).parent.as_posix()
        if parent == ".":
            parent = ""
    return {
        "profileSlug": slug,
        "available": True,
        "root": str(root),
        "current": _workspace_entry(root, target) or {},
        "parent": parent,
        "breadcrumbs": _workspace_breadcrumbs(rel),
        "entries": entries,
        "query": query or "",
        "totals": {
            "shown": len(entries),
            "directories": sum(1 for item in entries if item.get("isDirectory")),
            "files": sum(1 for item in entries if not item.get("isDirectory")),
        },
    }


def agent_workspace_file(profile_url: str = "", relative_path: str = "") -> dict[str, Any]:
    _slug, root, target = _workspace_resolve(profile_url, relative_path)
    if not target.exists() or not target.is_file():
        raise ValueError("Workspace file does not exist.")
    reason = _workspace_lock_reason(root, target)
    if reason:
        raise ValueError(f"Preview blocked: {reason}.")
    ext = target.suffix.lower()
    if ext not in WORKSPACE_TEXT_EXTENSIONS:
        raise ValueError("Preview is limited to text, code, markdown, HTML, and image files.")
    st = target.stat()
    if st.st_size > WORKSPACE_MAX_PREVIEW_BYTES:
        raise ValueError("File exceeds preview size limit.")
    rec = _workspace_entry(root, target) or {}
    raw = target.read_text(encoding="utf-8", errors="replace")
    rec["content"] = raw[:WORKSPACE_MAX_PREVIEW_BYTES]
    rec["rawContent"] = rec["content"]
    rec["renderMode"] = "preview" if ext in {".md", ".markdown", ".html", ".htm"} else "raw"
    rec["readOnly"] = True
    return rec


def agent_workspace_image(profile_url: str = "", relative_path: str = "") -> tuple[bytes, str]:
    _slug, root, target = _workspace_resolve(profile_url, relative_path)
    if not target.exists() or not target.is_file():
        raise ValueError("Workspace image does not exist.")
    reason = _workspace_lock_reason(root, target)
    if reason:
        raise ValueError(f"Image blocked: {reason}.")
    if target.suffix.lower() not in WORKSPACE_IMAGE_EXTENSIONS:
        raise ValueError("Not an image file.")
    if target.stat().st_size > 20 * 1024 * 1024:
        raise ValueError("Image is too large for inline preview.")
    content_type = mimetypes.guess_type(target.name)[0] or "application/octet-stream"
    return target.read_bytes(), content_type


def _session_preview(text: str) -> str:
    clean = re.sub(r"\s+", " ", str(text or "")).strip()
    if not clean:
        return "No preview captured."
    return _safe_line(clean, 180)


def agent_sessions(profile_url: str = "", limit: int = 15) -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    state_db = env_path.parent / "state.db"
    sessions: list[dict[str, Any]] = []
    total = 0
    available = state_db.is_file()
    if available:
        try:
            con = sqlite3.connect(state_db)
            con.row_factory = sqlite3.Row
            total = int(con.execute("SELECT COUNT(*) FROM sessions WHERE archived = 0").fetchone()[0])
            rows = con.execute(
                """
                SELECT id, source, model, started_at, ended_at, end_reason,
                       message_count, tool_call_count, api_call_count,
                       estimated_cost_usd, actual_cost_usd, title
                FROM sessions
                WHERE archived = 0
                ORDER BY COALESCE(ended_at, started_at) DESC
                LIMIT ?
                """,
                (max(1, min(int(limit or 15), 20)),),
            ).fetchall()
            for row in rows:
                first_message = con.execute(
                    """
                    SELECT content FROM messages
                    WHERE session_id = ? AND role IN ('user', 'assistant') AND content IS NOT NULL AND content != ''
                    ORDER BY timestamp ASC LIMIT 1
                    """,
                    (row["id"],),
                ).fetchone()
                title = _safe_line(row["title"] or "", 90)
                preview = _session_preview(first_message["content"] if first_message else "")
                sessions.append({
                    "id": row["id"],
                    "shortId": str(row["id"] or "")[:8],
                    "source": _safe_line(row["source"] or "unknown", 40),
                    "model": _safe_line(row["model"] or "", 60),
                    "startedAt": int(float(row["started_at"] or 0) * 1000) if row["started_at"] else None,
                    "endedAt": int(float(row["ended_at"] or 0) * 1000) if row["ended_at"] else None,
                    "status": "active" if not row["ended_at"] else (row["end_reason"] or "ended"),
                    "messageCount": int(row["message_count"] or 0),
                    "toolCallCount": int(row["tool_call_count"] or 0),
                    "apiCallCount": int(row["api_call_count"] or 0),
                    "costUsd": row["actual_cost_usd"] if row["actual_cost_usd"] is not None else row["estimated_cost_usd"],
                    "title": title or preview,
                    "preview": preview,
                })
        except (OSError, sqlite3.Error, ValueError):
            sessions = []
            total = 0
        finally:
            try:
                con.close()  # type: ignore[name-defined]
            except Exception:
                pass
    active = sum(1 for item in sessions if item.get("status") == "active")
    return {
        "profileSlug": slug,
        "source": str(state_db),
        "available": available,
        "totals": {"total": total, "shown": len(sessions), "active": active},
        "sessions": sessions,
    }


def _message_text(value: Any, limit: int = 6000) -> str:
    """Coerce a messages.content cell (str or JSON multimodal list) to display text."""
    raw = str(value or "")
    stripped = raw.strip()
    if stripped.startswith("[") or stripped.startswith("{"):
        try:
            parsed = json.loads(stripped)
        except json.JSONDecodeError:
            parsed = None
        if isinstance(parsed, list):
            parts = []
            for part in parsed:
                if isinstance(part, dict):
                    text = part.get("text") or part.get("content") or ""
                    if text:
                        parts.append(str(text))
                elif isinstance(part, str):
                    parts.append(part)
            raw = "\n".join(parts) or raw
    raw = raw.strip()
    if len(raw) > limit:
        raw = raw[: limit - 1].rstrip() + "…"
    return raw


def _tool_call_names(value: Any) -> list[str]:
    try:
        parsed = json.loads(str(value or ""))
    except json.JSONDecodeError:
        return []
    names = []
    if isinstance(parsed, list):
        for call in parsed:
            if isinstance(call, dict):
                fn = call.get("function") or {}
                name = fn.get("name") if isinstance(fn, dict) else None
                names.append(str(name or call.get("name") or "tool"))
    return names[:6]


def agent_session_detail(profile_url: str = "", session_id: str = "", limit: int = 400) -> dict[str, Any]:
    """Read one session and its transcript from the selected profile state.db, read-only."""
    clean_id = str(session_id or "").strip()
    if not clean_id:
        raise ValueError("A session id is required.")
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    state_db = env_path.parent / "state.db"
    if not state_db.is_file():
        raise ValueError(f"No state.db found for profile '{slug}'.")
    con = sqlite3.connect(state_db)
    con.row_factory = sqlite3.Row
    try:
        row = con.execute(
            """
            SELECT id, source, model, started_at, ended_at, end_reason, title,
                   message_count, tool_call_count, api_call_count,
                   estimated_cost_usd, actual_cost_usd
            FROM sessions WHERE id = ?
            """,
            (clean_id,),
        ).fetchone()
        if not row:
            raise ValueError(f"Session not found: {clean_id}")
        msg_rows = con.execute(
            """
            SELECT role, content, tool_name, tool_calls, timestamp
            FROM messages
            WHERE session_id = ? AND active = 1
            ORDER BY timestamp ASC, id ASC
            """,
            (clean_id,),
        ).fetchall()
    finally:
        con.close()
    messages: list[dict[str, Any]] = []
    for msg in msg_rows:
        role = str(msg["role"] or "").lower()
        if role == "system":
            continue  # keep soul/system prompts out of the browser
        text = _message_text(msg["content"])
        tool_names = _tool_call_names(msg["tool_calls"])
        if role == "tool":
            messages.append({
                "kind": "tool",
                "role": role,
                "toolName": str(msg["tool_name"] or "tool"),
                "text": _safe_line(text, 260),
                "timestamp": int(float(msg["timestamp"] or 0) * 1000) if msg["timestamp"] else None,
            })
            continue
        if role == "assistant" and not text and tool_names:
            messages.append({
                "kind": "tool",
                "role": role,
                "toolName": ", ".join(tool_names),
                "text": "tool call",
                "timestamp": int(float(msg["timestamp"] or 0) * 1000) if msg["timestamp"] else None,
            })
            continue
        if not text:
            continue
        messages.append({
            "kind": "chat",
            "role": role,
            "text": text,
            "toolNames": tool_names,
            "timestamp": int(float(msg["timestamp"] or 0) * 1000) if msg["timestamp"] else None,
        })
    total_messages = len(messages)
    if total_messages > limit:
        messages = messages[-limit:]
    return {
        "profileSlug": slug,
        "source": str(state_db),
        "session": {
            "id": row["id"],
            "shortId": str(row["id"] or "")[:8],
            "source": _safe_line(row["source"] or "unknown", 40),
            "model": _safe_line(row["model"] or "", 60),
            "title": _safe_line(row["title"] or "", 120),
            "startedAt": int(float(row["started_at"] or 0) * 1000) if row["started_at"] else None,
            "endedAt": int(float(row["ended_at"] or 0) * 1000) if row["ended_at"] else None,
            "status": "active" if not row["ended_at"] else (row["end_reason"] or "ended"),
            "messageCount": int(row["message_count"] or 0),
            "toolCallCount": int(row["tool_call_count"] or 0),
            "apiCallCount": int(row["api_call_count"] or 0),
            "costUsd": row["actual_cost_usd"] if row["actual_cost_usd"] is not None else row["estimated_cost_usd"],
        },
        "totalMessages": total_messages,
        "shownMessages": len(messages),
        "messages": messages,
    }


def _backup_state_db(profile_dir: Path) -> str:
    """One dated safety copy of state.db per day before any destructive session change."""
    state_db = profile_dir / "state.db"
    backup = profile_dir / f"state.db.agent-console-backup-{time.strftime('%Y%m%d')}"
    if state_db.is_file() and not backup.exists():
        shutil.copy2(state_db, backup)
    return str(backup)


def gateway_api_base(profile_url: str = "") -> tuple[str, str]:
    """Return (base_url, api_key) for the selected profile's Hermes API server."""
    settings = gateway_settings(profile_url)
    api_key = settings["api_key"]
    if not api_key:
        raise RuntimeError("API_SERVER_KEY is not set for the selected Hermes profile.")
    base = settings["api_url"].split("/v1/", 1)[0].rstrip("/")
    return base, api_key


def delete_agent_session(profile_url: str, session_id: str) -> dict[str, Any]:
    """Delete one session through the profile's Hermes gateway, after a state.db backup."""
    clean_id = str(session_id or "").strip()
    if not clean_id or re.search(r"[\r\n\x00]", clean_id):
        raise ValueError("A valid session id is required.")
    env_path = profile_env_path(profile_url)
    backup_path = _backup_state_db(env_path.parent)
    base, api_key = gateway_api_base(profile_url)
    try:
        response = requests.delete(
            f"{base}/api/sessions/{urllib.parse.quote(clean_id, safe='')}",
            headers={"Authorization": f"Bearer {api_key}"},
            timeout=30,
        )
    except requests.RequestException as exc:
        raise RuntimeError(f"Hermes gateway delete failed: {exc}") from exc
    if response.status_code >= 400:
        raise RuntimeError(f"Hermes gateway delete error {response.status_code}: {response.text[:300]}")
    try:
        data = response.json()
    except ValueError:
        data = {}
    return {"id": clean_id, "deleted": bool(data.get("deleted", True)), "backup": backup_path}


def _human_cron(expr: str) -> str:
    parts = str(expr or "").split()
    if len(parts) != 5:
        return expr or "manual"
    minute, hour, dom, mon, dow = parts
    def hhmm() -> str:
        try:
            return f"{int(hour):02d}:{int(minute):02d}"
        except ValueError:
            return f"{hour}:{minute}"
    if minute.startswith("*/") and hour == dom == mon == dow == "*":
        return f"Every {minute[2:]} minutes"
    if minute == "0" and hour.startswith("*/") and dom == mon == dow == "*":
        return f"Every {hour[2:]} hours"
    if dom == mon == dow == "*":
        return f"Daily at {hhmm()}"
    if dom == "*" and mon == "*" and dow != "*":
        return f"Weekly at {hhmm()}"
    if mon == "*" and dow == "*" and dom != "*":
        return f"Monthly day {dom} at {hhmm()}"
    return expr


def _job_summary(prompt: str) -> str:
    lines = [re.sub(r"\s+", " ", line).strip() for line in str(prompt or "").splitlines() if line.strip()]
    for line in lines:
        low = line.lower()
        if low.startswith("load skill:") or low.startswith("description:") or line.startswith("#"):
            continue
        return _safe_line(line, 190)
    return _safe_line(lines[0] if lines else "", 190)


def agent_crons(profile_url: str = "") -> dict[str, Any]:
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    cron_file = env_path.parent / "cron" / "jobs.json"
    raw_jobs = _read_json_file(cron_file).get("jobs", []) if cron_file.is_file() else []
    jobs: list[dict[str, Any]] = []
    for raw in raw_jobs:
        if not isinstance(raw, dict):
            continue
        schedule = raw.get("schedule") or {}
        repeat = raw.get("repeat") or {}
        expr = schedule.get("expr") or raw.get("schedule_display") or ""
        enabled = bool(raw.get("enabled"))
        last_status = str(raw.get("last_status") or "")
        status = "disabled" if not enabled else ("failing" if last_status == "error" else ("healthy" if last_status == "ok" else "pending"))
        jobs.append({
            "id": str(raw.get("id") or ""),
            "name": _safe_line(raw.get("name") or "(unnamed)", 100),
            "enabled": enabled,
            "status": status,
            "scheduleExpr": expr,
            "scheduleDisplay": _human_cron(expr),
            "nextRunAt": str(raw.get("next_run_at") or ""),
            "lastRunAt": str(raw.get("last_run_at") or ""),
            "lastStatus": last_status,
            "lastError": _safe_line(raw.get("last_error") or raw.get("last_delivery_error") or "", 220),
            "skills": raw.get("skills") if isinstance(raw.get("skills"), list) else [],
            "script": str(raw.get("script") or ""),
            "noAgent": bool(raw.get("no_agent")),
            "deliver": str(raw.get("deliver") or ""),
            "completedRuns": int(repeat.get("completed") or 0) if isinstance(repeat, dict) else 0,
            "summary": _job_summary(str(raw.get("prompt") or "")),
        })
    jobs.sort(key=lambda item: (not item["enabled"], item["name"].lower()))
    return {
        "profileSlug": slug,
        "source": str(cron_file),
        "available": cron_file.is_file(),
        "totals": {
            "total": len(jobs),
            "enabled": sum(1 for j in jobs if j["enabled"]),
            "disabled": sum(1 for j in jobs if not j["enabled"]),
            "failing": sum(1 for j in jobs if j["status"] == "failing"),
        },
        "jobs": jobs,
    }


def agent_cron_detail(profile_url: str = "", job_id: str = "") -> dict[str, Any]:
    """Full detail for one profile-local cron job for the read-only automations surface."""
    clean_id = str(job_id or "").strip()
    if not clean_id:
        raise ValueError("A cron job id is required.")
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    cron_file = env_path.parent / "cron" / "jobs.json"
    raw_jobs = _read_json_file(cron_file).get("jobs", []) if cron_file.is_file() else []
    raw = next((j for j in raw_jobs if isinstance(j, dict) and str(j.get("id") or "") == clean_id), None)
    if raw is None:
        raise ValueError(f"Cron job not found: {clean_id}")
    schedule = raw.get("schedule") or {}
    repeat = raw.get("repeat") if isinstance(raw.get("repeat"), dict) else {}
    origin = raw.get("origin") if isinstance(raw.get("origin"), dict) else {}
    expr = schedule.get("expr") or raw.get("schedule_display") or ""
    enabled = bool(raw.get("enabled"))
    last_status = str(raw.get("last_status") or "")
    status = "disabled" if not enabled else ("failing" if last_status == "error" else ("healthy" if last_status == "ok" else "pending"))
    prompt = str(raw.get("prompt") or "")
    if len(prompt) > 20000:
        prompt = prompt[:20000].rstrip() + "\n… (truncated)"
    return {
        "profileSlug": slug,
        "source": str(cron_file),
        "job": {
            "id": clean_id,
            "name": _safe_line(raw.get("name") or "(unnamed)", 120),
            "enabled": enabled,
            "status": status,
            "state": str(raw.get("state") or ""),
            "scheduleExpr": str(expr),
            "scheduleDisplay": _human_cron(str(expr)),
            "scheduleKind": str(schedule.get("kind") or ""),
            "nextRunAt": str(raw.get("next_run_at") or ""),
            "lastRunAt": str(raw.get("last_run_at") or ""),
            "createdAt": str(raw.get("created_at") or ""),
            "lastStatus": last_status,
            "lastError": _safe_line(raw.get("last_error") or "", 600),
            "lastDeliveryError": _safe_line(raw.get("last_delivery_error") or "", 600),
            "skills": raw.get("skills") if isinstance(raw.get("skills"), list) else [],
            "toolsets": raw.get("enabled_toolsets") if isinstance(raw.get("enabled_toolsets"), list) else [],
            "script": str(raw.get("script") or ""),
            "noAgent": bool(raw.get("no_agent")),
            "deliver": str(raw.get("deliver") or ""),
            "model": str(raw.get("model") or ""),
            "workdir": str(raw.get("workdir") or ""),
            "originChat": _safe_line(origin.get("chat_name") or "", 60),
            "originPlatform": _safe_line(origin.get("platform") or "", 30),
            "completedRuns": int(repeat.get("completed") or 0),
            "pausedReason": _safe_line(raw.get("paused_reason") or "", 200),
            "prompt": prompt,
        },
    }


def agent_skill_detail(profile_url: str = "", skill_slug: str = "") -> dict[str, Any]:
    """Full detail for one profile skill for the read-only skills surface."""
    clean = str(skill_slug or "").strip().strip("/")
    if not clean or clean.startswith("/") or any(part in ("", "..", ".") for part in clean.split("/")):
        raise ValueError("A valid skill slug is required.")
    env_path = profile_env_path(profile_url)
    slug = env_path.parent.name
    root = env_path.parent / "skills"
    folder = root / clean
    if not folder.is_dir():
        raise ValueError(f"Skill not found: {clean}")
    skill_file = _skill_file(folder)
    if not skill_file:
        raise ValueError(f"No SKILL.md found for: {clean}")
    raw = skill_file.read_text(encoding="utf-8", errors="replace")[:32768]
    front = _frontmatter(raw)
    body = raw
    if raw.startswith("---"):
        end = raw.find("\n---", 3)
        if end != -1:
            body = raw[end + 4 :].lstrip("\n")
    if len(body) > 16000:
        body = body[:16000].rstrip() + "\n… (truncated)"
    is_symlink = folder.is_symlink()
    target = ""
    if is_symlink:
        try:
            target = os.readlink(folder)
        except OSError:
            target = ""
    entries: list[dict[str, str]] = []
    try:
        children = sorted(folder.iterdir(), key=lambda p: (not p.is_dir(), p.name.lower()))
    except OSError:
        children = []
    for child in children[:40]:
        if child.name.startswith("."):
            continue
        entries.append({"name": child.name, "kind": "directory" if child.is_dir() else "file"})
    try:
        modified_at = int(skill_file.stat().st_mtime)
    except OSError:
        modified_at = None
    return {
        "profileSlug": slug,
        "skill": {
            "slug": clean,
            "name": _safe_line(front.get("name") or folder.name, 100),
            "category": _safe_line(front.get("category") or (clean.split("/", 1)[0] if "/" in clean else ""), 60),
            "description": _safe_line(front.get("description") or "", 600),
            "author": _safe_line(front.get("author") or "", 80),
            "version": _safe_line(front.get("version") or "", 40),
            "license": _safe_line(front.get("license") or "", 40),
            "tags": front.get("tags") if isinstance(front.get("tags"), list) else [],
            "isSymlink": is_symlink,
            "target": target,
            "path": str(folder),
            "modifiedAt": modified_at,
            "body": body,
            "entries": entries,
        },
    }


def profile_env_value(profile_url: str, key: str) -> tuple[str, str]:
    env_path = profile_env_path(profile_url)
    value = read_dotenv(env_path).get(key, "")
    if value:
        return value, f"{env_path}:{key}"
    env_value = os.environ.get(key, "")
    if env_value:
        return env_value, key
    return "", "missing"


def gateway_settings(profile_url: str = "") -> dict[str, str]:
    config = agent_config(profile_url)
    env_path = Path(config["envPath"])
    env = read_dotenv(env_path)
    api_key = os.environ.get("AGENT_CONSOLE_HERMES_API_KEY") or env.get("API_SERVER_KEY") or os.environ.get("API_SERVER_KEY", "")
    return {
        "api_key": api_key,
        "api_url": str(config["apiUrl"]),
        "model": str(config["model"]),
        "session_id": str(config["sessionId"]),
        "session_key": str(config["sessionKey"]),
        "agent_name": str(config["agent"]["name"]),
    }


def read_dotenv_value(path: Path, key: str) -> str:
    """Read one key from a dotenv file without exporting or logging secrets."""
    try:
        for raw_line in path.read_text(encoding="utf-8", errors="ignore").splitlines():
            line = raw_line.strip()
            if not line or line.startswith("#") or "=" not in line:
                continue
            name, value = line.split("=", 1)
            if name.strip() != key:
                continue
            value = value.strip()
            if (value.startswith('"') and value.endswith('"')) or (value.startswith("'") and value.endswith("'")):
                value = value[1:-1]
            return value
    except OSError:
        return ""
    return ""


def coo_env_value(key: str) -> tuple[str, str]:
    """Resolve a COO-owned key from the COO profile dotenv first, then process env."""
    coo_value = read_dotenv_value(COO_ENV_PATH, key)
    if coo_value:
        return coo_value, f"{COO_ENV_PATH}:{key}"
    env_value = os.environ.get(key, "")
    if env_value:
        return env_value, key
    return "", "missing"


def transcription_api_key(profile_url: str = "") -> tuple[str, str]:
    """Resolve the transcription key, preferring the selected profile's own voice key,
    then the configured COO profile, then process-env fallbacks.

    This lets a per-agent VOICE_TOOLS_OPENAI_KEY (or OPENAI_API_KEY) in the selected
    profile's .env take effect, while still degrading gracefully to COO/process env
    when the selected profile has no key of its own."""
    sources: list[tuple[str, str]] = []
    if profile_url:
        try:
            env_path = profile_env_path(profile_url)
            env = read_dotenv(env_path)
            for key in ("VOICE_TOOLS_OPENAI_KEY", "OPENAI_API_KEY"):
                sources.append((f"{env_path}:{key}", env.get(key, "")))
        except ValueError:
            pass
    voice_tools_key, voice_tools_source = coo_env_value("VOICE_TOOLS_OPENAI_KEY")
    sources.extend([
        (voice_tools_source, voice_tools_key),
        ("AGENT_CONSOLE_OPENAI_API_KEY", os.environ.get("AGENT_CONSOLE_OPENAI_API_KEY", "")),
        ("NEREUS_OPENAI_API_KEY", os.environ.get("NEREUS_OPENAI_API_KEY", "")),
        ("OPENAI_API_KEY", os.environ.get("OPENAI_API_KEY", "")),
    ])
    for source, value in sources:
        if value:
            return value, source
    return "", "missing"


def safe_config_source(source: str) -> str:
    """Return a browser-safe label for a credential/config source."""
    if not source or source == "missing":
        return "missing"
    safe_env_names = {
        "AGENT_CONSOLE_OPENAI_API_KEY",
        "AGENT_CONSOLE_HERMES_API_KEY",
        "OPENAI_API_KEY",
        "ELEVENLABS_API_KEY",
        "ELEVENLABS_API_KEY_ENC",
        "ELEVENLABS_VOICE_ID",
        "VOICE_TOOLS_OPENAI_KEY",
        "API_SERVER_KEY",
    }
    if source in safe_env_names or source.startswith("AGENT_CONSOLE_"):
        return source
    if ".env" in source or "/" in source or "\\" in source:
        key = source.rsplit(":", 1)[-1] if ":" in source else "profile env"
        return f"profile env {key}"
    return "configured"


# The personality toggle is a delivery-intensity dial, NOT a persona swap. Each agent keeps
# the identity, role, and voice defined by its own Hermes soul; these prompts only control how
# dialled-up that existing personality is on a given reply. They must stay agent-agnostic.
BASE_PERSONALITY = (
    "The following is a delivery-intensity directive for this reply only. It does NOT change who you are: "
    "keep your own established identity, role, voice, and personality exactly as defined by your own system "
    "persona. This dial only controls how pronounced and expressive that same personality is. Never adopt a "
    "different character, name, or accent because of it. Accuracy, brevity, and useful next actions always "
    "outrank the performance."
)

PERSONALITY_MODES = {
    "normal": {
        "label": "Normal",
        "range": "Default toggle",
        "instruction": (
            "Intensity NORMAL. Speak in your own natural, default voice at its usual level: measured and "
            "understated. Keep any wit, flair, or edge subtle and occasional. Do not perform or exaggerate "
            "your own character."
        ),
    },
    "sharp": {
        "label": "Sharp",
        "range": "40 toggle",
        "instruction": (
            "Intensity SHARP. Dial your existing personality up a notch: more direct, more pronounced, sharper "
            "edges, and more willing to challenge weak thinking. Same character and same voice, simply more "
            "emphatic and confident."
        ),
    },
    "sassy": {
        "label": "Sassy",
        "range": "80 toggle",
        "instruction": (
            "Intensity MAX. Amplify your existing personality to its fullest, most expressive setting: bolder, "
            "more characterful, and more openly playful, leaning hard into your own natural voice. Stay fully "
            "in your own character and never insult the user."
        ),
    },
}

HTML = r"""<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
  <meta name="theme-color" content="#050506" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="apple-mobile-web-app-title" content="Agent Console" />
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="manifest" href="/site.webmanifest?v=20260716d" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=20260716d" />
  <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png?v=20260716d" />
  <title>Agent Console</title>
  <script>
    // Mark embedded (iframe) context as early as possible so the CSS can
    // suppress mobile safe-area padding that would otherwise show as a gap
    // above the agent-topbar inside the parent page (e.g. Perseon Console plugin).
    if (window.self !== window.top) {
      document.documentElement.classList.add("embedded");
    }
  </script>
  <style>
    :root{
      --bg-base:#000000;
      --bg-rail:#050505;
      --bg-rail-2:#080808;
      --bg-panel:#0b0b0c;
      --bg-card:#101012;
      --bg-card-soft:#141417;
      --bg-elev:#1a1a1f;
      --border-subtle:#1c1c20;
      --border:#26262c;
      --border-strong:#3a3a44;
      --text-main:#f1f1f3;
      --text-muted:#9a9aa3;
      --text-dim:#5c5c66;
      --text-faint:#3a3a44;
      --accent:#78E2FF;
      --accent-glow:color-mix(in srgb,var(--accent) 46%,transparent);
      --accent-soft:color-mix(in srgb,var(--accent) 13%,transparent);
      --agent-border:color-mix(in srgb,var(--accent) 38%,transparent);
      --agent-border-soft:color-mix(in srgb,var(--accent) 20%,transparent);
      --agent-surface:color-mix(in srgb,var(--accent) 8%,transparent);
      --agent-surface-strong:color-mix(in srgb,var(--accent) 14%,transparent);
      --agent-glow:color-mix(in srgb,var(--accent) 18%,transparent);
      --ok:#22c55e;
      --warn:#f59e0b;
      --err:#ef4444;
      --info:#60a5fa;
      --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"JetBrains Mono",Consolas,monospace;
      --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      --radius-sm:8px;
      --radius:12px;
      --radius-lg:16px;
      --sidebar-w:320px;
      --shadow-card:0 8px 24px rgba(0,0,0,.4);
      --shadow-pop:0 18px 60px rgba(0,0,0,.55);
    }

    *{box-sizing:border-box}
    html,body{min-height:100%;min-height:100dvh}
    body{
      margin:0;
      color:var(--text-main);
      font-family:var(--sans);
      font-size:14px;
      background:var(--bg-base);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;inset:0;pointer-events:none;z-index:0;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.2));
    }
    body::after{
      content:"";
      position:fixed;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(920px 420px at 42% -8%, var(--agent-surface-strong), transparent 62%),
        radial-gradient(760px 420px at 96% 12%, var(--agent-surface), transparent 58%),
        linear-gradient(180deg, transparent, rgba(0,0,0,.34));
    }

    button,input,select,textarea{font:inherit;color:inherit}
    button{cursor:pointer;background:transparent;border:0;padding:0}
    input,select,textarea{
      background:#070708;border:1px solid var(--border);border-radius:var(--radius-sm);
      color:var(--text-main);padding:8px 11px;min-width:0;
    }
    input:focus,select:focus,textarea:focus,button:focus-visible{
      outline:1px solid var(--accent);outline-offset:1px;
    }
    ::-webkit-scrollbar{width:10px;height:10px}
    ::-webkit-scrollbar-thumb{background:#1a1a1f;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
    ::-webkit-scrollbar-thumb:hover{background:#2a2a32;background-clip:padding-box;border:2px solid transparent}
    ::-webkit-scrollbar-track{background:transparent}

    .app-shell{position:relative;z-index:1;display:block;min-height:100vh;min-height:100dvh;background:transparent}.agent-topbar{position:sticky;top:0;z-index:80;height:42px;display:flex;align-items:stretch;background:rgba(13,14,18,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 34px rgba(0,0,0,.22)}.agent-topbar-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 16px;border-right:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-family:var(--mono);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.agent-topbar-brand-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 14px var(--agent-glow)}.agent-topbar-scroll{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:0 4px}.agent-topbar-link{position:relative;display:flex;align-items:center;flex:0 0 auto;padding:0 14px;color:var(--text-muted);font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;border-bottom:3px solid transparent;transition:color .15s,background .15s,border-color .15s}.agent-topbar-link:hover,.agent-topbar-link:focus-visible,.agent-topbar-link.active{color:#fff;background:rgba(255,255,255,.035);border-bottom-color:var(--accent);outline:none}.agent-topbar-meta{display:flex;align-items:center;flex:0 0 auto;padding:0 14px;border-left:1px solid rgba(255,255,255,.05);color:var(--accent);font-family:var(--mono);font-size:10.5px;font-weight:850;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 12px var(--agent-glow)}.anchor-target{scroll-margin-top:58px}
    .agent-sidebar-card{--agent-color:var(--accent);position:relative;min-height:286px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid var(--agent-border);border-radius:28px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--agent-color) 18%,transparent),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));color:var(--text-main);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px var(--agent-glow),0 24px 70px rgba(0,0,0,.26);box-sizing:border-box;padding:36px 22px 28px}
    .agent-sidebar-glow{position:absolute;inset:20px;border-radius:24px;background:radial-gradient(circle at center,color-mix(in srgb,var(--agent-color) 16%,transparent),transparent 58%);filter:blur(12px);opacity:.12;pointer-events:none}.agent-sidebar-avatar{position:relative;z-index:1;width:90px;height:90px;display:grid;place-items:center;margin-bottom:8px}.agent-sidebar-avatar canvas{display:block;width:90px;height:90px;image-rendering:pixelated}.agent-sidebar-card strong{position:relative;z-index:1;font-size:22px;letter-spacing:-.04em}.agent-sidebar-card em{position:relative;z-index:1;font-style:normal;color:var(--text-faint);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.agent-sidebar-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;color:var(--warn)}.agent-sidebar-status i{width:10px;height:10px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent),0 0 12px currentColor}.agent-sidebar-card small{position:relative;z-index:1;width:min(82%,240px);min-height:34px;color:var(--text-muted);font-family:var(--mono);font-size:12px;line-height:1.45;display:block;overflow:hidden}.agent-sidebar-foot{position:relative;z-index:1;margin-top:10px;padding-bottom:2px;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--text-faint)}.agent-sidebar-foot b{color:var(--text-main)}.agent-content-card{min-height:306px;margin-bottom:12px}.agent-content-card .agent-sidebar-avatar{width:112px;height:112px}.agent-content-card .agent-sidebar-avatar canvas{width:112px;height:112px}
    .agent-card-icon,.agent-card-settings{position:absolute;top:14px;z-index:2;width:32px;height:32px;padding:0;border-radius:9px;display:grid;place-items:center;background:rgba(10,10,12,.88);border:1px solid var(--agent-border-soft);color:var(--accent);box-shadow:0 8px 18px rgba(0,0,0,.24),0 0 14px var(--agent-glow)}.agent-card-icon{left:14px}.agent-card-settings{right:14px;color:#8b929e;border-color:rgba(148,163,184,.22);background:rgba(14,15,18,.86);box-shadow:0 8px 18px rgba(0,0,0,.24)}.agent-card-settings:hover{color:#c3cad5;border-color:rgba(148,163,184,.34);background:rgba(148,163,184,.075);filter:none}.agent-card-icon svg,.agent-card-settings svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.agent-card-icon svg.hermes-card-logo{width:18px;height:18px;fill:#fff;stroke:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.38))}.agent-card-icon svg.hermes-card-logo path{fill:#fff;stroke:none}
    .workspace{min-width:0;position:relative;background:transparent}.iconbtn{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border-subtle);background:transparent;font-family:var(--mono);font-size:12px;transition:background .15s,border-color .15s,color .15s}.iconbtn:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface)}.iconbtn svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}

    .settings-modal{position:fixed;inset:0;z-index:160;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}
    .settings-modal.open{display:flex}.settings-panel{width:min(720px,100%);max-height:calc(100dvh - 44px);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#101013,#070708);box-shadow:var(--shadow-pop);overflow:hidden}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.settings-head h2{margin:0;font-size:16px}.settings-head p{margin:3px 0 0;color:var(--text-dim);font-family:var(--mono);font-size:11px}.settings-body{display:grid;gap:14px;padding:18px;overflow:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-field{display:grid;gap:8px}.settings-field label{color:var(--text-faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}.settings-field input,.settings-field select{height:40px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--border-subtle);background:rgba(255,255,255,.015)}.settings-summary{border:1px solid var(--border-subtle);border-radius:14px;padding:12px;background:rgba(255,255,255,.025);display:grid;gap:8px}.settings-summary-row{display:flex;justify-content:space-between;gap:12px;color:var(--text-dim);font-family:var(--mono);font-size:11px}.settings-summary-row b{color:var(--text-main);font-weight:600;text-align:right;word-break:break-all}.settings-agent-card{border:1px solid var(--agent-border-soft);border-radius:16px;padding:14px;background:radial-gradient(260px 120px at 0% 0%,var(--agent-surface),transparent 70%),rgba(255,255,255,.018);display:grid;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.settings-agent-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-agent-card-head strong{color:var(--text-main);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.settings-agent-card-head span{min-width:0;max-width:52%;color:var(--text-faint);font-family:var(--mono);font-size:10px;line-height:1.35;text-align:right}.settings-color-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}.settings-color-row input[type="color"]{width:58px;height:42px;box-sizing:border-box;padding:3px;border-radius:14px;border-color:var(--agent-border);background:#050506;cursor:pointer}.settings-color-row input[type="text"]{width:100%;font-family:var(--mono);letter-spacing:.04em}.settings-env{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.env-pill{border:1px solid var(--border-subtle);border-radius:10px;padding:8px;background:rgba(255,255,255,.02);font-family:var(--mono);font-size:10px;color:var(--text-dim)}.env-pill.configured{border-color:var(--agent-border);color:var(--accent)}.env-pill span{display:block;color:var(--text-faint);margin-bottom:4px}.modal-status{min-height:18px;color:var(--warn);font-family:var(--mono);font-size:11px}
    .settings-secret-card{border-color:var(--agent-border-soft);background:radial-gradient(260px 120px at 0% 0%,var(--agent-surface),transparent 70%),rgba(255,255,255,.018)}.settings-secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.settings-secret-row input{min-width:0}.settings-secret-row .secondary{height:40px;padding:0 12px}.secret-icon-btn{height:40px!important;width:44px;padding:0;display:grid;place-items:center;color:var(--text-muted)}.secret-icon-btn svg{width:18px;height:18px}.secret-icon-btn.copied{color:var(--ok);border-color:rgba(34,197,94,.5)}.settings-secret-note{color:var(--text-faint);font-family:var(--mono);font-size:10.5px;line-height:1.45}.settings-secret-status{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.settings-secret-status .badge{height:24px}.settings-secret-status .badge.locked{color:#a7f3d0;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.settings-secret-status .badge.missing{color:#fde68a;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}
    .content{padding:24px 28px 42px}.page-stack{display:flex;flex-direction:column;gap:18px;max-width:1240px;margin:0 auto}.hero{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 24px;background:radial-gradient(800px 200px at 0% 0%,var(--agent-surface),transparent 60%),linear-gradient(180deg,var(--bg-card),var(--bg-rail-2));box-shadow:var(--shadow-card);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:22px;overflow:hidden;position:relative}.hero::after{content:"";position:absolute;right:-160px;top:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle, var(--agent-surface-strong), transparent 64%);pointer-events:none}.eyebrow{color:var(--accent);letter-spacing:.18em;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.86;margin:0 0 12px;letter-spacing:-.075em;font-weight:850}.hero p{margin:0;color:var(--text-muted);line-height:1.5;font-size:13.5px;max-width:760px}.hero .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.hero-profile-picker{display:grid;gap:10px}.hero-profile-select-wrap{position:relative}.hero-profile-select-wrap::after{content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-55%);color:var(--accent);pointer-events:none;font-size:16px}.hero-profile-select-wrap select{width:100%;height:44px;padding:0 38px 0 14px;border:1px solid var(--agent-border-soft);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));color:var(--text-main);font-family:var(--mono);font-size:12px;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(0,0,0,.18);appearance:none}.hero-profile-select-wrap select:focus{outline:none;border-color:var(--agent-border);box-shadow:0 0 0 3px var(--agent-surface),0 0 28px var(--agent-glow)}.hero-panel{position:relative;z-index:1;border:1px solid var(--border-subtle);border-radius:14px;background:rgba(5,5,7,.62);padding:14px;display:grid;gap:12px;align-content:start}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{border:1px solid var(--border-subtle);border-radius:10px;background:rgba(255,255,255,.025);padding:10px 11px;color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.metric b{display:block;margin-top:4px;color:var(--text-muted);font-size:11px;letter-spacing:.02em;text-transform:none}.badge{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:2px 8px;color:var(--text-muted);background:rgba(255,255,255,.02);font-size:11px;font-family:var(--mono);letter-spacing:.02em}.hero .badge.ok,.panel-head .badge.ok,.panel-head .badge.live-feed{color:#a7f3d0;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.panel-head .badge.offline{color:#fecaca;border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.10)}.badge.warn{color:#fde68a;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}.hero .badge.accent{color:var(--text-dim);border-color:var(--border);background:rgba(255,255,255,.02)}.hero .badge.accent.voice-ready{color:#a7f3d0;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.hero .badge.info{color:#bfdbfe;border-color:rgba(96,165,250,.35);background:rgba(96,165,250,.08)}.panel-head .badge.accent{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface)}.panel-head .badge.accent.live-feed{color:#a7f3d0;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.panel-head .badge.info{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface)}

    .dashboard-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:stretch}.dashboard-grid>.panel{min-height:0}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.panel-title{display:flex;align-items:center;gap:10px;min-width:0}.panel-title h2{margin:0;font-size:13px;letter-spacing:.02em}.panel-title p{margin:2px 0 0;color:var(--text-dim);font-family:var(--mono);font-size:10.5px}.panel-icon{width:34px;height:34px;border-radius:8px;background:#0a0a0c;border:1px solid var(--agent-border-soft);display:grid;place-items:center;color:var(--accent);box-shadow:0 0 22px var(--agent-glow);font-family:var(--mono);font-weight:900}.panel-icon.agent-corner-avatar{overflow:hidden;padding:2px}.panel-icon.agent-corner-avatar canvas{width:30px;height:30px;display:block;image-rendering:pixelated}.panel-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.panel-body{padding:16px}
    .avatar-stage{position:relative;min-height:226px;display:grid;place-items:center;border:1px solid var(--agent-border-soft);border-radius:28px;background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 24px 70px rgba(0,0,0,.26);overflow:hidden;isolation:isolate}.avatar-stage::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.04);border-radius:22px;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:18px 18px;mask-image:radial-gradient(circle, #000, transparent 72%)}.avatar-stage::after{display:none}.nereus-agent-grid-glow{display:none}.nereus-agent-grid-avatar{position:relative;z-index:1;width:132px;height:132px;display:grid;place-items:center;image-rendering:pixelated}.nereus-agent-grid-avatar canvas{display:block;width:132px;height:132px;image-rendering:pixelated}.agent-avatar canvas{display:block;width:30px;height:30px;image-rendering:pixelated}
    .voice-mode{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.voice-controls{display:grid;grid-template-columns:1fr;gap:10px}.voice-controls[hidden],.voice-note[hidden],.audio-setting-hidden{display:none!important}.voice-note{margin:0;padding:12px;border-radius:var(--radius);color:var(--text-muted);background:var(--agent-surface);border:1px solid var(--agent-border-soft);font-size:12px;line-height:1.45}.voice-action-grid{display:grid;grid-template-columns:1fr;gap:10px}.mic-icon{width:16px;height:16px;display:block}.voice-action-grid button{height:44px;width:100%;border:1px solid var(--border-subtle);background:rgba(255,255,255,.025);color:var(--text-muted)}.voice-action-grid button.armed,.voice-action-grid button.listening{background:var(--agent-surface-strong);border-color:var(--agent-border);color:var(--accent);box-shadow:0 0 18px var(--agent-glow)}.voice-action-grid button.listening{animation:pulseListen 1.2s ease-in-out infinite}@keyframes pulseListen{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 28px var(--agent-glow)}}
    .slider-wrap{padding:12px;border-radius:var(--radius);background:rgba(255,255,255,.025);border:1px solid var(--border-subtle);min-width:0}.slider-label{display:flex;justify-content:space-between;gap:10px;color:var(--text-faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.slider-label strong{color:var(--text-main);letter-spacing:.04em}.personality-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:14px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.07)}.personality-option{height:34px;padding:0 8px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.personality-option:hover{color:var(--text-muted);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.personality-option.active{color:var(--accent);border-color:var(--agent-border);background:linear-gradient(180deg,var(--agent-surface-strong),var(--agent-surface));box-shadow:0 0 18px var(--agent-glow),inset 0 1px 0 rgba(255,255,255,.06)}input[type="range"]{width:100%;accent-color:var(--accent)}select{width:100%;outline:none;font-size:13px}select:focus,textarea:focus{border-color:var(--agent-border);box-shadow:0 0 0 3px var(--agent-surface)}
    .chat-panel{min-width:0;display:flex;flex-direction:column;max-height:100%;min-height:0}.control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-bottom:14px}.input-row{display:grid;grid-template-columns:minmax(260px,1fr) 84px minmax(170px,200px);gap:10px;align-items:stretch;min-width:0}textarea{min-height:96px;max-height:220px;resize:none;border-radius:var(--radius);padding:15px 16px;background:#070708;outline:none;line-height:1.45}.status{min-height:22px;color:var(--warn);margin-top:12px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}.feed{display:flex;flex-direction:column;gap:10px;height:min(46vh,440px);min-height:320px;overflow:auto;padding:16px;background:radial-gradient(560px 180px at 50% 0%, var(--agent-surface), transparent 64%),linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),#09090a;background-size:auto,32px 32px,32px 32px,auto;border-top:1px solid var(--border-subtle)}.msg{border:1px solid var(--border-subtle);border-radius:var(--radius);padding:12px 14px;background:rgba(255,255,255,.025);white-space:pre-wrap;line-height:1.5;color:var(--text-main);box-shadow:0 8px 20px rgba(0,0,0,.16)}.msg .role{display:block;margin-bottom:7px;color:var(--text-faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.user{align-self:flex-end;width:min(760px,88%);border-color:var(--agent-border-soft);background:var(--agent-surface)}.bot{align-self:flex-start;width:min(860px,92%)}.mission{border-color:rgba(245,158,11,.26);background:rgba(245,158,11,.06)}.error{border-color:rgba(239,68,68,.45);color:#fecdd3}.msg.thinking{border-color:var(--agent-border-soft);background:linear-gradient(180deg,var(--agent-surface),rgba(255,255,255,.018));color:var(--text-muted)}.thinking-line{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--mono);font-size:12px;letter-spacing:.04em}.thinking-dots{display:inline-flex;gap:4px;align-items:center}.thinking-dots i{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px var(--agent-glow);opacity:.35;animation:thinkingDot 1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes thinkingDot{0%,80%,100%{transform:translateY(0);opacity:.32}40%{transform:translateY(-4px);opacity:1}}
    .btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--radius-sm);background:var(--accent);color:#02131a;font-weight:700;font-size:13px;border:0;letter-spacing:.01em;line-height:1;white-space:nowrap;cursor:pointer;font-family:inherit;transition:filter .12s,border-color .12s,background .12s,color .12s,transform .12s}.btn:hover,button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.btn.secondary,button.secondary,#chatBtn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);font-weight:600}.btn.secondary:hover,button.secondary:hover,#chatBtn:hover{background:var(--agent-surface);border-color:var(--agent-border);color:var(--accent)}.input-row button{height:96px;min-height:96px;padding:0 12px}#missionBtn{background:var(--accent);color:#02131a;border:0;white-space:normal;text-align:center;line-height:1.08;flex-direction:column;gap:5px}#missionBtn span{display:block}#missionBtn small{display:block;color:rgba(2,19,26,.72);font-family:var(--mono);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}#missionBtn:disabled small{color:var(--text-faint)}.chat-panel .panel-body{padding:16px 16px 0;flex:0 0 auto}.chat-panel .feed{flex:1 1 auto;min-height:0;height:auto;max-height:none}.personality-toggle button.personality-option{height:34px;padding:0 8px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;box-shadow:none}.personality-toggle button.personality-option:hover{color:var(--text-muted);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.personality-toggle button.personality-option.active{color:var(--accent);border-color:var(--agent-border);background:linear-gradient(180deg,var(--agent-surface-strong),var(--agent-surface));box-shadow:0 0 18px var(--agent-glow),inset 0 1px 0 rgba(255,255,255,.06)}
    .agent-card-controls{position:relative;z-index:2;width:100%;margin-top:16px;padding:12px;border:1px solid var(--agent-border-soft);border-radius:20px;background:linear-gradient(180deg,rgba(5,12,16,.82),rgba(5,5,7,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.20);backdrop-filter:blur(10px)}.agent-card-controls .mic-engine-wrap{padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.025);border-color:var(--agent-border-soft)}.agent-card-controls .slider-label{margin-bottom:8px;font-size:9.5px;letter-spacing:.16em}.agent-card-controls .slider-label strong{font-size:9.5px;font-weight:800;letter-spacing:.11em;color:var(--text-muted)}.agent-card-controls select{height:38px;border-radius:12px;background:rgba(3,5,7,.72);border-color:var(--agent-border-soft);color:var(--text-muted);font-size:12px}.agent-card-controls .voice-note{font-size:10.5px;text-align:left}.voice-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.voice-action-grid button{width:100%;min-width:0;height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:rgba(236,246,250,.45);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .14s ease,filter .14s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.voice-action-grid button:hover{filter:brightness(1.08);transform:translateY(-1px);color:var(--text-muted);border-color:rgba(255,255,255,.18)}.speaker-icon,.mic-icon,.recording-icon{width:17px;height:17px;display:block;flex:0 0 auto}.voice-action-grid button.armed#audioBtn{color:var(--accent);border:1px solid var(--agent-border);background:linear-gradient(180deg,var(--agent-surface-strong),var(--agent-surface));box-shadow:0 0 0 1px var(--agent-border-soft),0 0 24px var(--agent-glow),inset 0 1px 0 rgba(255,255,255,.07)}.voice-action-grid button.armed#micBtn{color:var(--accent);border:1px solid var(--agent-border);background:linear-gradient(180deg,var(--agent-surface-strong),var(--agent-surface));box-shadow:0 0 0 1px var(--agent-border-soft),0 0 26px var(--agent-glow),inset 0 1px 0 rgba(255,255,255,.07)}.recording-icon .recording-dot{transform-origin:center;animation:recordPulse 1.15s ease-in-out infinite}@keyframes recordPulse{0%,100%{opacity:.9;transform:scale(.86);filter:drop-shadow(0 0 2px rgba(255,59,76,.45))}50%{opacity:1;transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(255,59,76,.85))}}
    .agent-card-actions{position:relative;z-index:2;width:100%;margin-top:10px}.mic-settings-toggle{position:relative;z-index:2;margin-top:4px;height:auto;min-height:28px;padding:3px 8px;border:0;background:transparent;color:var(--text-faint);font-family:var(--mono);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-decoration-color:rgba(255,255,255,.16);text-underline-offset:4px}.mic-settings-toggle:hover{background:transparent;color:var(--accent);text-decoration-color:var(--agent-border);filter:none;transform:none}.agent-card-controls[hidden]{display:none!important}.agent-card-controls-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--text-faint);font-family:var(--mono);font-size:9.5px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.agent-card-controls-head .iconbtn{width:26px;height:26px;border-radius:8px;font-size:16px;line-height:1}.agent-card-controls .mic-note{margin-top:10px}.agent-card-controls .mic-engine-wrap{margin:0}.agent-card-controls .voice-controls{margin-top:10px}

    .ops-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}.sessions-panel{grid-column:1/-1}.sessions-panel .ops-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-height:360px}.sessions-panel .ops-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ops-panel .panel-body{padding:0}.cron-panel,.skills-panel{height:477px;min-height:477px;max-height:477px;display:flex;flex-direction:column}.cron-panel .panel-body,.skills-panel .panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cron-panel .ops-list,.skills-panel .ops-list{flex:1 1 auto;min-height:0;max-height:none}.ops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);background:rgba(255,255,255,.014)}.ops-stat{border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.02);font-family:var(--mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase}.ops-stat b{display:block;margin-top:3px;color:var(--text-main);font-size:14px;letter-spacing:.01em;text-transform:none}.ops-list{display:grid;gap:8px;max-height:380px;overflow:auto;padding:12px}.ops-category{margin-bottom:8px;border:1px solid transparent;border-radius:12px;background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}.ops-category[open]{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.ops-category-head{list-style:none;cursor:pointer;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:#121215;box-shadow:0 -14px 0 0 var(--bg-card),0 6px 16px rgba(0,0,0,.35)}.ops-category-head::-webkit-details-marker{display:none}.ops-category-head:hover{background:#17171c}.ops-category[open]>.ops-category-head{background:#141419}.ops-category-head h3{margin:0;color:var(--text-main);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ops-category-head span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;margin-left:auto;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-family:var(--mono);font-size:10px;background:rgba(255,255,255,.05)}.ops-cat-arrow{width:13px;height:13px;color:#fff;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.ops-category[open] .ops-cat-arrow{transform:rotate(90deg);color:#fff}.ops-category[open] .ops-category-head h3{color:var(--text-main)}.ops-category-list{display:grid;gap:8px;padding:6px 12px 14px}.ops-card{border:1px solid var(--border-subtle);border-radius:13px;background:rgba(255,255,255,.022);padding:10px 11px;display:grid;gap:7px}.ops-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ops-card h3{margin:0;font-size:12.5px;letter-spacing:-.01em;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sessions-panel .ops-card h3{-webkit-line-clamp:1}.ops-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--text-dim);font-family:var(--mono);font-size:10px}.ops-desc{margin:0;color:var(--text-muted);font-size:11.5px;line-height:1.42}.ops-empty{padding:18px;color:var(--text-dim);font-family:var(--mono);font-size:11px}.ops-empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:var(--text-dim);border:1px dashed var(--agent-border-soft);border-radius:15px;background:radial-gradient(220px 120px at 50% 30%,var(--agent-surface),transparent 70%),rgba(255,255,255,.012);font-family:var(--mono)}.ops-empty-state svg{width:34px;height:34px;display:block;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.86;filter:drop-shadow(0 0 12px var(--agent-glow))}.ops-empty-state strong{color:var(--text-main);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ops-empty-state span{max-width:260px;font-size:11px;line-height:1.45;color:var(--text-faint)}.status-pill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-family:var(--mono);font-size:9.5px;color:var(--text-faint);white-space:nowrap}.status-pill.healthy,.status-pill.enabled{color:#bbf7d0;border-color:rgba(34,197,94,.34)}.status-pill.pending{color:#fde68a;border-color:rgba(245,158,11,.34)}.status-pill.failing{color:#fecdd3;border-color:rgba(239,68,68,.42)}.status-pill.disabled{color:var(--text-dim)}.ops-source{padding:9px 14px 12px;border-top:1px solid var(--border-subtle);background:rgba(5,5,7,.52);color:var(--text-dim);font-family:var(--mono);font-size:10px;line-height:1.35;word-break:break-all}

    .workspace-browser-panel{grid-column:1/-1}.workspace-browser-panel .panel-body{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:12px;min-height:460px;height:calc(100dvh - 96px)}.workspace-browser-panel:not([open])>.panel-head{border-bottom:0}.workspace-file-pane{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-subtle);border-radius:14px;background:rgba(255,255,255,.014)}.workspace-file-head{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--border-subtle);background:rgba(255,255,255,.018)}.workspace-file-head-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.workspace-file-head-row .workspace-preview-title{min-width:0}.workspace-file-head-row .workspace-preview-title h3{margin:0;font-size:13px}.workspace-file-head-row .workspace-preview-title p{margin:4px 0 0;color:var(--text-dim);font-family:var(--mono);font-size:10.5px}.workspace-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:14px;background:rgba(255,255,255,.014)}.workspace-crumbs{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;overflow:auto;padding:2px 0}.workspace-crumbs button{height:28px;padding:0 9px;border:1px solid var(--border-subtle);border-radius:999px;background:rgba(255,255,255,.018);color:var(--text-muted);font-family:var(--mono);font-size:10.5px}.workspace-crumbs button:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface)}.workspace-search{display:flex;gap:8px;align-items:center}.workspace-search input{height:32px;min-width:0;width:100%;font-family:var(--mono);font-size:11px}.workspace-search button{height:32px;flex:0 0 auto}.workspace-browser-layout{display:grid;grid-template-columns:var(--workspace-left,30%) 8px minmax(0,1fr);gap:8px;min-height:0;height:100%}.workspace-resize-handle{align-self:stretch;display:grid;place-items:center;cursor:col-resize;border-radius:8px;background:transparent;border:0;transition:background .15s}.workspace-resize-handle .grip{display:block;width:3px;height:42px;border-radius:3px;background:var(--border-subtle);transition:background .15s,transform .15s,box-shadow .15s}.workspace-resize-handle:hover .grip,.workspace-resize-handle:focus-visible .grip,body.workspace-resizing .workspace-resize-handle .grip{background:var(--accent);transform:scaleY(1.35);box-shadow:0 0 14px var(--agent-glow)}body.workspace-resizing{cursor:col-resize;user-select:none}.workspace-file-list{flex:1;min-height:0;height:auto;overflow:auto;background:transparent}.workspace-preview{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-subtle);border-radius:14px;background:rgba(255,255,255,.014)}.workspace-row{width:100%;height:auto;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);text-align:left;border-radius:0}.workspace-row:hover,.workspace-row.active{border-color:var(--agent-border);background:var(--agent-surface);color:var(--text-main);filter:none;transform:translateY(-1px)}.workspace-row.locked{opacity:.66}.workspace-file-icon{grid-row:1 / span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:#060607;color:var(--text-muted)}.workspace-file-icon svg{width:20px;height:20px;display:block}.workspace-row.dir .workspace-file-icon{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25)}.workspace-file-main{grid-column:2;grid-row:1;min-width:0}.workspace-file-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--text-main)}.workspace-file-main em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--text-faint);margin-top:2px}.workspace-row-tags{grid-column:2;grid-row:2;display:flex;gap:5px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.workspace-row-tags .badge{font-size:10px;padding:1px 6px}.workspace-row-tags .badge.preview-badge{color:var(--accent);border-color:rgba(120,226,255,.35);background:rgba(120,226,255,.08)}.workspace-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border-subtle);background:rgba(255,255,255,.018)}.workspace-preview-title{min-width:0}.workspace-preview-title h3{margin:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-preview-title p{margin:4px 0 0;color:var(--text-dim);font-family:var(--mono);font-size:10.5px;word-break:break-all}.workspace-preview-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.workspace-preview-body{padding:12px;min-height:0;flex:1;display:flex;flex-direction:column;overflow:auto}.workspace-preview-body pre{box-sizing:border-box;flex:1;min-height:100%;margin:0;max-height:none;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--text-muted);background:#070708;border:1px solid var(--border-subtle);border-radius:12px;padding:12px}.workspace-preview-body .html-preview-frame{box-sizing:border-box;display:block;flex:1;min-height:100%;height:100%;width:100%;border:1px solid var(--border-subtle);border-radius:12px;background:#fff}.workspace-preview-body img{display:block;max-width:100%;max-height:100%;margin:0 auto;border-radius:12px;border:1px solid var(--border-subtle);background:#050506}.workspace-md-preview{box-sizing:border-box;flex:1;min-height:100%;width:100%;overflow:auto;padding:16px;border:1px solid var(--border-subtle);border-radius:12px;background:rgba(255,255,255,.018);color:var(--text-muted);line-height:1.6;font-size:13px}.workspace-md-preview h1,.workspace-md-preview h2,.workspace-md-preview h3{color:var(--text-main);margin:0 0 10px}.workspace-md-preview code{font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--accent)}.workspace-source{color:var(--text-faint);font-family:var(--mono);font-size:10px;word-break:break-all;padding:0 12px 12px}.workspace-empty{padding:18px;color:var(--text-dim);font-family:var(--mono);font-size:11px}.workspace-view-toggle{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border-subtle);border-radius:999px;background:rgba(0,0,0,.24)}.workspace-view-toggle button{height:26px;padding:0 9px;border-radius:999px;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:10px}.workspace-view-toggle button.active{background:var(--agent-surface-strong);color:var(--accent);box-shadow:none}.workspace-expand-btn{display:none;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:10px;background:rgba(255,255,255,.022);color:var(--text-muted);padding:0}.workspace-expand-btn svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.workspace-expand-btn:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface)}.workspace-modal{z-index:170}.workspace-modal[hidden]{display:none!important}.workspace-modal-shell{width:min(960px,100%);display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.workspace-modal-head h2{margin:0;font-size:16px;color:var(--text-main);word-break:break-word}.workspace-modal-head p{margin:3px 0 0;color:var(--text-dim);font-family:var(--mono);font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-modal-body{flex:1;min-height:0;overflow:auto;padding:16px 18px 18px;display:flex;align-content:start;background:radial-gradient(560px 180px at 50% 0%,var(--agent-surface),transparent 64%),#070708;border-top:0}.workspace-modal-body pre{box-sizing:border-box;width:100%;min-height:100%;margin:0;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;background:#050506;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12px;line-height:1.55}.workspace-modal-body .workspace-md-preview{box-sizing:border-box;width:100%;min-height:100%;max-height:none}.workspace-modal-body .html-preview-frame--modal{flex:1;width:100%;height:auto;max-height:none;min-height:calc(100dvh - 160px);border-radius:12px;background:#fff;border:1px solid var(--border)}body.modal-open{overflow:hidden}@media (max-width:900px){.workspace-browser-layout{grid-template-columns:1fr}.workspace-resize-handle{display:none}.workspace-search{flex-wrap:wrap}.workspace-search input{width:min(100%,320px)}}
    .workspace-nav-group{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;flex-wrap:nowrap}.workspace-nav-btn,.workspace-action-btn{height:30px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:999px;background:rgba(255,255,255,.018);color:var(--text-muted);font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.04em}.workspace-icon-btn{width:32px;height:32px;padding:0;border-radius:9px;display:grid;place-items:center}.workspace-icon-btn svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.workspace-nav-btn:hover,.workspace-action-btn:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface);filter:none}.workspace-nav-btn:disabled{opacity:.42;cursor:not-allowed;color:var(--text-dim);border-color:var(--border-subtle);background:rgba(255,255,255,.012)}.workspace-source-footer{margin:0 -12px -12px;border-top:1px solid var(--border-subtle);background:rgba(5,5,7,.52);padding:9px 14px 12px;color:var(--text-dim);font-family:var(--mono);font-size:10px;line-height:1.35;word-break:break-all}.workspace-copy-row{grid-column:3;grid-row:1 / span 2;align-self:center;width:30px;height:30px;padding:0;border-radius:9px;border:1px solid var(--border-subtle);background:rgba(255,255,255,.018);color:var(--text-dim);font-family:var(--mono);font-size:12px}.workspace-copy-row:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface);filter:none;transform:none}.workspace-row.copied,.workspace-action-btn.copied,.workspace-nav-btn.copied{border-color:var(--agent-border)!important;background:var(--agent-surface-strong)!important;color:var(--accent)!important}.workspace-preview-actions .workspace-action-btn{display:inline-flex;height:32px;border-radius:10px}.workspace-copy-preview-btn{width:32px;padding:0}.workspace-copy-preview-btn svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.workspace-preview-actions .workspace-action-btn[disabled]{display:none}.workspace-file-list .workspace-row{grid-template-columns:36px minmax(0,1fr) 32px}.workspace-file-list .workspace-row .workspace-row-tags{padding-right:2px}.workspace-browser-panel .workspace-browser-layout{height:100%}@media (max-width:900px){.workspace-toolbar{grid-template-columns:1fr}.workspace-file-head-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.workspace-nav-group{justify-content:flex-end}.workspace-search{width:100%;flex-wrap:wrap}.workspace-crumbs{width:100%;margin-top:0;padding:2px 0}}
    .ops-tabs{display:grid;gap:12px}.ops-tab-list{display:grid;grid-template-columns:repeat(var(--ops-tab-count,4),minmax(0,1fr));gap:10px;align-items:stretch}.ops-tab.panel-head{width:100%;height:auto;min-height:66px;padding:14px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);color:var(--text-main);box-shadow:var(--shadow-card);text-align:left;font-weight:inherit;letter-spacing:normal;line-height:normal;white-space:normal}.ops-tab.panel-head:hover{filter:none;transform:translateY(-1px);border-color:var(--agent-border);background:linear-gradient(180deg,var(--agent-surface),transparent)}.ops-tab.panel-head.active{border-color:var(--agent-border);background:linear-gradient(180deg,var(--agent-surface-strong),var(--agent-surface));box-shadow:0 0 0 1px var(--agent-border-soft),var(--shadow-card),0 0 24px var(--agent-glow)}.ops-tab .badge{flex:0 0 auto}.ops-tab-content{min-width:0}.ops-tab-panel:not(.active){display:none!important}.ops-tab-panel.active{display:flex;flex-direction:column}.sessions-panel.ops-tab-panel,.workspace-browser-panel.ops-tab-panel,.cron-panel.ops-tab-panel,.skills-panel.ops-tab-panel{grid-column:auto}.sessions-panel.ops-tab-panel,.cron-panel.ops-tab-panel,.skills-panel.ops-tab-panel{height:calc(100dvh - 284px);min-height:477px;max-height:none}.sessions-panel.ops-tab-panel .panel-body,.cron-panel.ops-tab-panel .panel-body,.skills-panel.ops-tab-panel .panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sessions-panel.ops-tab-panel .ops-list,.cron-panel.ops-tab-panel .ops-list,.skills-panel.ops-tab-panel .ops-list{flex:1 1 auto;min-height:0;max-height:none}.cron-panel.ops-tab-panel .ops-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.skills-panel.ops-tab-panel .ops-list{grid-template-columns:1fr;align-content:start}.skills-panel.ops-tab-panel .ops-category-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.workspace-browser-panel.ops-tab-panel .panel-body{height:calc(100dvh - 284px);min-height:477px}.ops-tab-panel>.panel-body{border-top:0}@media (max-width:1080px){.ops-tab-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-browser-panel.ops-tab-panel .panel-body{height:auto;min-height:520px}}@media (max-width:640px){.ops-tab-list{grid-template-columns:1fr}.ops-tab.panel-head{min-height:60px}.cron-panel.ops-tab-panel .ops-list,.skills-panel.ops-tab-panel .ops-list,.skills-panel.ops-tab-panel .ops-category-list{grid-template-columns:1fr}}
    summary.panel-toggle{cursor:pointer;user-select:none;list-style:none}summary.panel-toggle::-webkit-details-marker{display:none}summary.panel-toggle:hover{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}.panel-head-side{display:inline-flex;align-items:center;gap:10px}.panel-collapse-arrow{width:14px;height:14px;flex:0 0 auto;color:#fff;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}details[open]>summary .panel-collapse-arrow{transform:rotate(90deg)}details.ops-panel:not([open])>summary.panel-head{border-bottom:0}
    .session-card,.clickable-card{cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease}.session-card:hover,.clickable-card:hover{border-color:var(--agent-border);background:var(--agent-surface);transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.28)}.session-card:focus-visible,.clickable-card:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.session-open-icon{width:13px;height:13px;flex:0 0 auto;margin-left:auto;color:var(--text-faint);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:color .15s,transform .15s}.session-card:hover .session-open-icon,.clickable-card:hover .session-open-icon{color:var(--accent);transform:translateX(2px)}
    .mobile-back-btn{display:none;width:38px;height:38px;min-width:38px;padding:0;border-radius:12px;border:1px solid var(--border-subtle);background:rgba(255,255,255,.022);color:var(--text-muted)}.mobile-back-btn svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.mobile-back-btn:hover{color:var(--accent);border-color:var(--agent-border);background:var(--agent-surface);filter:none;transform:none}

    .detail-panel{width:min(780px,100%);display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.detail-body{overflow:auto;padding:16px 18px 18px;display:grid;gap:14px;align-content:start}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-kv{border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.02);min-width:0}.detail-kv dt{color:var(--text-faint);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.detail-kv dd{margin:0;color:var(--text-main);font-size:12px;line-height:1.4;word-break:break-word}.detail-kv dd.mono{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.detail-label{color:var(--text-faint);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.detail-section{min-width:0}.detail-pre{margin:0;padding:12px 13px;border:1px solid var(--border-subtle);border-radius:12px;background:#070708;color:var(--text-muted);font-family:var(--mono);font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.detail-summary{margin:0;color:var(--text-muted);font-size:12.5px;line-height:1.5}.detail-tags{display:flex;flex-wrap:wrap;gap:5px}.detail-entries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;font-family:var(--mono);font-size:11px;color:var(--text-muted)}.detail-entries li{border:1px solid var(--border-subtle);border-radius:8px;padding:5px 9px;background:rgba(255,255,255,.014);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-entries li.is-dir{color:var(--accent)}
    @media (max-width:840px){.detail-grid{grid-template-columns:1fr}}
    .session-panel{width:min(880px,100%);display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.session-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;color:var(--text-dim);font-family:var(--mono);font-size:10.5px}.session-head-meta span{white-space:nowrap}.session-feed{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:220px;max-height:52vh;overflow:auto;padding:16px 18px;background:radial-gradient(560px 180px at 50% 0%, var(--agent-surface), transparent 64%),linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),#09090a;background-size:auto,32px 32px,32px 32px,auto;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.session-tool{align-self:stretch;display:flex;align-items:baseline;gap:8px;padding:6px 12px;border:1px dashed rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.014);color:var(--text-dim);font-family:var(--mono);font-size:10.5px;line-height:1.4}.session-tool b{color:var(--text-muted);font-weight:700;white-space:nowrap}.session-tool span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .session-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:14px 18px 4px}.session-composer textarea{min-height:56px;max-height:140px}.session-composer button{height:auto;min-height:56px;padding:0 16px}.session-modal-status{min-height:18px;padding:6px 18px 0;color:var(--warn);font-family:var(--mono);font-size:11px}.btn.danger,button.danger{background:rgba(239,68,68,.10);color:#fecdd3;border:1px solid rgba(239,68,68,.42);font-weight:600}.btn.danger:hover,button.danger:hover{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.62)}.session-actions-left{margin-right:auto;display:flex;gap:10px}.settings-section-card{border:1px solid var(--agent-border-soft);border-radius:18px;background:radial-gradient(420px 110px at 0% 0%,var(--agent-surface),transparent 66%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.settings-section-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-section-card-head strong{display:block;color:var(--text-main);font-size:13px;letter-spacing:.02em}.settings-section-card-head div>span{color:var(--text-dim);font-family:var(--mono);font-size:10px;line-height:1.4}.settings-section-card-head .badge.ok{color:#a7f3d0;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.settings-section-card-head .badge.warn{color:#fde68a;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}.section-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-single-toggle{width:100%}.section-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 11px;border:1px solid var(--border-subtle);border-radius:15px;background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.section-toggle:hover{border-color:var(--agent-border);background:var(--agent-surface);box-shadow:0 10px 24px rgba(0,0,0,.20);transform:translateY(-1px)}.section-toggle-copy{display:grid;gap:3px;min-width:0}.section-toggle-copy b{color:var(--text-main);font-size:12.5px}.section-toggle-copy small{color:var(--text-dim);font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.section-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;flex:0 0 auto;width:44px;height:25px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:rgba(148,163,184,.12);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);transition:background .15s,border-color .15s,box-shadow .15s}.toggle-track::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#94a3b8;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .16s ease,background .16s ease}.section-toggle input:checked+.toggle-track{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 58%,transparent),0 0 18px color-mix(in srgb,var(--accent) 46%,transparent),inset 0 1px 3px rgba(255,255,255,.32)}.section-toggle input:checked+.toggle-track::after{transform:translateX(19px);background:#f8fdff;box-shadow:0 2px 10px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.46)}.section-toggle:has(input:checked){border-color:var(--agent-border-soft);background:linear-gradient(180deg,var(--agent-surface),rgba(255,255,255,.018))}.ops-tab[hidden],.ops-tab-panel[hidden],.agent-topbar-link[hidden]{display:none!important}@media (max-width:640px){.section-toggle-grid{grid-template-columns:1fr}}

    .sessions-console-body{padding:0!important;min-height:0}.sessions-chat-layout{display:grid;grid-template-columns:var(--sessions-left,30%) 8px minmax(0,1fr);gap:8px;min-height:0;height:100%;overflow:hidden}.sessions-rail{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:14px;background:rgba(255,255,255,.012);overflow:hidden}.sessions-rail .ops-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;border-bottom:1px solid var(--border-subtle)}.sessions-rail .ops-list{display:flex;flex-direction:column;gap:7px;flex:1 1 auto;min-height:0;max-height:none;overflow:auto;padding:10px}.sessions-rail .ops-source{border-top:1px solid var(--border-subtle);padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sessions-rail .session-card{display:grid;gap:6px;padding:9px 10px;border-radius:12px;box-shadow:none}.sessions-rail .session-card:hover{transform:none}.sessions-rail .session-card.active{border-color:var(--agent-border);background:var(--agent-surface-strong);box-shadow:0 0 0 1px var(--agent-border-soft),0 0 18px var(--agent-glow)}.sessions-rail .session-card h3{-webkit-line-clamp:2;font-size:12px}.sessions-rail .session-card .ops-desc{display:none}.session-inline{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;background:radial-gradient(520px 180px at 50% 0%,var(--agent-surface),transparent 64%),#070708}.session-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-subtle);background:rgba(255,255,255,.018)}.session-inline-head h2{margin:0;font-size:15px;line-height:1.2;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-inline .session-feed{flex:1 1 auto;min-height:0;max-height:none;height:auto;padding:16px 18px}.session-inline .session-composer{border-top:1px solid var(--border-subtle);background:rgba(5,5,7,.64)}.session-inline .settings-actions{border-top:1px solid var(--border-subtle);background:rgba(5,5,7,.72)}.session-inline:not(.open) .session-composer,.session-inline:not(.open) .session-inline-actions{display:none}.session-inline .msg{max-width:min(860px,92%)}.session-inline .user{align-self:flex-end}.session-inline .bot{align-self:flex-start}@media (max-width:900px){.sessions-chat-layout{grid-template-columns:1fr}.sessions-resize-handle{display:none}.sessions-rail{max-height:260px}.session-inline{min-height:460px}}

    @media (max-width:900px){
      .mobile-back-btn{display:inline-grid;place-items:center;flex:0 0 auto}
      .workspace-browser-panel.ops-tab-panel .panel-body{height:calc(100dvh - 166px);min-height:0;overflow:hidden}
      .workspace-browser-layout{grid-template-columns:1fr;min-height:0;height:100%;overflow:hidden}
      .workspace-file-pane{min-height:0;height:100%;overflow:hidden}
      .workspace-file-list{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
      .workspace-resize-handle{display:none}
      #workspaceExpandPreview{display:none!important}
      .workspace-toolbar{grid-template-columns:1fr}
      .workspace-file-head-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}
      .workspace-nav-group{justify-content:flex-end}
      .workspace-search{width:100%;flex-wrap:wrap}
      .workspace-search input{width:min(100%,320px)}
      .workspace-crumbs{width:100%;margin-top:0;padding:2px 0}
      .workspace-preview{--mobile-preview-top:calc(env(safe-area-inset-top,0px) + 49px);position:fixed;inset:var(--mobile-preview-top) 0 0 0;z-index:135;border-radius:0;border:0;background:var(--bg-base);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 12px max(12px,env(safe-area-inset-bottom,0px));height:auto;min-height:0}
      .workspace-browser-layout.previewing .workspace-preview{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
      .workspace-browser-layout.previewing .workspace-file-pane{display:none}
      .workspace-browser-layout.previewing{min-height:0}
      .workspace-preview-head{position:sticky;top:0;z-index:2;margin:0 -12px 8px;padding:12px 12px 10px;background:var(--bg-base);box-shadow:0 1px 0 var(--border-subtle),0 14px 26px rgba(0,0,0,.32);align-items:flex-start}
      .workspace-preview-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;max-width:100%}
      .workspace-preview-body{overflow:visible;min-height:calc(100dvh - var(--mobile-preview-top) - 110px);padding:8px 0 12px}
      .workspace-preview-body pre,.workspace-md-preview{min-height:calc(100dvh - var(--mobile-preview-top) - 130px)}
      .workspace-preview-body .html-preview-frame{min-height:calc(100dvh - var(--mobile-preview-top) - 130px)}
      .workspace-source-footer{display:none}
      .sessions-panel.ops-tab-panel{height:calc(100dvh - 166px);min-height:0;max-height:none}
      .sessions-panel.ops-tab-panel .panel-body{height:100%;min-height:0;overflow:hidden}
      .sessions-chat-layout{grid-template-columns:1fr;min-height:0;height:100%;overflow:hidden}
      .sessions-resize-handle{display:none}
      .sessions-rail{max-height:none;min-height:0;height:100%;overflow:hidden}
      .sessions-rail .ops-list{flex:1 1 auto;min-height:0;overflow:auto;max-height:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
      .session-inline{position:fixed;inset:0;z-index:136;border-radius:0;border:0;background:var(--bg-base);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;overflow:hidden;overscroll-behavior:contain;height:100dvh;max-height:100dvh;min-height:100dvh;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
      .session-inline.mobile-previewing{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
      .sessions-chat-layout.previewing .sessions-rail{display:none}
      .session-inline-head{position:relative;z-index:2;flex:0 0 auto;padding:max(12px,env(safe-area-inset-top,0px)) 12px 10px;background:var(--bg-base);align-items:flex-start}
      .session-inline-head h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}
      .session-head-meta{max-height:52px;overflow:auto}
      .session-inline .session-feed{flex:1 1 auto;min-height:0;max-height:none;height:auto;overflow:auto;padding:12px;overscroll-behavior:contain}
      .session-composer{flex:0 0 auto;grid-template-columns:1fr;padding:8px 12px 4px}
      .session-composer textarea{min-height:54px;max-height:96px}
      .session-composer button{min-height:44px}
      .session-modal-status{flex:0 0 auto;padding:4px 12px 0}.session-inline .settings-actions{position:static;flex:0 0 auto;flex-wrap:wrap;padding:8px 12px 10px}
      body.preview-open{overflow:hidden}
    }

    @media (max-width:1080px){.dashboard-grid,.ops-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.feed{height:auto;max-height:none}.input-row{grid-template-columns:1fr}.control-row{grid-template-columns:1fr}}
    @media (max-width:840px){.app-shell{padding-top:calc(env(safe-area-inset-top,0px) + 5px)}.app-shell::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(env(safe-area-inset-top,0px) + 5px);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);z-index:120;pointer-events:none}.agent-topbar{top:calc(env(safe-area-inset-top,0px) + 5px);height:44px}.agent-topbar-brand{padding:0 10px;border-right:0}.agent-topbar-brand span:not(.agent-topbar-brand-dot){display:none}.agent-topbar-meta{display:flex;padding:0 8px;font-size:10px}.agent-topbar-link{padding:0 13px;font-size:12px}.anchor-target{scroll-margin-top:68px}.settings-head .iconbtn{min-width:44px;min-height:44px}.content{padding:18px max(14px,env(safe-area-inset-right,0px)) max(30px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.settings-modal{padding:max(22px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(22px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));align-items:flex-start}.settings-panel{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 44px);overflow:auto}.settings-grid,.settings-env{grid-template-columns:1fr}.settings-actions{position:sticky;bottom:0;flex-wrap:wrap}.settings-actions button{min-height:44px}.hero h1{font-size:52px}.hero-panel .mini-metrics{display:none}}
    @media (max-width:560px){.hero-profile-select-wrap select{font-size:11px}}

    /* Embedded iframe context (e.g. Perseon Console plugin):
       suppress the mobile safe-area padding and ::before bar so no gap
       appears above the agent-topbar. The iframe inherits the parent
       viewport's env(safe-area-inset-top) (e.g. iPhone notch) even though
       the iframe itself has no notch, so without this override the
       safe-area treatment renders as dead space inside the parent page. */
    html.embedded .app-shell{padding-top:0}
    html.embedded .app-shell::before{display:none}
    html.embedded .agent-topbar{top:0}
  </style>
</head>
<body>
  <div class="app-shell" id="appShell">
    <header class="agent-topbar" aria-label="Agent Console sections">
      <div class="agent-topbar-brand"><span class="agent-topbar-brand-dot" aria-hidden="true"></span><span>Agent Console</span></div>
      <nav class="agent-topbar-scroll" aria-label="Major Agent Console sections">
        <a class="agent-topbar-link" href="#agent-card">Agent</a>
        <a class="agent-topbar-link" href="#mission-control">Mission Control</a>
        <a class="agent-topbar-link" href="#sessions" data-ops-nav="sessions">Sessions</a>
        <a class="agent-topbar-link" href="#workspace-files" data-ops-nav="workspace-files">Workspace Files</a>
        <a class="agent-topbar-link" href="#cron-jobs" data-ops-nav="cron-jobs">Cron Jobs</a>
        <a class="agent-topbar-link" href="#skills" data-ops-nav="skills">Skills</a>
      </nav>
      <time class="agent-topbar-meta" id="agentTopbarTime" aria-label="Current time">--:--</time>
    </header>
    <main class="workspace">
      <section class="content">
        <div class="page-stack">
          <section class="hero anchor-target" id="overview" aria-label="Agent Console overview">
            <div>
              <div class="eyebrow">Single-agent Hermes console</div>
              <h1>Agent Console</h1>
              <p>A lightweight, single-page console for one selected Hermes agent.</p>
              <div class="badges">
                <span class="badge ok">Hermes gateway</span>
                <span class="badge accent">ElevenLabs ready</span>
                <span id="missionMetaBadge" class="badge warn">missions disabled</span>
                <span class="badge info">single agent</span>
              </div>
            </div>
            <aside class="hero-panel" aria-label="Agent Console controls">
              <div class="slider-wrap hero-profile-picker" aria-label="Agent profile selector">
                <div class="slider-label"><span>AGENTS</span></div>
                <div class="hero-profile-select-wrap">
                  <select id="heroProfileSelect" aria-label="Select Hermes agent profile"></select>
                </div>
              </div>
              <div class="slider-wrap personality-wrap">
                <div class="slider-label"><span>PERSONALITY</span></div>
                <input id="personality" type="hidden" value="0" />
                <div class="personality-toggle" role="radiogroup" aria-label="Personality mode">
                  <button type="button" class="personality-option active" role="radio" aria-checked="true" data-personality-value="0" data-personality-label="Normal" title="Normal: the agent's own personality at its usual, understated level.">Normal</button>
                  <button type="button" class="personality-option" role="radio" aria-checked="false" data-personality-value="40" data-personality-label="Sharp" title="Sharp: same personality, dialled up — more direct and pronounced.">Sharp</button>
                  <button type="button" class="personality-option" role="radio" aria-checked="false" data-personality-value="80" data-personality-label="Sassy" title="Sassy: the agent's own personality at full intensity, boldest and most expressive.">Sassy</button>
                </div>
              </div>
            </aside>
          </section>

          <section class="dashboard-grid anchor-target" id="agent-card">
            <section class="panel" aria-label="Selected agent avatar and voice controls">
              <div class="panel-head">
                <div class="panel-title">
                  <div class="panel-icon agent-corner-avatar"><canvas id="cornerAvatar" width="48" height="48" aria-label="Selected agent pixel avatar icon"></canvas></div>
                  <div><h2>Selected Agent</h2><p>Hermes agent · voice runtime</p></div>
                </div>
                <span id="agentOnlineBadge" class="badge ok">online</span>
              </div>
              <div class="panel-body">
                <div class="agent-sidebar-card agent-content-card status-recent" style="--agent-color:#01c7fc" aria-label="Selected Hermes agent card">
                  <span class="agent-sidebar-glow"></span>
                  <span class="agent-card-icon" aria-hidden="true">
                    <svg viewBox="0 0 192 200" xmlns="http://www.w3.org/2000/svg" class="hermes-logo-svg hermes-card-logo" aria-hidden="true" focusable="false"><g transform="matrix(1,0,0,1,-8.314363,-0.003091)"><g transform="matrix(8.333333,0,0,8.333333,0,0)"><path d="M5.938,12.835C6.065,12.796 6.223,12.855 6.311,12.978C6.339,13.016 6.347,13.07 6.357,13.118C6.36,13.132 6.337,13.151 6.317,13.168C6.193,13.07 6.077,12.974 5.963,12.877C5.952,12.867 5.947,12.85 5.938,12.835ZM8.396,9.412C8.591,9.38 8.786,9.352 8.984,9.362C9.034,9.364 9.084,9.372 9.132,9.388C9.334,9.459 9.534,9.535 9.733,9.612C9.761,9.622 9.783,9.648 9.808,9.667L9.795,9.694C9.708,9.666 9.621,9.636 9.535,9.605C9.42,9.567 9.322,9.528 9.22,9.507C8.97,9.457 8.97,9.461 8.928,9.493L9.502,9.637C9.777,9.776 10.052,9.913 10.325,10.054C10.367,10.076 10.415,10.111 10.432,10.152C10.458,10.212 10.495,10.228 10.549,10.224C10.615,10.218 10.681,10.207 10.762,10.197L10.722,10.283C10.773,10.363 10.864,10.303 10.938,10.347C10.864,10.477 10.691,10.437 10.604,10.546L10.665,10.62L10.545,10.707C10.545,10.813 10.507,10.875 10.239,10.95L10.265,11.035L10.069,11.077L10.139,11.201L9.889,11.201L9.882,11.338C9.801,11.328 9.721,11.32 9.638,11.311L9.585,11.434C9.558,11.426 9.533,11.423 9.512,11.411C9.445,11.373 9.384,11.355 9.317,11.417C9.298,11.434 9.254,11.431 9.224,11.425C9.198,11.419 9.174,11.396 9.154,11.383C9.044,11.478 9.044,11.478 8.946,11.386C8.889,11.432 8.826,11.46 8.76,11.397C8.697,11.424 8.637,11.377 8.582,11.383C8.512,11.39 8.485,11.348 8.449,11.313L8.319,11.346C8.306,11.11 8.125,11.156 7.979,11.143C7.984,11.071 8.029,11.051 8.074,11.049C8.128,11.047 8.182,11.055 8.233,11.071C8.397,11.121 8.553,11.191 8.729,11.209C8.932,11.23 9.134,11.238 9.33,11.194C9.595,11.135 9.85,11.045 10.037,10.829C10.086,10.773 10.12,10.702 10.154,10.634C10.173,10.596 10.174,10.55 10.134,10.518C10.019,10.426 9.89,10.353 9.752,10.301C9.776,10.421 9.721,10.483 9.637,10.522C9.637,10.536 9.633,10.547 9.637,10.552C9.717,10.667 9.721,10.712 9.63,10.819C9.565,10.897 9.492,10.968 9.412,11.03C9.219,11.181 8.939,11.159 8.771,10.98C8.723,10.933 8.679,10.882 8.638,10.828C8.56,10.721 8.562,10.72 8.605,10.592C8.44,10.512 8.477,10.366 8.501,10.228C8.509,10.178 8.529,10.132 8.55,10.065C8.51,10.079 8.483,10.082 8.463,10.097C8.327,10.185 8.218,10.309 8.147,10.454C8.14,10.47 8.137,10.488 8.127,10.501C8.115,10.516 8.093,10.539 8.082,10.536C8.062,10.53 8.045,10.509 8.032,10.491C8.024,10.479 8.025,10.459 8.02,10.434L7.894,10.434L7.947,10.262C7.934,10.246 7.921,10.229 7.908,10.213L8.018,9.929C7.958,9.955 7.927,9.973 7.894,9.98C7.864,9.987 7.83,9.98 7.799,9.98C7.799,9.949 7.789,9.91 7.803,9.888C7.952,9.668 8.108,9.46 8.396,9.412Z" style="fill:white;"/></g><g transform="matrix(8.333333,0,0,8.333333,0,0)"><path d="M8.06,10.788C8.057,10.75 8.056,10.713 8.097,10.726C8.113,10.732 8.131,10.774 8.125,10.793C8.115,10.833 8.087,10.825 8.061,10.788L8.06,10.788Z" style="fill:white;"/></g><g transform="matrix(8.333333,0,0,8.333333,0,0)"><path d="M11.981,0.009C12.207,-0.003 12.434,-0.002 12.66,0.009C12.907,0.019 13.155,0.033 13.4,0.071C13.801,0.135 14.198,0.228 14.59,0.344C15.053,0.482 15.51,0.643 15.946,0.855C17.153,1.448 18.173,2.362 18.894,3.497C19.186,3.966 19.43,4.46 19.633,4.976C19.852,5.532 20.079,6.086 20.256,6.659C20.46,7.313 20.585,7.985 20.714,8.656C20.811,9.16 20.896,9.666 21.004,10.167C21.16,10.889 21.333,11.607 21.498,12.327C21.684,13.139 21.898,13.942 22.128,14.742C22.23,15.097 22.321,15.455 22.41,15.814C22.52,16.25 22.612,16.69 22.664,17.137C22.695,17.415 22.73,17.694 22.737,17.974C22.748,18.267 22.743,18.561 22.72,18.854C22.683,19.267 22.62,19.672 22.494,20.066C22.296,20.669 21.985,21.228 21.579,21.715L21.449,21.871L21.467,21.894C21.51,21.871 21.555,21.853 21.594,21.826C21.794,21.688 21.967,21.519 22.125,21.336C22.525,20.876 22.846,20.363 23.1,19.807C23.349,19.269 23.46,18.678 23.425,18.087C23.401,17.663 23.328,17.253 23.125,16.874C23.112,16.847 23.11,16.814 23.095,16.753C23.145,16.788 23.177,16.801 23.196,16.825C23.303,16.955 23.416,17.083 23.511,17.223C23.841,17.717 23.971,18.275 23.997,18.863C24.024,19.55 23.861,20.232 23.527,20.833C23.167,21.488 22.64,21.973 22.001,22.339C21.808,22.45 21.607,22.549 21.406,22.647C21.249,22.725 21.158,22.858 21.088,23.012C21.022,23.137 21.011,23.284 21.055,23.418C21.068,23.463 21.073,23.51 21.068,23.557C21.063,23.634 20.991,23.712 20.928,23.719C20.874,23.725 20.803,23.676 20.778,23.603C20.75,23.528 20.73,23.449 20.718,23.37C20.678,23.056 20.563,22.77 20.41,22.5C20.214,22.162 19.968,21.855 19.68,21.59C19.429,21.344 19.121,21.164 18.783,21.066C18.557,21.003 18.325,20.959 18.091,20.935C18.016,20.927 17.941,20.895 17.871,20.945C18.051,21.005 18.234,21.055 18.409,21.125C18.843,21.298 19.229,21.555 19.589,21.853C19.897,22.108 20.169,22.396 20.383,22.737C20.481,22.892 20.569,23.052 20.61,23.233C20.637,23.356 20.652,23.483 20.677,23.608C20.69,23.67 20.675,23.717 20.624,23.752C20.577,23.785 20.502,23.786 20.461,23.742C20.426,23.7 20.399,23.653 20.381,23.602C20.351,23.529 20.343,23.443 20.303,23.377C19.915,22.754 19.435,22.193 18.88,21.713C18.72,21.576 18.551,21.453 18.343,21.39C17.967,21.276 17.59,21.187 17.193,21.236C16.98,21.261 16.766,21.268 16.553,21.289C16.288,21.319 16.035,21.415 15.817,21.567C15.514,21.776 15.234,22.018 14.983,22.287C14.654,22.629 14.341,22.986 14.028,23.342C13.892,23.497 13.764,23.661 13.714,23.873C13.71,23.89 13.706,23.907 13.702,23.924C13.693,23.967 13.656,23.998 13.612,24L13.302,24C13.256,24 13.22,23.952 13.23,23.906C13.253,23.798 13.275,23.69 13.3,23.582C13.375,23.257 13.49,22.947 13.668,22.665C13.692,22.626 13.708,22.577 13.772,22.585L13.782,22.634L13.809,22.711C14.089,22.276 14.38,21.877 14.805,21.576C15.088,21.372 15.389,21.198 15.695,21.026C15.663,21.017 15.629,21.016 15.597,21.024C15.435,21.067 15.272,21.108 15.112,21.158C14.71,21.282 14.348,21.488 14.002,21.724C13.855,21.824 13.704,21.917 13.588,22.057C13.15,22.592 12.789,23.187 12.518,23.824C12.502,23.863 12.488,23.903 12.478,23.944C12.469,23.977 12.44,24 12.406,24L11.912,24C11.872,24 11.85,23.949 11.876,23.918C11.999,23.778 12.122,23.636 12.253,23.503C12.528,23.222 12.833,22.971 13.03,22.619C13.057,22.571 13.093,22.529 13.125,22.484C13.363,22.151 13.665,21.877 13.943,21.582C14.025,21.496 14.118,21.422 14.203,21.342C14.232,21.315 14.256,21.285 14.282,21.257L14.264,21.232L14.129,21.273C14.095,21.29 14.059,21.304 14.027,21.323C13.779,21.467 13.533,21.615 13.284,21.756C12.876,21.986 12.459,22.195 12.075,22.467C11.794,22.667 11.484,22.825 11.186,23C11.166,23.012 11.142,23.015 11.106,23.028C11.091,22.893 11.249,22.827 11.214,22.692C11.181,22.706 11.15,22.712 11.129,22.73C11.018,22.826 10.902,22.92 10.801,23.026C10.653,23.183 10.517,23.351 10.376,23.514C10.251,23.657 10.126,23.8 10.003,23.945C9.975,23.979 9.934,23.999 9.89,24L8.762,24C8.768,23.986 8.774,23.972 8.778,23.958C8.806,23.868 8.863,23.786 8.861,23.678C8.77,23.66 8.699,23.679 8.649,23.755C8.602,23.825 8.556,23.897 8.513,23.97C8.503,23.986 8.489,24 8.471,24L8.378,24C8.359,24 8.349,23.978 8.361,23.963C8.432,23.875 8.501,23.785 8.57,23.695C8.571,23.693 8.564,23.683 8.558,23.671C8.544,23.675 8.528,23.677 8.513,23.684C8.337,23.774 8.161,23.865 7.986,23.958C7.934,23.985 7.877,24 7.818,24L5.202,24C5.176,24 5.163,23.964 5.183,23.947C5.393,23.769 5.585,23.573 5.741,23.342C6.076,22.846 6.279,22.295 6.408,21.713C6.412,21.693 6.405,21.67 6.402,21.622C6.365,21.67 6.343,21.694 6.326,21.722C6.234,21.875 6.122,22.015 5.992,22.137C5.712,22.395 5.402,22.585 5.009,22.601C4.712,22.613 4.421,22.601 4.144,22.474C3.684,22.264 3.422,21.904 3.35,21.402C3.325,21.232 3.333,21.231 3.168,21.183C2.735,21.067 2.328,20.869 1.97,20.6C1.59,20.316 1.308,19.921 1.162,19.47C1.036,19.068 0.981,18.646 1.002,18.225C1.004,18.191 1.018,18.158 1.026,18.125C1.058,18.148 1.072,18.168 1.076,18.191C1.109,18.344 1.135,18.499 1.172,18.651C1.258,19.006 1.429,19.315 1.688,19.571C1.946,19.827 2.259,19.99 2.598,20.103C2.956,20.221 3.315,20.241 3.668,20.087C3.904,19.98 4.115,19.827 4.289,19.635C4.617,19.287 4.822,18.875 4.937,18.412C4.946,18.378 4.942,18.341 4.944,18.302C4.929,18.308 4.918,18.308 4.914,18.313C4.883,18.363 4.85,18.413 4.821,18.465C4.537,18.967 4.142,19.352 3.625,19.6C3.274,19.77 2.907,19.855 2.515,19.759C2.123,19.674 1.776,19.446 1.544,19.119C1.346,18.847 1.219,18.529 1.176,18.195C1.137,17.9 1.144,17.602 1.196,17.309C1.246,16.87 1.662,16.139 1.938,16.038C1.918,16.101 1.903,16.15 1.885,16.198C1.842,16.314 1.788,16.425 1.755,16.543C1.679,16.809 1.662,17.089 1.705,17.363C1.738,17.575 1.795,17.779 1.909,17.963C2.056,18.199 2.255,18.37 2.529,18.428C2.639,18.451 2.754,18.442 2.867,18.446C3.007,18.451 3.145,18.404 3.253,18.315C3.417,18.187 3.535,18.023 3.619,17.834C3.787,17.459 3.859,17.057 3.928,16.655C3.978,16.359 4.021,16.061 4.061,15.762C4.1,15.481 4.132,15.199 4.165,14.917C4.191,14.685 4.213,14.453 4.239,14.221C4.263,13.993 4.291,13.766 4.315,13.538C4.339,13.311 4.362,13.083 4.384,12.855C4.397,12.715 4.406,12.575 4.418,12.435L4.455,12.018C4.477,11.768 4.496,11.518 4.52,11.27C4.528,11.188 4.5,11.138 4.43,11.093C4.248,10.976 4.083,10.835 3.938,10.675C3.838,10.566 3.75,10.447 3.656,10.333C3.621,10.291 3.6,10.236 3.54,10.215C3.6,10.427 3.692,10.629 3.815,10.812C3.875,10.904 3.946,10.988 4.011,11.077C4.074,11.163 4.193,11.192 4.245,11.303C4.217,11.306 4.199,11.313 4.185,11.309C4.111,11.292 4.038,11.273 3.965,11.252C3.466,11.108 3.02,10.824 2.678,10.433C2.243,9.946 2.022,9.357 1.968,8.71C1.937,8.357 1.941,8.002 1.982,7.65C2.054,7.048 2.202,6.464 2.432,5.905C2.587,5.529 2.77,5.164 2.958,4.803C3.163,4.41 3.424,4.053 3.723,3.727C4.235,3.168 4.827,2.703 5.449,2.279C6.166,1.789 6.927,1.381 7.726,1.046C8.244,0.828 8.767,0.632 9.31,0.494C9.965,0.328 10.62,0.164 11.292,0.079C11.521,0.049 11.75,0.021 11.98,0.009L11.981,0.009ZM10.134,22.829C10.064,22.889 9.987,22.94 9.927,23.009C9.689,23.279 9.463,23.558 9.259,23.878L9.215,23.986C9.251,23.977 9.284,23.957 9.308,23.929C9.482,23.739 9.659,23.551 9.827,23.355C9.931,23.233 10.022,23.1 10.115,22.969C10.139,22.935 10.145,22.889 10.161,22.849L10.134,22.829ZM11.784,19.134C11.551,19.314 11.332,19.512 11.131,19.727L10.761,20.113C10.657,20.225 10.528,20.311 10.384,20.363C10.235,20.42 10.077,20.45 9.917,20.453C9.873,20.453 9.83,20.459 9.766,20.465C9.794,20.523 9.809,20.562 9.83,20.596C9.98,20.838 10.131,21.078 10.28,21.32C10.416,21.54 10.556,21.758 10.679,21.986C10.747,22.111 10.784,22.253 10.835,22.39C10.912,22.417 10.975,22.372 11.037,22.342C11.327,22.207 11.616,22.068 11.904,21.93C12.117,21.829 12.341,21.744 12.54,21.62C12.887,21.405 13.22,21.165 13.558,20.935C13.573,20.925 13.584,20.907 13.6,20.889C13.577,20.87 13.562,20.852 13.544,20.845C13.257,20.734 13.017,20.545 12.774,20.363C12.597,20.234 12.428,20.093 12.268,19.943C12.085,19.758 11.945,19.535 11.858,19.29C11.839,19.241 11.813,19.195 11.783,19.134L11.784,19.134ZM5.937,19.398C5.877,19.494 5.84,19.592 5.805,19.691C5.679,20.057 5.491,20.399 5.25,20.701C5.05,20.951 4.795,21.113 4.488,21.194C4.258,21.254 4.024,21.27 3.788,21.264C3.74,21.262 3.691,21.266 3.63,21.269C3.646,21.309 3.651,21.335 3.665,21.354C3.765,21.499 3.895,21.6 4.065,21.649C4.222,21.695 4.381,21.683 4.563,21.672C4.744,21.635 4.906,21.557 5.048,21.438C5.286,21.239 5.45,20.984 5.584,20.706C5.759,20.343 5.848,19.955 5.926,19.562C5.936,19.509 5.934,19.452 5.937,19.398ZM20.882,14.812C20.89,14.841 20.898,14.869 20.909,14.919C20.933,15.074 20.96,15.229 20.981,15.383C21.011,15.602 21.048,15.82 21.059,16.04C21.076,16.384 21.086,16.729 21.045,17.073C21.008,17.388 20.982,17.706 20.929,18.019C20.842,18.543 20.687,19.053 20.469,19.537C20.461,19.555 20.459,19.576 20.449,19.619C20.496,19.589 20.526,19.577 20.547,19.555C20.632,19.472 20.717,19.388 20.795,19.3C21.066,18.995 21.253,18.64 21.391,18.257C21.571,17.759 21.619,17.246 21.536,16.726C21.433,16.076 21.206,15.463 20.939,14.845C20.931,14.827 20.923,14.808 20.915,14.79L20.882,14.812ZM5.797,8.29C5.787,8.342 5.794,8.395 5.815,8.443C5.939,8.694 6.065,8.944 6.194,9.193C6.219,9.242 6.26,9.283 6.224,9.356C5.94,9.416 5.646,9.475 5.344,9.611C5.403,9.649 5.441,9.671 5.476,9.698C5.518,9.73 5.588,9.756 5.566,9.818C5.556,9.851 5.491,9.866 5.449,9.89C5.466,9.9 5.492,9.911 5.516,9.926C5.682,10.028 5.846,10.133 5.963,10.294C6.101,10.486 6.192,10.698 6.151,10.938C6.072,11.407 5.845,11.788 5.461,12.07C5.407,12.11 5.355,12.153 5.3,12.192C5.22,12.246 5.18,12.342 5.197,12.437C5.207,12.504 5.225,12.57 5.252,12.632C5.335,12.828 5.472,12.982 5.627,13.124C5.71,13.2 5.786,13.288 5.849,13.381C5.926,13.492 5.935,13.637 5.874,13.758C5.851,13.808 5.824,13.857 5.798,13.906C5.768,13.966 5.77,14.017 5.82,14.068C5.861,14.11 5.9,14.157 5.932,14.206C5.97,14.264 6.01,14.285 6.079,14.256C6.186,14.215 6.304,14.213 6.412,14.25C6.572,14.296 6.714,14.376 6.856,14.46C6.986,14.537 7.12,14.609 7.256,14.679C7.323,14.714 7.396,14.729 7.475,14.705C7.546,14.683 7.599,14.715 7.62,14.781C7.64,14.845 7.617,14.889 7.546,14.92C7.476,14.95 7.409,14.983 7.337,15.008C7.237,15.043 7.136,15.081 7.023,15.085C7.01,14.978 7.133,14.997 7.15,14.926C6.944,14.8 6.507,14.781 6.349,14.892C6.412,15.004 6.384,15.102 6.253,15.205C6.123,15.105 6.228,15.003 6.255,14.905C6.241,14.902 6.227,14.901 6.212,14.901C6.11,14.901 6.023,14.975 6.006,15.075C5.991,15.176 6.073,15.291 6.184,15.299C6.292,15.306 6.402,15.294 6.51,15.287C6.57,15.282 6.63,15.26 6.709,15.287C6.606,15.41 6.461,15.414 6.352,15.477C6.354,15.527 6.422,15.563 6.371,15.608C6.318,15.656 6.276,15.607 6.239,15.578C6.159,15.515 6.079,15.452 6.008,15.381C5.918,15.301 5.862,15.19 5.851,15.07C5.847,15.011 5.832,14.952 5.808,14.898C5.776,14.824 5.776,14.761 5.841,14.708C5.823,14.678 5.813,14.655 5.796,14.636C5.71,14.525 5.644,14.4 5.6,14.267C5.547,14.13 5.554,14.003 5.648,13.886C5.672,13.856 5.698,13.826 5.712,13.791C5.735,13.737 5.751,13.681 5.759,13.623C5.776,13.458 5.695,13.336 5.577,13.236C5.391,13.08 5.217,12.914 5.117,12.685C5.112,12.674 5.093,12.668 5.08,12.659C5.069,12.676 5.056,12.686 5.055,12.697C5.036,12.882 5.01,13.067 5.003,13.254C4.989,13.631 5.061,13.997 5.165,14.358C5.283,14.768 5.454,15.156 5.653,15.531C5.92,16.033 6.19,16.533 6.465,17.031C6.52,17.129 6.595,17.22 6.673,17.301C6.871,17.503 7.125,17.573 7.397,17.574C7.599,17.574 7.801,17.568 8.002,17.548C8.297,17.518 8.592,17.475 8.886,17.435C9.069,17.41 9.251,17.378 9.434,17.355C9.644,17.329 9.814,17.428 9.956,17.565C10.116,17.721 10.261,17.892 10.403,18.065C10.623,18.33 10.8,18.625 10.957,18.932C11.007,19.03 11.027,19.032 11.104,18.962C11.234,18.841 11.364,18.72 11.498,18.602C11.565,18.543 11.586,18.482 11.565,18.389C11.507,18.128 11.478,17.861 11.48,17.593C11.482,17.436 11.486,17.279 11.498,17.122C11.513,16.898 11.528,16.672 11.558,16.45C11.664,15.682 11.784,14.916 11.92,14.152C12.007,13.659 12.102,13.168 12.188,12.675C12.248,12.328 12.306,11.981 12.35,11.632C12.384,11.359 12.405,11.082 12.413,10.807C12.424,10.475 12.416,10.142 12.415,9.809C12.415,9.732 12.419,9.654 12.405,9.579C12.377,9.437 12.395,9.424 12.243,9.389C12.043,9.343 11.84,9.307 11.636,9.282C11.49,9.264 11.429,9.229 11.415,9.092C11.409,9.043 11.39,8.994 11.374,8.946C11.365,8.921 11.35,8.898 11.328,8.856L11.303,9.12C11.294,9.216 11.274,9.236 11.176,9.235C11.121,9.235 11.066,9.227 11.012,9.227C10.536,9.227 10.06,9.219 9.586,9.259C9.491,9.267 9.413,9.244 9.36,9.156C9.32,9.09 9.272,9.03 9.226,8.97C9.163,8.886 9.14,8.877 9.044,8.91C8.849,8.978 8.656,9.048 8.462,9.12C8.219,9.218 7.992,9.351 7.787,9.514C7.691,9.59 7.581,9.647 7.464,9.682C7.431,9.692 7.394,9.69 7.337,9.695C7.357,9.629 7.361,9.581 7.384,9.545C7.448,9.44 7.519,9.34 7.589,9.239C7.612,9.206 7.638,9.176 7.662,9.144L7.647,9.121L7.446,9.158C7.3,9.198 7.15,9.228 7.009,9.28C6.861,9.333 6.743,9.303 6.623,9.208C6.341,8.984 6.094,8.719 5.89,8.422L5.797,8.29ZM14.389,17.253L14.242,17.343C14.022,17.477 13.802,17.609 13.583,17.745C13.49,17.803 13.399,17.865 13.313,17.933C13.228,18.003 13.189,18.094 13.241,18.205C13.288,18.305 13.334,18.405 13.388,18.499C13.435,18.579 13.512,18.637 13.601,18.646C13.711,18.656 13.829,18.658 13.937,18.634C14.154,18.584 14.309,18.429 14.465,18.277C14.553,18.201 14.587,18.08 14.552,17.969C14.506,17.789 14.473,17.604 14.434,17.422C14.423,17.37 14.407,17.319 14.389,17.253ZM14.132,14.844C14.012,15.135 13.927,15.441 13.807,15.754C13.656,16.187 13.513,16.624 13.372,17.077C13.408,17.067 13.426,17.067 13.439,17.059C13.7,16.899 13.961,16.735 14.224,16.575C14.278,16.542 14.295,16.497 14.289,16.437C14.277,16.307 14.265,16.175 14.255,16.044L14.187,15.158C14.179,15.055 14.167,14.952 14.158,14.848C14.149,14.848 14.141,14.846 14.132,14.844ZM17.213,6.714L17.312,6.999C17.392,7.23 17.471,7.462 17.552,7.713L18.132,9.665C18.319,10.295 18.504,10.927 18.69,11.558C18.804,11.94 18.925,12.32 19.033,12.704C19.105,12.961 19.159,13.223 19.219,13.503C19.263,13.709 19.306,13.916 19.346,14.143C19.38,14.249 19.369,14.369 19.423,14.468L19.448,14.462L19.38,14.1C19.342,13.894 19.303,13.688 19.267,13.462C19.252,13.392 19.238,13.321 19.221,13.251C19.126,12.855 19.044,12.455 18.931,12.064C18.735,11.379 18.518,10.7 18.313,10.018C18.148,9.469 17.991,8.918 17.825,8.37C17.756,8.143 17.675,7.92 17.599,7.675L17.482,7.339C17.445,7.232 17.407,7.123 17.367,7.017C17.327,6.911 17.283,6.807 17.24,6.703C17.231,6.706 17.222,6.71 17.213,6.713L17.213,6.714ZM6.225,14.304C6.162,14.303 6.11,14.318 6.091,14.387C6.21,14.479 6.376,14.484 6.501,14.399C6.41,14.364 6.318,14.333 6.225,14.304ZM5.23,11.98C5.204,11.953 5.173,11.932 5.155,11.982C5.143,12.014 5.148,12.052 5.145,12.095C5.227,12.058 5.227,12.058 5.23,11.98ZM5.292,10.791C5.256,10.797 5.225,10.817 5.204,10.847C5.185,10.88 5.176,10.919 5.179,10.957C5.184,11.109 5.189,11.263 5.205,11.414C5.216,11.49 5.238,11.563 5.271,11.632C5.332,11.768 5.428,11.799 5.559,11.733C5.614,11.706 5.619,11.679 5.584,11.623C5.539,11.554 5.496,11.483 5.455,11.412C5.44,11.344 5.389,11.281 5.422,11.205C5.462,11.115 5.346,11.089 5.348,11.015L5.348,10.874C5.345,10.836 5.342,10.787 5.292,10.791ZM5.275,9.823C5.11,9.82 4.948,9.864 4.808,9.95C4.732,9.995 4.724,10.02 4.758,10.108C4.792,10.195 4.828,10.281 4.873,10.362C4.937,10.479 4.963,10.487 5.083,10.439C5.188,10.392 5.304,10.374 5.419,10.386C5.621,10.408 5.776,10.522 5.923,10.65L6.015,10.727C6.022,10.721 6.029,10.714 6.037,10.709C6.018,10.604 6.002,10.483 5.888,10.445C5.731,10.392 5.564,10.37 5.38,10.328L5.14,10.323C5.38,10.154 5.592,10.279 5.827,10.332C5.764,10.217 5.674,10.185 5.597,10.139C5.515,10.089 5.427,10.047 5.347,9.995C5.287,9.958 5.227,9.915 5.275,9.823ZM15.508,10.148C15.278,10.138 15.081,10.228 14.9,10.359C14.866,10.385 14.84,10.424 14.795,10.476C14.882,10.502 14.945,10.522 15.027,10.541C15.071,10.526 15.115,10.511 15.157,10.495C15.463,10.381 15.767,10.38 16.061,10.526C16.187,10.589 16.298,10.566 16.427,10.521C16.407,10.49 16.397,10.467 16.382,10.45C16.26,10.32 16.105,10.226 15.934,10.177C15.794,10.133 15.65,10.153 15.508,10.147L15.508,10.148ZM7.99,6.483C7.981,6.527 7.982,6.572 7.992,6.616C8.072,6.937 8.148,7.259 8.234,7.578C8.338,7.965 8.504,8.328 8.69,8.681C8.71,8.718 8.751,8.761 8.788,8.768C8.876,8.779 8.965,8.761 9.041,8.717L8.569,7.877C8.339,7.429 8.164,6.957 7.99,6.483ZM10.397,0.497C10.197,0.489 9.992,0.501 9.794,0.531C9.558,0.566 9.324,0.618 9.094,0.683C8.807,0.763 8.525,0.863 8.242,0.956C8.202,0.969 8.168,0.994 8.132,1.014C8.16,1.028 8.182,1.032 8.202,1.028C8.489,0.96 8.782,0.943 9.075,0.938C9.209,0.936 9.344,0.947 9.477,0.963C9.667,0.987 9.859,1.011 10.047,1.053C10.503,1.157 10.921,1.353 11.312,1.609C11.776,1.915 12.2,2.269 12.569,2.687C12.774,2.919 12.964,3.162 13.129,3.426C13.299,3.7 13.444,3.987 13.578,4.282C13.851,4.883 14.034,5.514 14.178,6.158C14.218,6.331 14.248,6.506 14.278,6.682C14.295,6.786 14.343,6.849 14.448,6.872C14.57,6.9 14.648,6.977 14.668,7.123C14.665,7.225 14.608,7.297 14.539,7.363C14.425,7.462 14.334,7.584 14.271,7.721C14.302,7.716 14.331,7.703 14.354,7.682C14.434,7.596 14.516,7.51 14.589,7.417C14.668,7.323 14.713,7.206 14.719,7.084C14.728,7.034 14.741,6.984 14.743,6.934C14.75,6.81 14.726,6.784 14.6,6.766C14.575,6.762 14.551,6.752 14.527,6.751C14.445,6.744 14.402,6.688 14.39,6.62C14.357,6.422 14.386,6.265 14.637,6.212C14.723,6.194 14.811,6.182 14.897,6.17C15.055,6.147 15.212,6.117 15.37,6.103C15.51,6.091 15.56,6.136 15.596,6.27C15.604,6.299 15.614,6.327 15.617,6.357C15.636,6.536 15.609,6.582 15.476,6.645C15.449,6.658 15.421,6.669 15.398,6.687C15.375,6.704 15.357,6.727 15.347,6.754C15.308,6.898 15.42,7.136 15.553,7.199L16.226,7.519C16.249,7.53 16.276,7.534 16.301,7.542L16.319,7.516C16.304,7.508 16.287,7.503 16.275,7.492C16.109,7.361 15.926,7.253 15.731,7.172C15.674,7.146 15.616,7.121 15.558,7.097C15.481,7.065 15.431,6.989 15.432,6.906C15.429,6.821 15.477,6.752 15.56,6.719L15.619,6.694C15.718,6.65 15.737,6.618 15.731,6.507C15.73,6.486 15.727,6.465 15.723,6.444C15.656,6.15 15.6,5.854 15.518,5.564C15.323,4.856 15.045,4.172 14.692,3.528C14.324,2.859 13.855,2.25 13.302,1.723C12.956,1.388 12.559,1.109 12.125,0.899C11.804,0.741 11.462,0.63 11.109,0.571C10.873,0.533 10.636,0.508 10.397,0.497ZM17.116,6.452C17.126,6.466 17.134,6.48 17.154,6.486L17.132,6.442L17.116,6.452ZM4.103,3.917C4.094,3.924 4.084,3.928 4.073,3.929C4.06,3.943 4.047,3.956 4.033,3.968C4.023,3.978 4.013,3.988 3.988,4.008L3.625,4.362C3.537,4.447 3.455,4.54 3.359,4.615C3.075,4.835 2.934,5.145 2.815,5.47C2.806,5.493 2.804,5.517 2.808,5.541C2.821,5.596 2.841,5.649 2.86,5.709L2.934,5.735C2.917,5.791 2.904,5.84 2.887,5.887C2.829,6.051 2.769,6.214 2.712,6.378C2.707,6.393 2.72,6.414 2.731,6.455C2.811,6.28 2.889,6.125 2.956,5.966C3.184,5.422 3.44,4.892 3.775,4.405C3.865,4.272 3.957,4.139 4.058,4.004C4.062,3.998 4.065,3.991 4.08,3.974C4.081,3.958 4.083,3.942 4.095,3.934L4.103,3.917ZM17.079,6.325C17.085,6.33 17.088,6.337 17.088,6.344C17.086,6.347 17.084,6.351 17.082,6.354C17.084,6.361 17.086,6.367 17.089,6.374L17.107,6.396C17.109,6.389 17.114,6.38 17.112,6.375C17.109,6.365 17.1,6.357 17.092,6.337C17.088,6.333 17.083,6.329 17.079,6.325ZM4.199,4.48C4.196,4.484 4.191,4.488 4.172,4.494C4.167,4.507 4.161,4.519 4.141,4.541C4.102,4.599 4.061,4.654 4.017,4.708C3.969,4.778 3.901,4.763 3.836,4.749C3.702,4.721 3.608,4.765 3.549,4.892C3.46,5.079 3.362,5.262 3.276,5.452C3.227,5.56 3.166,5.668 3.158,5.812C3.239,5.815 3.312,5.819 3.386,5.82L3.614,5.82C3.592,5.909 3.566,5.997 3.535,6.084C3.525,6.136 3.513,6.187 3.502,6.239L3.522,6.243C3.54,6.197 3.559,6.151 3.589,6.09C3.655,5.948 3.719,5.805 3.789,5.664C3.809,5.624 3.823,5.564 3.905,5.572C3.905,5.615 3.909,5.656 3.905,5.696C3.9,5.741 3.888,5.786 3.877,5.839C4.018,5.882 3.963,6.013 3.992,6.108C4.094,6.086 4.096,5.913 4.24,5.964L4.24,6.169L4.257,6.171L4.696,5.112C4.566,5.112 4.45,5.092 4.338,5.145C4.314,5.156 4.28,5.144 4.23,5.141C4.305,4.991 4.369,4.863 4.441,4.724C4.447,4.711 4.456,4.698 4.466,4.688C4.466,4.673 4.465,4.658 4.474,4.65L4.48,4.63C4.475,4.636 4.47,4.641 4.452,4.647C4.448,4.659 4.443,4.671 4.426,4.692C4.419,4.706 4.407,4.717 4.394,4.725C4.271,4.882 4.304,4.889 4.136,4.831C4.057,4.804 4.058,4.803 4.089,4.687C4.117,4.641 4.145,4.594 4.187,4.537C4.187,4.521 4.186,4.505 4.194,4.495L4.2,4.48L4.199,4.48ZM6.272,3.81C6.269,3.816 6.265,3.821 6.245,3.826C6.151,3.951 6.051,4.072 5.965,4.203C5.81,4.441 5.664,4.684 5.514,4.926C5.374,5.15 5.169,5.294 4.939,5.407C4.922,5.415 4.899,5.413 4.86,5.418C4.872,5.359 4.876,5.309 4.893,5.265C4.961,5.089 5.038,4.916 5.122,4.747L5.115,4.727C5.105,4.737 5.093,4.746 5.08,4.752C5.052,4.802 5.025,4.852 4.987,4.916C4.727,5.34 4.544,5.733 4.545,5.866C4.569,5.87 4.593,5.877 4.618,5.879C4.795,5.892 4.806,5.886 4.878,5.714C4.908,5.644 4.955,5.594 5.025,5.564L5.2,5.494C5.244,5.476 5.285,5.437 5.346,5.462C5.349,5.512 5.336,5.572 5.36,5.607C5.402,5.669 5.404,5.732 5.407,5.8C5.409,5.849 5.424,5.898 5.433,5.947C5.462,5.913 5.472,5.882 5.483,5.85C5.625,5.46 5.76,5.068 5.911,4.68C6.011,4.424 6.131,4.176 6.241,3.924C6.254,3.894 6.254,3.857 6.271,3.832L6.271,3.81L6.272,3.81ZM10.259,3.47C10.259,3.515 10.269,3.554 10.28,3.593C10.322,3.753 10.374,3.911 10.404,4.073C10.428,4.206 10.427,4.343 10.432,4.479C10.432,4.512 10.413,4.546 10.4,4.589C10.306,4.531 10.353,4.431 10.294,4.374L10.169,4.374C10.154,4.446 10.159,4.526 10.123,4.574C10.057,4.659 9.968,4.728 9.887,4.801C9.844,4.839 9.809,4.819 9.784,4.776L9.738,4.689C9.673,4.724 9.621,4.758 9.566,4.782C9.45,4.833 9.331,4.877 9.216,4.929C9.131,4.967 9.126,4.982 9.146,5.076C9.16,5.151 9.18,5.224 9.193,5.299C9.206,5.371 9.243,5.408 9.316,5.423C9.549,5.473 9.778,5.538 9.973,5.688C10.031,5.586 10.031,5.586 10.141,5.537C10.171,5.523 10.201,5.507 10.233,5.495C10.313,5.465 10.348,5.478 10.383,5.555C10.406,5.603 10.424,5.653 10.449,5.713C10.509,5.573 10.407,5.446 10.466,5.297C10.623,5.477 10.706,5.687 10.841,5.864C10.855,5.833 10.863,5.8 10.863,5.766C10.865,5.642 10.863,5.519 10.865,5.395C10.865,5.361 10.878,5.328 10.885,5.295L10.917,5.292C11.027,5.447 11.047,5.646 11.143,5.812C11.148,5.681 11.145,5.55 11.133,5.42C11.129,5.375 11.133,5.346 11.183,5.332C11.263,5.368 11.299,5.472 11.398,5.49C11.368,5.215 10.975,4.353 10.6,3.855C10.486,3.728 10.4,3.575 10.26,3.469L10.259,3.47ZM7.592,4.166C7.573,4.2 7.562,4.216 7.555,4.233C7.494,4.418 7.43,4.603 7.375,4.789C7.344,4.894 7.288,4.958 7.18,4.979C7.09,4.998 7.002,5.031 6.912,5.052C6.874,5.061 6.823,5.067 6.794,5.049C6.77,5.033 6.769,4.98 6.758,4.943C6.694,5.019 6.676,5.03 6.588,4.99C6.455,4.928 6.326,4.855 6.195,4.789C6.147,4.764 6.102,4.726 6.025,4.759C5.982,4.879 5.934,5.009 5.888,5.141C5.789,5.421 5.801,5.383 5.983,5.594C6.029,5.642 6.085,5.624 6.137,5.617C6.191,5.608 6.243,5.587 6.297,5.581C6.427,5.568 6.557,5.501 6.664,5.566C6.868,5.502 7.051,5.444 7.235,5.388C7.285,5.373 7.324,5.393 7.349,5.442C7.371,5.484 7.383,5.535 7.431,5.563C7.469,5.507 7.418,5.435 7.494,5.385L7.634,5.626L7.592,4.166ZM7.87,4.524C7.774,4.514 7.763,4.534 7.76,4.632C7.758,4.67 7.757,4.71 7.762,4.747C7.792,4.947 7.861,5.133 7.936,5.317C7.938,5.323 7.948,5.327 7.958,5.332L8.036,5.282C8.088,5.318 8.117,5.37 8.189,5.37C8.394,5.368 8.599,5.384 8.805,5.382C8.904,5.381 8.963,5.424 9.01,5.502C9.028,5.532 9.034,5.579 9.098,5.568L9.018,5.174C8.968,4.979 8.933,4.779 8.846,4.585C8.789,4.642 8.732,4.653 8.666,4.631C8.622,4.617 8.577,4.608 8.531,4.603C8.311,4.575 8.091,4.544 7.871,4.523L7.87,4.524ZM18.124,2.797C18.213,2.96 18.279,3.113 18.263,3.288C18.247,3.456 18.289,3.63 18.219,3.804C18.172,3.771 18.131,3.722 18.107,3.729C17.99,3.764 17.943,3.672 17.88,3.614C17.781,3.521 17.685,3.425 17.594,3.324L17.49,3.211C17.482,3.217 17.475,3.224 17.467,3.23C17.502,3.276 17.537,3.323 17.577,3.386C17.617,3.45 17.661,3.513 17.699,3.579C17.733,3.637 17.764,3.697 17.73,3.784C17.648,3.774 17.566,3.765 17.484,3.752C17.424,3.742 17.383,3.752 17.36,3.822C17.329,3.92 17.323,3.918 17.21,3.912C17.23,3.954 17.246,3.992 17.267,4.028C17.308,4.102 17.297,4.166 17.237,4.224C17.177,4.284 17.119,4.346 17.059,4.405C17.012,4.455 16.939,4.474 16.874,4.451C16.652,4.39 16.427,4.338 16.204,4.277C16.172,4.268 16.141,4.237 16.118,4.209C16.088,4.169 16.066,4.122 16.038,4.079C15.994,4.009 15.948,3.941 15.902,3.872C15.887,3.905 15.882,3.941 15.888,3.977C15.9,4.104 15.918,4.23 15.923,4.357C15.928,4.457 15.899,4.477 15.802,4.461C15.698,4.444 15.596,4.421 15.492,4.403C15.428,4.391 15.361,4.375 15.29,4.433L15.371,4.641C15.461,4.641 15.537,4.631 15.608,4.643C15.784,4.674 15.945,4.763 16.066,4.894C16.144,4.977 16.22,5.062 16.307,5.154L16.325,5.149C16.321,5.143 16.317,5.136 16.315,5.109C16.329,5.053 16.253,4.991 16.333,4.931C16.364,4.961 16.397,4.988 16.421,5.021C16.479,5.099 16.532,5.18 16.59,5.278L16.679,5.419L16.703,5.406C16.561,5.095 16.418,4.783 16.276,4.472C16.331,4.479 16.359,4.479 16.384,4.488C16.577,4.558 16.769,4.63 16.961,4.704C17.035,4.732 17.108,4.764 17.18,4.798C17.242,4.826 17.292,4.816 17.337,4.765C17.387,4.709 17.439,4.653 17.491,4.598C17.541,4.547 17.586,4.552 17.623,4.612C17.639,4.637 17.649,4.665 17.663,4.692C17.734,4.83 17.806,4.969 17.88,5.125L18.039,5.433L18.064,5.422C18.02,5.316 17.994,5.204 17.926,5.088C17.869,4.906 17.758,4.742 17.72,4.543C17.856,4.577 18.082,4.869 18.287,5.275L18.344,5.349L18.362,5.338C18.343,5.296 18.325,5.254 18.31,5.211C18.264,5.066 18.213,4.921 18.174,4.775C18.152,4.692 18.138,4.602 18.196,4.515L18.305,4.573L18.279,4.366L18.306,4.35C18.328,4.37 18.356,4.386 18.371,4.41C18.444,4.518 18.514,4.63 18.586,4.74C18.596,4.756 18.615,4.769 18.629,4.783C18.593,4.566 18.429,4.403 18.4,4.157L18.555,4.269C18.569,4.103 18.567,3.95 18.597,3.804C18.629,3.646 18.574,3.507 18.534,3.359C18.558,3.363 18.57,3.365 18.589,3.384C18.681,3.508 18.772,3.633 18.866,3.755C18.886,3.782 18.916,3.802 18.935,3.842L18.975,3.905L18.994,3.89C18.972,3.866 18.954,3.838 18.941,3.808C18.829,3.646 18.718,3.483 18.609,3.318C18.388,3.007 18.246,2.851 18.124,2.797ZM11.554,3.124C11.551,3.285 11.646,3.399 11.623,3.539L11.255,3.626C11.345,3.765 11.287,3.863 11.203,3.957C11.153,4.014 11.111,4.079 11.06,4.135C11.023,4.175 11.014,4.213 11.042,4.261L11.202,4.536C11.231,4.584 11.274,4.602 11.33,4.6C11.406,4.597 11.482,4.6 11.558,4.599C11.674,4.596 11.774,4.621 11.833,4.736C11.839,4.75 11.853,4.76 11.877,4.788C11.881,4.729 11.874,4.69 11.887,4.658C11.903,4.618 11.927,4.559 11.959,4.55C12.043,4.527 12.132,4.526 12.219,4.52C12.232,4.519 12.246,4.538 12.259,4.549L12.33,4.614C12.349,4.504 12.248,4.416 12.306,4.304L12.432,4.344C12.406,4.221 12.362,4.099 12.361,3.978C12.361,3.855 12.412,3.735 12.476,3.618C12.583,3.68 12.636,3.774 12.71,3.871C12.893,4.136 13.07,4.404 13.204,4.705C13.369,4.627 13.474,4.773 13.611,4.793C13.608,4.687 13.478,4.352 13.414,4.301C13.385,4.279 13.348,4.269 13.312,4.273C13.252,4.284 13.193,4.312 13.121,4.336C13.096,4.297 13.065,4.258 13.044,4.214C12.917,3.936 12.759,3.673 12.571,3.431C12.495,3.337 12.411,3.249 12.343,3.171L11.952,3.456C11.903,3.491 11.858,3.486 11.82,3.439L11.651,3.232C11.626,3.202 11.598,3.173 11.554,3.124Z" style="fill:white;"/></g></g></svg>
                  </span>
                  <button class="agent-card-settings" id="agentCardSettings" type="button" aria-label="Open agent settings">
                    <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 8a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8.92 3.4 1.65 1.65 0 0 0 10 1.91V2a2 2 0 1 1 4 0v-.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 8c.18.55.69.92 1.27.92H21a2 2 0 1 1 0 4h-.09c-.58 0-1.09.37-1.51.08Z"/></svg>
                  </button>
                  <span class="agent-sidebar-avatar"><canvas id="avatar" width="132" height="132" aria-label="Selected agent pixel avatar"></canvas></span>
                  <strong>Selected Agent</strong>
                  <em>Hermes Agent</em>
                  <span class="agent-sidebar-status"><i></i>Recently active</span>
                  <small>Idle · last: on the<br>agent console...</small>
                  <span id="agentSidebarFoot" class="agent-sidebar-foot"><b>0</b> workspace files · model loading</span>
                  <div class="voice-action-grid agent-card-actions" aria-label="Speech controls">
                    <button id="audioBtn" type="button" aria-pressed="false">
                      <svg class="speaker-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M4 9.5v5h3.4l4.4 3.6c.7.57 1.72.08 1.72-.82V6.72c0-.9-1.02-1.39-1.72-.82L7.4 9.5H4Zm13.2-2.45a1 1 0 0 0-1.4 1.43 5 5 0 0 1 0 7.04 1 1 0 1 0 1.4 1.43 7 7 0 0 0 0-9.9Zm2.62-2.62a1 1 0 0 0-1.41 1.41 8.72 8.72 0 0 1 0 12.32 1 1 0 1 0 1.41 1.41 10.72 10.72 0 0 0 0-15.14Z"/></svg>
                      <span>AUDIO</span>
                    </button>
                    <button id="micBtn" type="button" aria-pressed="false" title="Mic on/off. Use the HTTPS tailnet URL if the browser blocks permissions.">
                      <svg class="mic-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5.3-3a1 1 0 1 0-2 0 3.3 3.3 0 0 1-6.6 0 1 1 0 1 0-2 0 5.3 5.3 0 0 0 4.3 5.2V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.8A5.3 5.3 0 0 0 17.3 11Z"/></svg>
                      <span>MIC</span>
                    </button>
                  </div>
                  <button id="micSettingsToggle" class="mic-settings-toggle" type="button" aria-expanded="false" aria-controls="micSettingsPanel">Select Mic Engine</button>
                  <div id="micSettingsPanel" class="voice-mode agent-card-controls" aria-label="Mic engine settings" hidden>
                    <div class="agent-card-controls-head">
                      <span>Mic Engine Settings</span>
                      <button id="micSettingsClose" class="iconbtn" type="button" aria-label="Close mic engine settings">×</button>
                    </div>
                    <div class="slider-wrap audio-setting-hidden" aria-hidden="true">
                      <div class="slider-label"><span>VOICE MODE</span><strong id="voiceModeStatus">local</strong></div>
                      <select id="voiceMode" aria-label="Voice mode">
                        <option value="local">Local browser voice</option>
                        <option value="elevenlabs">ElevenLabs profile voice</option>
                      </select>
                    </div>
                    <div id="elevenLabsVoiceNote" class="voice-note audio-setting-hidden" hidden>
                      Use the selected profile voice from the server environment.
                    </div>
                    <div class="slider-wrap mic-engine-wrap">
                      <div class="slider-label"><span>MIC ENGINE</span><strong id="micModeStatus">stable</strong></div>
                      <select id="micMode" aria-label="Mic engine">
                        <option value="stable">Stable chunked transcription</option>
                        <option value="realtime">Beta Realtime Whisper</option>
                      </select>
                    </div>
                    <div id="realtimeMicNote" class="voice-note mic-note" hidden>
                      Streams live transcript deltas through GPT-Realtime-Whisper. If WebRTC misbehaves, the session uses stable transcription without changing this selector.
                    </div>
                    <div id="localVoiceSettings" class="voice-controls audio-setting-hidden" aria-label="Local voice controls" aria-hidden="true">
                      <div class="slider-wrap">
                        <div class="slider-label"><span>LOCAL VOICE</span><strong id="voiceCount">loading</strong></div>
                        <select id="voiceSelect" aria-label="Local browser voice"></select>
                      </div>
                      <div class="slider-wrap">
                        <div class="slider-label"><span>PITCH</span><strong id="pitchValue">0.55</strong></div>
                        <input id="pitch" type="range" min="0.1" max="2" step="0.05" value="0.55" />
                      </div>
                      <div class="slider-wrap">
                        <div class="slider-label"><span>SPEED</span><strong id="rateValue">0.90</strong></div>
                        <input id="rate" type="range" min="0.5" max="1.6" step="0.05" value="0.90" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>

            <section class="panel chat-panel anchor-target" id="mission-control" aria-label="Selected agent mission console">
              <div class="panel-head">
                <div class="panel-title">
                  <div class="panel-icon">⌘</div>
                  <div><h2>Mission Control</h2><p>Chat fast, or send the selected agent to do read-only work</p></div>
                </div>
                <span class="badge accent live-feed">live feed</span>
              </div>
              <div class="panel-body">
                <div class="input-row">
                  <textarea id="prompt" placeholder="Give the selected agent a message or a mission brief. Press Enter to chat. Shift+Enter for a new line."></textarea>
                  <button id="chatBtn" type="button">CHAT</button>
                  <button id="missionBtn" type="button"><span>SEND AGENT TO WORK</span><small>Background Claude Code</small></button>
                </div>
                <div class="status" id="status"></div>
              </div>
              <div id="feed" class="feed" aria-live="polite">
                <div class="msg bot"><span class="role">AGENT</span>Online. Ready for a message or mission brief.</div>
              </div>
            </section>
          </section>

          <section class="ops-tabs anchor-target" id="agent-ops" aria-label="Selected agent operations">
            <div class="ops-tab-list" role="tablist" aria-label="Agent Console operations sections">
              <button class="panel-head ops-tab active" type="button" role="tab" aria-selected="true" aria-controls="sessions" data-ops-tab="sessions">
                <div class="panel-title">
                  <div class="panel-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M5.5 6.5h13"/><path d="M5.5 12h13"/><path d="M5.5 17.5h8"/><circle cx="3.2" cy="6.5" r=".8"/><circle cx="3.2" cy="12" r=".8"/><circle cx="3.2" cy="17.5" r=".8"/></svg></div>
                  <div><h2>Sessions</h2><p id="sessionsSubtitle">Selected profile only</p></div>
                </div>
                <span id="sessionsBadge" class="badge info">loading</span>
              </button>
              <button class="panel-head ops-tab" type="button" role="tab" aria-selected="false" aria-controls="workspace-files" data-ops-tab="workspace-files">
                <div class="panel-title">
                  <div class="panel-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3.5 6.5h6l2 2h9v9a2 2 0 0 1-2 2h-15v-13Z"/><path d="M3.5 6.5V5a2 2 0 0 1 2-2h4.2l1.8 2h4"/><path d="M8 13h8"/><path d="M8 16h5"/></svg></div>
                  <div><h2>Workspace Files</h2><p id="workspaceSubtitle">Selected profile workspace</p></div>
                </div>
                <span id="workspaceBadge" class="badge info">loading</span>
              </button>
              <button class="panel-head ops-tab" type="button" role="tab" aria-selected="false" aria-controls="cron-jobs" data-ops-tab="cron-jobs">
                <div class="panel-title">
                  <div class="panel-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.25"/><path d="M12 7.5v5l3.2 2"/><path d="M8.3 2.8 5.6 5.1"/><path d="M15.7 2.8l2.7 2.3"/></svg></div>
                  <div><h2>Cron Jobs</h2><p id="cronSubtitle">Selected profile only</p></div>
                </div>
                <span id="cronBadge" class="badge info">loading</span>
              </button>
              <button class="panel-head ops-tab" type="button" role="tab" aria-selected="false" aria-controls="skills" data-ops-tab="skills">
                <div class="panel-title">
                  <div class="panel-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6.5 4.5h8.7a2.3 2.3 0 0 1 2.3 2.3v12.7H8.8a2.3 2.3 0 0 1-2.3-2.3V4.5Z"/><path d="M6.5 4.5a2.3 2.3 0 0 0-2.3 2.3v10.4a2.3 2.3 0 0 0 2.3 2.3h2.3"/><path d="M9.7 8.6h4.8"/><path d="M9.7 12h4.8"/><path d="M9.7 15.4h2.7"/></svg></div>
                  <div><h2>Skills</h2><p id="skillsSubtitle">Selected profile only</p></div>
                </div>
                <span id="skillsBadge" class="badge info">loading</span>
              </button>
            </div>
            <div class="ops-tab-content">
              <section class="panel ops-panel sessions-panel ops-tab-panel active anchor-target" id="sessions" aria-label="Selected agent sessions" data-ops-panel="sessions">
              <div class="panel-body sessions-console-body">
                <div class="sessions-chat-layout" aria-label="Session browser and transcript">
                  <aside class="sessions-rail" aria-label="Session list">
                    <div id="sessionsSummary" class="ops-summary" aria-label="Sessions summary"></div>
                    <div id="sessionsList" class="ops-list sessions-list"></div>
                    <div id="sessionsSource" class="ops-source"></div>
                  </aside>
                  <div class="sessions-resize-handle workspace-resize-handle" id="sessionsResizeHandle" role="separator" aria-orientation="vertical" aria-label="Resize session list" tabindex="0"><span class="grip"></span></div>
                  <section id="sessionModal" class="session-inline" aria-label="Selected session transcript" aria-live="polite">
                    <div class="session-inline-head">
                      <button id="sessionBackBtn" class="mobile-back-btn" type="button" aria-label="Back to sessions">
                        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m15 6-6 6 6 6"/></svg>
                      </button>
                      <div style="min-width:0">
                        <h2 id="sessionModalTitle">Select a session</h2>
                        <div id="sessionModalMeta" class="session-head-meta"></div>
                      </div>
                      <button id="sessionModalClose" class="iconbtn" type="button" aria-label="Clear selected session">×</button>
                    </div>
                    <div id="sessionFeed" class="session-feed"><div class="ops-empty">Pick a session on the left to read its transcript here.</div></div>
                    <div class="session-composer">
                      <textarea id="sessionPrompt" placeholder="Continue this session. Press Enter to send. Shift+Enter for a new line."></textarea>
                      <button id="sessionSendBtn" type="button">CONTINUE</button>
                    </div>
                    <div id="sessionModalStatus" class="session-modal-status"></div>
                    <div class="settings-actions session-inline-actions">
                      <div class="session-actions-left">
                        <button id="sessionDeleteBtn" class="danger" type="button">Delete session</button>
                      </div>
                      <button id="sessionCloseBtn" class="secondary" type="button">Clear</button>
                    </div>
                  </section>
                </div>
              </div>
              </section>
              <section class="panel ops-panel workspace-browser-panel ops-tab-panel anchor-target" id="workspace-files" aria-label="Selected agent workspace files" data-ops-panel="workspace-files">
              <div class="panel-body">
                <div class="workspace-toolbar" aria-label="Workspace location and search">
                  <div id="workspaceCrumbs" class="workspace-crumbs" aria-label="Workspace breadcrumbs"></div>
                  <div class="workspace-search">
                    <input id="workspaceSearch" type="search" placeholder="Search workspace…" autocomplete="off" />
                    <button id="workspaceSearchBtn" class="secondary" type="button">Search</button>
                    <button id="workspaceClearBtn" class="secondary" type="button">Clear</button>
                  </div>
                </div>
                <div class="workspace-browser-layout" id="workspaceBrowserLayout">
                  <section class="workspace-file-pane" aria-label="Workspace file selector">
                    <header class="workspace-file-head">
                      <div class="workspace-file-head-row">
                        <div class="workspace-preview-title">
                          <h3>Files</h3>
                          <p>Agent workspace.</p>
                        </div>
                        <div class="workspace-nav-group" aria-label="Workspace file controls">
                          <button id="workspaceBackBtn" class="workspace-nav-btn workspace-icon-btn" type="button" title="Up one folder" aria-label="Up one folder">
                            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3.5 7.5h6l2 2h9v8a2 2 0 0 1-2 2h-15v-12Z"/><path d="M12 16V11"/><path d="m8.5 14.5 3.5-3.5 3.5 3.5"/></svg>
                          </button>
                          <button id="workspaceRefreshBtn" class="workspace-nav-btn workspace-icon-btn" type="button" title="Refresh folder" aria-label="Refresh folder">
                            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6v5h-5"/><path d="M4 18v-5h5"/><path d="M18.2 9A7 7 0 0 0 6.4 6.8L4 9"/><path d="M5.8 15A7 7 0 0 0 17.6 17.2L20 15"/></svg>
                          </button>
                          <button id="workspaceCopyFolderBtn" class="workspace-nav-btn workspace-icon-btn" type="button" title="Copy current folder path" aria-label="Copy current folder path" data-icon-only="1">
                            <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="10" height="10" rx="2"/><path d="M5 15V7a2 2 0 0 1 2-2h8"/></svg>
                          </button>
                        </div>
                      </div>
                    </header>
                    <div id="workspaceList" class="workspace-file-list"><div class="workspace-empty">Loading workspace…</div></div>
                  </section>
                  <div class="workspace-resize-handle" id="workspaceResizeHandle" role="separator" aria-orientation="vertical" aria-label="Resize workspace file list" tabindex="0"><span class="grip"></span></div>
                  <aside class="workspace-preview" aria-label="Workspace file preview">
                    <div class="workspace-preview-head">
                      <button id="workspacePreviewBack" class="mobile-back-btn" type="button" aria-label="Back to files">
                        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m15 6-6 6 6 6"/></svg>
                      </button>
                      <div class="workspace-preview-title">
                        <h3 id="workspacePreviewTitle">Select a file</h3>
                        <p id="workspacePreviewMeta">Open folders on the left. Safe files preview here.</p>
                      </div>
                      <div class="workspace-preview-actions">
                        <div id="workspaceViewToggle" class="workspace-view-toggle" style="display:none">
                          <button type="button" data-mode="preview">Preview</button>
                          <button type="button" data-mode="raw">Raw</button>
                        </div>
                        <button id="workspaceCopyPreviewPath" class="workspace-action-btn workspace-copy-preview-btn" type="button" title="Copy selected file path" aria-label="Copy selected file path">
                          <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="10" height="10" rx="2"/><path d="M5 15V7a2 2 0 0 1 2-2h8"/></svg>
                        </button>
                        <button id="workspaceExpandPreview" class="workspace-expand-btn" type="button" title="Open full page preview" aria-label="Open full page preview">
                          <svg viewBox="0 0 24 24"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
                        </button>
                      </div>
                    </div>
                    <div id="workspacePreviewBody" class="workspace-preview-body"><div class="workspace-empty">No file selected.</div></div>
                  </aside>
                </div>
                <div id="workspaceSource" class="ops-source workspace-source-footer"></div>
              </div>
              </section>
              <section class="panel ops-panel cron-panel ops-tab-panel anchor-target" id="cron-jobs" aria-label="Selected agent cron jobs" data-ops-panel="cron-jobs">
              <div class="panel-body">
                <div id="cronSummary" class="ops-summary" aria-label="Cron summary"></div>
                <div id="cronList" class="ops-list"></div>
                <div id="cronSource" class="ops-source"></div>
              </div>
              </section>
              <section class="panel ops-panel skills-panel ops-tab-panel anchor-target" id="skills" aria-label="Selected agent skills" data-ops-panel="skills">
              <div class="panel-body">
                <div id="skillsSummary" class="ops-summary" aria-label="Skills summary"></div>
                <div id="skillsList" class="ops-list"></div>
                <div id="skillsSource" class="ops-source"></div>
              </div>
              </section>
            </div>
            <div id="workspacePreviewModal" class="settings-modal workspace-modal" hidden>
              <div class="settings-panel workspace-modal-shell" role="dialog" aria-modal="true" aria-labelledby="workspaceModalTitle">
                <div class="settings-head workspace-modal-head">
                  <div style="min-width:0">
                    <h2 id="workspaceModalTitle">Preview</h2>
                    <p id="workspaceModalMeta"></p>
                  </div>
                  <button id="workspaceModalClose" class="iconbtn" type="button" data-workspace-close="1" title="Close preview" aria-label="Close preview">×</button>
                </div>
                <div id="workspaceModalBody" class="workspace-modal-body"></div>
              </div>
            </div>

          </section>
        </div>
      </section>
    </main>
  </div>

  <div id="settingsModal" class="settings-modal" role="dialog" aria-modal="true" aria-labelledby="settingsTitle">
    <div class="settings-panel">
      <div class="settings-head">
        <div>
          <h2 id="settingsTitle">Agent Settings</h2>
          <p>Set the Hermes agent profile URL. Agent Console reads that profile's .env metadata and reloads the page context.</p>
        </div>
        <button id="settingsClose" class="iconbtn" type="button" aria-label="Close settings">×</button>
      </div>
      <div class="settings-body">
        <div class="settings-grid">
          <div class="settings-field">
            <label for="profileSelect">Known Hermes profiles</label>
            <select id="profileSelect"></select>
          </div>
          <div class="settings-field">
            <label for="profileUrlInput">Profile URL or path</label>
            <input id="profileUrlInput" type="text" spellcheck="false" placeholder="profile-slug or /path/to/.hermes/profiles/profile-slug" />
          </div>
        </div>
        <div class="settings-summary" aria-label="Resolved profile summary">
          <div class="settings-summary-row"><span>Agent</span><b id="settingsAgentName">loading</b></div>
          <div class="settings-summary-row"><span>Profile</span><b id="settingsProfileSlug">loading</b></div>
          <div class="settings-summary-row"><span>Env file</span><b id="settingsEnvPath">loading</b></div>
          <div class="settings-summary-row"><span>Gateway</span><b id="settingsApiUrl">loading</b></div>
          <div class="settings-summary-row"><span>Port</span><b id="settingsApiPort">loading</b></div>
          <div class="settings-summary-row"><span>Model</span><b id="settingsModel">loading</b></div>
        </div>
        <div id="settingsEnv" class="settings-env" aria-label="Profile environment keys"></div>
        <div class="settings-section-card settings-missions-card" aria-label="Mission feature settings">
          <div class="settings-section-card-head">
            <div>
              <strong>Missions</strong>
              <span>Enable or disable delegated mission work for this selected agent.</span>
            </div>
            <span id="settingsMissionsStatus" class="badge warn">disabled</span>
          </div>
          <label class="section-toggle settings-single-toggle" for="settingsMissionsToggle">
            <span class="section-toggle-copy"><b>Mission Mode</b><small>writes AGENT_CONSOLE_MISSIONS_ENABLED</small></span>
            <input id="settingsMissionsToggle" class="section-toggle-input" type="checkbox" />
            <span class="toggle-track" aria-hidden="true"></span>
          </label>
        </div>
        <div class="settings-agent-card" aria-label="Agent name and color settings">
          <div class="settings-agent-card-head">
            <strong>Agent Theme</strong>
            <span>writes AGENT_NAME + AGENT_COLOUR_HASH</span>
          </div>
          <div class="settings-grid">
            <div class="settings-field">
              <label for="settingsAgentNameInput">Agent name</label>
              <input id="settingsAgentNameInput" type="text" spellcheck="false" placeholder="Perseon" />
            </div>
            <div class="settings-field">
              <label for="settingsAgentColourText">Agent colour hash</label>
              <div class="settings-color-row">
                <input id="settingsAgentColourPicker" type="color" value="#78e2ff" aria-label="Pick agent color" />
                <input id="settingsAgentColourText" type="text" spellcheck="false" placeholder="78e2ff" />
              </div>
            </div>
          </div>
        </div>
        <div class="settings-agent-card settings-secret-card" aria-label="ElevenLabs voice settings">
          <div class="settings-agent-card-head">
            <strong>ElevenLabs Voice</strong>
            <span>encrypts ELEVENLABS_API_KEY + writes ELEVENLABS_VOICE_ID</span>
          </div>
          <div class="settings-secret-status" id="settingsElevenStatus" aria-live="polite">
            <span class="badge missing">checking voice config</span>
          </div>
          <div class="settings-field">
            <label for="settingsElevenApiKeyInput">ElevenLabs API key</label>
            <div class="settings-secret-row">
              <input id="settingsElevenApiKeyInput" type="password" spellcheck="false" autocomplete="off" placeholder="Paste a new API key, or press Show to reveal the stored key." />
              <button id="settingsElevenKeyToggle" class="secondary" type="button">Show</button>
              <button id="settingsElevenKeyCopy" class="iconbtn secret-icon-btn" type="button" aria-label="Copy ElevenLabs API key" title="Copy API key">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                  <rect x="9" y="9" width="12" height="12" rx="2"></rect>
                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
                </svg>
              </button>
            </div>
          </div>
          <div class="settings-field">
            <label for="settingsElevenVoiceIdInput">Voice ID</label>
            <input id="settingsElevenVoiceIdInput" type="text" spellcheck="false" autocomplete="off" placeholder="ElevenLabs voice_id" />
          </div>
          <p class="settings-secret-note">The API key is encrypted at rest in the selected profile .env. Use Show to reveal the decrypted key in this browser session for verification or copying.</p>
        </div>
        <div class="settings-section-card" aria-label="Visible operations sections">
          <div class="settings-section-card-head">
            <div>
              <strong>Visible Sections</strong>
              <span>Choose which operation tabs show in the console.</span>
            </div>
          </div>
          <div class="section-toggle-grid">
            <label class="section-toggle" for="sectionToggleSessions">
              <span class="section-toggle-copy"><b>Sessions</b><small>conversation history</small></span>
              <input id="sectionToggleSessions" class="section-toggle-input" type="checkbox" data-section-toggle="sessions" checked />
              <span class="toggle-track" aria-hidden="true"></span>
            </label>
            <label class="section-toggle" for="sectionToggleWorkspace">
              <span class="section-toggle-copy"><b>Workspace Files</b><small>file browser</small></span>
              <input id="sectionToggleWorkspace" class="section-toggle-input" type="checkbox" data-section-toggle="workspace-files" checked />
              <span class="toggle-track" aria-hidden="true"></span>
            </label>
            <label class="section-toggle" for="sectionToggleCron">
              <span class="section-toggle-copy"><b>Cron Jobs</b><small>scheduled work</small></span>
              <input id="sectionToggleCron" class="section-toggle-input" type="checkbox" data-section-toggle="cron-jobs" checked />
              <span class="toggle-track" aria-hidden="true"></span>
            </label>
            <label class="section-toggle" for="sectionToggleSkills">
              <span class="section-toggle-copy"><b>Skills</b><small>capability library</small></span>
              <input id="sectionToggleSkills" class="section-toggle-input" type="checkbox" data-section-toggle="skills" checked />
              <span class="toggle-track" aria-hidden="true"></span>
            </label>
          </div>
        </div>
        <div id="settingsStatus" class="modal-status"></div>
      </div>
      <div class="settings-actions">
        <button id="settingsCancel" class="secondary" type="button">Cancel</button>
        <button id="settingsReload" class="secondary" type="button">Save</button>
        <button id="settingsSave" type="button">Use This Agent</button>
      </div>
    </div>
  </div>

  <div id="detailModal" class="settings-modal detail-modal" role="dialog" aria-modal="true" aria-labelledby="detailModalTitle">
    <div class="settings-panel detail-panel">
      <div class="settings-head">
        <div style="min-width:0">
          <h2 id="detailModalTitle">Details</h2>
          <div id="detailModalMeta" class="session-head-meta"></div>
        </div>
        <button id="detailModalClose" class="iconbtn" type="button" aria-label="Close details">×</button>
      </div>
      <div id="detailBody" class="detail-body"></div>
    </div>
  </div>
  <script>
    const feed = document.getElementById('feed');
    const promptBox = document.getElementById('prompt');
    const statusLine = document.getElementById('status');
    const chatBtn = document.getElementById('chatBtn');
    const missionBtn = document.getElementById('missionBtn');
    const audioBtn = document.getElementById('audioBtn');
    const micBtn = document.getElementById('micBtn');
    const slider = document.getElementById('personality');
    const sliderValue = document.getElementById('personalityValue');
    const personalityOptions = Array.from(document.querySelectorAll('.personality-option'));
    const voiceModeSelect = document.getElementById('voiceMode');
    const voiceModeStatus = document.getElementById('voiceModeStatus');
    const micModeSelect = document.getElementById('micMode');
    const micModeStatus = document.getElementById('micModeStatus');
    const micSettingsToggle = document.getElementById('micSettingsToggle');
    const micSettingsPanel = document.getElementById('micSettingsPanel');
    const micSettingsClose = document.getElementById('micSettingsClose');
    const realtimeMicNote = document.getElementById('realtimeMicNote');
    const voiceMetaValues = document.querySelectorAll('.voiceMetaValue');
    const localVoiceSettings = document.getElementById('localVoiceSettings');
    const elevenLabsVoiceNote = document.getElementById('elevenLabsVoiceNote');
    const voiceSelect = document.getElementById('voiceSelect');
    const voiceCount = document.getElementById('voiceCount');
    const pitchSlider = document.getElementById('pitch');
    const pitchValue = document.getElementById('pitchValue');
    const rateSlider = document.getElementById('rate');
    const rateValue = document.getElementById('rateValue');
    const avatarCanvas = document.getElementById('avatar');
    const avatarCtx = avatarCanvas.getContext('2d');
    const cornerAvatarCanvas = document.getElementById('cornerAvatar');
    const cornerAvatarCtx = cornerAvatarCanvas.getContext('2d');
    const agentCardSettings = document.getElementById('agentCardSettings');
    const agentOnlineBadge = document.getElementById('agentOnlineBadge');
    const agentTopbarTime = document.getElementById('agentTopbarTime');
    const settingsModal = document.getElementById('settingsModal');
    const settingsClose = document.getElementById('settingsClose');
    const settingsCancel = document.getElementById('settingsCancel');
    const settingsReload = document.getElementById('settingsReload');
    const settingsSave = document.getElementById('settingsSave');
    const heroProfileSelect = document.getElementById('heroProfileSelect');
    const missionMetaBadge = document.getElementById('missionMetaBadge');
    const profileSelect = document.getElementById('profileSelect');
    const profileUrlInput = document.getElementById('profileUrlInput');
    const settingsStatus = document.getElementById('settingsStatus');
    const settingsEnv = document.getElementById('settingsEnv');
    const settingsMissionsToggle = document.getElementById('settingsMissionsToggle');
    const settingsMissionsStatus = document.getElementById('settingsMissionsStatus');
    const settingsAgentName = document.getElementById('settingsAgentName');
    const settingsAgentNameInput = document.getElementById('settingsAgentNameInput');
    const settingsAgentColourPicker = document.getElementById('settingsAgentColourPicker');
    const settingsAgentColourText = document.getElementById('settingsAgentColourText');
    const settingsElevenApiKeyInput = document.getElementById('settingsElevenApiKeyInput');
    const settingsElevenKeyToggle = document.getElementById('settingsElevenKeyToggle');
    const settingsElevenKeyCopy = document.getElementById('settingsElevenKeyCopy');
    const settingsElevenVoiceIdInput = document.getElementById('settingsElevenVoiceIdInput');
    const settingsElevenStatus = document.getElementById('settingsElevenStatus');
    const settingsProfileSlug = document.getElementById('settingsProfileSlug');
    const settingsEnvPath = document.getElementById('settingsEnvPath');
    const settingsApiUrl = document.getElementById('settingsApiUrl');
    const settingsApiPort = document.getElementById('settingsApiPort');
    const settingsModel = document.getElementById('settingsModel');
    const sessionsSubtitle = document.getElementById('sessionsSubtitle');
    const sessionsBadge = document.getElementById('sessionsBadge');
    const sessionsSummary = document.getElementById('sessionsSummary');
    const sessionsList = document.getElementById('sessionsList');
    const sessionsSource = document.getElementById('sessionsSource');
    const cronSubtitle = document.getElementById('cronSubtitle');
    const cronBadge = document.getElementById('cronBadge');
    const cronSummary = document.getElementById('cronSummary');
    const cronList = document.getElementById('cronList');
    const cronSource = document.getElementById('cronSource');
    const skillsSubtitle = document.getElementById('skillsSubtitle');
    const skillsBadge = document.getElementById('skillsBadge');
    const skillsSummary = document.getElementById('skillsSummary');
    const skillsList = document.getElementById('skillsList');
    const skillsSource = document.getElementById('skillsSource');
    const workspaceSubtitle = document.getElementById('workspaceSubtitle');
    const workspaceBadge = document.getElementById('workspaceBadge');
    const workspaceCrumbs = document.getElementById('workspaceCrumbs');
    const workspaceBackBtn = document.getElementById('workspaceBackBtn');
    const workspaceRefreshBtn = document.getElementById('workspaceRefreshBtn');
    const workspaceCopyFolderBtn = document.getElementById('workspaceCopyFolderBtn');
    const workspaceSearch = document.getElementById('workspaceSearch');
    const workspaceSearchBtn = document.getElementById('workspaceSearchBtn');
    const workspaceClearBtn = document.getElementById('workspaceClearBtn');
    const workspaceBrowserLayout = document.getElementById('workspaceBrowserLayout');
    const workspaceResizeHandle = document.getElementById('workspaceResizeHandle');
    const sessionsChatLayout = document.querySelector('.sessions-chat-layout');
    const sessionsResizeHandle = document.getElementById('sessionsResizeHandle');
    const workspaceList = document.getElementById('workspaceList');
    const workspacePreviewTitle = document.getElementById('workspacePreviewTitle');
    const workspacePreviewMeta = document.getElementById('workspacePreviewMeta');
    const workspacePreviewBody = document.getElementById('workspacePreviewBody');
    const workspaceSource = document.getElementById('workspaceSource');
    const workspaceViewToggle = document.getElementById('workspaceViewToggle');
    const workspaceCopyPreviewPath = document.getElementById('workspaceCopyPreviewPath');
    const workspaceExpandPreview = document.getElementById('workspaceExpandPreview');
    const workspacePreviewBack = document.getElementById('workspacePreviewBack');
    const workspacePreviewModal = document.getElementById('workspacePreviewModal');
    const agentSidebarFoot = document.getElementById('agentSidebarFoot');
    const workspaceModalTitle = document.getElementById('workspaceModalTitle');
    const workspaceModalMeta = document.getElementById('workspaceModalMeta');
    const workspaceModalBody = document.getElementById('workspaceModalBody');
    const sessionModal = document.getElementById('sessionModal');
    const sessionModalTitle = document.getElementById('sessionModalTitle');
    const sessionModalMeta = document.getElementById('sessionModalMeta');
    const sessionModalStatus = document.getElementById('sessionModalStatus');
    const sessionModalClose = document.getElementById('sessionModalClose');
    const sessionBackBtn = document.getElementById('sessionBackBtn');
    const sessionCloseBtn = document.getElementById('sessionCloseBtn');
    const sessionFeed = document.getElementById('sessionFeed');
    const sessionPrompt = document.getElementById('sessionPrompt');
    const sessionSendBtn = document.getElementById('sessionSendBtn');
    const sessionDeleteBtn = document.getElementById('sessionDeleteBtn');
    const detailModal = document.getElementById('detailModal');
    const detailModalTitle = document.getElementById('detailModalTitle');
    const detailModalMeta = document.getElementById('detailModalMeta');
    const detailModalClose = document.getElementById('detailModalClose');
    const detailBody = document.getElementById('detailBody');
    const opsTabButtons = Array.from(document.querySelectorAll('[data-ops-tab]'));
    const opsTabPanels = Array.from(document.querySelectorAll('[data-ops-panel]'));
    const opsNavLinks = Array.from(document.querySelectorAll('[data-ops-nav]'));
    const sectionToggleInputs = Array.from(document.querySelectorAll('[data-section-toggle]'));
    const SECTION_VISIBILITY_KEY = 'agentConsole.visibleOpsSections';
    const DEFAULT_VISIBLE_SECTIONS = ['sessions', 'workspace-files', 'cron-jobs', 'skills'];
    let visibleOpsSections = [...DEFAULT_VISIBLE_SECTIONS];

    function readVisibleOpsSections() {
      try {
        const saved = JSON.parse(localStorage.getItem(SECTION_VISIBILITY_KEY) || 'null');
        if (Array.isArray(saved)) {
          const valid = DEFAULT_VISIBLE_SECTIONS.filter((section) => saved.includes(section));
          return valid.length ? valid : [...DEFAULT_VISIBLE_SECTIONS];
        }
      } catch (_) {}
      return [...DEFAULT_VISIBLE_SECTIONS];
    }

    function firstVisibleOpsSection() {
      return visibleOpsSections[0] || 'sessions';
    }

    function applyOpsSectionVisibility() {
      visibleOpsSections = readVisibleOpsSections();
      sectionToggleInputs.forEach((input) => {
        input.checked = visibleOpsSections.includes(input.dataset.sectionToggle);
      });
      opsTabButtons.forEach((button) => {
        button.hidden = !visibleOpsSections.includes(button.dataset.opsTab);
      });
      opsTabPanels.forEach((panel) => {
        panel.hidden = !visibleOpsSections.includes(panel.dataset.opsPanel);
      });
      opsNavLinks.forEach((link) => {
        const visible = visibleOpsSections.includes(link.dataset.opsNav);
        link.hidden = !visible;
        link.setAttribute('aria-hidden', visible ? 'false' : 'true');
        link.tabIndex = visible ? 0 : -1;
      });
      document.querySelector('.ops-tab-list')?.style.setProperty('--ops-tab-count', String(Math.max(1, visibleOpsSections.length)));
      const active = opsTabPanels.find((panel) => panel.classList.contains('active'))?.dataset.opsPanel;
      if (!active || !visibleOpsSections.includes(active)) setOpsTab(firstVisibleOpsSection(), false);
    }

    function persistOpsSectionVisibility(sectionId, enabled) {
      const next = new Set(visibleOpsSections);
      if (enabled) next.add(sectionId);
      else if (next.size > 1) next.delete(sectionId);
      visibleOpsSections = DEFAULT_VISIBLE_SECTIONS.filter((section) => next.has(section));
      localStorage.setItem(SECTION_VISIBILITY_KEY, JSON.stringify(visibleOpsSections));
      applyOpsSectionVisibility();
    }

    function setOpsTab(sectionId, updateHash = false) {
      const requested = visibleOpsSections.includes(sectionId) ? sectionId : firstVisibleOpsSection();
      const target = opsTabPanels.some((panel) => panel.dataset.opsPanel === requested) ? requested : firstVisibleOpsSection();
      opsTabButtons.forEach((button) => {
        const active = button.dataset.opsTab === target;
        button.classList.toggle('active', active);
        button.setAttribute('aria-selected', active ? 'true' : 'false');
      });
      opsNavLinks.forEach((link) => {
        link.classList.toggle('active', link.dataset.opsNav === target);
      });
      opsTabPanels.forEach((panel) => {
        const active = panel.dataset.opsPanel === target;
        panel.classList.toggle('active', active);
      });
      if (updateHash) history.replaceState(null, '', `#${target}`);
    }

    opsTabButtons.forEach((button) => {
      button.addEventListener('click', () => setOpsTab(button.dataset.opsTab, true));
    });
    sectionToggleInputs.forEach((input) => {
      input.addEventListener('change', () => {
        persistOpsSectionVisibility(input.dataset.sectionToggle, input.checked);
      });
    });
    applyOpsSectionVisibility();

    opsNavLinks.forEach((link) => {
      link.addEventListener('click', (event) => {
        event.preventDefault();
        const sectionId = link.getAttribute('href').slice(1);
        setOpsTab(sectionId, true);
        document.getElementById('agent-ops')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
      });
    });
    if (['sessions', 'workspace-files', 'cron-jobs', 'skills'].includes(window.location.hash.slice(1))) {
      setOpsTab(window.location.hash.slice(1));
    }


    const SERVER_DEFAULT_PROFILE_URL = __DEFAULT_PROFILE_URL__;
    const initialProfileParam = new URLSearchParams(window.location.search).get('profileUrl');
    let currentProfileUrl = initialProfileParam || localStorage.getItem('agentConsole.profileUrl') || SERVER_DEFAULT_PROFILE_URL;
    let currentAgentConfig = null;
    let savedVoiceKey = '';
    let voiceMode = 'local';
    let micMode = localStorage.getItem('nereus.micMode.v1') || 'stable';
    const DEFAULT_LOCAL_PITCH = '0.55';
    const DEFAULT_LOCAL_RATE = '0.90';

    let audioArmed = false;
    let speaking = false;
    let speechPending = false;
    let missionRunning = false;
    let listening = false;
    let handsFree = localStorage.getItem('nereus.handsFree') === 'true';
    let mediaRecorder = null;
    let mediaStream = null;
    let vadCtx = null;
    let vadAnalyser = null;
    let vadSource = null;
    let vadData = null;
    let vadTimer = null;
    let vadNoiseFloor = 0.008;
    let recorderFinalizeReason = '';
    let transcribeFailures = 0;
    let resumeTimer = null;
    let realtimePeer = null;
    let realtimeDataChannel = null;
    let realtimeStream = null;
    let realtimeClosing = false;
    let realtimeSuspended = false;
    let realtimeFallbackActive = false;
    let stableMicFallbackActive = false;
    let realtimePartial = '';
    let realtimeAutoSendTimer = null;
    let lastVoiceSubmit = { text: '', at: 0 };
    let audioChunks = [];
    let bootGreeting = '';
    let bootGreetingSpoken = false;
    let personality = Number(slider.value);
    let voices = [];
    let selectedVoice = null;
    let activeAudio = null;
    let activeAudioSource = null;
    let audioContext = null;
    let audioUnlocked = false;
    let elevenLabsConfigured = false;

    function profileQuery() {
      return `profileUrl=${encodeURIComponent(currentProfileUrl)}`;
    }

    function agentLabel() {
      return String((currentAgentConfig && currentAgentConfig.agent && currentAgentConfig.agent.name) || 'Agent').toUpperCase();
    }

    function setAgentPresenceStatus(isOnline) {
      if (!agentOnlineBadge) return;
      agentOnlineBadge.textContent = isOnline ? 'online' : 'offline';
      agentOnlineBadge.classList.toggle('ok', Boolean(isOnline));
      agentOnlineBadge.classList.toggle('offline', !isOnline);
    }

    function updateTopbarTime() {
      if (!agentTopbarTime) return;
      agentTopbarTime.textContent = new Intl.DateTimeFormat([], {
        hour: '2-digit',
        minute: '2-digit',
      }).format(new Date());
      agentTopbarTime.dateTime = new Date().toISOString();
    }

    function escapeHtml(value) {
      return String(value ?? '').replace(/[&<>"']/g, (ch) => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[ch]));
    }

    function normalizeColor(value) {
      const raw = String(value || '').trim();
      const candidate = raw.startsWith('#') ? raw.slice(1) : raw;
      if (!/^[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(candidate)) return '';
      if (candidate.length === 3) {
        return `#${candidate.split('').map((ch) => ch + ch).join('').toLowerCase()}`;
      }
      return `#${candidate.toLowerCase()}`;
    }

    function timeLabel(value) {
      if (!value) return 'never';
      const date = new Date(value);
      if (Number.isNaN(date.getTime())) return String(value);
      return date.toLocaleString([], { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' });
    }

    function renderStats(target, stats) {
      target.innerHTML = stats.map(([label, value]) => `<div class="ops-stat">${escapeHtml(label)}<b>${escapeHtml(value)}</b></div>`).join('');
    }

    function pill(label, cls = '') {
      return `<span class="status-pill ${escapeHtml(cls)}">${escapeHtml(label)}</span>`;
    }

    function opsEmptyState(title, body, icon = 'spark') {
      const icons = {
        clock: '<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8.25"/><path d="M12 7.5v5l3.2 2"/></svg>',
        book: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.5 4.5h8.7a2.3 2.3 0 0 1 2.3 2.3v12.7H8.8a2.3 2.3 0 0 1-2.3-2.3V4.5Z"/><path d="M9.7 8.6h4.8"/><path d="M9.7 12h4.8"/><path d="M9.7 15.4h2.7"/></svg>',
        spark: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3.5 13.8 9l5.7 1.2-5.7 1.2L12 17l-1.8-5.6-5.7-1.2L10.2 9 12 3.5Z"/><path d="M18 16.5l.7 2.1 2.1.4-2.1.5L18 21.5l-.7-2.1-2.1-.4 2.1-.5.7-2Z"/></svg>'
      };
      return `<div class="ops-empty-state">${icons[icon] || icons.spark}<strong>${escapeHtml(title)}</strong><span>${escapeHtml(body)}</span></div>`;
    }

    function costLabel(value) {
      if (value === null || value === undefined || value === '') return '';
      const num = Number(value);
      if (!Number.isFinite(num) || num <= 0) return '';
      return `$${num.toFixed(4)}`;
    }

    function truncateText(value, limit = 88) {
      const text = String(value || '').replace(/\s+/g, ' ').trim();
      if (text.length <= limit) return text;
      return `${text.slice(0, limit - 1).trim()}…`;
    }


    function formatBytes(value) {
      if (value === null || value === undefined) return 'folder';
      const n = Number(value);
      if (!Number.isFinite(n)) return '';
      const units = ['B', 'KB', 'MB', 'GB'];
      let size = n;
      let unit = 0;
      while (size >= 1024 && unit < units.length - 1) { size /= 1024; unit += 1; }
      return `${size.toFixed(unit ? 1 : 0)} ${units[unit]}`;
    }

    function renderMarkdownLite(value) {
      let html = escapeHtml(value || '');
      html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');
      html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');
      html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');
      html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
      html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
      html = html.replace(/`([^`]+)`/g, '<code>$1</code>');
      html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
      html = html.replace(/(<li>.*<\/li>\n?)+/gs, (m) => '<ul>' + m + '</ul>');
      html = html.replace(/\n{2,}/g, '</p><p>');
      html = html.replace(/\n/g, '<br>');
      return `<div class="workspace-md-preview"><p>${html}</p></div>`;
    }

    function htmlPreviewSrcdoc(raw) {
      const fillStyle = '<style id="agent-console-preview-fill">html,body{min-height:100vh;}body{box-sizing:border-box;}</style>';
      const html = String(raw || '');
      if (/<\/head>/i.test(html)) return html.replace(/<\/head>/i, `${fillStyle}</head>`);
      return `${fillStyle}${html}`;
    }

    function svgLetter(text) {
      return `<svg viewBox="0 0 24 24"><text x="12" y="16.5" font-size="9" text-anchor="middle" fill="currentColor" font-family="ui-monospace,SFMono-Regular,Menlo,monospace" font-weight="700" letter-spacing="-.5">${text}</text></svg>`;
    }

    const WORKSPACE_ICONS = {
      folder: { c:'#f5b544', s:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z"/></svg>' },
      md: { c:'#4c9df3', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v12"/><path d="M6 11l6 6 6-6"/></svg>' },
      html: { c:'#e37933', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>' },
      json: { c:'#e6c229', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 4a3 3 0 0 0-3 3v2a2 2 0 0 1-2 2 2 2 0 0 1 2 2v2a3 3 0 0 0 3 3"/><path d="M16 4a3 3 0 0 1 3 3v2a2 2 0 0 0 2 2 2 2 0 0 0-2 2v2a3 3 0 0 1-3 3"/></svg>' },
      css: { c:'#4c9df3', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 4L7 20M17 4l-2 16M4.5 9.5H20M4 14.5h15.5"/></svg>' },
      js: { c:'#e6c229', s:svgLetter('JS') }, ts: { c:'#4c9df3', s:svgLetter('TS') }, py: { c:'#6aa9d9', s:svgLetter('py') },
      sh: { c:'#8bc34a', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 9l3 3-3 3M13 15h4"/></svg>' },
      cfg: { c:'#9aa4b2', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1"/></svg>' },
      csv: { c:'#4caf82', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18M3 15h18M9 4v16M15 4v16"/></svg>' },
      sql: { c:'#c98bd6', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="6" rx="8" ry="3"/><path d="M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6"/><path d="M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3"/></svg>' },
      image: { c:'#c98bd6', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8.5" cy="9.5" r="1.6"/><path d="M4 17l5-5 4 4 3-3 4 4"/></svg>' },
      text: { c:'#9aa4b2', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="M9 13h6M9 17h6"/></svg>' },
      file: { c:'#8a8f98', s:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/></svg>' },
    };
    const WORKSPACE_EXT_ICONS = { '.md':'md','.markdown':'md','.html':'html','.htm':'html','.xml':'html','.json':'json','.css':'css','.js':'js','.mjs':'js','.cjs':'js','.jsx':'js','.ts':'ts','.tsx':'ts','.py':'py','.sh':'sh','.bash':'sh','.zsh':'sh','.yaml':'cfg','.yml':'cfg','.toml':'cfg','.ini':'cfg','.cfg':'cfg','.conf':'cfg','.csv':'csv','.sql':'sql' };

    let workspacePath = '';
    let workspaceParent = '';
    let workspaceQuery = '';
    let workspaceRoot = '';
    let workspaceSelected = null;
    let workspaceFileData = null;
    let workspaceViewMode = 'raw';
    let workspaceImageSrc = '';
    let workspaceShownCount = 0;
    let workspaceSavedScrollY = 0;
    let sessionSavedScrollY = 0;

    function isMobileDrilldown() {
      return window.matchMedia('(max-width: 900px)').matches;
    }

    function setWorkspacePreviewing(on) {
      const mobile = Boolean(on && isMobileDrilldown());
      workspaceBrowserLayout.classList.toggle('previewing', mobile);
      document.body.classList.toggle('preview-open', mobile || sessionModal.classList.contains('mobile-previewing'));
    }

    function setSessionPromptPlaceholder() {
      if (!sessionPrompt) return;
      sessionPrompt.placeholder = isMobileDrilldown()
        ? 'Write a follow-up message…'
        : 'Continue this session. Press Enter to send. Shift+Enter for a new line.';
    }

    function setSessionPreviewing(on) {
      const mobile = Boolean(on && isMobileDrilldown());
      sessionModal.classList.toggle('mobile-previewing', mobile);
      sessionsChatLayout.classList.toggle('previewing', mobile);
      document.body.classList.toggle('preview-open', mobile || workspaceBrowserLayout.classList.contains('previewing'));
      setSessionPromptPlaceholder();
    }

    function updateAgentSidebarFoot() {
      if (!agentSidebarFoot) return;
      const model = currentAgentConfig?.model || 'model pending';
      const port = currentAgentConfig?.apiPort ? `port ${currentAgentConfig.apiPort}` : 'gateway pending';
      agentSidebarFoot.innerHTML = `<b>${escapeHtml(workspaceShownCount)}</b> workspace files · ${escapeHtml(model)} · ${escapeHtml(port)}`;
    }

    function workspacePathLabel(path) {
      const root = String(workspaceRoot || '').replace(/\/+$/, '');
      return path ? `${root}/${path}` : root;
    }

    async function copyWorkspacePath(path, button, label = 'Path copied') {
      const text = workspacePathLabel(path || '');
      if (!text) return;
      try {
        if (navigator.clipboard?.writeText) {
          await navigator.clipboard.writeText(text);
        } else {
          const area = document.createElement('textarea');
          area.value = text;
          area.setAttribute('readonly', '');
          area.style.position = 'fixed';
          area.style.left = '-9999px';
          document.body.appendChild(area);
          area.select();
          document.execCommand('copy');
          area.remove();
        }
        if (button) {
          button.classList.add('copied');
          if (button.dataset.iconOnly === '1' || button.classList.contains('workspace-icon-btn') || button.classList.contains('workspace-copy-row') || button.classList.contains('workspace-copy-preview-btn')) {
            setTimeout(() => { button.classList.remove('copied'); }, 950);
          } else {
            const original = button.textContent;
            button.textContent = 'Copied';
            setTimeout(() => { button.classList.remove('copied'); button.textContent = original; }, 950);
          }
        }
        workspaceBadge.textContent = label;
        setTimeout(() => { workspaceBadge.textContent = workspaceBadge.dataset.count || workspaceBadge.textContent; }, 950);
      } catch (err) {
        workspaceBadge.textContent = 'copy failed';
        workspaceBadge.className = 'badge warn';
      }
    }

    function setWorkspaceNavState() {
      const atRoot = !workspacePath;
      workspaceBackBtn.disabled = atRoot;
      workspaceRefreshBtn.disabled = !workspaceRoot;
      workspaceCopyFolderBtn.disabled = !workspaceRoot;
      workspaceCopyPreviewPath.disabled = !workspaceSelected;
    }

    function workspaceIcon(entry) {
      if (entry.isDirectory) return WORKSPACE_ICONS.folder;
      const ext = (entry.extension || '').toLowerCase();
      if (ext === '.svg') return WORKSPACE_ICONS.image;
      const key = WORKSPACE_EXT_ICONS[ext];
      return (key && WORKSPACE_ICONS[key]) || WORKSPACE_ICONS[entry.kind] || WORKSPACE_ICONS.file;
    }

    function workspaceRow(entry) {
      const preview = entry.previewable ? '<span class="badge preview-badge">preview</span>' : '';
      const locked = entry.locked ? '<span class="badge warn">locked</span>' : '';
      const size = entry.isDirectory ? '' : `<span class="badge">${escapeHtml(formatBytes(entry.sizeBytes))}</span>`;
      const modified = entry.modifiedAt ? `<span class="badge">${escapeHtml(new Date(entry.modifiedAt).toLocaleString('en-GB'))}</span>` : '';
      const icon = workspaceIcon(entry);
      return `<div class="workspace-row ${entry.isDirectory ? 'dir' : 'file'} ${entry.locked ? 'locked' : ''}" tabindex="0" data-path="${escapeHtml(entry.relativePath || '')}" data-dir="${entry.isDirectory ? '1' : '0'}" data-locked="${entry.locked ? '1' : '0'}" data-preview-mode="${escapeHtml(entry.previewMode || '')}">
        <span class="workspace-file-icon" style="color:${icon.c}">${icon.s}</span>
        <span class="workspace-file-main"><strong>${escapeHtml(entry.name)}</strong><em>${escapeHtml(entry.relativePath || 'workspace root')}</em></span>
        <span class="workspace-row-tags"><span class="badge">${escapeHtml(entry.kind)}</span>${preview}${locked}${size}${modified}</span>
        <button class="workspace-copy-row" type="button" title="Copy ${entry.isDirectory ? 'folder' : 'file'} path" aria-label="Copy ${entry.isDirectory ? 'folder' : 'file'} path" data-copy-path="${escapeHtml(entry.relativePath || '')}">⧉</button>
      </div>`;
    }

    function workspaceCrumbMarkup(crumbs) {
      return (crumbs || []).map((crumb, index) => `<button type="button" data-path="${escapeHtml(crumb.path || '')}">${index === 0 ? '⌂ ' : ''}${escapeHtml(crumb.label || 'workspace')}</button>`).join('');
    }

    function updateWorkspaceExpandVisibility() {
      const ext = (workspaceFileData?.extension || '').toLowerCase();
      const canExpand = workspaceImageSrc || (workspaceFileData && ['.md', '.markdown', '.html', '.htm'].includes(ext));
      workspaceExpandPreview.style.display = canExpand ? 'grid' : 'none';
    }

    function resetWorkspacePreview() {
      setWorkspacePreviewing(false);
      workspaceSelected = null;
      workspaceFileData = null;
      workspaceImageSrc = '';
      workspacePreviewTitle.textContent = 'Select a file';
      workspacePreviewMeta.textContent = 'Open folders on the left. Safe files preview here.';
      workspacePreviewBody.innerHTML = '<div class="workspace-empty">No file selected.</div>';
      workspaceViewToggle.style.display = 'none';
      setWorkspaceNavState();
      updateWorkspaceExpandVisibility();
    }

    async function loadWorkspaceView(path = workspacePath, query = workspaceQuery) {
      workspaceBadge.textContent = 'loading';
      workspaceBadge.className = 'badge info';
      workspaceList.innerHTML = '<div class="workspace-empty">Reading selected agent workspace…</div>';
      const res = await fetch(`/agent-workspace?${profileQuery()}&path=${encodeURIComponent(path)}&q=${encodeURIComponent(query || '')}`);
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `Workspace HTTP ${res.status}`);
      workspaceRoot = data.root || '';
      workspacePath = data.current?.relativePath || '';
      workspaceParent = data.parent || '';
      workspaceQuery = query || '';
      const totals = data.totals || {};
      workspaceShownCount = Number(totals.shown || 0);
      updateAgentSidebarFoot();
      workspaceSubtitle.textContent = `${data.profileSlug || 'agent'} · ${data.available ? 'workspace folder' : 'workspace missing'}`;
      workspaceBadge.textContent = data.available ? `${totals.shown || 0} shown` : 'missing';
      workspaceBadge.dataset.count = workspaceBadge.textContent;
      workspaceBadge.className = `badge ${data.available ? 'info' : 'warn'}`;
      workspaceSource.textContent = workspacePathLabel(workspacePath);
      workspaceCrumbs.innerHTML = workspaceCrumbMarkup(data.breadcrumbs || []);
      workspaceList.innerHTML = data.available
        ? ((data.entries || []).length ? data.entries.map(workspaceRow).join('') : '<div class="workspace-empty">Workspace folder is empty.</div>')
        : `<div class="workspace-empty">No workspace folder exists yet at ${escapeHtml(data.root || '')}.</div>`;
      workspaceCrumbs.querySelectorAll('button').forEach((btn) => {
        btn.onclick = () => { workspaceSearch.value = ''; loadWorkspaceView(btn.dataset.path || '', ''); };
      });
      workspaceList.querySelectorAll('.workspace-row').forEach((row) => {
        const openRow = () => {
          if (row.dataset.locked === '1') return showWorkspaceLocked(row);
          if (row.dataset.dir === '1') {
            workspaceSearch.value = '';
            loadWorkspaceView(row.dataset.path || '', '');
            return;
          }
          openWorkspaceFile(row);
        };
        row.onclick = openRow;
        row.onkeydown = (event) => { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); openRow(); } };
      });
      workspaceList.querySelectorAll('.workspace-copy-row').forEach((button) => {
        button.onclick = (event) => {
          event.preventDefault();
          event.stopPropagation();
          copyWorkspacePath(button.dataset.copyPath || '', button, 'path copied');
        };
      });
      resetWorkspacePreview();
    }

    function showWorkspaceLocked(row) {
      if (isMobileDrilldown()) {
        workspaceBadge.textContent = 'restricted';
        workspaceBadge.className = 'badge warn';
        window.setTimeout(() => { workspaceBadge.textContent = workspaceBadge.dataset.count || workspaceBadge.textContent; workspaceBadge.className = 'badge info'; }, 1200);
        return;
      }
      workspaceList.querySelectorAll('.workspace-row').forEach((item) => item.classList.toggle('active', item === row));
      workspacePreviewTitle.textContent = row.querySelector('strong')?.textContent || 'Restricted file';
      workspacePreviewMeta.textContent = 'Restricted by safety policy';
      workspacePreviewBody.innerHTML = '<div class="workspace-empty">Runtime caches, credentials, database files, and secret-like paths are listed only as safety boundaries. Content preview is blocked.</div>';
      workspaceViewToggle.style.display = 'none';
      workspaceSelected = null;
      workspaceCopyPreviewPath.disabled = true;
      workspaceFileData = null;
      workspaceImageSrc = '';
      updateWorkspaceExpandVisibility();
    }

    function setWorkspaceViewMode(mode) {
      workspaceViewMode = mode;
      workspaceViewToggle.querySelectorAll('button').forEach((btn) => btn.classList.toggle('active', btn.dataset.mode === workspaceViewMode));
      if (!workspaceFileData) return;
      const raw = workspaceFileData.rawContent || workspaceFileData.content || '';
      const ext = (workspaceFileData.extension || '').toLowerCase();
      if (workspaceViewMode === 'preview') {
        if (ext === '.html' || ext === '.htm') {
          workspacePreviewBody.innerHTML = `<iframe class="html-preview-frame" sandbox="allow-same-origin" srcdoc="${escapeHtml(htmlPreviewSrcdoc(raw))}"></iframe>`;
        } else {
          workspacePreviewBody.innerHTML = renderMarkdownLite(raw);
        }
      } else {
        workspacePreviewBody.innerHTML = `<pre>${escapeHtml(raw)}</pre>`;
      }
      updateWorkspaceExpandVisibility();
    }

    async function openWorkspaceFile(row) {
      workspaceList.querySelectorAll('.workspace-row').forEach((item) => item.classList.toggle('active', item === row));
      const path = row.dataset.path || '';
      workspaceSavedScrollY = window.scrollY;
      setWorkspacePreviewing(true);
      workspaceSelected = path;
      workspacePreviewTitle.textContent = path.split('/').pop() || path;
      workspacePreviewMeta.textContent = workspacePathLabel(path);
      workspaceSource.textContent = workspacePathLabel(path);
      workspaceCopyPreviewPath.disabled = false;
      workspaceViewToggle.style.display = 'none';
      workspaceFileData = null;
      workspaceImageSrc = '';
      updateWorkspaceExpandVisibility();
      if (row.dataset.previewMode === 'image') {
        workspaceImageSrc = `/agent-workspace-image?${profileQuery()}&path=${encodeURIComponent(path)}`;
        workspacePreviewBody.innerHTML = `<img src="${workspaceImageSrc}" alt="${escapeHtml(path.split('/').pop() || path)}" />`;
        updateWorkspaceExpandVisibility();
        return;
      }
      try {
        workspacePreviewBody.innerHTML = '<div class="workspace-empty">Loading preview…</div>';
        const res = await fetch(`/agent-workspace-file?${profileQuery()}&path=${encodeURIComponent(path)}`);
        const data = await res.json();
        if (!res.ok) throw new Error(data.error || `Preview HTTP ${res.status}`);
        workspaceFileData = data;
        const ext = (data.extension || '').toLowerCase();
        if (['.md', '.markdown', '.html', '.htm'].includes(ext)) {
          workspaceViewToggle.style.display = '';
          setWorkspaceViewMode(data.renderMode === 'preview' ? 'preview' : 'raw');
        } else {
          workspaceViewToggle.style.display = 'none';
          workspacePreviewBody.innerHTML = `<pre>${escapeHtml(data.content || '')}</pre>`;
          updateWorkspaceExpandVisibility();
        }
      } catch (err) {
        workspacePreviewBody.innerHTML = `<div class="workspace-empty">Preview unavailable: ${escapeHtml(err.message || err)}</div>`;
        updateWorkspaceExpandVisibility();
      }
    }

    function openWorkspaceModal() {
      if (!workspaceFileData && !workspaceImageSrc) return;
      const name = (workspaceSelected || '').split('/').pop() || 'Preview';
      workspaceModalTitle.textContent = name;
      workspaceModalMeta.textContent = workspacePathLabel(workspaceSelected || '');
      if (workspaceImageSrc) {
        workspaceModalBody.innerHTML = `<img src="${workspaceImageSrc}" alt="${escapeHtml(name)}" style="max-width:100%;max-height:100%;margin:auto;border-radius:12px;border:1px solid var(--border-subtle);background:#050506" />`;
      } else {
        const raw = workspaceFileData.rawContent || workspaceFileData.content || '';
        const ext = (workspaceFileData.extension || '').toLowerCase();
        if (ext === '.html' || ext === '.htm') {
          workspaceModalBody.innerHTML = `<iframe class="html-preview-frame--modal" sandbox="allow-same-origin" srcdoc="${escapeHtml(raw)}"></iframe>`;
        } else if (workspaceViewMode === 'preview') {
          workspaceModalBody.innerHTML = renderMarkdownLite(raw);
        } else {
          workspaceModalBody.innerHTML = `<pre>${escapeHtml(raw)}</pre>`;
        }
      }
      workspacePreviewModal.hidden = false;
      workspacePreviewModal.classList.add('open');
      document.body.classList.add('modal-open');
    }

    function closeWorkspaceModal() {
      workspacePreviewModal.classList.remove('open');
      workspacePreviewModal.hidden = true;
      workspaceModalBody.innerHTML = '';
      document.body.classList.remove('modal-open');
    }

    function dismissWorkspacePreview() {
      setWorkspacePreviewing(false);
      resetWorkspacePreview();
      workspaceList.querySelectorAll('.workspace-row.active').forEach((row) => row.classList.remove('active'));
      requestAnimationFrame(() => window.scrollTo({ top: workspaceSavedScrollY, left: 0, behavior: 'instant' }));
    }

    workspaceViewToggle.querySelectorAll('button').forEach((btn) => btn.onclick = () => setWorkspaceViewMode(btn.dataset.mode || 'raw'));
    workspacePreviewBack.onclick = dismissWorkspacePreview;
    workspaceBackBtn.onclick = () => { if (workspacePath) { workspaceSearch.value = ''; loadWorkspaceView(workspaceParent || '', ''); } };
    workspaceRefreshBtn.onclick = () => loadWorkspaceView(workspacePath, workspaceSearch.value.trim());
    workspaceCopyFolderBtn.onclick = () => copyWorkspacePath(workspacePath, workspaceCopyFolderBtn, 'folder copied');
    workspaceCopyPreviewPath.onclick = () => copyWorkspacePath(workspaceSelected || workspacePath, workspaceCopyPreviewPath, 'file copied');
    workspaceExpandPreview.onclick = openWorkspaceModal;
    workspacePreviewModal.addEventListener('click', (event) => { if (event.target === workspacePreviewModal || event.target?.closest?.('[data-workspace-close]')) closeWorkspaceModal(); });
    document.addEventListener('keydown', (event) => { if (event.key === 'Escape' && !workspacePreviewModal.hidden) closeWorkspaceModal(); });
    workspaceSearchBtn.onclick = () => loadWorkspaceView(workspacePath, workspaceSearch.value.trim());
    workspaceClearBtn.onclick = () => { workspaceSearch.value = ''; loadWorkspaceView(workspacePath, ''); };
    workspaceSearch.addEventListener('keydown', (event) => {
      if (event.key === 'Enter') loadWorkspaceView(workspacePath, workspaceSearch.value.trim());
    });

    (function initWorkspaceResize() {
      const saved = parseFloat(localStorage.getItem('agentConsole.workspaceSplit.v2'));
      if (Number.isFinite(saved) && saved >= 25 && saved <= 35) {
        workspaceBrowserLayout.style.setProperty('--workspace-left', `${saved}%`);
      }
      let dragging = false;
      let rect = null;
      const setPct = (pct) => {
        const next = Math.max(25, Math.min(35, pct));
        workspaceBrowserLayout.style.setProperty('--workspace-left', `${next.toFixed(2)}%`);
        localStorage.setItem('agentConsole.workspaceSplit.v2', next.toFixed(2));
      };
      workspaceResizeHandle.addEventListener('pointerdown', (event) => {
        if (window.matchMedia('(max-width: 900px)').matches) return;
        dragging = true;
        rect = workspaceBrowserLayout.getBoundingClientRect();
        workspaceResizeHandle.setPointerCapture?.(event.pointerId);
        document.body.classList.add('workspace-resizing');
      });
      workspaceResizeHandle.addEventListener('pointermove', (event) => {
        if (!dragging || !rect) return;
        setPct(((event.clientX - rect.left) / rect.width) * 100);
      });
      const stop = (event) => {
        if (!dragging) return;
        dragging = false;
        document.body.classList.remove('workspace-resizing');
        workspaceResizeHandle.releasePointerCapture?.(event.pointerId);
      };
      workspaceResizeHandle.addEventListener('pointerup', stop);
      workspaceResizeHandle.addEventListener('pointercancel', stop);
      workspaceResizeHandle.addEventListener('dblclick', () => { workspaceBrowserLayout.style.removeProperty('--workspace-left'); localStorage.removeItem('agentConsole.workspaceSplit.v2'); });
      workspaceResizeHandle.addEventListener('keydown', (event) => {
        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;
        event.preventDefault();
        const cur = parseFloat(workspaceBrowserLayout.style.getPropertyValue('--workspace-left')) || 30;
        setPct(cur + (event.key === 'ArrowRight' ? 1 : -1));
      });
    })();

    (function initSessionsResize() {
      const saved = parseFloat(localStorage.getItem('agentConsole.sessionsSplit.v2'));
      if (Number.isFinite(saved) && saved >= 25 && saved <= 35) {
        sessionsChatLayout.style.setProperty('--sessions-left', `${saved}%`);
      }
      let dragging = false;
      let rect = null;
      const setPct = (pct) => {
        const next = Math.max(25, Math.min(35, pct));
        sessionsChatLayout.style.setProperty('--sessions-left', `${next.toFixed(2)}%`);
        localStorage.setItem('agentConsole.sessionsSplit.v2', next.toFixed(2));
      };
      sessionsResizeHandle.addEventListener('pointerdown', (event) => {
        if (window.matchMedia('(max-width: 900px)').matches) return;
        dragging = true;
        rect = sessionsChatLayout.getBoundingClientRect();
        sessionsResizeHandle.setPointerCapture?.(event.pointerId);
        document.body.classList.add('workspace-resizing');
      });
      sessionsResizeHandle.addEventListener('pointermove', (event) => {
        if (!dragging || !rect) return;
        setPct(((event.clientX - rect.left) / rect.width) * 100);
      });
      const stop = (event) => {
        if (!dragging) return;
        dragging = false;
        document.body.classList.remove('workspace-resizing');
        sessionsResizeHandle.releasePointerCapture?.(event.pointerId);
      };
      sessionsResizeHandle.addEventListener('pointerup', stop);
      sessionsResizeHandle.addEventListener('pointercancel', stop);
      sessionsResizeHandle.addEventListener('dblclick', () => { sessionsChatLayout.style.removeProperty('--sessions-left'); localStorage.removeItem('agentConsole.sessionsSplit.v2'); });
      sessionsResizeHandle.addEventListener('keydown', (event) => {
        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;
        event.preventDefault();
        const cur = parseFloat(sessionsChatLayout.style.getPropertyValue('--sessions-left')) || 32;
        setPct(cur + (event.key === 'ArrowRight' ? 1 : -1));
      });
    })();

    async function loadSessionsView() {
      sessionsBadge.textContent = 'loading';
      sessionsList.innerHTML = '<div class="ops-empty">Loading selected profile sessions...</div>';
      const res = await fetch(`/agent-sessions?${profileQuery()}&limit=15`);
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `Sessions HTTP ${res.status}`);
      const totals = data.totals || {};
      sessionsSubtitle.textContent = `${data.profileSlug || 'agent'} · latest ${totals.shown || 0} sessions`;
      sessionsBadge.textContent = `${totals.shown || 0} shown`;
      sessionsBadge.className = 'badge info';
      renderStats(sessionsSummary, [['total', totals.total || 0], ['shown', totals.shown || 0], ['active', totals.active || 0]]);
      sessionsSource.textContent = data.source || '';
      const sessions = data.sessions || [];
      if (!sessions.length) {
        sessionsList.innerHTML = '<div class="ops-empty">No sessions found for this selected Hermes profile.</div>';
        return;
      }
      sessionsList.innerHTML = sessions.map((session) => {
        const started = session.startedAt ? `started ${timeLabel(session.startedAt)}` : 'started unknown';
        const ended = session.endedAt ? `ended ${timeLabel(session.endedAt)}` : 'active now';
        const counts = [`${session.messageCount || 0} messages`, `${session.toolCallCount || 0} tools`, `${session.apiCallCount || 0} API`];
        const cost = costLabel(session.costUsd);
        if (cost) counts.push(cost);
        const title = session.title || `Session ${session.shortId || ''}`;
        const displayTitle = truncateText(title, 72);
        const isActive = activeSession && activeSession.id === session.id;
        return `<article class="ops-card session-card${isActive ? ' active' : ''}" data-session-id="${escapeHtml(session.id || '')}" role="button" tabindex="0" aria-label="Open session ${escapeHtml(displayTitle)}" title="Open this session">
          <div class="ops-card-head"><h3 title="${escapeHtml(title)}">${escapeHtml(displayTitle)}</h3>${pill(session.status || 'session', session.status === 'active' ? 'enabled' : 'pending')}</div>
          <div class="ops-meta"><span>${escapeHtml(session.source || 'unknown')}</span><span>${escapeHtml(started)}</span><span>${escapeHtml(ended)}</span><span>#${escapeHtml(session.shortId || '')}</span></div>
          ${session.preview ? `<p class="ops-desc">${escapeHtml(session.preview)}</p>` : ''}
          <div class="ops-meta">${counts.map((x) => `<span>${escapeHtml(x)}</span>`).join('')}${session.model ? `<span>${escapeHtml(session.model)}</span>` : ''}<svg class="session-open-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></div>
        </article>`;
      }).join('');
      if (!isMobileDrilldown() && (!activeSession || !sessions.some((session) => session.id === activeSession.id))) {
        openSession(sessions[0].id, { focusComposer: false }).catch(() => {});
      }
    }

    async function loadCronJobs() {
      cronBadge.textContent = 'loading';
      cronList.innerHTML = '<div class="ops-empty">Loading selected profile cron jobs...</div>';
      const res = await fetch(`/agent-crons?${profileQuery()}`);
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `Cron HTTP ${res.status}`);
      const totals = data.totals || {};
      cronSubtitle.textContent = `${data.profileSlug || 'agent'} · ${data.available ? 'profile cron file' : 'no cron file'}`;
      cronBadge.textContent = `${totals.total || 0} jobs`;
      cronBadge.className = `badge ${totals.failing ? 'warn' : 'info'}`;
      renderStats(cronSummary, [['total', totals.total || 0], ['enabled', totals.enabled || 0], ['failing', totals.failing || 0]]);
      cronSource.textContent = data.source || '';
      const jobs = data.jobs || [];
      if (!jobs.length) {
        cronList.innerHTML = opsEmptyState('No cron jobs', 'This selected agent has no scheduled work yet.', 'clock');
        return;
      }
      cronList.innerHTML = jobs.map((job) => {
        const skillTags = (job.skills || []).slice(0, 3).map((skill) => pill(skill, 'enabled')).join('');
        const details = [job.scheduleDisplay || job.scheduleExpr || 'manual', `next ${timeLabel(job.nextRunAt)}`, job.noAgent ? 'script-only' : 'agent'].filter(Boolean);
        return `<article class="ops-card clickable-card" data-cron-id="${escapeHtml(job.id)}" role="button" tabindex="0" aria-label="Open cron job ${escapeHtml(job.name)}" title="Open this cron job">
          <div class="ops-card-head"><h3>${escapeHtml(job.name)}</h3>${pill(job.status || (job.enabled ? 'enabled' : 'disabled'), job.status || (job.enabled ? 'enabled' : 'disabled'))}</div>
          <div class="ops-meta">${details.map((x) => `<span>${escapeHtml(x)}</span>`).join('')}</div>
          ${job.summary ? `<p class="ops-desc">${escapeHtml(job.summary)}</p>` : ''}
          <div class="ops-meta">${skillTags}${job.script ? pill('script', 'pending') : ''}${job.deliver ? `<span>deliver ${escapeHtml(job.deliver)}</span>` : ''}<svg class="session-open-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></div>
          ${job.lastError ? `<p class="ops-desc">${escapeHtml(job.lastError)}</p>` : ''}
        </article>`;
      }).join('');
    }

    async function loadSkillsView() {
      skillsBadge.textContent = 'loading';
      skillsList.innerHTML = '<div class="ops-empty">Loading selected profile skills...</div>';
      const res = await fetch(`/agent-skills?${profileQuery()}`);
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `Skills HTTP ${res.status}`);
      const totals = data.totals || {};
      skillsSubtitle.textContent = `${data.profileSlug || 'agent'} · custom skills only`;
      skillsBadge.textContent = `${totals.total || 0} skills`;
      skillsBadge.className = 'badge info';
      renderStats(skillsSummary, [['total', totals.total || 0], ['categories', totals.categories || 0], ['namespaces', totals.namespaces || 0]]);
      skillsSource.textContent = data.root || '';
      const skills = data.skills || [];
      if (!skills.length) {
        skillsList.innerHTML = opsEmptyState('No skills', 'No custom skill categories are available for this selected agent.', 'book');
        return;
      }
      const skillCard = (skill) => {
        const tags = (skill.tags || []).slice(0, 4).map((tag) => pill(tag, 'enabled')).join('');
        const author = skill.author || 'author n/a';
        const version = skill.version ? `v${skill.version}` : 'version n/a';
        const meta = [author, version, skill.slug, skill.isSymlink ? `→ ${skill.targetTail || 'shared'}` : 'local'].filter(Boolean);
        return `<article class="ops-card clickable-card" data-skill-slug="${escapeHtml(skill.slug)}" role="button" tabindex="0" aria-label="Open skill ${escapeHtml(skill.name)}" title="Open this skill">
          <div class="ops-card-head"><h3>${escapeHtml(skill.name)}</h3>${pill(skill.isSymlink ? 'linked' : 'local', skill.isSymlink ? 'enabled' : 'pending')}</div>
          <div class="ops-meta">${meta.map((x) => `<span>${escapeHtml(x)}</span>`).join('')}<svg class="session-open-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg></div>
          ${skill.description ? `<p class="ops-desc">${escapeHtml(skill.description)}</p>` : ''}
          ${tags ? `<div class="ops-meta">${tags}</div>` : ''}
        </article>`;
      };
      const groups = new Map();
      for (const skill of skills) {
        const category = skill.category || 'uncategorized';
        if (!groups.has(category)) groups.set(category, []);
        groups.get(category).push(skill);
      }
      const sortedGroups = [...groups.entries()].sort(([a], [b]) => {
        if (a === 'uncategorized') return 1;
        if (b === 'uncategorized') return -1;
        return a.localeCompare(b);
      });
      skillsList.innerHTML = sortedGroups.map(([category, items]) => `
        <details class="ops-category" aria-label="${escapeHtml(category)} skills">
          <summary class="ops-category-head">
            <svg class="ops-cat-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>
            <h3>${escapeHtml(category)}</h3>
            <span>${items.length}</span>
          </summary>
          <div class="ops-category-list">${items.map(skillCard).join('')}</div>
        </details>
      `).join('');
    }

    function opsPanelFailure(badge, list, name) {
      return (err) => {
        badge.textContent = 'error';
        badge.className = 'badge warn';
        list.innerHTML = `<div class="ops-empty">${escapeHtml(name)} failed to load: ${escapeHtml(err.message || err)}</div>`;
      };
    }

    async function loadAgentOps() {
      await Promise.all([
        loadSessionsView().catch(opsPanelFailure(sessionsBadge, sessionsList, 'Sessions')),
        loadWorkspaceView().catch((err) => {
          workspaceBadge.textContent = 'error';
          workspaceBadge.className = 'badge warn';
          workspaceList.innerHTML = `<div class="workspace-empty">Workspace failed to load: ${escapeHtml(err.message || err)}</div>`;
        }),
        loadCronJobs().catch(opsPanelFailure(cronBadge, cronList, 'Cron jobs')),
        loadSkillsView().catch(opsPanelFailure(skillsBadge, skillsList, 'Skills')),
      ]);
    }

    let activeSession = null;
    let sessionBusy = false;
    let sessionDeleteArmed = false;
    let sessionDeleteArmTimer = null;

    function sessionStatusLine(text) {
      sessionModalStatus.textContent = text || '';
    }

    function resetDeleteConfirm() {
      sessionDeleteArmed = false;
      if (sessionDeleteArmTimer) { window.clearTimeout(sessionDeleteArmTimer); sessionDeleteArmTimer = null; }
      sessionDeleteBtn.textContent = 'Delete session';
    }

    function addSessionChatMsg(role, text) {
      const div = document.createElement('div');
      div.className = `msg ${role === 'user' ? 'user' : 'bot'}`;
      const label = document.createElement('span');
      label.className = 'role';
      label.textContent = role === 'user' ? 'YOU' : agentLabel();
      div.appendChild(label);
      div.appendChild(document.createTextNode(text));
      sessionFeed.appendChild(div);
      return div;
    }

    function addSessionToolMsg(name, text) {
      const div = document.createElement('div');
      div.className = 'session-tool';
      const label = document.createElement('b');
      label.textContent = name;
      const body = document.createElement('span');
      body.textContent = text || '';
      div.append(label, body);
      sessionFeed.appendChild(div);
      return div;
    }

    function sessionStreamView() {
      const div = document.createElement('div');
      div.className = 'msg bot';
      const label = document.createElement('span');
      label.className = 'role';
      label.textContent = agentLabel();
      const textNode = document.createTextNode('…');
      div.append(label, textNode);
      sessionFeed.appendChild(div);
      sessionFeed.scrollTop = sessionFeed.scrollHeight;
      return {
        set(next) { textNode.nodeValue = next; sessionFeed.scrollTop = sessionFeed.scrollHeight; },
        remove() { div.remove(); }
      };
    }

    function closeSessionModal() {
      setSessionPreviewing(false);
      sessionModal.classList.remove('open');
      sessionModal.setAttribute('aria-hidden', 'true');
      activeSession = null;
      sessionModalTitle.textContent = 'Select a session';
      sessionModalMeta.innerHTML = '';
      sessionFeed.innerHTML = '<div class="ops-empty">Pick a session on the left to read its transcript here.</div>';
      sessionsList.querySelectorAll('.session-card.active').forEach((card) => card.classList.remove('active'));
      resetDeleteConfirm();
      sessionStatusLine('');
    }

    function renderSessionDetail(data) {
      const session = data.session || {};
      activeSession = { id: session.id, profileUrl: currentProfileUrl };
      sessionModalTitle.textContent = session.title || `Session ${session.shortId || session.id || ''}`;
      const started = session.startedAt ? `started ${timeLabel(session.startedAt)}` : 'started unknown';
      const ended = session.endedAt ? `ended ${timeLabel(session.endedAt)}` : 'active now';
      const metaBits = [
        pill(session.status || 'session', session.status === 'active' ? 'enabled' : 'pending'),
        `<span>${escapeHtml(session.source || 'unknown')}</span>`,
        `<span>${escapeHtml(started)}</span>`,
        `<span>${escapeHtml(ended)}</span>`,
        `<span>${escapeHtml(`${session.messageCount || 0} messages`)}</span>`,
        `<span>${escapeHtml(`${session.toolCallCount || 0} tools`)}</span>`,
      ];
      if (session.model) metaBits.push(`<span>${escapeHtml(session.model)}</span>`);
      const cost = costLabel(session.costUsd);
      if (cost) metaBits.push(`<span>${escapeHtml(cost)}</span>`);
      metaBits.push(`<span>#${escapeHtml(session.id || '')}</span>`);
      sessionModalMeta.innerHTML = metaBits.join('');
      sessionFeed.innerHTML = '';
      const messages = data.messages || [];
      if (!messages.length) {
        sessionFeed.innerHTML = '<div class="ops-empty">No visible messages in this session yet. Say something below to start.</div>';
        return;
      }
      if ((data.totalMessages || 0) > (data.shownMessages || 0)) {
        addSessionToolMsg('history', `showing the latest ${data.shownMessages} of ${data.totalMessages} entries`);
      }
      for (const msg of messages) {
        if (msg.kind === 'tool') addSessionToolMsg(msg.toolName || 'tool', msg.text || '');
        else addSessionChatMsg(msg.role, msg.text || '');
      }
      sessionFeed.scrollTop = sessionFeed.scrollHeight;
    }

    async function openSession(sessionId, options = {}) {
      if (!sessionId) return;
      activeSession = { id: sessionId, profileUrl: currentProfileUrl };
      sessionSavedScrollY = window.scrollY;
      setSessionPreviewing(true);
      sessionsList.querySelectorAll('.session-card').forEach((card) => card.classList.toggle('active', card.dataset.sessionId === sessionId));
      sessionModalTitle.textContent = 'Loading session…';
      sessionModalMeta.innerHTML = '';
      sessionFeed.innerHTML = '<div class="ops-empty">Loading transcript...</div>';
      resetDeleteConfirm();
      sessionStatusLine('');
      sessionModal.classList.add('open');
      sessionModal.setAttribute('aria-hidden', 'false');
      try {
        const res = await fetch(`/agent-session-detail?${profileQuery()}&id=${encodeURIComponent(sessionId)}`);
        const data = await res.json();
        if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
        renderSessionDetail(data);
        if (options.focusComposer !== false && !isMobileDrilldown()) sessionPrompt.focus();
      } catch (err) {
        sessionModalTitle.textContent = `Session ${sessionId.slice(0, 12)}`;
        sessionFeed.innerHTML = `<div class="ops-empty">Failed to load session: ${escapeHtml(err.message || err)}</div>`;
      }
    }

    async function sendSessionMessage() {
      if (!activeSession || sessionBusy) return;
      const text = sessionPrompt.value.trim();
      if (!text) return;
      sessionBusy = true;
      sessionSendBtn.disabled = true;
      sessionPrompt.disabled = true;
      sessionPrompt.value = '';
      addSessionChatMsg('user', text);
      const view = sessionStreamView();
      sessionStatusLine('● replying in session...');
      let reply = '';
      try {
        const res = await fetch('/agent-session-chat-stream', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ id: activeSession.id, message: text, personality, profileUrl: currentProfileUrl })
        });
        if (!res.ok || !res.body) {
          const data = await res.json().catch(() => ({}));
          throw new Error(data.error || `HTTP ${res.status}`);
        }
        await readSseText(res, (full) => { reply = full; view.set(full); });
        if (!reply.trim()) throw new Error('Empty streamed reply');
        sessionStatusLine('');
        loadSessionsView().catch(() => {});
      } catch (err) {
        if (!reply) view.remove();
        sessionStatusLine(`Session reply failed: ${err.message || err}`);
      } finally {
        sessionBusy = false;
        sessionSendBtn.disabled = false;
        sessionPrompt.disabled = false;
        if (!isMobileDrilldown()) sessionPrompt.focus();
      }
    }

    async function deleteActiveSession() {
      if (!activeSession || sessionBusy) return;
      if (!sessionDeleteArmed) {
        sessionDeleteArmed = true;
        sessionDeleteBtn.textContent = 'Confirm delete';
        sessionStatusLine('This permanently deletes the session transcript (a state.db backup is kept). Click again to confirm.');
        sessionDeleteArmTimer = window.setTimeout(resetDeleteConfirm, 6000);
        return;
      }
      resetDeleteConfirm();
      sessionBusy = true;
      sessionDeleteBtn.disabled = true;
      sessionStatusLine('Deleting session...');
      const sessionId = activeSession.id;
      try {
        const data = await postJSON('/agent-session-delete', { id: sessionId, profileUrl: currentProfileUrl });
        closeSessionModal();
        addMessage('AGENT CONSOLE', `Deleted session ${data.id}. Backup: ${data.backup}`, 'mission');
        loadSessionsView().catch(() => {});
      } catch (err) {
        sessionStatusLine(`Delete failed: ${err.message || err}`);
      } finally {
        sessionBusy = false;
        sessionDeleteBtn.disabled = false;
      }
    }

    sessionModalClose.addEventListener('click', closeSessionModal);
    sessionBackBtn.addEventListener('click', () => { closeSessionModal(); requestAnimationFrame(() => window.scrollTo({ top: sessionSavedScrollY, left: 0, behavior: 'instant' })); });
    sessionCloseBtn.addEventListener('click', closeSessionModal);
    sessionSendBtn.addEventListener('click', sendSessionMessage);
    sessionDeleteBtn.addEventListener('click', deleteActiveSession);
    sessionPrompt.addEventListener('keydown', (ev) => {
      if (ev.key === 'Enter' && !ev.shiftKey) {
        ev.preventDefault();
        sendSessionMessage();
      }
    });
    sessionsList.addEventListener('click', (event) => {
      const card = event.target.closest('.session-card');
      if (card) openSession(card.dataset.sessionId);
    });
    sessionsList.addEventListener('keydown', (event) => {
      if (event.key !== 'Enter' && event.key !== ' ') return;
      const card = event.target.closest('.session-card');
      if (card) {
        event.preventDefault();
        openSession(card.dataset.sessionId);
      }
    });

    function closeDetailModal() {
      detailModal.classList.remove('open');
      detailModal.setAttribute('aria-hidden', 'true');
    }

    function openDetailModal(title) {
      detailModalTitle.textContent = title;
      detailModalMeta.innerHTML = '';
      detailBody.innerHTML = '<div class="ops-empty">Loading details...</div>';
      detailModal.classList.add('open');
      detailModal.setAttribute('aria-hidden', 'false');
    }

    function detailKv(label, value, mono = false) {
      if (value === null || value === undefined || value === '') return '';
      return `<div class="detail-kv"><dt>${escapeHtml(label)}</dt><dd${mono ? ' class="mono"' : ''}>${escapeHtml(value)}</dd></div>`;
    }

    function detailSection(label, inner) {
      return `<section class="detail-section"><div class="detail-label">${escapeHtml(label)}</div>${inner}</section>`;
    }

    function detailPre(text) {
      return `<pre class="detail-pre">${escapeHtml(text)}</pre>`;
    }

    async function openCronDetail(jobId) {
      if (!jobId) return;
      openDetailModal('Loading cron job…');
      try {
        const res = await fetch(`/agent-cron-detail?${profileQuery()}&id=${encodeURIComponent(jobId)}`);
        const data = await res.json();
        if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
        const job = data.job || {};
        detailModalTitle.textContent = job.name || `Cron job ${job.id || ''}`;
        detailModalMeta.innerHTML = [
          pill(job.status || (job.enabled ? 'enabled' : 'disabled'), job.status || (job.enabled ? 'enabled' : 'disabled')),
          `<span>${escapeHtml(job.scheduleDisplay || job.scheduleExpr || 'manual')}</span>`,
          `<span>${escapeHtml(job.noAgent ? 'script-only' : 'agent run')}</span>`,
          `<span>#${escapeHtml(job.id || '')}</span>`,
        ].join('');
        const skillTags = (job.skills || []).map((s) => pill(s, 'enabled')).join('');
        const toolsetTags = (job.toolsets || []).map((t) => pill(t, 'pending')).join('');
        detailBody.innerHTML = `
          <dl class="detail-grid">
            ${detailKv('Schedule', job.scheduleDisplay || job.scheduleExpr || 'manual')}
            ${detailKv('Cron expression', job.scheduleExpr, true)}
            ${detailKv('Next run', timeLabel(job.nextRunAt))}
            ${detailKv('Last run', timeLabel(job.lastRunAt))}
            ${detailKv('Last status', job.lastStatus || 'never ran')}
            ${detailKv('Completed runs', String(job.completedRuns || 0))}
            ${detailKv('Delivery', job.deliver ? `${job.deliver}${job.originChat ? ` → ${job.originChat}` : ''}${job.originPlatform ? ` (${job.originPlatform})` : ''}` : '')}
            ${detailKv('Script', job.script, true)}
            ${detailKv('Model', job.model, true)}
            ${detailKv('Workdir', job.workdir, true)}
            ${detailKv('Created', timeLabel(job.createdAt))}
            ${detailKv('State', job.state)}
            ${detailKv('Paused reason', job.pausedReason)}
          </dl>
          ${skillTags ? detailSection('Skills', `<div class="detail-tags">${skillTags}</div>`) : ''}
          ${toolsetTags ? detailSection('Toolsets', `<div class="detail-tags">${toolsetTags}</div>`) : ''}
          ${job.lastError ? detailSection('Last error', detailPre(job.lastError)) : ''}
          ${job.lastDeliveryError ? detailSection('Last delivery error', detailPre(job.lastDeliveryError)) : ''}
          ${job.prompt ? detailSection('Prompt', detailPre(job.prompt)) : ''}
        `;
      } catch (err) {
        detailModalTitle.textContent = 'Cron job';
        detailBody.innerHTML = `<div class="ops-empty">Failed to load cron job: ${escapeHtml(err.message || err)}</div>`;
      }
    }

    async function openSkillDetail(slug) {
      if (!slug) return;
      openDetailModal('Loading skill…');
      try {
        const res = await fetch(`/agent-skill-detail?${profileQuery()}&slug=${encodeURIComponent(slug)}`);
        const data = await res.json();
        if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
        const skill = data.skill || {};
        detailModalTitle.textContent = skill.name || slug;
        detailModalMeta.innerHTML = [
          pill(skill.isSymlink ? 'linked' : 'local', skill.isSymlink ? 'enabled' : 'pending'),
          skill.category ? `<span>${escapeHtml(skill.category)}</span>` : '',
          skill.version ? `<span>v${escapeHtml(skill.version)}</span>` : '',
          `<span>${escapeHtml(skill.slug || '')}</span>`,
        ].filter(Boolean).join('');
        const tags = (skill.tags || []).map((t) => pill(t, 'enabled')).join('');
        const entries = (skill.entries || []).map((e) =>
          `<li class="${e.kind === 'directory' ? 'is-dir' : 'is-file'}">${escapeHtml(e.kind === 'directory' ? `${e.name}/` : e.name)}</li>`
        ).join('');
        detailBody.innerHTML = `
          ${skill.description ? `<p class="detail-summary">${escapeHtml(skill.description)}</p>` : ''}
          <dl class="detail-grid">
            ${detailKv('Category', skill.category)}
            ${detailKv('Author', skill.author)}
            ${detailKv('Version', skill.version)}
            ${detailKv('License', skill.license)}
            ${detailKv('Path', skill.path, true)}
            ${skill.isSymlink ? detailKv('Linked to', skill.target || 'shared tree', true) : ''}
            ${detailKv('Modified', skill.modifiedAt ? timeLabel(skill.modifiedAt * 1000) : '')}
          </dl>
          ${tags ? detailSection('Tags', `<div class="detail-tags">${tags}</div>`) : ''}
          ${skill.body ? detailSection('SKILL.md', detailPre(skill.body)) : ''}
          ${entries ? detailSection('Skill directory', `<ul class="detail-entries">${entries}</ul>`) : ''}
        `;
      } catch (err) {
        detailModalTitle.textContent = 'Skill';
        detailBody.innerHTML = `<div class="ops-empty">Failed to load skill: ${escapeHtml(err.message || err)}</div>`;
      }
    }

    detailModalClose.addEventListener('click', closeDetailModal);
    detailModal.addEventListener('click', (event) => { if (event.target === detailModal) closeDetailModal(); });
    cronList.addEventListener('click', (event) => {
      const card = event.target.closest('[data-cron-id]');
      if (card) openCronDetail(card.dataset.cronId);
    });
    cronList.addEventListener('keydown', (event) => {
      if (event.key !== 'Enter' && event.key !== ' ') return;
      const card = event.target.closest('[data-cron-id]');
      if (card) {
        event.preventDefault();
        openCronDetail(card.dataset.cronId);
      }
    });
    skillsList.addEventListener('click', (event) => {
      const card = event.target.closest('[data-skill-slug]');
      if (card) openSkillDetail(card.dataset.skillSlug);
    });
    skillsList.addEventListener('keydown', (event) => {
      if (event.key !== 'Enter' && event.key !== ' ') return;
      const card = event.target.closest('[data-skill-slug]');
      if (card) {
        event.preventDefault();
        openSkillDetail(card.dataset.skillSlug);
      }
    });

    async function fetchAgentConfig(profileUrl = currentProfileUrl) {
      const res = await fetch(`/agent-config?profileUrl=${encodeURIComponent(profileUrl)}`);
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      return data;
    }

    function envValue(config, key) {
      const meta = config && config.env ? config.env[key] : null;
      return meta && meta.value && meta.value !== 'configured' ? String(meta.value) : '';
    }

    async function saveAgentThemeMetadata(profileUrl = currentProfileUrl) {
      const nameInput = document.getElementById('settingsAgentNameInput');
      const colourTextInput = document.getElementById('settingsAgentColourText');
      const colourPickerInput = document.getElementById('settingsAgentColourPicker');
      const agentName = String(nameInput?.value || '').trim();
      const agentColourHash = String(colourTextInput?.value || colourPickerInput?.value || '').trim();
      const res = await fetch('/agent-env-metadata', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          profileUrl,
          agentName,
          agentColourHash
        })
      });
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      return data;
    }

    async function saveMissionsSettings(profileUrl = currentProfileUrl) {
      const enabled = !!settingsMissionsToggle?.checked;
      const res = await fetch('/agent-missions-settings', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ profileUrl, enabled })
      });
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      return data;
    }

    function renderMissionsSettings(config) {
      const enabled = !!config?.missionsEnabled;
      if (settingsMissionsToggle) settingsMissionsToggle.checked = enabled;
      if (settingsMissionsStatus) {
        settingsMissionsStatus.textContent = enabled ? 'enabled' : 'disabled';
        settingsMissionsStatus.className = `badge ${enabled ? 'ok' : 'warn'}`;
      }
    }

    function setMissionButtonLabel(enabled) {
      missionBtn.innerHTML = enabled
        ? '<span>SEND AGENT TO WORK</span><small>Background Claude Code</small>'
        : '<span>MISSIONS DISABLED</span><small>Enable in Agent Settings</small>';
    }

    async function saveElevenLabsSettings(profileUrl = currentProfileUrl) {
      const apiKey = String(settingsElevenApiKeyInput?.value || '').trim();
      const voiceId = String(settingsElevenVoiceIdInput?.value || '').trim();
      if (!apiKey && !voiceId) return null;
      const res = await fetch('/agent-elevenlabs-settings', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ profileUrl, apiKey, voiceId })
      });
      const data = await res.json();
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      settingsElevenApiKeyInput.value = '';
      settingsElevenApiKeyInput.type = 'password';
      settingsElevenKeyToggle.textContent = 'Show';
      return data;
    }

    function renderElevenLabsSettings(config) {
      const env = (config && config.env) || {};
      const apiMeta = env.ELEVENLABS_API_KEY || {};
      const encMeta = env.ELEVENLABS_API_KEY_ENC || {};
      const voiceId = envValue(config, 'ELEVENLABS_VOICE_ID');
      settingsElevenVoiceIdInput.value = voiceId;
      const hasKey = !!apiMeta.present;
      const encrypted = !!encMeta.present || !!apiMeta.encrypted;
      settingsElevenApiKeyInput.value = '';
      settingsElevenApiKeyInput.placeholder = hasKey ? 'Configured. Paste a new key to rotate it.' : 'Paste an ElevenLabs API key.';
      const keyBadge = hasKey ? '<span class="badge locked">API key configured</span>' : '<span class="badge missing">API key missing</span>';
      const encBadge = encrypted ? '<span class="badge locked">encrypted at rest</span>' : '<span class="badge missing">not encrypted yet</span>';
      const voiceBadge = voiceId ? '<span class="badge locked">voice id configured</span>' : '<span class="badge missing">voice id missing</span>';
      settingsElevenStatus.innerHTML = `${keyBadge}${encBadge}${voiceBadge}`;
    }

    async function copyElevenLabsApiKeyInput() {
      return (async () => {
        let value = String(settingsElevenApiKeyInput?.value || '').trim();
        if (!value) {
          try {
            const fetched = await fetchElevenLabsRevealedKey();
            if (fetched) {
              settingsElevenApiKeyInput.value = fetched;
              value = fetched;
            }
          } catch (_err) {}
        }
        if (!value) {
          settingsStatus.textContent = 'No API key is stored for this profile yet.';
          return;
        }
        try {
          await navigator.clipboard.writeText(value);
          settingsStatus.textContent = 'ElevenLabs API key copied to clipboard.';
          settingsElevenKeyCopy?.classList.add('copied');
          window.setTimeout(() => settingsElevenKeyCopy?.classList.remove('copied'), 1400);
        } catch (err) {
          settingsElevenApiKeyInput.type = 'text';
          settingsElevenApiKeyInput.select();
          settingsStatus.textContent = 'Copy blocked by the browser. The key input is selected.';
        }
      })();
    }

    async function fetchElevenLabsRevealedKey() {
      try {
        const res = await fetch(`/voice-config/reveal?${profileQuery()}`);
        if (!res.ok) return '';
        const data = await res.json();
        return data && data.present ? String(data.apiKey || '') : '';
      } catch (_err) {
        return '';
      }
    }

    function toggleElevenLabsApiKeyVisibility() {
      return (async () => {
        const hidden = settingsElevenApiKeyInput.type === 'password';
        if (hidden && !settingsElevenApiKeyInput.value) {
          const revealed = await fetchElevenLabsRevealedKey();
          if (revealed) {
            settingsElevenApiKeyInput.value = revealed;
            settingsElevenApiKeyInput.type = 'text';
            settingsElevenKeyToggle.textContent = 'Hide';
            settingsStatus.textContent = 'Decrypted API key loaded from profile for this session.';
            return;
          }
          settingsStatus.textContent = 'No API key is stored for this profile yet.';
          return;
        }
        settingsElevenApiKeyInput.type = hidden ? 'text' : 'password';
        settingsElevenKeyToggle.textContent = hidden ? 'Hide' : 'Show';
      })();
    }

    function applyAgentConfig(config) {
      currentAgentConfig = config;
      currentProfileUrl = config.profileUrl || currentProfileUrl;
      const agent = config.agent || {};
      const envAgentName = envValue(config, 'AGENT_NAME');
      const envAgentColour = normalizeColor(envValue(config, 'AGENT_COLOUR_HASH'));
      const agentName = envAgentName || agent.name || config.profileSlug || 'Agent';
      const role = agent.role || 'Hermes Agent';
      const initials = agent.initials || agentName.slice(0, 2).toUpperCase();
      const color = envAgentColour || agent.color || '#78E2FF';
      document.title = `Agent Console · ${agentName}`;
      document.documentElement.style.setProperty('--accent', color);
      document.querySelector('.agent-sidebar-card')?.style.setProperty('--agent-color', color);
      document.querySelector('.agent-sidebar-card strong').textContent = agentName;
      document.querySelector('.agent-sidebar-card em').textContent = role;
      document.querySelector('.hero p').textContent = `A lightweight, single-page console for one Hermes agent. Current agent: ${agentName}, ${role}.`;
      document.querySelector('.panel-title h2').textContent = agentName;
      document.querySelector('.panel-title p').textContent = `${role} · voice runtime`;
      const avatarSeed = envAgentName || agentName || config.profileSlug || 'Agent';
      drawInvader(avatarCtx, avatarSeed, color, avatarCanvas.width / 2, avatarCanvas.height / 2, Math.min(avatarCanvas.width, avatarCanvas.height) * 0.82, '#EAFBFF');
      drawInvader(cornerAvatarCtx, avatarSeed, color, cornerAvatarCanvas.width / 2 - 2, cornerAvatarCanvas.height / 2 - 1, Math.min(cornerAvatarCanvas.width, cornerAvatarCanvas.height) * 0.82, '#EAFBFF');
      avatarCanvas.setAttribute('aria-label', `${agentName} pixel avatar`);
      cornerAvatarCanvas.setAttribute('aria-label', `${agentName} pixel avatar icon`);
      promptBox.placeholder = `Give ${agentName} a message or a mission brief. Press Enter to chat. Shift+Enter for a new line.`;
      const bootRole = feed.querySelector('.msg.bot .role');
      if (bootRole) bootRole.textContent = agentName.toUpperCase();
      localStorage.setItem('agentConsole.profileUrl', currentProfileUrl);
      profileUrlInput.value = currentProfileUrl;
      settingsAgentNameInput.value = agentName;
      settingsAgentColourPicker.value = color;
      settingsAgentColourText.value = color.replace('#', '');
      settingsAgentName.textContent = `${agentName} · ${role}`;
      settingsProfileSlug.textContent = config.profileSlug || 'unknown';
      settingsEnvPath.textContent = config.envPath || 'missing';
      settingsApiUrl.textContent = config.apiUrl || 'missing';
      settingsApiPort.textContent = config.apiPort || 'missing';
      settingsModel.textContent = config.model || 'missing';
      renderElevenLabsSettings(config);
      renderMissionsSettings(config);
      settingsEnv.innerHTML = Object.entries(config.env || {}).map(([key, meta]) => {
        const cls = meta.present ? 'env-pill configured' : 'env-pill';
        const displayValue = meta.present ? (meta.secret ? 'configured' : String(meta.value || 'configured')) : 'missing';
        return `<div class="${cls}"><span>${escapeHtml(key)}</span>${escapeHtml(displayValue)}</div>`;
      }).join('');
      if (profileSelect.options.length) profileSelect.value = currentProfileUrl;
      if (heroProfileSelect.options.length) heroProfileSelect.value = currentProfileUrl;
      missionBtn.disabled = !config.missionsEnabled;
      missionBtn.title = config.missionsEnabled ? 'Send a delegated mission to background Claude Code' : 'Missions are disabled for this agent. Enable Missions in Agent Settings.';
      setMissionButtonLabel(config.missionsEnabled);
      if (missionMetaBadge) {
        missionMetaBadge.textContent = config.missionsEnabled ? 'missions enabled' : 'missions disabled';
        missionMetaBadge.className = `badge ${config.missionsEnabled ? 'ok' : 'warn'}`;
      }
      updateAgentSidebarFoot();
    }

    function populateProfileSelect(profiles = []) {
      const selects = [profileSelect, heroProfileSelect].filter(Boolean);
      for (const select of selects) {
        select.innerHTML = '';
        for (const profile of profiles) {
          const option = document.createElement('option');
          option.value = profile.url;
          option.textContent = `${profile.name} (${profile.slug})`;
          select.appendChild(option);
        }
      }
    }

    async function loadAgentConfig(profileUrl = currentProfileUrl, persist = true) {
      settingsStatus.textContent = 'Loading Hermes profile...';
      const config = await fetchAgentConfig(profileUrl);
      populateProfileSelect(config.availableProfiles || []);
      applyAgentConfig(config);
      setAgentPresenceStatus(true);
      await Promise.all([loadVoiceConfig(), loadAgentOps()]);
      if (persist) localStorage.setItem('agentConsole.profileUrl', currentProfileUrl);
      settingsStatus.textContent = config.envExists ? 'Profile loaded from .env metadata.' : 'Profile folder resolved, but .env was not found.';
      return config;
    }

    function openSettings() {
      settingsModal.classList.add('open');
      settingsModal.setAttribute('aria-hidden', 'false');
      profileUrlInput.value = currentProfileUrl;
      profileUrlInput.focus();
    }

    function closeSettings() {
      settingsModal.classList.remove('open');
      settingsModal.setAttribute('aria-hidden', 'true');
    }

    function syncSettingsColorInputs(source) {
      const value = source === 'picker' ? settingsAgentColourPicker.value : settingsAgentColourText.value;
      const normalized = normalizeColor(value);
      if (!normalized) return;
      settingsAgentColourPicker.value = normalized;
      settingsAgentColourText.value = normalized.replace('#', '');
    }
    settingsAgentColourPicker.addEventListener('input', () => syncSettingsColorInputs('picker'));
    settingsAgentColourText.addEventListener('input', () => syncSettingsColorInputs('text'));
    settingsElevenKeyToggle.addEventListener('click', toggleElevenLabsApiKeyVisibility);
    settingsElevenKeyCopy.addEventListener('click', copyElevenLabsApiKeyInput);
    settingsMissionsToggle?.addEventListener('change', async () => {
      try {
        const profileUrl = profileUrlInput.value.trim() || currentProfileUrl || SERVER_DEFAULT_PROFILE_URL;
        settingsMissionsToggle.disabled = true;
        settingsStatus.textContent = `Saving missions ${settingsMissionsToggle.checked ? 'enabled' : 'disabled'} for this agent...`;
        await saveMissionsSettings(profileUrl);
        const config = await loadAgentConfig(profileUrl, true);
        settingsStatus.textContent = `Missions ${config.missionsEnabled ? 'enabled' : 'disabled'} for ${config.agent?.name || 'this agent'}.`;
      } catch (err) {
        settingsStatus.textContent = `Missions update failed: ${err.message}`;
        renderMissionsSettings(currentAgentConfig);
      } finally {
        settingsMissionsToggle.disabled = false;
      }
    });

    agentCardSettings?.addEventListener('click', openSettings);
    settingsClose.addEventListener('click', closeSettings);
    settingsCancel.addEventListener('click', closeSettings);
    settingsModal.addEventListener('click', (event) => { if (event.target === settingsModal) closeSettings(); });
    document.addEventListener('keydown', (event) => {
      if (event.key !== 'Escape') return;
      if (detailModal.classList.contains('open')) { closeDetailModal(); return; }
      if (sessionModal.classList.contains('open')) { closeSessionModal(); return; }
      closeSettings();
    });
    profileSelect.addEventListener('change', async () => {
      profileUrlInput.value = profileSelect.value;
      try {
        await loadAgentConfig(profileSelect.value, false);
      } catch (err) {
        setAgentPresenceStatus(false);
        settingsStatus.textContent = `Profile load failed: ${err.message}`;
      }
    });
    heroProfileSelect?.addEventListener('change', async () => {
      const nextProfileUrl = heroProfileSelect.value;
      if (!nextProfileUrl || nextProfileUrl === currentProfileUrl) return;
      heroProfileSelect.disabled = true;
      try {
        settingsStatus.textContent = 'Switching Hermes profile...';
        await loadAgentConfig(nextProfileUrl, true);
        addMessage('AGENT CONSOLE', `Switched to ${currentAgentConfig.agent.name} from ${currentAgentConfig.envPath}.`, 'mission');
      } catch (err) {
        setAgentPresenceStatus(false);
        settingsStatus.textContent = `Profile switch failed: ${err.message}`;
      } finally {
        heroProfileSelect.disabled = false;
        if (heroProfileSelect.options.length) heroProfileSelect.value = currentProfileUrl;
      }
    });
    settingsReload.addEventListener('click', async () => {
      try {
        const profileUrl = profileUrlInput.value.trim() || SERVER_DEFAULT_PROFILE_URL;
        syncSettingsColorInputs('text');
        settingsStatus.textContent = 'Saving agent theme, missions, and ElevenLabs settings...';
        await saveAgentThemeMetadata(profileUrl);
        await saveMissionsSettings(profileUrl);
        await saveElevenLabsSettings(profileUrl);
        settingsStatus.textContent = 'Settings saved. The modal stays open — click "Use This Agent" to apply and close.';
      } catch (err) {
        settingsStatus.textContent = `Profile save failed: ${err.message}`;
      }
    });
    settingsSave.addEventListener('click', async () => {
      try {
        const profileUrl = profileUrlInput.value.trim() || SERVER_DEFAULT_PROFILE_URL;
        syncSettingsColorInputs('text');
        settingsStatus.textContent = 'Saving agent theme, missions, and ElevenLabs settings...';
        await saveAgentThemeMetadata(profileUrl);
        await saveMissionsSettings(profileUrl);
        await saveElevenLabsSettings(profileUrl);
        await loadAgentConfig(profileUrl, true);
        addMessage('AGENT CONSOLE', `Loaded ${currentAgentConfig.agent.name} from ${currentAgentConfig.envPath}.`, 'mission');
        settingsStatus.textContent = 'Agent theme, missions, and ElevenLabs settings saved to .env.';
        closeSettings();
      } catch (err) {
        settingsStatus.textContent = `Profile save failed: ${err.message}`;
      }
    });

    if (voiceMode !== 'local' && voiceMode !== 'elevenlabs') voiceMode = 'local';
    if (micMode !== 'stable' && micMode !== 'realtime') micMode = 'stable';
    voiceModeSelect.value = voiceMode;
    micModeSelect.value = micMode;
    pitchSlider.value = DEFAULT_LOCAL_PITCH;
    rateSlider.value = DEFAULT_LOCAL_RATE;
    pitchValue.textContent = Number(DEFAULT_LOCAL_PITCH).toFixed(2);
    rateValue.textContent = Number(DEFAULT_LOCAL_RATE).toFixed(2);

    function addMessage(role, text, cls='') {
      const div = document.createElement('div');
      div.className = `msg ${role === 'YOU' ? 'user' : 'bot'} ${cls}`;
      const label = document.createElement('span');
      label.className = 'role';
      label.textContent = role;
      div.appendChild(label);
      div.appendChild(document.createTextNode(text));
      feed.appendChild(div);
      feed.scrollTop = feed.scrollHeight;
    }

    function addThinkingMessage(role) {
      const div = document.createElement('div');
      div.className = 'msg bot thinking';
      const label = document.createElement('span');
      label.className = 'role';
      label.textContent = role;
      const line = document.createElement('span');
      line.className = 'thinking-line';
      const text = document.createElement('span');
      text.textContent = 'Thinking';
      const dots = document.createElement('span');
      dots.className = 'thinking-dots';
      dots.setAttribute('aria-label', 'thinking');
      dots.innerHTML = '<i></i><i></i><i></i>';
      line.appendChild(text);
      line.appendChild(dots);
      div.appendChild(label);
      div.appendChild(line);
      feed.appendChild(div);
      feed.scrollTop = feed.scrollHeight;
      return {
        set(nextText) {
          div.classList.remove('thinking');
          div.replaceChildren(label, document.createTextNode(nextText));
          feed.scrollTop = feed.scrollHeight;
        },
        remove() { div.remove(); }
      };
    }

    async function readSseText(res, onDelta) {
      const reader = res.body.getReader();
      const decoder = new TextDecoder();
      let buffer = '';
      let reply = '';
      while (true) {
        const { done, value } = await reader.read();
        if (done) break;
        buffer += decoder.decode(value, { stream: true });
        let sep;
        while ((sep = buffer.indexOf('\n\n')) !== -1) {
          const rawEvent = buffer.slice(0, sep);
          buffer = buffer.slice(sep + 2);
          for (const line of rawEvent.split('\n')) {
            if (!line.startsWith('data:')) continue;
            const data = line.slice(5).trim();
            if (!data || data === '[DONE]') continue;
            let parsed;
            try { parsed = JSON.parse(data); } catch (_err) { continue; }
            if (parsed.error) throw new Error(parsed.error.message || String(parsed.error));
            const delta = parsed.choices?.[0]?.delta?.content || '';
            if (delta) {
              reply += delta;
              onDelta(reply, delta);
            }
          }
        }
      }
      return reply;
    }

    async function streamChat(text, view = null) {
      const ownsView = !view;
      const streamView = view || addThinkingMessage(agentLabel());
      const res = await fetch('/chat-stream', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ message: text, personality, profileUrl: currentProfileUrl })
      });
      if (!res.ok || !res.body) {
        const data = await res.json().catch(() => ({}));
        if (ownsView) streamView.remove();
        throw new Error(data.error || `HTTP ${res.status}`);
      }
      let reply = '';
      try {
        await readSseText(res, (full) => {
          reply = full;
          streamView.set(reply);
          setStatus('● replying...');
        });
      } catch (err) {
        if (!reply) {
          if (ownsView) streamView.remove();
          throw err;
        }
      }
      if (!reply.trim()) {
        if (ownsView) streamView.remove();
        throw new Error('Empty streamed reply');
      }
      return reply.trim();
    }

    function setBusy(busy) {
      chatBtn.disabled = busy;
      missionBtn.disabled = busy;
      promptBox.disabled = busy;
      micBtn.disabled = !supportsActiveMicMode();
    }

    function setStatus(text) {
      statusLine.textContent = text || '';
    }

    function supportsSpeechRecognition() {
      return Boolean(window.isSecureContext && navigator.mediaDevices && navigator.mediaDevices.getUserMedia && window.MediaRecorder);
    }

    function supportsRealtimeTranscription() {
      return Boolean(window.isSecureContext && navigator.mediaDevices && navigator.mediaDevices.getUserMedia && window.RTCPeerConnection);
    }

    function supportsActiveMicMode() {
      return micMode === 'realtime' ? supportsRealtimeTranscription() : supportsSpeechRecognition();
    }

    function setMicSettingsOpen(open) {
      micSettingsPanel.hidden = !open;
      micSettingsToggle.setAttribute('aria-expanded', open ? 'true' : 'false');
      micSettingsToggle.textContent = open ? 'Hide Mic Engine Settings' : 'Select Mic Engine';
    }

    function applyMicMode({ persist = true } = {}) {
      if (persist) localStorage.setItem('nereus.micMode.v1', micMode);
      micModeSelect.value = micMode;
      micModeStatus.textContent = stableMicFallbackActive ? 'stable fallback' : (micMode === 'realtime' ? 'beta' : 'stable');
      realtimeMicNote.hidden = micMode !== 'realtime';
      micBtn.disabled = !supportsActiveMicMode();
    }

    function speakerIconMarkup() {
      return '<svg class="speaker-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M4 9.5v5h3.4l4.4 3.6c.7.57 1.72.08 1.72-.82V6.72c0-.9-1.02-1.39-1.72-.82L7.4 9.5H4Zm13.2-2.45a1 1 0 0 0-1.4 1.43 5 5 0 0 1 0 7.04 1 1 0 1 0 1.4 1.43 7 7 0 0 0 0-9.9Zm2.62-2.62a1 1 0 0 0-1.41 1.41 8.72 8.72 0 0 1 0 12.32 1 1 0 1 0 1.41 1.41 10.72 10.72 0 0 0 0-15.14Z"/></svg>';
    }

    function micIconMarkup() {
      return '<svg class="mic-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5.3-3a1 1 0 1 0-2 0 3.3 3.3 0 0 1-6.6 0 1 1 0 1 0-2 0 5.3 5.3 0 0 0 4.3 5.2V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.8A5.3 5.3 0 0 0 17.3 11Z"/></svg>';
    }

    function recordingIconMarkup() {
      return '<svg class="recording-icon" viewBox="0 0 24 24" aria-hidden="true"><circle class="recording-dot" cx="12" cy="12" r="5.5" fill="currentColor"/></svg>';
    }

    function setAudioButton(active) {
      audioBtn.classList.toggle('armed', active);
      audioBtn.setAttribute('aria-pressed', active ? 'true' : 'false');
      audioBtn.innerHTML = `${speakerIconMarkup()} <span>${active ? 'AUDIO ON' : 'AUDIO'}</span>`;
    }

    function setMicButton(active) {
      micBtn.classList.toggle('armed', active);
      micBtn.classList.toggle('listening', active && listening);
      micBtn.setAttribute('aria-pressed', active ? 'true' : 'false');
      micBtn.innerHTML = `${active ? recordingIconMarkup() : micIconMarkup()} <span>${active ? 'MIC ON' : 'MIC'}</span>`;
    }

    function setListeningUI(active) {
      listening = active;
      setMicButton(handsFree);
    }

    function voiceKey(voice) {
      return voice ? `${voice.name}||${voice.lang}||${voice.voiceURI}` : '';
    }

    function getAudioContext() {
      const AudioCtor = window.AudioContext || window.webkitAudioContext;
      if (!AudioCtor) return null;
      if (!audioContext) audioContext = new AudioCtor();
      return audioContext;
    }

    async function unlockAudioPlayback() {
      const ctx = getAudioContext();
      if (!ctx) return false;
      if (ctx.state === 'suspended') await ctx.resume();
      const buffer = ctx.createBuffer(1, 1, ctx.sampleRate);
      const source = ctx.createBufferSource();
      const gain = ctx.createGain();
      gain.gain.value = 0;
      source.buffer = buffer;
      source.connect(gain);
      gain.connect(ctx.destination);
      source.start(0);
      audioUnlocked = true;
      return true;
    }

    function stopAudio() {
      if ('speechSynthesis' in window) window.speechSynthesis.cancel();
      if (activeAudioSource) {
        try { activeAudioSource.onended = null; activeAudioSource.stop(0); } catch (_err) {}
        try { activeAudioSource.disconnect(); } catch (_err) {}
        activeAudioSource = null;
      }
      if (activeAudio) {
        activeAudio.pause();
        activeAudio.src = '';
        activeAudio = null;
      }
      speaking = false;
      speechPending = false;
    }

    function afterSpeech() {
      speaking = false;
      speechPending = false;
      resumeVoiceLoop(300);
    }

    function resumeVoiceLoop(delayMs = 250) {
      if (!handsFree) return;
      if (resumeTimer) window.clearTimeout(resumeTimer);
      resumeTimer = window.setTimeout(() => {
        resumeTimer = null;
        if (!handsFree || listening || speaking || speechPending || missionRunning || chatBtn.disabled) return;
        if (micMode === 'realtime' && realtimeDataChannel && realtimeDataChannel.readyState === 'open') {
          resumeRealtimeCapture();
          return;
        }
        startListening();
      }, delayMs);
    }

    async function armAudio({ silent = false } = {}) {
      audioArmed = true;
      setAudioButton(true);
      populateVoices();
      try {
        await unlockAudioPlayback();
      } catch (err) {
        setStatus(`Audio unlock failed: ${err.message || err}. Tap AUDIO again if playback stays blocked.`);
      }
      if (bootGreeting && !bootGreetingSpoken && !silent) {
        bootGreetingSpoken = true;
        speak(bootGreeting);
      }
    }

    function disarmAudio() {
      audioArmed = false;
      stopAudio();
      setAudioButton(false);
      setStatus('Audio off. Silent mode restored.');
    }

    function applyVoiceMode({ persist = true } = {}) {
      voiceMode = elevenLabsConfigured ? 'elevenlabs' : 'local';
      if (persist) localStorage.setItem('nereus.voiceMode.v2', voiceMode);
      voiceModeSelect.value = voiceMode;
      voiceModeSelect.querySelector('option[value="elevenlabs"]').disabled = !elevenLabsConfigured;
      localVoiceSettings.hidden = voiceMode !== 'local';
      elevenLabsVoiceNote.hidden = voiceMode !== 'elevenlabs';
      voiceModeStatus.textContent = voiceMode === 'elevenlabs'
        ? 'env ready'
        : (elevenLabsConfigured ? 'local' : 'local fallback');
      voiceMetaValues.forEach((el) => {
        el.textContent = elevenLabsConfigured ? 'env ready' : 'local fallback';
      });
    }

    function setHeroElevenLabsBadge(isReady) {
      const badge = [...document.querySelectorAll('.hero .badge')]
        .find((el) => el.textContent.trim().toLowerCase().includes('elevenlabs'));
      if (!badge) return;
      badge.classList.toggle('voice-ready', Boolean(isReady));
    }

    async function loadVoiceConfig() {
      try {
        const res = await fetch(`/voice-config?${profileQuery()}`);
        const data = await res.json();
        elevenLabsConfigured = Boolean(data.elevenlabsConfigured);
        const elevenLabsApiKeyPresent = Boolean(data.elevenlabsApiKeySource && data.elevenlabsApiKeySource !== 'missing');
        setHeroElevenLabsBadge(elevenLabsApiKeyPresent);
      } catch (_err) {
        elevenLabsConfigured = false;
        setHeroElevenLabsBadge(false);
      }
      applyVoiceMode({ persist: false });
    }

    async function speakWithElevenLabs(text) {
      stopAudio();
      speechPending = true;
      const res = await fetch('/tts', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ text, profileUrl: currentProfileUrl })
      });
      if (!res.ok) {
        const data = await res.json().catch(() => ({}));
        throw new Error(data.error || `ElevenLabs HTTP ${res.status}`);
      }
      const arrayBuffer = await res.arrayBuffer();
      const ctx = getAudioContext();
      if (ctx) {
        if (ctx.state === 'suspended') await ctx.resume();
        const decoded = await ctx.decodeAudioData(arrayBuffer.slice(0));
        const source = ctx.createBufferSource();
        source.buffer = decoded;
        source.connect(ctx.destination);
        activeAudioSource = source;
        source.onended = () => {
          if (activeAudioSource === source) activeAudioSource = null;
          afterSpeech();
        };
        speaking = true;
        source.start(0);
        return;
      }
      const blob = new Blob([arrayBuffer], { type: res.headers.get('Content-Type') || 'audio/mpeg' });
      const url = URL.createObjectURL(blob);
      activeAudio = new Audio(url);
      activeAudio.onplay = () => { speaking = true; };
      activeAudio.onended = () => { URL.revokeObjectURL(url); activeAudio = null; afterSpeech(); };
      activeAudio.onerror = () => { URL.revokeObjectURL(url); activeAudio = null; afterSpeech(); };
      await activeAudio.play();
    }

    function populateVoices() {
      if (!('speechSynthesis' in window)) {
        voiceSelect.innerHTML = '<option>Browser speech unavailable</option>';
        voiceSelect.disabled = true;
        voiceCount.textContent = 'offline';
        return;
      }

      voices = window.speechSynthesis.getVoices().filter((voice) =>
        String(voice.lang || '').toLowerCase().startsWith('en')
      );
      voiceSelect.innerHTML = '';

      if (!voices.length) {
        const opt = document.createElement('option');
        opt.value = '';
        opt.textContent = 'No English voices';
        voiceSelect.appendChild(opt);
        voiceCount.textContent = 'en only';
        return;
      }

      const defaultOpt = document.createElement('option');
      defaultOpt.value = '';
      defaultOpt.textContent = 'System default';
      voiceSelect.appendChild(defaultOpt);

      voices
        .slice()
        .sort((a, b) => `${a.lang} ${a.name}`.localeCompare(`${b.lang} ${b.name}`))
        .forEach((voice) => {
          const opt = document.createElement('option');
          opt.value = voiceKey(voice);
          opt.textContent = `${voice.name} · ${voice.lang}${voice.default ? ' · default' : ''}`;
          voiceSelect.appendChild(opt);
        });

      const danielPreferred = voices.find((voice) => /daniel/i.test(voice.name) && String(voice.lang || '').toLowerCase() === 'en-gb')
        || voices.find((voice) => /daniel/i.test(voice.name))
        || voices.find((voice) => String(voice.lang || '').toLowerCase() === 'en-gb' && voice.default)
        || voices.find((voice) => String(voice.lang || '').toLowerCase() === 'en-gb')
        || voices.find((voice) => /\b(male|david|mark|alex)\b/i.test(voice.name))
        || voices.find((voice) => voice.lang === 'en-US')
        || voices[0];
      const preferred = danielPreferred || null;
      selectedVoice = preferred || null;
      voiceSelect.value = preferred ? voiceKey(preferred) : '';
      voiceCount.textContent = `${voices.length} en`;
    }

    function speak(text) {
      if (!audioArmed) return;
      if (listening) {
        if (micMode === 'realtime') pauseRealtimeCapture();
        else finalizeRecording('recycle');
      }
      if (voiceMode === 'elevenlabs') {
        speakWithElevenLabs(text)
          .catch(() => speakWithElevenLabs(text))
          .catch((err) => {
            statusLine.textContent = `ElevenLabs voice failed: ${err.message}. Using local voice for this line.`;
            speakLocal(text);
          });
        return;
      }
      speakLocal(text);
    }

    function speakLocal(text) {
      if (!('speechSynthesis' in window)) {
        speechPending = false;
        resumeVoiceLoop(200);
        return;
      }
      stopAudio();
      speechPending = true;
      const utter = new SpeechSynthesisUtterance(text);
      if (selectedVoice) utter.voice = selectedVoice;
      utter.pitch = Number(pitchSlider.value);
      utter.rate = Number(rateSlider.value);
      utter.volume = 0.95;
      utter.onstart = () => { speaking = true; };
      utter.onend = afterSpeech;
      utter.onerror = afterSpeech;
      window.speechSynthesis.speak(utter);
    }

    async function transcribeAudio(blob) {
      const res = await fetch(`/transcribe?${profileQuery()}`, {
        method: 'POST',
        headers: { 'Content-Type': blob.type || 'audio/webm' },
        body: blob
      });
      const data = await res.json().catch(() => ({}));
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      return String(data.text || '').trim();
    }

    async function processAudioChunk(blob) {
      if (!handsFree) return;
      if (!blob || blob.size < 800) {
        resumeVoiceLoop(120);
        return;
      }
      setStatus('● transcribing...');
      try {
        const transcript = await transcribeAudio(blob);
        transcribeFailures = 0;
        if (!transcript) {
          setStatus('No speech detected. Listening again.');
          resumeVoiceLoop(150);
          return;
        }
        const now = Date.now();
        if (transcript === lastVoiceSubmit.text && now - lastVoiceSubmit.at < 5000) {
          resumeVoiceLoop(150);
          return;
        }
        lastVoiceSubmit = { text: transcript, at: now };
        promptBox.value = transcript;
        addMessage('YOU', transcript);
        setStatus('● thinking...');
        chat(transcript, { fromVoice: true });
      } catch (err) {
        transcribeFailures += 1;
        if (transcribeFailures >= 3) {
          handsFree = false;
          localStorage.setItem('nereus.handsFree', 'false');
          setMicButton(false);
          setStatus(`Speech transcription failed repeatedly: ${err.message}. Mic is off.`);
          return;
        }
        setStatus(`Speech transcription failed: ${err.message}. Retrying.`);
        resumeVoiceLoop(1000);
      }
    }

    async function ensureMicStream() {
      if (mediaStream && mediaStream.getAudioTracks().some((track) => track.readyState === 'live')) {
        return mediaStream;
      }
      releaseMicStream();
      mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
      const AudioCtx = window.AudioContext || window.webkitAudioContext;
      if (AudioCtx) {
        if (!vadCtx) vadCtx = new AudioCtx();
        if (vadCtx.state === 'suspended') vadCtx.resume().catch(() => {});
        vadSource = vadCtx.createMediaStreamSource(mediaStream);
        vadAnalyser = vadCtx.createAnalyser();
        vadAnalyser.fftSize = 1024;
        vadData = new Uint8Array(vadAnalyser.fftSize);
        vadSource.connect(vadAnalyser);
      }
      return mediaStream;
    }

    function releaseMicStream() {
      if (vadTimer) { window.clearInterval(vadTimer); vadTimer = null; }
      if (vadSource) {
        try { vadSource.disconnect(); } catch (_err) {}
        vadSource = null;
      }
      vadAnalyser = null;
      if (mediaStream) {
        mediaStream.getTracks().forEach((track) => track.stop());
        mediaStream = null;
      }
    }

    function micLevel() {
      if (!vadAnalyser) return 0;
      vadAnalyser.getByteTimeDomainData(vadData);
      let sum = 0;
      for (let i = 0; i < vadData.length; i++) {
        const d = (vadData[i] - 128) / 128;
        sum += d * d;
      }
      return Math.sqrt(sum / vadData.length);
    }

    function finalizeRecording(reason) {
      if (vadTimer) { window.clearInterval(vadTimer); vadTimer = null; }
      recorderFinalizeReason = reason;
      if (mediaRecorder && mediaRecorder.state === 'recording') mediaRecorder.stop();
    }

    async function startStableListening() {
      if (!supportsSpeechRecognition()) {
        const reason = !window.isSecureContext
          ? 'Microphone permissions require HTTPS. Open the console through an HTTPS URL instead of raw HTTP.'
          : 'Browser recording is not available here. Chrome or Safari with MediaRecorder is required.';
        setStatus(reason);
        handsFree = false;
        localStorage.setItem('nereus.handsFree', 'false');
        setMicButton(false);
        return;
      }
      if (listening || speaking || speechPending || chatBtn.disabled || missionRunning) return;
      try {
        await ensureMicStream();
      } catch (err) {
        handsFree = false;
        localStorage.setItem('nereus.handsFree', 'false');
        setMicButton(false);
        setStatus('Microphone permission blocked. Allow mic access in Chrome, sir.');
        return;
      }
      if (!handsFree || listening) return;
      if (!audioArmed) armAudio({ silent: true });
      audioChunks = [];
      recorderFinalizeReason = '';
      const options = MediaRecorder.isTypeSupported('audio/webm;codecs=opus')
        ? { mimeType: 'audio/webm;codecs=opus' }
        : {};
      mediaRecorder = new MediaRecorder(mediaStream, options);
      mediaRecorder.ondataavailable = (event) => {
        if (event.data && event.data.size > 0) audioChunks.push(event.data);
      };
      mediaRecorder.onerror = (event) => {
        handsFree = false;
        localStorage.setItem('nereus.handsFree', 'false');
        setMicButton(false);
        setStatus(`Recorder error: ${event.error?.message || 'unknown'}`);
      };
      mediaRecorder.onstop = () => {
        const reason = recorderFinalizeReason;
        const blob = new Blob(audioChunks, { type: mediaRecorder?.mimeType || 'audio/webm' });
        audioChunks = [];
        setListeningUI(false);
        if (!handsFree) return;
        if (reason === 'speech') {
          processAudioChunk(blob);
        } else if (reason === 'recycle') {
          window.setTimeout(startStableListening, 60);
        }
      };
      mediaRecorder.start(250);
      setListeningUI(true);
      setStatus('● listening... speak when ready');
      const startedAt = performance.now();
      let speechDetected = false;
      let lastVoiceAt = startedAt;
      if (vadTimer) window.clearInterval(vadTimer);
      vadTimer = window.setInterval(() => {
        if (!mediaRecorder || mediaRecorder.state !== 'recording') {
          if (vadTimer) { window.clearInterval(vadTimer); vadTimer = null; }
          return;
        }
        const now = performance.now();
        if (!vadAnalyser || !vadCtx || vadCtx.state !== 'running') {
          if (now - startedAt > 6500) finalizeRecording('speech');
          return;
        }
        const level = micLevel();
        const threshold = Math.max(0.02, vadNoiseFloor * 3);
        if (level > threshold) {
          if (!speechDetected) setStatus('● listening... I hear you');
          speechDetected = true;
          lastVoiceAt = now;
        } else if (!speechDetected) {
          vadNoiseFloor = Math.min(0.04, vadNoiseFloor * 0.92 + level * 0.08);
        }
        if (speechDetected && (now - lastVoiceAt > 850 || now - startedAt > 20000)) {
          finalizeRecording('speech');
          return;
        }
        if (!speechDetected && now - startedAt > 8000) {
          finalizeRecording('recycle');
        }
      }, 100);
    }

    function clearRealtimeAutoSendTimer() {
      if (realtimeAutoSendTimer) {
        window.clearTimeout(realtimeAutoSendTimer);
        realtimeAutoSendTimer = null;
      }
    }

    function pauseRealtimeCapture() {
      realtimeSuspended = true;
      clearRealtimeAutoSendTimer();
      realtimePartial = '';
      if (realtimeStream) realtimeStream.getAudioTracks().forEach((track) => { track.enabled = false; });
      setListeningUI(false);
    }

    function resumeRealtimeCapture() {
      realtimePartial = '';
      realtimeSuspended = false;
      if (realtimeStream) realtimeStream.getAudioTracks().forEach((track) => { track.enabled = true; });
      setListeningUI(true);
      setStatus('● realtime whisper listening...');
    }

    function submitRealtimeTranscript(transcript) {
      const text = String(transcript || realtimePartial || '').trim();
      clearRealtimeAutoSendTimer();
      realtimePartial = '';
      if (!text || !handsFree) return;
      const now = Date.now();
      if (text === lastVoiceSubmit.text && now - lastVoiceSubmit.at < 5000) return;
      lastVoiceSubmit = { text, at: now };
      pauseRealtimeCapture();
      promptBox.value = text;
      addMessage('YOU', text);
      setStatus('● thinking...');
      chat(text, { fromVoice: true });
    }

    function scheduleRealtimeAutoSend() {
      clearRealtimeAutoSendTimer();
      realtimeAutoSendTimer = window.setTimeout(() => submitRealtimeTranscript(realtimePartial), 1300);
    }

    function handleRealtimeEvent(event) {
      if (!event || !handsFree || realtimeSuspended) return;
      if (event.type === 'conversation.item.input_audio_transcription.delta') {
        realtimePartial += event.delta || '';
        const partial = realtimePartial.trim();
        if (partial) {
          promptBox.value = partial;
          setStatus(`● realtime whisper: ${partial.slice(-72)}`);
          scheduleRealtimeAutoSend();
        }
        return;
      }
      if (event.type === 'conversation.item.input_audio_transcription.completed') {
        const transcript = String(event.transcript || realtimePartial || '').trim();
        if (!transcript) {
          setStatus('Realtime Whisper heard silence. Still listening.');
          return;
        }
        submitRealtimeTranscript(transcript);
      }
      if (event.type === 'error') {
        throw new Error(event.error?.message || 'Realtime transcription error');
      }
    }

    function stopRealtimeListening() {
      realtimeClosing = true;
      clearRealtimeAutoSendTimer();
      realtimeSuspended = false;
      if (realtimeDataChannel) {
        try { realtimeDataChannel.close(); } catch (_err) {}
        realtimeDataChannel = null;
      }
      if (realtimePeer) {
        try { realtimePeer.close(); } catch (_err) {}
        realtimePeer = null;
      }
      if (realtimeStream) {
        realtimeStream.getTracks().forEach((track) => track.stop());
        realtimeStream = null;
      }
      realtimePartial = '';
      realtimeClosing = false;
    }

    async function fallbackToStableMic(reason) {
      if (realtimeFallbackActive || !handsFree) return;
      realtimeFallbackActive = true;
      stopRealtimeListening();
      setListeningUI(false);
      stableMicFallbackActive = true;
      setStatus(`Realtime Whisper beta failed: ${reason}. Using stable mic for this session without changing your mic engine selection.`);
      applyMicMode({ persist: false });
      window.setTimeout(() => {
        realtimeFallbackActive = false;
        if (handsFree) startStableListening();
      }, 450);
    }

    async function startRealtimeListening() {
      if (!supportsRealtimeTranscription()) {
        await fallbackToStableMic(!window.isSecureContext ? 'HTTPS required' : 'WebRTC unavailable');
        return;
      }
      if (listening || speaking || speechPending || chatBtn.disabled || missionRunning) return;
      realtimePartial = '';
      realtimeSuspended = false;
      try {
        realtimeStream = await navigator.mediaDevices.getUserMedia({ audio: true });
      } catch (err) {
        await fallbackToStableMic('Microphone permission blocked');
        return;
      }
      if (!audioArmed) armAudio({ silent: true });
      try {
        realtimePeer = new RTCPeerConnection();
        realtimeDataChannel = realtimePeer.createDataChannel('oai-events');
        realtimeDataChannel.onopen = () => setStatus('● realtime whisper connected — speak naturally');
        realtimeDataChannel.onmessage = (message) => {
          try {
            handleRealtimeEvent(JSON.parse(message.data));
          } catch (err) {
            fallbackToStableMic(err.message || 'event handling failed');
          }
        };
        realtimeDataChannel.onerror = () => {
          if (!realtimeClosing) fallbackToStableMic('data channel error');
        };
        realtimeDataChannel.onclose = () => {
          if (!realtimeClosing && handsFree && micMode === 'realtime') fallbackToStableMic('connection closed');
        };
        realtimeStream.getTracks().forEach((track) => realtimePeer.addTrack(track, realtimeStream));
        const offer = await realtimePeer.createOffer();
        await realtimePeer.setLocalDescription(offer);
        const res = await fetch(`/realtime-transcription-call?${profileQuery()}`, {
          method: 'POST',
          headers: { 'Content-Type': 'application/sdp' },
          body: realtimePeer.localDescription?.sdp || offer.sdp
        });
        const answerSdp = await res.text();
        if (!res.ok) {
          let reason = answerSdp || `HTTP ${res.status}`;
          try { reason = JSON.parse(answerSdp).error || reason; } catch (_err) {}
          throw new Error(reason);
        }
        await realtimePeer.setRemoteDescription({ type: 'answer', sdp: answerSdp });
        setListeningUI(true);
        setStatus('● realtime whisper beta listening...');
      } catch (err) {
        await fallbackToStableMic(err.message || 'session setup failed');
      }
    }

    async function startListening() {
      if (stableMicFallbackActive) {
        await startStableListening();
        return;
      }
      if (micMode === 'realtime') {
        await startRealtimeListening();
        return;
      }
      await startStableListening();
    }

    function stopListening() {
      if (resumeTimer) {
        window.clearTimeout(resumeTimer);
        resumeTimer = null;
      }
      recorderFinalizeReason = '';
      if (mediaRecorder && mediaRecorder.state === 'recording') mediaRecorder.stop();
      mediaRecorder = null;
      releaseMicStream();
      stopRealtimeListening();
      setListeningUI(false);
    }

    async function loadBootGreeting() {
      try {
        const res = await fetch(`/boot?${profileQuery()}`);
        const data = await res.json();
        bootGreeting = data.greeting || `${agentLabel()} online. Workspace ready.`;
      } catch (_err) {
        bootGreeting = `${agentLabel()} online. Workspace ready.`;
      }
      addMessage(agentLabel(), bootGreeting);
      if (audioArmed && !bootGreetingSpoken) {
        bootGreetingSpoken = true;
        speak(bootGreeting);
      } else {
        const speechHint = !window.isSecureContext
          ? 'Mic permissions are blocked on raw HTTP. Use the HTTPS console URL.'
          : 'Click Audio On for speech. Use Mic On for hands-free listening. Browser etiquette, not mine.';
        setStatus(speechHint);
      }
    }

    if (!supportsActiveMicMode()) {
      handsFree = false;
      localStorage.setItem('nereus.handsFree', 'false');
    }
    applyMicMode({ persist: false });
    setAudioButton(audioArmed);
    setMicButton(handsFree);
    micBtn.disabled = !supportsActiveMicMode();
    if (!window.isSecureContext) {
      micBtn.title = 'Microphone permissions require HTTPS. Use the HTTPS console URL.';
    } else if (!supportsActiveMicMode()) {
      micBtn.title = micMode === 'realtime' ? 'WebRTC is required for beta realtime mic' : 'MediaRecorder is required for stable mic';
    }

    populateVoices();
    loadVoiceConfig();
    if (handsFree) resumeVoiceLoop(600);
    if ('speechSynthesis' in window) {
      window.speechSynthesis.onvoiceschanged = populateVoices;
    }

    micSettingsToggle.addEventListener('click', () => {
      setMicSettingsOpen(micSettingsPanel.hidden);
    });

    micSettingsClose.addEventListener('click', () => {
      setMicSettingsOpen(false);
    });

    voiceModeSelect.addEventListener('change', () => {
      voiceMode = voiceModeSelect.value;
      stopAudio();
      applyVoiceMode();
      if (audioArmed) {
        const line = voiceMode === 'elevenlabs'
          ? 'ElevenLabs voice selected. We are pretending this was always the plan.'
          : 'Local browser voice selected. Very practical. Very temporary.';
        speak(line);
      }
    });

    micModeSelect.addEventListener('change', () => {
      const wasHandsFree = handsFree;
      if (wasHandsFree) stopListening();
      micMode = micModeSelect.value;
      stableMicFallbackActive = false;
      applyMicMode();
      const line = micMode === 'realtime'
        ? 'Realtime Whisper beta selected. Fast, experimental, and watched like a hawk.'
        : 'Stable chunked transcription selected. Slower, but less dramatic.';
      setStatus(line);
      if (audioArmed) speak(line);
      setMicSettingsOpen(false);
      if (wasHandsFree) {
        handsFree = true;
        localStorage.setItem('nereus.handsFree', 'true');
        setMicButton(true);
        resumeVoiceLoop(200);
      }
    });

    voiceSelect.addEventListener('change', () => {
      selectedVoice = voices.find((voice) => voiceKey(voice) === voiceSelect.value) || null;
      savedVoiceKey = voiceSelect.value;
      localStorage.setItem('nereus.voiceKey', voiceSelect.value);
      if (audioArmed) speak('Voice selected. I will now sound different, allegedly.');
    });

    pitchSlider.addEventListener('input', () => {
      pitchValue.textContent = Number(pitchSlider.value).toFixed(2);
      localStorage.setItem('nereus.pitch', pitchSlider.value);
    });

    rateSlider.addEventListener('input', () => {
      rateValue.textContent = Number(rateSlider.value).toFixed(2);
      localStorage.setItem('nereus.rate', rateSlider.value);
    });

    audioBtn.addEventListener('click', async () => {
      if (audioArmed) {
        disarmAudio();
        return;
      }
      const shouldConfirm = !bootGreeting || bootGreetingSpoken;
      await armAudio();
      if (shouldConfirm) speak('Audio armed, sir. I shall now say the quiet parts out loud.');
    });

    micBtn.addEventListener('click', () => {
      handsFree = !handsFree;
      localStorage.setItem('nereus.handsFree', handsFree ? 'true' : 'false');
      setMicButton(handsFree);
      if (handsFree) {
        setStatus('● listening...');
        startListening();
      } else {
        stopListening();
        setStatus('Mic off. I shall wait like a civilized machine.');
      }
    });

    const PERSONALITY_LINES = {
      0: 'Personality set to Normal. Calm competence, mercifully unspectacular.',
      40: 'Personality set to Sharp. The velvet gloves remain; the edges do not.',
      80: 'Personality set to Sassy. I shall judge the chaos, not the operator.'
    };

    function setPersonality(value, { announce = false } = {}) {
      const allowed = [0, 40, 80];
      const next = allowed.includes(Number(value)) ? Number(value) : 0;
      const active = personalityOptions.find((option) => Number(option.dataset.personalityValue) === next) || personalityOptions[0];
      personality = next;
      slider.value = String(next);
      if (sliderValue) sliderValue.textContent = active.dataset.personalityLabel || String(next);
      personalityOptions.forEach((option) => {
        const selected = option === active;
        option.classList.toggle('active', selected);
        option.setAttribute('aria-checked', selected ? 'true' : 'false');
      });
      if (announce) {
        const line = PERSONALITY_LINES[next] || PERSONALITY_LINES[0];
        addMessage(agentLabel(), line);
        speak(line);
      }
    }

    personalityOptions.forEach((option) => {
      option.addEventListener('click', () => setPersonality(Number(option.dataset.personalityValue), { announce: true }));
    });
    setPersonality(Number(slider.value), { announce: false });

    async function postJSON(path, payload) {
      const res = await fetch(path, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      });
      const data = await res.json().catch(() => ({}));
      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
      return data;
    }

    function normalizeChatText(textOverride = null) {
      const candidate = textOverride instanceof Event ? null : textOverride;
      return String(candidate ?? promptBox.value).trim();
    }

    async function chat(textOverride = null, { fromVoice = false } = {}) {
      const text = normalizeChatText(textOverride);
      if (!text) return;
      promptBox.value = '';
      if (!fromVoice || !feed.lastElementChild || !feed.lastElementChild.textContent.includes(text)) {
        addMessage('YOU', text);
      }
      const responseView = addThinkingMessage(agentLabel());
      setBusy(true);
      setStatus('● thinking...');
      try {
        let reply;
        try {
          reply = await streamChat(text, responseView);
        } catch (_streamErr) {
          const data = await postJSON('/chat', { message: text, personality, profileUrl: currentProfileUrl });
          reply = data.reply;
          responseView.set(reply);
        }
        speak(reply);
        setStatus(audioArmed ? '● speaking...' : '');
      } catch (err) {
        responseView.remove();
        addMessage(agentLabel(), `Error: ${err.message}`, 'error');
        setStatus('Something broke. Naturally.');
      } finally {
        setBusy(false);
        promptBox.focus();
        resumeVoiceLoop(300);
      }
    }

    async function startMission() {
      const brief = promptBox.value.trim();
      if (!brief) return;
      promptBox.value = '';
      addMessage('YOU', brief, 'mission');
      missionRunning = true;
      setBusy(true);
      statusLine.textContent = `${agentLabel()} is on it...`;
      try {
        const data = await postJSON('/mission', { brief, personality, profileUrl: currentProfileUrl });
        pollMission(data.id);
      } catch (err) {
        missionRunning = false;
        setBusy(false);
        addMessage(agentLabel(), `Mission failed to start: ${err.message}`, 'error');
        statusLine.textContent = 'Mission failed before the dramatic part.';
        resumeVoiceLoop(300);
      }
    }

    async function pollMission(id) {
      try {
        const res = await fetch(`/mission?id=${encodeURIComponent(id)}`);
        const data = await res.json();
        statusLine.textContent = data.status === 'running' ? `${agentLabel()} is on it...` : '';
        if (data.status === 'running') {
          setTimeout(() => pollMission(id), 1200);
          return;
        }
        missionRunning = false;
        setBusy(false);
        const report = data.output || data.error || 'Mission finished with no output. A bold artistic choice.';
        addMessage(`${agentLabel()} MISSION REPORT`, report, data.status === 'error' ? 'error mission' : 'mission');
        const summary = data.summary || 'Mission complete. I survived the paperwork.';
        speak(summary);
        promptBox.focus();
        resumeVoiceLoop(300);
      } catch (err) {
        missionRunning = false;
        setBusy(false);
        addMessage(agentLabel(), `Mission polling error: ${err.message}`, 'error');
        statusLine.textContent = 'Mission telemetry died. Very reassuring.';
        resumeVoiceLoop(300);
      }
    }

    chatBtn.addEventListener('click', () => chat());
    missionBtn.addEventListener('click', () => startMission());
    promptBox.addEventListener('keydown', (ev) => {
      if (ev.key === 'Enter' && !ev.shiftKey) {
        ev.preventDefault();
        chat();
      }
    });

    function seedHash(s) {
      let h = 0xcbf29ce484222325n;
      const prime = 0x100000001b3n;
      const mask = 0xffffffffffffffffn;
      for (let i = 0; i < s.length; i++) {
        h ^= BigInt(s.charCodeAt(i));
        h = (h * prime) & mask;
      }
      return h;
    }

    const NEREUS_CONSOLE_MATRIX = [
      [0, 0, 0, 1, 1, 1, 1, 1, 0, 0, 0],
      [1, 1, 0, 1, 1, 0, 1, 1, 0, 1, 1],
      [0, 1, 1, 1, 1, 0, 1, 1, 1, 1, 0],
      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
      [1, 0, 1, 1, 0, 0, 0, 1, 1, 0, 1],
      [0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0],
      [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
      [0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0],
    ];

    function renderInvaderGrid(seed) {
      if (String(seed || '').toLowerCase() === 'coo') {
        return NEREUS_CONSOLE_MATRIX.map(row => row.slice());
      }
      const h = seedHash(String(seed || 'x'));
      const rows = 8;
      const leftCols = 6;
      const grid = [];
      for (let r = 0; r < rows; r++) {
        const row = new Array(leftCols).fill(0);
        for (let c = 0; c < leftCols; c++) {
          const bitIndex = BigInt((r * leftCols + c) % 64);
          row[c] = Number((h >> bitIndex) & 1n);
        }
        grid.push(row);
      }
      grid[1][1] = 1; grid[1][4] = 1;
      grid[2][2] = 1; grid[2][3] = 1;
      grid[3] = grid[3].map(() => 1);
      grid[4][2] = 1; grid[4][4] = 0;
      return grid;
    }

    function drawInvader(ctx, seed, color, x, y, size, eyeColor = 'transparent') {
      const rows = 8;
      const leftCols = 6;
      const cols = 11;
      const matrix = renderInvaderGrid(seed);
      const isFullWidthMatrix = matrix[0]?.length === cols;
      const cell = Math.floor(size / cols);
      const drawnWidth = cols * cell;
      const drawnHeight = rows * cell;
      const startX = Math.round(x - drawnWidth / 2);
      const startY = Math.round(y - drawnHeight / 2);

      ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
      ctx.save();
      ctx.imageSmoothingEnabled = false;
      for (let r = 0; r < rows; r++) {
        for (let c = 0; c < cols; c++) {
          const srcC = isFullWidthMatrix ? c : (c < leftCols ? c : (cols - 1 - c));
          if (!matrix[r][srcC]) continue;
          const px = startX + c * cell;
          const py = startY + r * cell;
          const gap = Math.max(3, Math.ceil(cell * 0.32));
          const inset = Math.floor(gap / 2);
          const tile = Math.max(1, cell - gap);
          ctx.fillStyle = 'rgba(0, 0, 0, .88)';
          ctx.fillRect(px, py, cell, cell);
          ctx.fillStyle = color;
          ctx.fillRect(px + inset, py + inset, tile, tile);
          ctx.strokeStyle = 'rgba(234, 251, 255, .24)';
          ctx.lineWidth = 1;
          ctx.strokeRect(px + .5, py + .5, cell - 1, cell - 1);
        }
      }
      ctx.restore();
    }

    drawInvader(avatarCtx, 'coo', '#78E2FF', avatarCanvas.width / 2, avatarCanvas.height / 2, Math.min(avatarCanvas.width, avatarCanvas.height) * 0.82, '#EAFBFF');
    drawInvader(cornerAvatarCtx, 'coo', '#78E2FF', cornerAvatarCanvas.width / 2 - 2, cornerAvatarCanvas.height / 2 - 1, Math.min(cornerAvatarCanvas.width, cornerAvatarCanvas.height) * 0.82, '#EAFBFF');
    updateTopbarTime();
    setInterval(updateTopbarTime, 30000);
    setSessionPromptPlaceholder();
    window.addEventListener('resize', setSessionPromptPlaceholder);
    loadAgentConfig(currentProfileUrl).catch((err) => {
      setAgentPresenceStatus(false);
      settingsStatus.textContent = `Profile load failed: ${err.message}`;
    });
    loadBootGreeting();
    promptBox.focus();
  </script>
</body>
</html>
"""


def personality_mode(value: int) -> str:
    value = max(0, min(100, int(value)))
    if value <= 20:
        return "normal"
    if value <= 60:
        return "sharp"
    return "sassy"


def personality_prompt(value: int) -> str:
    mode = personality_mode(value)
    mode_spec = PERSONALITY_MODES[mode]
    return (
        f"{BASE_PERSONALITY}\n"
        f"{mode_spec['instruction']}\n"
        "This intensity is a discrete 3-position dial, not a continuous slider. "
        "Reflect the selected intensity in how you deliver this reply, without changing your identity. "
        f"Dial position: {mode_spec['label']} ({mode_spec['range']})."
    )


def personality_session_suffix(value: int) -> str:
    """Keep mode histories separate so an earlier tone does not pin future replies."""
    return personality_mode(value)


def workspace_item_count(profile_url: str = "") -> int:
    """Count the top-level items in the selected profile's own workspace for the boot greeting.

    This mirrors what the agent sees when it opens its workspace browser: a shallow count of
    non-hidden, non-locked entries. It deliberately does not recurse or follow symlinks, since
    a profile workspace typically links out to the whole shared vault, which is not 'its' content."""
    _slug, root = profile_workspace_root(profile_url)
    if not root.is_dir():
        return 0
    count = 0
    try:
        for child in root.iterdir():
            if child.name.startswith(".") or _workspace_lock_reason(root, child):
                continue
            count += 1
    except OSError:
        return 0
    return count


def boot_payload(profile_url: str = "") -> dict[str, Any]:
    slug, root = profile_workspace_root(profile_url)
    meta = metadata_for_profile(slug, read_dotenv(profile_env_path(profile_url)))
    name = meta.get("name") or slug.title()
    available = root.is_dir()
    count = workspace_item_count(profile_url) if available else 0
    plural = "item" if count == 1 else "items"
    if not available:
        greeting = f"{name} online. No workspace is mounted for this profile yet."
    elif count == 0:
        greeting = f"{name} online. Workspace is empty and ready."
    else:
        greeting = f"{name} online. {count} {plural} in the workspace, all present and accounted for."
    return {
        "profileSlug": slug,
        "agentName": name,
        "workspaceRoot": str(root),
        "workspaceAvailable": available,
        "workspaceItems": count,
        "greeting": greeting,
    }


def json_response(handler: BaseHTTPRequestHandler, payload: dict[str, Any], status: int = 200) -> None:
    raw = json.dumps(payload).encode("utf-8")
    try:
        handler.send_response(status)
        handler.send_header("Content-Type", "application/json; charset=utf-8")
        handler.send_header("Content-Length", str(len(raw)))
        handler.end_headers()
        handler.wfile.write(raw)
    except (BrokenPipeError, ConnectionResetError):
        pass  # client disconnected before the reply finished; nothing to send it to


def read_json(handler: BaseHTTPRequestHandler) -> dict[str, Any]:
    length = int(handler.headers.get("Content-Length", "0"))
    if length > MAX_BODY_BYTES:
        raise ValueError("Request body too large")
    body = handler.rfile.read(length)
    if not body:
        return {}
    return json.loads(body.decode("utf-8"))


def read_raw_body(handler: BaseHTTPRequestHandler) -> bytes:
    length = int(handler.headers.get("Content-Length", "0"))
    if length > MAX_BODY_BYTES:
        raise ValueError("Request body too large")
    if length <= 0:
        return b""
    return handler.rfile.read(length)


def call_hermes_gateway(message: str, personality: int, profile_url: str = "") -> str:
    """Send chat turns through the local Hermes API-server gateway."""
    settings = gateway_settings(profile_url)
    api_key = settings["api_key"]
    if not api_key:
        raise RuntimeError("API_SERVER_KEY is not set for the selected Hermes profile.")

    session_suffix = personality_session_suffix(personality)
    session_id = f"{settings['session_id']}-{session_suffix}"
    session_key = f"{settings['session_key']}-{session_suffix}"

    payload = {
        "model": settings["model"],
        "stream": False,
        "messages": [
            {"role": "system", "content": personality_prompt(personality)},
            {"role": "user", "content": message},
        ],
    }
    request = urllib.request.Request(
        settings["api_url"],
        data=json.dumps(payload).encode("utf-8"),
        headers={
            "Content-Type": "application/json",
            "Authorization": f"Bearer {api_key}",
            "X-Hermes-Session-Id": session_id,
            "X-Hermes-Session-Key": session_key,
        },
        method="POST",
    )
    try:
        with urllib.request.urlopen(request, timeout=180) as response:
            data = json.loads(response.read().decode("utf-8"))
    except urllib.error.HTTPError as exc:
        detail = exc.read().decode("utf-8", errors="replace")
        raise RuntimeError(f"Hermes gateway error {exc.code}: {detail[:500]}") from exc

    choices = data.get("choices") or []
    if choices:
        reply = str((choices[0].get("message") or {}).get("content") or "").strip()
        if reply:
            return reply
    return "The Hermes gateway returned silence. Bold infrastructure choice."


def stream_hermes_gateway(handler: BaseHTTPRequestHandler, message: str, personality: int, profile_url: str = "", session_id: str = "") -> None:
    """Proxy a streaming Hermes chat turn to the browser as SSE, so replies render as they generate.

    When ``session_id`` is set, the turn continues that persisted Hermes session:
    the gateway loads its history from state.db and records the new turn there.
    """
    settings = gateway_settings(profile_url)
    api_key = settings["api_key"]
    if not api_key:
        raise RuntimeError("API_SERVER_KEY is not set for the selected Hermes profile.")

    session_suffix = personality_session_suffix(personality)
    payload = {
        "model": settings["model"],
        "stream": True,
        "messages": [
            {"role": "system", "content": personality_prompt(personality)},
            {"role": "user", "content": message},
        ],
    }
    clean_session_id = str(session_id or "").strip()
    if clean_session_id and re.search(r"[\r\n\x00]", clean_session_id):
        raise ValueError("Invalid session id.")
    headers = {
        "Content-Type": "application/json",
        "Authorization": f"Bearer {api_key}",
    }
    if clean_session_id:
        headers["X-Hermes-Session-Id"] = clean_session_id
    else:
        headers["X-Hermes-Session-Id"] = f"{settings['session_id']}-{session_suffix}"
        headers["X-Hermes-Session-Key"] = f"{settings['session_key']}-{session_suffix}"
    request = urllib.request.Request(
        settings["api_url"],
        data=json.dumps(payload).encode("utf-8"),
        headers=headers,
        method="POST",
    )
    try:
        response = urllib.request.urlopen(request, timeout=300)
    except urllib.error.HTTPError as exc:
        detail = exc.read().decode("utf-8", errors="replace")
        raise RuntimeError(f"Hermes gateway error {exc.code}: {detail[:500]}") from exc

    try:
        handler.send_response(200)
        handler.send_header("Content-Type", "text/event-stream; charset=utf-8")
        handler.send_header("Cache-Control", "no-store")
        handler.send_header("X-Accel-Buffering", "no")
        handler.end_headers()
        for line in response:
            handler.wfile.write(line)
            handler.wfile.flush()
    except (BrokenPipeError, ConnectionResetError):
        pass  # browser went away mid-stream; the gateway turn still completes server-side
    finally:
        response.close()


def elevenlabs_env_value(profile_url: str, key: str) -> tuple[str, str]:
    """Resolve an ElevenLabs key from the selected Hermes profile without exposing values."""
    env_path = profile_env_path(profile_url)
    env = read_dotenv(env_path)
    slug_prefix = env_path.parent.name.upper().replace("-", "_")
    profile_candidates = []
    if not key.startswith("NEREUS_"):
        profile_candidates.append(f"NEREUS_{key}")
    profile_candidates.append(f"{slug_prefix}_{key}")
    profile_candidates.append(key)
    seen: set[str] = set()
    if key == "ELEVENLABS_API_KEY":
        for candidate in [encrypted_key_name(name) for name in profile_candidates]:
            if candidate in seen:
                continue
            seen.add(candidate)
            value = env.get(candidate, "")
            if value:
                return decrypt_setting_secret(value), f"{env_path}:{candidate}"
    for candidate in profile_candidates:
        if candidate in seen:
            continue
        seen.add(candidate)
        value = env.get(candidate, "")
        if value:
            return value, f"{env_path}:{candidate}"

    process_candidates = [f"AGENT_CONSOLE_{key}", *profile_candidates]
    if key == "ELEVENLABS_API_KEY":
        for candidate in [encrypted_key_name(name) for name in process_candidates]:
            if candidate in seen:
                continue
            seen.add(candidate)
            value = os.environ.get(candidate, "")
            if value:
                return decrypt_setting_secret(value), candidate
    seen.clear()
    for candidate in process_candidates:
        if candidate in seen:
            continue
        seen.add(candidate)
        value = os.environ.get(candidate, "")
        if value:
            return value, candidate
    return "", "missing"


def elevenlabs_credentials(profile_url: str = DEFAULT_PROFILE_URL) -> tuple[str, str]:
    """Return ElevenLabs API key and voice ID from the selected Hermes profile."""
    api_key, _ = elevenlabs_env_value(profile_url, "ELEVENLABS_API_KEY")
    voice_id, _ = elevenlabs_env_value(profile_url, "ELEVENLABS_VOICE_ID")
    if not api_key:
        raise RuntimeError("ELEVENLABS_API_KEY is not set for the selected Hermes profile.")
    if not voice_id:
        raise RuntimeError("ELEVENLABS_VOICE_ID is not set for the selected Hermes profile.")
    return api_key, voice_id


def voice_config_payload(profile_url: str = DEFAULT_PROFILE_URL) -> dict[str, Any]:
    api_key, api_key_source = elevenlabs_env_value(profile_url, "ELEVENLABS_API_KEY")
    voice_id, voice_id_source = elevenlabs_env_value(profile_url, "ELEVENLABS_VOICE_ID")
    return {
        "elevenlabsConfigured": bool(api_key and voice_id),
        "usesEnvVoice": bool(voice_id),
        "elevenlabsApiKeySource": safe_config_source(api_key_source),
        "voiceIdSource": safe_config_source(voice_id_source),
        "provider": "elevenlabs" if api_key and voice_id else "local",
        "localFallbackVoice": "Daniel · en-GB",
        "localPitch": 0.55,
        "localRate": 0.90,
    }


def call_elevenlabs_tts(text: str, profile_url: str = DEFAULT_PROFILE_URL) -> bytes:
    """Generate speech via ElevenLabs using the selected Hermes profile env."""
    api_key, voice_id = elevenlabs_credentials(profile_url)
    clean_text = " ".join(str(text or "").split())[:MAX_TTS_CHARS]
    if not clean_text:
        raise RuntimeError("Text is required for ElevenLabs speech.")
    url = f"{ELEVENLABS_API_URL_BASE.rstrip('/')}/text-to-speech/{urllib.parse.quote(voice_id)}"
    payload = {
        "text": clean_text,
        "model_id": ELEVENLABS_MODEL,
        "voice_settings": {
            "stability": float(os.environ.get("NEREUS_ELEVENLABS_STABILITY", "0.60")),
            "similarity_boost": float(os.environ.get("NEREUS_ELEVENLABS_SIMILARITY", "0.78")),
            "style": float(os.environ.get("NEREUS_ELEVENLABS_STYLE", "0.20")),
            "use_speaker_boost": os.environ.get("NEREUS_ELEVENLABS_SPEAKER_BOOST", "true").lower() != "false",
        },
    }
    request = urllib.request.Request(
        url,
        data=json.dumps(payload).encode("utf-8"),
        headers={
            "Accept": "audio/mpeg",
            "Content-Type": "application/json",
            "xi-api-key": api_key,
        },
        method="POST",
    )
    try:
        with urllib.request.urlopen(request, timeout=90) as response:
            return response.read()
    except urllib.error.HTTPError as exc:
        detail = exc.read().decode("utf-8", errors="replace")
        raise RuntimeError(f"ElevenLabs error {exc.code}: {detail[:300]}") from exc


def call_openai_transcription(audio: bytes, content_type: str, profile_url: str = "") -> str:
    """Transcribe browser-recorded audio without relying on Chrome's network SpeechRecognition service."""
    api_key, api_key_source = transcription_api_key(profile_url)
    if not api_key:
        raise RuntimeError("VOICE_TOOLS_OPENAI_KEY is not available for transcription.")
    if not audio:
        return ""

    extension = "webm"
    if "mp4" in content_type:
        extension = "mp4"
    elif "mpeg" in content_type or "mp3" in content_type:
        extension = "mp3"
    elif "wav" in content_type:
        extension = "wav"
    elif "ogg" in content_type:
        extension = "ogg"

    boundary = f"----nereus-{uuid.uuid4().hex}"

    def part(name: str, value: str) -> bytes:
        return (
            f"--{boundary}\r\n"
            f"Content-Disposition: form-data; name=\"{name}\"\r\n\r\n"
            f"{value}\r\n"
        ).encode("utf-8")

    body = bytearray()
    body.extend(part("model", OPENAI_TRANSCRIPTION_MODEL))
    body.extend(part("language", os.environ.get("NEREUS_TRANSCRIPTION_LANGUAGE", "en")))
    body.extend(
        (
            f"--{boundary}\r\n"
            f"Content-Disposition: form-data; name=\"file\"; filename=\"nereus.{extension}\"\r\n"
            f"Content-Type: {content_type or 'audio/webm'}\r\n\r\n"
        ).encode("utf-8")
    )
    body.extend(audio)
    body.extend(f"\r\n--{boundary}--\r\n".encode("utf-8"))

    request = urllib.request.Request(
        OPENAI_TRANSCRIPTIONS_URL,
        data=bytes(body),
        headers={
            "Authorization": f"Bearer {api_key}",
            "Content-Type": f"multipart/form-data; boundary={boundary}",
        },
        method="POST",
    )
    try:
        with urllib.request.urlopen(request, timeout=90) as response:
            data = json.loads(response.read().decode("utf-8"))
    except urllib.error.HTTPError as exc:
        detail = exc.read().decode("utf-8", errors="replace")
        raise RuntimeError(f"OpenAI transcription error {exc.code}: {detail[:300]}") from exc
    return str(data.get("text") or "").strip()


def openai_realtime_session_config() -> dict[str, Any]:
    """Session config for the beta live mic transcription path."""
    return {
        "type": "transcription",
        "audio": {
            "input": {
                "format": {
                    "type": "audio/pcm",
                    "rate": 24000,
                },
                "transcription": {
                    "model": OPENAI_REALTIME_TRANSCRIPTION_MODEL,
                    "language": os.environ.get("NEREUS_TRANSCRIPTION_LANGUAGE", "en"),
                    "delay": OPENAI_REALTIME_TRANSCRIPTION_DELAY,
                },
            }
        },
    }


def create_realtime_transcription_call(sdp: str, profile_url: str = "") -> str:
    """Exchange browser SDP for an OpenAI Realtime answer SDP without exposing the API key."""
    api_key, api_key_source = transcription_api_key(profile_url)
    if not api_key:
        raise RuntimeError("VOICE_TOOLS_OPENAI_KEY is not available for realtime transcription.")
    clean_sdp = str(sdp or "")
    if not clean_sdp.lstrip().startswith("v=0"):
        raise RuntimeError("A valid WebRTC SDP offer is required for realtime transcription.")
    try:
        response = requests.post(
            OPENAI_REALTIME_CALLS_URL,
            headers={
                "Authorization": f"Bearer {api_key}",
                "OpenAI-Safety-Identifier": "agent-console-nereus",
            },
            files={
                "sdp": (None, clean_sdp),
                "session": (None, json.dumps(openai_realtime_session_config())),
            },
            timeout=90,
        )
    except requests.RequestException as exc:
        raise RuntimeError(f"OpenAI realtime transcription request failed: {exc}") from exc
    if response.status_code >= 400:
        raise RuntimeError(f"OpenAI realtime transcription error {response.status_code}: {response.text[:500]}")
    return response.text


def audio_response(handler: BaseHTTPRequestHandler, audio: bytes) -> None:
    try:
        handler.send_response(200)
        handler.send_header("Content-Type", "audio/mpeg")
        handler.send_header("Content-Length", str(len(audio)))
        handler.send_header("Cache-Control", "no-store")
        handler.end_headers()
        handler.wfile.write(audio)
    except (BrokenPipeError, ConnectionResetError):
        pass  # client disconnected before the reply finished; nothing to send it to


def summarize_report(report: str) -> str:
    lines = [line.strip() for line in report.splitlines() if line.strip()]
    if not lines:
        return "Mission complete. The report is empty, which is suspiciously peaceful."
    first = lines[0]
    if len(first) > 180:
        first = first[:177].rstrip() + "..."
    return f"Mission complete. {first}"


def mission_prompt(brief: str, personality: int) -> str:
    return (
        f"{personality_prompt(personality)}\n\n"
        "You are executing a read-only mission from Agent Console for your own Hermes agent profile. "
        "Return a concise mission report with: Outcome, Evidence, Next actions, and Blockers.\n\n"
        f"Mission brief:\n{brief}"
    )


def run_mission(mission_id: str, brief: str, personality: int) -> None:
    command = [
        "claude",
        "-p",
        mission_prompt(brief, personality),
        "--permission-mode",
        "bypassPermissions",
        "--disallowedTools",
        "Bash",
        "Write",
        "Edit",
        "NotebookEdit",
        "mcp__*",
        "--strict-mcp-config",
        "--mcp-config",
        "{}",
    ]
    started = time.time()
    try:
        result = subprocess.run(
            command,
            text=True,
            capture_output=True,
            timeout=int(os.environ.get("NEREUS_MISSION_TIMEOUT", "600")),
            cwd=os.getcwd(),
        )
        output = (result.stdout or "").strip()
        stderr = (result.stderr or "").strip()
        if result.returncode == 0:
            status = "done"
            combined = output or "Mission finished with no stdout. A minimalist report."
            if stderr:
                combined += f"\n\n[stderr]\n{stderr}"
            error = ""
        else:
            status = "error"
            combined = output
            error = stderr or f"Claude Code exited with code {result.returncode}"
    except Exception as exc:  # noqa: BLE001 - single-file prototype wants visible failure
        status = "error"
        combined = ""
        error = f"{exc}\n{traceback.format_exc()}"

    with MISSIONS_LOCK:
        mission = MISSIONS.get(mission_id, {})
        mission.update(
            {
                "status": status,
                "output": combined,
                "error": error,
                "summary": summarize_report(combined or error),
                "duration_seconds": round(time.time() - started, 2),
                "finished_at": time.time(),
            }
        )
        MISSIONS[mission_id] = mission


class AgentConsoleHandler(BaseHTTPRequestHandler):
    server_version = "AgentConsole/0.1"

    def log_message(self, fmt: str, *args: Any) -> None:
        print(f"{self.address_string()} - {fmt % args}")

    def do_GET(self) -> None:  # noqa: N802 - stdlib handler API
        try:
            self._route_get()
        except (BrokenPipeError, ConnectionResetError):
            pass  # client disconnected mid-request; no socket left to answer on
        except ValueError as exc:
            json_response(self, {"error": str(exc)}, 400)
        except Exception as exc:  # noqa: BLE001 - prototype should surface errors to UI
            json_response(self, {"error": str(exc)}, 500)

    def _route_get(self) -> None:
        if self.path == "/" or self.path.startswith("/?"):
            html = HTML.replace("__DEFAULT_PROFILE_URL__", json.dumps(DEFAULT_PROFILE_URL))
            raw = html.encode("utf-8")
            self.send_response(200)
            self.send_header("Content-Type", "text/html; charset=utf-8")
            self.send_header("Content-Length", str(len(raw)))
            self.end_headers()
            self.wfile.write(raw)
            return
        if self.path.startswith("/site.webmanifest") or self.path.startswith("/manifest.json"):
            raw = json.dumps(pwa_manifest(), separators=(",", ":")).encode("utf-8")
            send_bytes(self, raw, "application/manifest+json")
            return
        if self.path.startswith("/apple-touch-icon.png") or self.path.startswith("/apple-touch-icon-precomposed.png"):
            send_bytes(self, build_pwa_icon(180), "image/png")
            return
        if self.path.startswith("/icon-192.png"):
            send_bytes(self, build_pwa_icon(192), "image/png")
            return
        if self.path.startswith("/icon-512.png"):
            send_bytes(self, build_pwa_icon(512), "image/png")
            return
        if self.path.startswith("/agent-workspace-image"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            relative_path = params.get("path", [""])[0]
            raw, content_type = agent_workspace_image(profile_url, relative_path)
            send_bytes(self, raw, content_type, cache="no-store")
            return
        if self.path.startswith("/agent-workspace-file"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            relative_path = params.get("path", [""])[0]
            json_response(self, agent_workspace_file(profile_url, relative_path))
            return
        if self.path.startswith("/agent-workspace"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            relative_path = params.get("path", [""])[0]
            query = params.get("q", [""])[0]
            json_response(self, agent_workspace(profile_url, relative_path, query))
            return
        if self.path.startswith("/agent-config"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            json_response(self, agent_config(profile_url))
            return
        if self.path.startswith("/agent-cron-detail"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            job_id = params.get("id", [""])[0]
            json_response(self, agent_cron_detail(profile_url, job_id))
            return
        if self.path.startswith("/agent-crons"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            json_response(self, agent_crons(profile_url))
            return
        if self.path.startswith("/agent-skill-detail"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            skill_slug = params.get("slug", [""])[0]
            json_response(self, agent_skill_detail(profile_url, skill_slug))
            return
        if self.path.startswith("/agent-session-detail"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            session_id = params.get("id", [""])[0]
            json_response(self, agent_session_detail(profile_url, session_id))
            return
        if self.path.startswith("/agent-sessions"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            try:
                limit = int(params.get("limit", [15])[0])
            except (TypeError, ValueError):
                limit = 15
            json_response(self, agent_sessions(profile_url, limit))
            return
        if self.path.startswith("/agent-skills"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            json_response(self, agent_skills(profile_url))
            return
        if self.path.startswith("/mission"):
            query = self.path.split("?", 1)[1] if "?" in self.path else ""
            params = dict(part.split("=", 1) for part in query.split("&") if "=" in part)
            mission_id = urllib.parse.unquote(params.get("id", ""))
            with MISSIONS_LOCK:
                mission = MISSIONS.get(mission_id)
            if not mission:
                json_response(self, {"error": "Unknown mission id"}, 404)
                return
            json_response(self, mission)
            return
        if self.path.startswith("/voice-config/reveal"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            try:
                api_key, _ = elevenlabs_env_value(profile_url, "ELEVENLABS_API_KEY")
            except Exception as exc:
                json_response(self, {"present": False, "apiKey": "", "error": str(exc)}, 500)
                return
            json_response(self, {"present": bool(api_key), "apiKey": api_key})
            return
        if self.path.startswith("/voice-config"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            json_response(self, voice_config_payload(profile_url))
            return
        if self.path.startswith("/boot"):
            parsed = urllib.parse.urlparse(self.path)
            params = urllib.parse.parse_qs(parsed.query)
            profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
            json_response(self, boot_payload(profile_url))
            return
        if self.path == "/health":
            _, transcription_source = transcription_api_key(DEFAULT_PROFILE_URL)
            config = agent_config(DEFAULT_PROFILE_URL)
            payload = {
                "ok": True,
                "name": "Agent Console",
                "agent": config.get("agent", {}).get("name", "Selected agent"),
                "transcriptionConfigured": transcription_source != "missing",
                "transcriptionSource": safe_config_source(transcription_source),
                "realtimeTranscriptionConfigured": transcription_source != "missing",
                "realtimeTranscriptionModel": OPENAI_REALTIME_TRANSCRIPTION_MODEL,
                "realtimeTranscriptionDelay": OPENAI_REALTIME_TRANSCRIPTION_DELAY,
                **voice_config_payload(DEFAULT_PROFILE_URL),
            }
            json_response(self, payload)
            return
        self.send_error(404)

    def do_POST(self) -> None:  # noqa: N802 - stdlib handler API
        try:
            if self.path == "/chat":
                payload = read_json(self)
                message = str(payload.get("message", "")).strip()
                personality = int(payload.get("personality", 0))
                if not message:
                    json_response(self, {"error": "Message is required"}, 400)
                    return
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                reply = call_hermes_gateway(message, personality, profile_url)
                json_response(self, {"reply": reply})
                return

            if self.path == "/chat-stream":
                payload = read_json(self)
                message = str(payload.get("message", "")).strip()
                personality = int(payload.get("personality", 0))
                if not message:
                    json_response(self, {"error": "Message is required"}, 400)
                    return
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                stream_hermes_gateway(self, message, personality, profile_url)
                return

            if self.path == "/agent-session-chat-stream":
                payload = read_json(self)
                message = str(payload.get("message", "")).strip()
                session_id = str(payload.get("id", "")).strip()
                personality = int(payload.get("personality", 0))
                if not message:
                    json_response(self, {"error": "Message is required"}, 400)
                    return
                if not session_id:
                    json_response(self, {"error": "Session id is required"}, 400)
                    return
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                stream_hermes_gateway(self, message, personality, profile_url, session_id=session_id)
                return

            if self.path == "/agent-session-delete":
                payload = read_json(self)
                session_id = str(payload.get("id", "")).strip()
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                json_response(self, delete_agent_session(profile_url, session_id))
                return

            if self.path == "/agent-env-metadata":
                payload = read_json(self)
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                agent_name = str(payload.get("agentName", "")).strip()
                agent_colour_hash = str(payload.get("agentColourHash", "")).strip()
                json_response(self, update_agent_env_metadata(profile_url, agent_name, agent_colour_hash))
                return

            if self.path == "/agent-elevenlabs-settings":
                payload = read_json(self)
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                api_key = str(payload.get("apiKey", "")).strip()
                voice_id = str(payload.get("voiceId", "")).strip()
                json_response(self, update_elevenlabs_settings(profile_url, api_key, voice_id))
                return

            if self.path == "/agent-missions-settings":
                payload = read_json(self)
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                enabled = bool(payload.get("enabled", False))
                json_response(self, update_missions_settings(profile_url, enabled))
                return

            if self.path == "/tts":
                payload = read_json(self)
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                audio = call_elevenlabs_tts(str(payload.get("text", "")), profile_url)
                audio_response(self, audio)
                return

            if self.path.startswith("/transcribe"):
                audio = read_raw_body(self)
                content_type = self.headers.get("Content-Type", "audio/webm")
                params = urllib.parse.parse_qs(urllib.parse.urlparse(self.path).query)
                profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
                text = call_openai_transcription(audio, content_type, profile_url)
                json_response(self, {"text": text})
                return

            if self.path.startswith("/realtime-transcription-call"):
                sdp = read_raw_body(self).decode("utf-8", errors="replace")
                params = urllib.parse.parse_qs(urllib.parse.urlparse(self.path).query)
                profile_url = params.get("profileUrl", [DEFAULT_PROFILE_URL])[0]
                answer_sdp = create_realtime_transcription_call(sdp, profile_url)
                raw = answer_sdp.encode("utf-8")
                self.send_response(200)
                self.send_header("Content-Type", "application/sdp")
                self.send_header("Content-Length", str(len(raw)))
                self.send_header("Cache-Control", "no-store")
                self.end_headers()
                self.wfile.write(raw)
                return

            if self.path == "/mission":
                payload = read_json(self)
                profile_url = str(payload.get("profileUrl", DEFAULT_PROFILE_URL)).strip()
                if not agent_config(profile_url).get("missionsEnabled"):
                    json_response(self, {"error": "Missions are disabled for this agent. Enable Missions in Agent Settings before sending delegated missions."}, 403)
                    return
                brief = str(payload.get("brief", "")).strip()
                personality = int(payload.get("personality", 0))
                if not brief:
                    json_response(self, {"error": "Mission brief is required"}, 400)
                    return
                mission_id = uuid.uuid4().hex[:12]
                with MISSIONS_LOCK:
                    MISSIONS[mission_id] = {
                        "id": mission_id,
                        "status": "running",
                        "brief": brief,
                        "personality": personality,
                        "personality_mode": personality_mode(personality),
                        "profileUrl": profile_url,
                        "output": "",
                        "error": "",
                        "summary": "",
                        "started_at": time.time(),
                    }
                thread = threading.Thread(target=run_mission, args=(mission_id, brief, personality), daemon=True)
                thread.start()
                json_response(self, {"id": mission_id, "status": "running"}, 202)
                return

            self.send_error(404)
        except (BrokenPipeError, ConnectionResetError):
            pass  # client disconnected mid-request; no socket left to answer on
        except json.JSONDecodeError:
            json_response(self, {"error": "Invalid JSON"}, 400)
        except Exception as exc:  # noqa: BLE001 - prototype should surface errors to UI
            json_response(self, {"error": str(exc)}, 500)


def main() -> None:
    server = ThreadingHTTPServer((HOST, PORT), AgentConsoleHandler)
    print(f"Agent Console is listening on http://localhost:{PORT}")
    print("Press Ctrl+C to stop.")
    try:
        server.serve_forever()
    except KeyboardInterrupt:
        print("\nAgent Console stopped. How tragic.")
    finally:
        server.server_close()


if __name__ == "__main__":
    main()