From e1992fa049c2532d72f2df003db6d7c4e07ff49f Mon Sep 17 00:00:00 2001
From: PeninsulaInd <bryan@peninsulaindustries.com>
Date: Thu, 19 Feb 2026 21:53:51 -0600
Subject: [PATCH] Add data-driven dashboard with API backend

- New cheddahbot/api.py: FastAPI router with endpoints for tasks,
  link building, press releases, agents, system health, notifications,
  KV states, and cache management (all cached 5min)
- Rewrote dashboard/index.html: replaces all hardcoded data with JS
  that fetches from /api/ endpoints. Tabs: Overview, Link Building,
  Press Releases, By Company, System Health, Agents, Notifications
- Updated __main__.py: mounts API router, removes old inline
  /api/linkbuilding/status endpoint
- Fixed run_link_building to reject empty LB Method instead of
  defaulting to Cora Backlinks

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 cheddahbot/__main__.py           |   78 +--
 cheddahbot/api.py                |  297 ++++++++
 cheddahbot/tools/linkbuilding.py |    8 +-
 dashboard/index.html             |  816 ++++++++++++++++++++++
 dashboard/styles.css             | 1113 ++++++++++++++++++++++++++++++
 5 files changed, 2240 insertions(+), 72 deletions(-)
 create mode 100644 cheddahbot/api.py
 create mode 100644 dashboard/index.html
 create mode 100644 dashboard/styles.css

diff --git a/cheddahbot/__main__.py b/cheddahbot/__main__.py
index 7d8099e..b324ed1 100644
--- a/cheddahbot/__main__.py
+++ b/cheddahbot/__main__.py
@@ -1,6 +1,5 @@
 """Entry point: python -m cheddahbot"""
 
-import json
 import logging
 from pathlib import Path
 
@@ -146,6 +145,13 @@ def main():
 
     fastapi_app = FastAPI()
 
+    # Mount API endpoints
+    from .api import create_api_router
+
+    api_router = create_api_router(config, db, registry)
+    fastapi_app.include_router(api_router)
+    log.info("API router mounted at /api/")
+
     # Mount the dashboard as static files (must come before Gradio's catch-all)
     dashboard_dir = Path(__file__).resolve().parent.parent / "dashboard"
     if dashboard_dir.is_dir():
@@ -161,76 +167,6 @@ def main():
         )
         log.info("Dashboard mounted at /dashboard/ (serving %s)", dashboard_dir)
 
-    # Link building status API endpoint (for dashboard consumption)
-    @fastapi_app.get("/api/linkbuilding/status")
-    async def linkbuilding_status():
-        """Return link building pipeline status for dashboard consumption."""
-        result = {
-            "pending_cora_runs": [],
-            "in_progress": [],
-            "completed": [],
-            "failed": [],
-        }
-
-        # Query KV store for tracked link building states
-        try:
-            for key, value in db.kv_scan("linkbuilding:watched:"):
-                try:
-                    state = json.loads(value)
-                    entry = {
-                        "filename": state.get("filename", key.split(":")[-1]),
-                        "status": state.get("status", "unknown"),
-                        "task_id": state.get("task_id", ""),
-                    }
-                    if state.get("status") == "completed":
-                        entry["completed_at"] = state.get("completed_at", "")
-                        result["completed"].append(entry)
-                    elif state.get("status") == "failed":
-                        entry["error"] = state.get("error", "")
-                        entry["failed_at"] = state.get("failed_at", "")
-                        result["failed"].append(entry)
-                    elif state.get("status") == "processing":
-                        entry["started_at"] = state.get("started_at", "")
-                        result["in_progress"].append(entry)
-                except json.JSONDecodeError:
-                    pass
-        except Exception as e:
-            log.warning("Error reading linkbuilding KV state: %s", e)
-
-        # Query ClickUp for pending tasks (to do + Link Building + Cora Backlinks)
-        if config.clickup.enabled:
-            try:
-                from .clickup import ClickUpClient
-
-                cu = ClickUpClient(
-                    api_token=config.clickup.api_token,
-                    workspace_id=config.clickup.workspace_id,
-                    task_type_field_name=config.clickup.task_type_field_name,
-                )
-                try:
-                    tasks = cu.get_tasks_from_space(config.clickup.space_id, statuses=["to do"])
-                    for task in tasks:
-                        if task.task_type != "Link Building":
-                            continue
-                        lb_method = task.custom_fields.get("LB Method", "")
-                        if lb_method and lb_method != "Cora Backlinks":
-                            continue
-                        result["pending_cora_runs"].append(
-                            {
-                                "keyword": task.custom_fields.get("Keyword", ""),
-                                "url": task.custom_fields.get("IMSURL", ""),
-                                "client": task.custom_fields.get("Client", ""),
-                                "task_id": task.id,
-                                "task_name": task.name,
-                            }
-                        )
-                finally:
-                    cu.close()
-            except Exception as e:
-                log.warning("Error querying ClickUp for pending link building: %s", e)
-
-        return result
-
     # Mount Gradio at the root
     gr.mount_gradio_app(fastapi_app, blocks, path="/", pwa=True, show_error=True)
 
diff --git a/cheddahbot/api.py b/cheddahbot/api.py
new file mode 100644
index 0000000..7b2c354
--- /dev/null
+++ b/cheddahbot/api.py
@@ -0,0 +1,297 @@
+"""Dashboard API endpoints.
+
+Provides JSON data for the standalone HTML dashboard.
+All ClickUp data is cached for 5 minutes to avoid hammering the API.
+"""
+
+from __future__ import annotations
+
+import json
+import logging
+import shutil
+import threading
+import time
+from typing import TYPE_CHECKING
+
+from fastapi import APIRouter
+
+if TYPE_CHECKING:
+    from .agent_registry import AgentRegistry
+    from .config import Config
+    from .db import Database
+
+log = logging.getLogger(__name__)
+
+router = APIRouter(prefix="/api")
+
+# Module-level refs wired at startup by create_api_router()
+_config: Config | None = None
+_db: Database | None = None
+_registry: AgentRegistry | None = None
+
+# Simple in-memory cache for ClickUp data
+_cache: dict[str, dict] = {}
+_cache_lock = threading.Lock()
+CACHE_TTL = 300  # 5 minutes
+
+
+def create_api_router(
+    config: Config, db: Database, registry: AgentRegistry
+) -> APIRouter:
+    """Wire dependencies and return the router."""
+    global _config, _db, _registry
+    _config = config
+    _db = db
+    _registry = registry
+    return router
+
+
+def _get_cached(key: str) -> dict | None:
+    with _cache_lock:
+        entry = _cache.get(key)
+        if entry and time.time() - entry["ts"] < CACHE_TTL:
+            return entry["data"]
+    return None
+
+
+def _set_cached(key: str, data):
+    with _cache_lock:
+        _cache[key] = {"data": data, "ts": time.time()}
+
+
+def _get_clickup_client():
+    from .clickup import ClickUpClient
+
+    return ClickUpClient(
+        api_token=_config.clickup.api_token,
+        workspace_id=_config.clickup.workspace_id,
+        task_type_field_name=_config.clickup.task_type_field_name,
+    )
+
+
+# ── Tasks ──
+
+
+@router.get("/tasks")
+async def get_tasks():
+    """All ClickUp tasks grouped by work category."""
+    cached = _get_cached("tasks")
+    if cached is not None:
+        return cached
+
+    if not _config or not _config.clickup.enabled:
+        return {"tasks": [], "error": "ClickUp not configured"}
+
+    client = _get_clickup_client()
+    try:
+        raw_tasks = client.get_tasks_from_space(_config.clickup.space_id)
+        tasks = []
+        for t in raw_tasks:
+            tasks.append(
+                {
+                    "id": t.id,
+                    "name": t.name,
+                    "status": t.status,
+                    "task_type": t.task_type,
+                    "url": t.url,
+                    "due_date": t.due_date,
+                    "list_name": t.list_name,
+                    "custom_fields": t.custom_fields,
+                }
+            )
+        result = {"tasks": tasks, "count": len(tasks)}
+        _set_cached("tasks", result)
+        return result
+    except Exception as e:
+        log.error("Failed to fetch tasks for dashboard: %s", e)
+        return {"tasks": [], "error": str(e)}
+    finally:
+        client.close()
+
+
+@router.get("/tasks/by-company")
+async def get_tasks_by_company():
+    """Tasks grouped by Client custom field."""
+    data = await get_tasks()
+    by_company: dict[str, list] = {}
+    for task in data.get("tasks", []):
+        company = task["custom_fields"].get("Client") or "Unassigned"
+        by_company.setdefault(company, []).append(task)
+
+    # Sort companies by task count descending
+    sorted_companies = sorted(by_company.items(), key=lambda x: -len(x[1]))
+    return {
+        "companies": [
+            {"name": name, "tasks": tasks, "count": len(tasks)}
+            for name, tasks in sorted_companies
+        ]
+    }
+
+
+@router.get("/tasks/link-building")
+async def get_link_building_tasks():
+    """Link building tasks with KV state merged in."""
+    data = await get_tasks()
+    lb_tasks = [t for t in data.get("tasks", []) if t["task_type"] == "Link Building"]
+
+    # Merge KV state
+    if _db:
+        for task in lb_tasks:
+            kv_key = f"clickup:task:{task['id']}:state"
+            raw = _db.kv_get(kv_key)
+            if raw:
+                try:
+                    task["kv_state"] = json.loads(raw)
+                except json.JSONDecodeError:
+                    task["kv_state"] = None
+            else:
+                task["kv_state"] = None
+
+    # Group by company
+    by_company: dict[str, list] = {}
+    for task in lb_tasks:
+        company = task["custom_fields"].get("Client") or "Unassigned"
+        by_company.setdefault(company, []).append(task)
+
+    return {
+        "total": len(lb_tasks),
+        "companies": [
+            {"name": name, "tasks": tasks, "count": len(tasks)}
+            for name, tasks in sorted(by_company.items(), key=lambda x: -len(x[1]))
+        ],
+        "status_counts": _count_statuses(lb_tasks),
+    }
+
+
+@router.get("/tasks/press-releases")
+async def get_press_release_tasks():
+    """Press release tasks with KV state merged in."""
+    data = await get_tasks()
+    pr_tasks = [t for t in data.get("tasks", []) if t["task_type"] == "Press Release"]
+
+    if _db:
+        for task in pr_tasks:
+            kv_key = f"clickup:task:{task['id']}:state"
+            raw = _db.kv_get(kv_key)
+            if raw:
+                try:
+                    task["kv_state"] = json.loads(raw)
+                except json.JSONDecodeError:
+                    task["kv_state"] = None
+            else:
+                task["kv_state"] = None
+
+    by_company: dict[str, list] = {}
+    for task in pr_tasks:
+        company = task["custom_fields"].get("Client") or "Unassigned"
+        by_company.setdefault(company, []).append(task)
+
+    return {
+        "total": len(pr_tasks),
+        "companies": [
+            {"name": name, "tasks": tasks, "count": len(tasks)}
+            for name, tasks in sorted(by_company.items(), key=lambda x: -len(x[1]))
+        ],
+        "status_counts": _count_statuses(pr_tasks),
+    }
+
+
+def _count_statuses(tasks: list[dict]) -> dict[str, int]:
+    counts: dict[str, int] = {}
+    for t in tasks:
+        s = t.get("status", "unknown")
+        counts[s] = counts.get(s, 0) + 1
+    return counts
+
+
+# ── Agents ──
+
+
+@router.get("/agents")
+async def get_agents():
+    """Agent configurations."""
+    if not _config:
+        return {"agents": []}
+
+    agents = []
+    for ac in _config.agents:
+        agents.append(
+            {
+                "name": ac.name,
+                "display_name": ac.display_name,
+                "personality_file": ac.personality_file,
+                "model": ac.model or _config.chat_model,
+                "tools": ac.tools,
+                "skills": ac.skills,
+                "memory_scope": ac.memory_scope or "shared",
+            }
+        )
+    return {"agents": agents}
+
+
+# ── System ──
+
+
+@router.get("/system/health")
+async def get_system_health():
+    """System health: disk space, brains, integrations."""
+    health = {
+        "execution_brain": shutil.which("claude") is not None,
+        "clickup_enabled": _config.clickup.enabled if _config else False,
+        "chat_model": _config.chat_model if _config else "unknown",
+        "execution_model": _config.default_model if _config else "unknown",
+        "disks": [],
+    }
+
+    # Disk space (Windows drives)
+    for drive in ["C:", "D:", "E:", "Z:"]:
+        try:
+            usage = shutil.disk_usage(drive + "/")
+            health["disks"].append(
+                {
+                    "drive": drive,
+                    "total_gb": round(usage.total / (1024**3), 1),
+                    "free_gb": round(usage.free / (1024**3), 1),
+                    "percent_free": round(usage.free / usage.total * 100, 1),
+                }
+            )
+        except (FileNotFoundError, OSError):
+            pass
+
+    return health
+
+
+@router.get("/system/notifications")
+async def get_notifications():
+    """Recent notifications from the DB."""
+    if not _db:
+        return {"notifications": []}
+
+    notes = _db.get_notifications_after(0, limit=100)
+    return {"notifications": notes}
+
+
+@router.get("/system/kv-states")
+async def get_kv_states():
+    """All ClickUp task states from KV store."""
+    if not _db:
+        return {"states": []}
+
+    pairs = _db.kv_scan("clickup:task:")
+    states = []
+    for _key, val in pairs:
+        try:
+            state = json.loads(val)
+            states.append(state)
+        except json.JSONDecodeError:
+            pass
+
+    return {"states": states}
+
+
+@router.post("/cache/clear")
+async def clear_cache():
+    """Clear the ClickUp data cache."""
+    with _cache_lock:
+        _cache.clear()
+    return {"status": "cleared"}
diff --git a/cheddahbot/tools/linkbuilding.py b/cheddahbot/tools/linkbuilding.py
index a48dd42..e66a96e 100644
--- a/cheddahbot/tools/linkbuilding.py
+++ b/cheddahbot/tools/linkbuilding.py
@@ -413,7 +413,13 @@ def run_link_building(
     ctx: dict | None = None,
 ) -> str:
     """Dispatch to the correct link building pipeline based on lb_method."""
-    method = (lb_method or "Cora Backlinks").strip()
+    method = (lb_method or "").strip()
+
+    if not method:
+        return (
+            "Skipped: 'LB Method' field is empty. Each Link Building task must have "
+            "an LB Method set (e.g. 'Cora Backlinks') before processing can begin."
+        )
 
     if method == "Cora Backlinks":
         # For Cora Backlinks, xlsx_path is required
diff --git a/dashboard/index.html b/dashboard/index.html
new file mode 100644
index 0000000..6639ef7
--- /dev/null
+++ b/dashboard/index.html
@@ -0,0 +1,816 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>CheddahBot Command Dashboard</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+<div class="dashboard">
+
+  <!-- ============ TOP BAR ============ -->
+  <header class="topbar">
+    <div class="topbar__brand">
+      <button class="mobile-toggle" onclick="toggleSidebar()" aria-label="Toggle navigation">&#9776;</button>
+      <div class="topbar__logo">C</div>
+      <span class="topbar__title">CheddahBot</span>
+      <span class="topbar__subtitle">Command Dashboard</span>
+    </div>
+    <div class="topbar__right">
+      <div class="topbar__status" id="system-status">
+        <span class="dot"></span>
+        <span>Loading...</span>
+      </div>
+      <button class="mobile-toggle" onclick="refreshAll()" aria-label="Refresh" style="display:inline-flex;font-size:0.85rem;" title="Refresh data">&#8635;</button>
+      <time class="topbar__time" id="clock"></time>
+    </div>
+  </header>
+
+  <!-- ============ SIDEBAR ============ -->
+  <nav class="sidebar" id="sidebar">
+    <div class="sidebar__section">
+      <div class="sidebar__label">Operations</div>
+      <button class="sidebar__link active" data-tab="overview">
+        <span class="icon">&#9788;</span>
+        Overview
+      </button>
+      <button class="sidebar__link" data-tab="linkbuilding">
+        <span class="icon">&#128279;</span>
+        Link Building
+        <span class="badge" id="badge-lb">-</span>
+      </button>
+      <button class="sidebar__link" data-tab="pressreleases">
+        <span class="icon">&#128240;</span>
+        Press Releases
+        <span class="badge" id="badge-pr">-</span>
+      </button>
+      <button class="sidebar__link" data-tab="bycompany">
+        <span class="icon">&#127970;</span>
+        By Company
+      </button>
+    </div>
+    <div class="sidebar__divider"></div>
+    <div class="sidebar__section">
+      <div class="sidebar__label">System</div>
+      <button class="sidebar__link" data-tab="health">
+        <span class="icon">&#9881;</span>
+        System Health
+      </button>
+      <button class="sidebar__link" data-tab="agents">
+        <span class="icon">&#129302;</span>
+        Agents
+      </button>
+      <button class="sidebar__link" data-tab="notifications">
+        <span class="icon">&#128220;</span>
+        Notifications
+      </button>
+    </div>
+    <div class="sidebar__divider"></div>
+    <div class="sidebar__section">
+      <div class="sidebar__label">Quick Links</div>
+      <a class="sidebar__link" href="/" target="_blank">
+        <span class="icon">&#128172;</span>
+        Open Chat
+      </a>
+    </div>
+  </nav>
+
+  <!-- ============ MAIN CONTENT ============ -->
+  <main class="main">
+
+    <!-- ========== TAB: OVERVIEW ========== -->
+    <div class="tab-panel active" id="tab-overview">
+      <div class="briefing-header">
+        <div class="briefing-header__left">
+          <h1 class="briefing-header__greeting" id="greeting-text">Good Morning, Bryan.</h1>
+          <p class="briefing-header__date" id="greeting-date"></p>
+        </div>
+        <blockquote class="briefing-header__quote">
+          &ldquo;Continuous effort &mdash; not strength or intelligence &mdash; is the key to unlocking our potential.&rdquo;
+          <cite>&mdash; Churchill</cite>
+        </blockquote>
+      </div>
+
+      <!-- Stats Row -->
+      <div class="stats-row stats-row--compact" id="overview-stats">
+        <div class="stat-card stat-card--gold stat-card--mini">
+          <div class="stat-card__value" id="stat-total">-</div>
+          <div class="stat-card__label">Total Tasks</div>
+          <div class="stat-card__detail" id="stat-total-detail">Loading...</div>
+        </div>
+        <div class="stat-card stat-card--blue stat-card--mini">
+          <div class="stat-card__value" id="stat-lb">-</div>
+          <div class="stat-card__label">Link Building</div>
+          <div class="stat-card__detail" id="stat-lb-detail">Loading...</div>
+        </div>
+        <div class="stat-card stat-card--green stat-card--mini">
+          <div class="stat-card__value" id="stat-pr">-</div>
+          <div class="stat-card__label">Press Releases</div>
+          <div class="stat-card__detail" id="stat-pr-detail">Loading...</div>
+        </div>
+        <div class="stat-card stat-card--amber stat-card--mini">
+          <div class="stat-card__value" id="stat-companies">-</div>
+          <div class="stat-card__label">Companies</div>
+          <div class="stat-card__detail" id="stat-companies-detail">Loading...</div>
+        </div>
+        <div class="stat-card stat-card--green stat-card--mini">
+          <div class="stat-card__value" id="stat-agents">-</div>
+          <div class="stat-card__label">Agents</div>
+          <div class="stat-card__detail" id="stat-agents-detail">Loading...</div>
+        </div>
+      </div>
+
+      <!-- Top Link Building Tasks -->
+      <div class="section section--tight">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#128279;</span> Link Building Tasks</h2>
+          <span class="section__badge"><a href="#" class="section__link" data-tab="linkbuilding">View all</a></span>
+        </div>
+        <div class="task-table-wrap task-table-wrap--compact" id="overview-lb-table">
+          <p style="padding:1rem;color:var(--text-muted);">Loading...</p>
+        </div>
+      </div>
+
+      <!-- Top Press Release Tasks -->
+      <div class="section section--tight">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#128240;</span> Press Release Tasks</h2>
+          <span class="section__badge"><a href="#" class="section__link" data-tab="pressreleases">View all</a></span>
+        </div>
+        <div id="overview-pr-cards">
+          <p style="padding:1rem;color:var(--text-muted);">Loading...</p>
+        </div>
+      </div>
+
+      <!-- System Health Inline -->
+      <div class="section section--tight" id="briefing-health">
+        <div class="health-inline" id="overview-health">
+          <span class="health-inline__dot health-inline__dot--ok"></span>
+          <span class="health-inline__text">Loading system health...</span>
+          <span class="health-inline__detail"></span>
+        </div>
+      </div>
+    </div>
+
+    <!-- ========== TAB: LINK BUILDING ========== -->
+    <div class="tab-panel" id="tab-linkbuilding">
+      <div class="page-header">
+        <h1 class="page-header__greeting">Link Building Operations</h1>
+        <p class="page-header__date" id="lb-subtitle">Loading...</p>
+      </div>
+
+      <div class="stats-row" id="lb-stats"></div>
+
+      <!-- Company Breakdown -->
+      <div class="section">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#127970;</span> By Company</h2>
+        </div>
+        <div class="health-grid" id="lb-company-grid"></div>
+      </div>
+
+      <!-- Full task table -->
+      <div class="section">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#128203;</span> Full Task List</h2>
+        </div>
+        <div class="task-table-wrap" id="lb-full-table">
+          <p style="padding:1rem;color:var(--text-muted);">Loading...</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- ========== TAB: PRESS RELEASES ========== -->
+    <div class="tab-panel" id="tab-pressreleases">
+      <div class="page-header">
+        <h1 class="page-header__greeting">Press Releases</h1>
+        <p class="page-header__date" id="pr-subtitle">Loading...</p>
+      </div>
+
+      <div class="stats-row" id="pr-stats"></div>
+
+      <div class="section">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#128240;</span> All Press Releases</h2>
+        </div>
+        <div id="pr-cards-container">
+          <p style="color:var(--text-muted);">Loading...</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- ========== TAB: BY COMPANY ========== -->
+    <div class="tab-panel" id="tab-bycompany">
+      <div class="page-header">
+        <h1 class="page-header__greeting">Tasks by Company</h1>
+        <p class="page-header__date" id="company-subtitle">Loading...</p>
+      </div>
+
+      <div id="company-sections">
+        <p style="color:var(--text-muted);">Loading...</p>
+      </div>
+    </div>
+
+    <!-- ========== TAB: SYSTEM HEALTH ========== -->
+    <div class="tab-panel" id="tab-health">
+      <div class="page-header">
+        <h1 class="page-header__greeting">System Health</h1>
+        <p class="page-header__date" id="health-subtitle">Loading...</p>
+      </div>
+
+      <div class="stats-row" id="health-stats"></div>
+
+      <div class="section">
+        <div class="section__header">
+          <h2 class="section__title"><span class="icon">&#128190;</span> Disk Space</h2>
+        </div>
+        <div class="health-grid" id="health-disks"></div>
+      </div>
+    </div>
+
+    <!-- ========== TAB: AGENTS ========== -->
+    <div class="tab-panel" id="tab-agents">
+      <div class="page-header">
+        <h1 class="page-header__greeting">Agent Configuration</h1>
+        <p class="page-header__date">Registered agents and their capabilities</p>
+      </div>
+
+      <div class="health-grid" id="agents-grid">
+        <p style="color:var(--text-muted);">Loading...</p>
+      </div>
+    </div>
+
+    <!-- ========== TAB: NOTIFICATIONS ========== -->
+    <div class="tab-panel" id="tab-notifications">
+      <div class="page-header">
+        <h1 class="page-header__greeting">Notifications</h1>
+        <p class="page-header__date">Recent system notifications and events</p>
+      </div>
+
+      <div class="task-table-wrap" id="notifications-list">
+        <p style="padding:1rem;color:var(--text-muted);">Loading...</p>
+      </div>
+    </div>
+
+  </main>
+</div>
+
+<script>
+// ============================================================
+// CheddahBot Dashboard - Data-Driven JS
+// ============================================================
+
+const API = '/api';
+let _cache = {};
+
+// --- Helpers ---
+
+function esc(str) {
+  if (!str) return '';
+  const d = document.createElement('div');
+  d.textContent = str;
+  return d.innerHTML;
+}
+
+function statusPillClass(status) {
+  if (!status) return 'status-pill--todo';
+  const s = status.toLowerCase();
+  if (s.includes('done') || s.includes('complete') || s.includes('closed')) return 'status-pill--done';
+  if (s.includes('progress') || s.includes('review') || s.includes('active')) return 'status-pill--progress';
+  return 'status-pill--todo';
+}
+
+function statusPill(status) {
+  return `<span class="status-pill ${statusPillClass(status)}">${esc(status || 'Unknown')}</span>`;
+}
+
+async function fetchJSON(path) {
+  try {
+    const res = await fetch(API + path);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    return await res.json();
+  } catch (e) {
+    console.error(`Failed to fetch ${path}:`, e);
+    return null;
+  }
+}
+
+// --- Greeting ---
+
+function updateGreeting() {
+  const now = new Date();
+  const hour = now.getHours();
+  let greeting = 'Good Evening';
+  if (hour < 12) greeting = 'Good Morning';
+  else if (hour < 17) greeting = 'Good Afternoon';
+  document.getElementById('greeting-text').textContent = `${greeting}, Bryan.`;
+
+  const opts = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
+  document.getElementById('greeting-date').textContent = now.toLocaleDateString('en-US', opts);
+}
+
+// --- Overview Tab ---
+
+async function loadOverview() {
+  const [tasks, lb, pr, agents, health] = await Promise.all([
+    fetchJSON('/tasks'),
+    fetchJSON('/tasks/link-building'),
+    fetchJSON('/tasks/press-releases'),
+    fetchJSON('/agents'),
+    fetchJSON('/system/health'),
+  ]);
+
+  // Cache for other tabs
+  _cache.tasks = tasks;
+  _cache.lb = lb;
+  _cache.pr = pr;
+  _cache.agents = agents;
+  _cache.health = health;
+
+  // Stats
+  if (tasks) {
+    document.getElementById('stat-total').textContent = tasks.count || 0;
+    document.getElementById('stat-total-detail').textContent = `ClickUp tasks`;
+  }
+  if (lb) {
+    document.getElementById('stat-lb').textContent = lb.total || 0;
+    document.getElementById('stat-lb-detail').textContent =
+      `${lb.companies ? lb.companies.length : 0} companies`;
+    document.getElementById('badge-lb').textContent = lb.total || 0;
+  }
+  if (pr) {
+    document.getElementById('stat-pr').textContent = pr.total || 0;
+    document.getElementById('stat-pr-detail').textContent =
+      `${pr.companies ? pr.companies.length : 0} companies`;
+    document.getElementById('badge-pr').textContent = pr.total || 0;
+  }
+  if (tasks && tasks.tasks) {
+    const companies = new Set(tasks.tasks.map(t => t.custom_fields?.Client || 'Unassigned'));
+    document.getElementById('stat-companies').textContent = companies.size;
+    const names = [...companies].filter(c => c !== 'Unassigned').slice(0, 4).join(', ');
+    document.getElementById('stat-companies-detail').textContent = names || 'None';
+  }
+  if (agents) {
+    document.getElementById('stat-agents').textContent = agents.agents?.length || 0;
+    document.getElementById('stat-agents-detail').textContent = 'Configured';
+  }
+
+  // Top LB tasks (first 5)
+  if (lb && lb.companies) {
+    const allTasks = lb.companies.flatMap(c => c.tasks);
+    renderTaskTable('overview-lb-table', allTasks.slice(0, 8), true);
+  }
+
+  // Top PR tasks
+  if (pr && pr.companies) {
+    const allPR = pr.companies.flatMap(c => c.tasks);
+    renderPRCards('overview-pr-cards', allPR.slice(0, 3));
+  }
+
+  // Health inline
+  if (health) {
+    renderHealthInline(health);
+  }
+
+  // System status in topbar
+  updateSystemStatus(health);
+}
+
+function renderTaskTable(containerId, tasks, compact) {
+  const container = document.getElementById(containerId);
+  if (!tasks || tasks.length === 0) {
+    container.innerHTML = '<p style="padding:1rem;color:var(--text-muted);">No tasks found.</p>';
+    return;
+  }
+
+  const cls = compact ? 'task-table task-table--dense' : 'task-table';
+  let html = `<table class="${cls}">
+    <thead><tr>
+      <th>#</th><th>Task</th><th>Company</th><th>Keyword</th><th>Status</th>
+    </tr></thead><tbody>`;
+
+  tasks.forEach((t, i) => {
+    const company = t.custom_fields?.Client || 'Unassigned';
+    const keyword = t.custom_fields?.Keyword || '';
+    const link = t.url ? `<a href="${esc(t.url)}" target="_blank" style="color:var(--cream-light);text-decoration:none;">${esc(t.name)}</a>` : esc(t.name);
+    html += `<tr>
+      <td class="task-table__num">${i + 1}</td>
+      <td class="task-table__title">${link}</td>
+      <td class="task-table__company">${esc(company)}</td>
+      <td class="task-table__keyword">${esc(keyword)}</td>
+      <td class="task-table__status">${statusPill(t.status)}</td>
+    </tr>`;
+  });
+
+  html += '</tbody></table>';
+  container.innerHTML = html;
+}
+
+function renderPRCards(containerId, tasks) {
+  const container = document.getElementById(containerId);
+  if (!tasks || tasks.length === 0) {
+    container.innerHTML = '<p style="color:var(--text-muted);">No press release tasks found.</p>';
+    return;
+  }
+
+  let html = '';
+  tasks.forEach(t => {
+    const company = t.custom_fields?.Client || 'Unassigned';
+    const link = t.url ? ` <a href="${esc(t.url)}" target="_blank" style="color:var(--gold-light);font-size:0.75rem;">[ClickUp]</a>` : '';
+    const kvState = t.kv_state;
+    let stateInfo = '';
+    if (kvState) {
+      stateInfo = `KV: ${kvState.state || 'unknown'}`;
+      if (kvState.completed_at) stateInfo += ` | Completed: ${kvState.completed_at}`;
+    }
+    html += `<div class="pr-card">
+      <div class="pr-card__header">
+        <div>
+          <div class="pr-card__company">${esc(company)}</div>
+          <div class="pr-card__headline">${esc(t.name)}${link}</div>
+        </div>
+        ${statusPill(t.status)}
+      </div>
+      <div class="pr-card__detail">Task ID: ${esc(t.id)}${stateInfo ? ' | ' + esc(stateInfo) : ''}</div>
+    </div>`;
+  });
+  container.innerHTML = html;
+}
+
+function renderHealthInline(health) {
+  const el = document.getElementById('overview-health');
+  const diskInfo = health.disks?.map(d => `${d.drive} ${d.percent_free}% free`).join(' | ') || 'No disk info';
+  const brainOk = health.execution_brain;
+  const clickupOk = health.clickup_enabled;
+
+  const dotClass = (brainOk && clickupOk) ? 'health-inline__dot--ok' : 'health-inline__dot--warn';
+  const statusText = (brainOk && clickupOk) ? 'All systems nominal' : 'Some systems degraded';
+
+  el.innerHTML = `
+    <span class="health-inline__dot ${dotClass}"></span>
+    <span class="health-inline__text">${statusText}</span>
+    <span class="health-inline__detail">${esc(diskInfo)} | Brain: ${brainOk ? 'OK' : 'Missing'} | ClickUp: ${clickupOk ? 'OK' : 'Off'}</span>
+  `;
+}
+
+function updateSystemStatus(health) {
+  const el = document.getElementById('system-status');
+  if (!health) {
+    el.innerHTML = '<span class="dot" style="background:var(--red)"></span><span>API Error</span>';
+    return;
+  }
+  const ok = health.execution_brain && health.clickup_enabled;
+  el.innerHTML = `<span class="dot" style="background:${ok ? 'var(--green)' : 'var(--amber)'}"></span>
+    <span>${ok ? 'All Systems Operational' : 'Degraded'}</span>`;
+}
+
+// --- Link Building Tab ---
+
+async function loadLinkBuilding() {
+  const data = _cache.lb || await fetchJSON('/tasks/link-building');
+  if (!data) return;
+  _cache.lb = data;
+
+  document.getElementById('lb-subtitle').textContent =
+    `${data.total || 0} tasks across ${data.companies?.length || 0} companies`;
+
+  // Stats
+  const statsHtml = `
+    <div class="stat-card stat-card--gold">
+      <div class="stat-card__label">Total Tasks</div>
+      <div class="stat-card__value">${data.total || 0}</div>
+      <div class="stat-card__detail">Work Category: Link Building</div>
+    </div>
+    <div class="stat-card stat-card--blue">
+      <div class="stat-card__label">Companies</div>
+      <div class="stat-card__value">${data.companies?.length || 0}</div>
+      <div class="stat-card__detail">${data.companies?.map(c => c.name).join(', ') || 'None'}</div>
+    </div>
+    ${renderStatusCountCards(data.status_counts)}
+  `;
+  document.getElementById('lb-stats').innerHTML = statsHtml;
+
+  // Company breakdown
+  const grid = document.getElementById('lb-company-grid');
+  if (data.companies && data.companies.length > 0) {
+    let html = '';
+    data.companies.forEach(co => {
+      const done = co.tasks.filter(t => {
+        const s = (t.status || '').toLowerCase();
+        return s.includes('complete') || s.includes('done') || s.includes('closed');
+      }).length;
+      const pct = co.count > 0 ? Math.round((done / co.count) * 100) : 0;
+      const barColor = pct >= 100 ? 'green' : pct > 0 ? 'amber' : 'amber';
+      html += `<div class="health-card">
+        <div class="health-card__header">
+          <span class="health-card__title">${esc(co.name)}</span>
+          <span class="section__badge">${co.count} task${co.count !== 1 ? 's' : ''}</span>
+        </div>
+        <div class="health-bar"><div class="health-bar__fill health-bar__fill--${barColor}" style="width:${pct}%"></div></div>
+        <div class="health-card__meta"><span>${done} / ${co.count} completed</span><span>${pct}%</span></div>
+      </div>`;
+    });
+    grid.innerHTML = html;
+  } else {
+    grid.innerHTML = '<p style="color:var(--text-muted);">No link building tasks found.</p>';
+  }
+
+  // Full task table
+  const allTasks = data.companies?.flatMap(c => c.tasks) || [];
+  renderTaskTable('lb-full-table', allTasks, false);
+}
+
+function renderStatusCountCards(counts) {
+  if (!counts) return '';
+  let html = '';
+  for (const [status, count] of Object.entries(counts)) {
+    const color = statusToCardColor(status);
+    html += `<div class="stat-card stat-card--${color}">
+      <div class="stat-card__label">${esc(status)}</div>
+      <div class="stat-card__value">${count}</div>
+    </div>`;
+  }
+  return html;
+}
+
+function statusToCardColor(status) {
+  const s = (status || '').toLowerCase();
+  if (s.includes('complete') || s.includes('done') || s.includes('closed')) return 'green';
+  if (s.includes('progress') || s.includes('review') || s.includes('active')) return 'amber';
+  if (s.includes('fail') || s.includes('error') || s.includes('block')) return 'red';
+  return 'blue';
+}
+
+// --- Press Releases Tab ---
+
+async function loadPressReleases() {
+  const data = _cache.pr || await fetchJSON('/tasks/press-releases');
+  if (!data) return;
+  _cache.pr = data;
+
+  document.getElementById('pr-subtitle').textContent =
+    `${data.total || 0} tasks across ${data.companies?.length || 0} companies`;
+
+  // Stats
+  let statsHtml = `
+    <div class="stat-card stat-card--gold">
+      <div class="stat-card__label">Total PRs</div>
+      <div class="stat-card__value">${data.total || 0}</div>
+      <div class="stat-card__detail">Work Category: Press Release</div>
+    </div>
+    ${renderStatusCountCards(data.status_counts)}
+  `;
+  document.getElementById('pr-stats').innerHTML = statsHtml;
+
+  // PR cards
+  const allPR = data.companies?.flatMap(c => c.tasks) || [];
+  renderPRCards('pr-cards-container', allPR);
+}
+
+// --- By Company Tab ---
+
+async function loadByCompany() {
+  const data = _cache.tasks ? { companies: groupByCompany(_cache.tasks.tasks || []) }
+    : await fetchJSON('/tasks/by-company');
+  if (!data) return;
+
+  const companies = data.companies || [];
+  document.getElementById('company-subtitle').textContent =
+    `${companies.length} companies with active tasks`;
+
+  let html = '';
+  companies.forEach(co => {
+    const coData = co.tasks || co;
+    const tasks = Array.isArray(coData) ? coData : (co.tasks || []);
+    const name = co.name || 'Unknown';
+
+    html += `<div class="section">
+      <div class="section__header">
+        <h2 class="section__title"><span class="icon">&#127970;</span> ${esc(name)}</h2>
+        <span class="section__badge">${tasks.length} task${tasks.length !== 1 ? 's' : ''}</span>
+      </div>`;
+
+    if (tasks.length > 0) {
+      html += '<div class="task-table-wrap"><table class="task-table"><thead><tr>';
+      html += '<th>#</th><th>Task</th><th>Type</th><th>Status</th>';
+      html += '</tr></thead><tbody>';
+      tasks.forEach((t, i) => {
+        const link = t.url ? `<a href="${esc(t.url)}" target="_blank" style="color:var(--cream-light);text-decoration:none;">${esc(t.name)}</a>` : esc(t.name);
+        html += `<tr>
+          <td class="task-table__num">${i + 1}</td>
+          <td class="task-table__title">${link}</td>
+          <td class="task-table__company">${esc(t.task_type || '-')}</td>
+          <td class="task-table__status">${statusPill(t.status)}</td>
+        </tr>`;
+      });
+      html += '</tbody></table></div>';
+    }
+    html += '</div>';
+  });
+
+  document.getElementById('company-sections').innerHTML = html || '<p style="color:var(--text-muted);">No tasks found.</p>';
+}
+
+function groupByCompany(tasks) {
+  const map = {};
+  tasks.forEach(t => {
+    const co = t.custom_fields?.Client || 'Unassigned';
+    if (!map[co]) map[co] = { name: co, tasks: [], count: 0 };
+    map[co].tasks.push(t);
+    map[co].count++;
+  });
+  return Object.values(map).sort((a, b) => b.count - a.count);
+}
+
+// --- System Health Tab ---
+
+async function loadHealth() {
+  const health = _cache.health || await fetchJSON('/system/health');
+  if (!health) return;
+  _cache.health = health;
+
+  document.getElementById('health-subtitle').textContent =
+    `Chat model: ${health.chat_model || 'unknown'} | Execution model: ${health.execution_model || 'unknown'}`;
+
+  // Stats
+  let statsHtml = `
+    <div class="stat-card stat-card--${health.execution_brain ? 'green' : 'red'}">
+      <div class="stat-card__label">Execution Brain</div>
+      <div class="stat-card__value">${health.execution_brain ? 'OK' : 'MISSING'}</div>
+      <div class="stat-card__detail">Claude Code CLI</div>
+    </div>
+    <div class="stat-card stat-card--${health.clickup_enabled ? 'green' : 'amber'}">
+      <div class="stat-card__label">ClickUp</div>
+      <div class="stat-card__value">${health.clickup_enabled ? 'ON' : 'OFF'}</div>
+      <div class="stat-card__detail">Task integration</div>
+    </div>
+    <div class="stat-card stat-card--green">
+      <div class="stat-card__label">Drives</div>
+      <div class="stat-card__value">${health.disks?.length || 0}</div>
+      <div class="stat-card__detail">Monitored</div>
+    </div>
+  `;
+  document.getElementById('health-stats').innerHTML = statsHtml;
+
+  // Disk cards
+  const diskGrid = document.getElementById('health-disks');
+  if (health.disks && health.disks.length > 0) {
+    let html = '';
+    health.disks.forEach(d => {
+      const pct = d.percent_free || 0;
+      const color = pct < 10 ? 'red' : pct < 25 ? 'amber' : 'green';
+      const statusCls = pct < 10 ? 'error' : pct < 25 ? 'warn' : 'ok';
+      html += `<div class="health-card">
+        <div class="health-card__header">
+          <span class="health-card__title">${esc(d.drive)}</span>
+          <span class="health-card__status health-card__status--${statusCls}">${pct}% FREE</span>
+        </div>
+        <div class="health-bar"><div class="health-bar__fill health-bar__fill--${color}" style="width:${pct}%"></div></div>
+        <div class="health-card__meta"><span>${d.free_gb} GB / ${d.total_gb} GB</span><span>Threshold: 10%</span></div>
+      </div>`;
+    });
+    diskGrid.innerHTML = html;
+  } else {
+    diskGrid.innerHTML = '<p style="color:var(--text-muted);">No disk data available.</p>';
+  }
+}
+
+// --- Agents Tab ---
+
+async function loadAgents() {
+  const data = _cache.agents || await fetchJSON('/agents');
+  if (!data || !data.agents) return;
+  _cache.agents = data;
+
+  const grid = document.getElementById('agents-grid');
+  if (data.agents.length === 0) {
+    grid.innerHTML = '<p style="color:var(--text-muted);">No agents configured.</p>';
+    return;
+  }
+
+  let html = '';
+  data.agents.forEach(a => {
+    const toolList = a.tools ? a.tools.join(', ') : 'All tools';
+    html += `<div class="health-card">
+      <div class="health-card__header">
+        <span class="health-card__title">${esc(a.display_name || a.name)}</span>
+        <span class="health-card__status health-card__status--ok">READY</span>
+      </div>
+      <div class="health-card__meta" style="margin-top:0.5rem;">
+        <span>Model: ${esc(a.model || 'default')}</span>
+        <span>Scope: ${esc(a.memory_scope || 'shared')}</span>
+      </div>
+      <div style="margin-top:0.5rem;font-size:0.75rem;color:var(--text-muted);">
+        Tools: ${esc(toolList)}
+      </div>
+    </div>`;
+  });
+  grid.innerHTML = html;
+}
+
+// --- Notifications Tab ---
+
+async function loadNotifications() {
+  const data = await fetchJSON('/system/notifications');
+  if (!data) return;
+
+  const container = document.getElementById('notifications-list');
+  const notes = data.notifications || [];
+
+  if (notes.length === 0) {
+    container.innerHTML = '<p style="padding:1rem;color:var(--text-muted);">No notifications yet.</p>';
+    return;
+  }
+
+  let html = '<ul class="log-list">';
+  notes.slice(0, 100).forEach(n => {
+    const time = n.created_at ? new Date(n.created_at * 1000).toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' }) : '';
+    const level = (n.level || 'info').toLowerCase();
+    const typeCls = level === 'error' ? 'error' : level === 'warning' ? 'error' : 'heartbeat';
+    html += `<li class="log-item">
+      <span class="log-item__time">${esc(time)}</span>
+      <span class="log-item__type log-item__type--${typeCls}">${esc(n.level || 'info')}</span>
+      <span class="log-item__msg">${esc(n.message || '')}</span>
+    </li>`;
+  });
+  html += '</ul>';
+  container.innerHTML = html;
+}
+
+// --- Tab Navigation ---
+
+function switchTab(tabId) {
+  document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
+  document.querySelectorAll('.sidebar__link').forEach(l => l.classList.remove('active'));
+  const panel = document.getElementById('tab-' + tabId);
+  if (panel) panel.classList.add('active');
+  const btn = document.querySelector('.sidebar__link[data-tab="' + tabId + '"]');
+  if (btn) btn.classList.add('active');
+  document.getElementById('sidebar').classList.remove('open');
+
+  // Lazy-load tab data
+  const loaders = {
+    overview: loadOverview,
+    linkbuilding: loadLinkBuilding,
+    pressreleases: loadPressReleases,
+    bycompany: loadByCompany,
+    health: loadHealth,
+    agents: loadAgents,
+    notifications: loadNotifications,
+  };
+  if (loaders[tabId]) loaders[tabId]();
+}
+
+document.querySelectorAll('[data-tab]').forEach(btn => {
+  btn.addEventListener('click', (e) => {
+    e.preventDefault();
+    switchTab(btn.getAttribute('data-tab'));
+  });
+});
+
+// --- Mobile Sidebar ---
+
+function toggleSidebar() {
+  document.getElementById('sidebar').classList.toggle('open');
+}
+
+// --- Clock ---
+
+function updateClock() {
+  const now = new Date();
+  const opts = { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
+  document.getElementById('clock').textContent = now.toLocaleTimeString('en-GB', opts);
+}
+updateClock();
+setInterval(updateClock, 1000);
+
+// --- Refresh ---
+
+async function refreshAll() {
+  _cache = {};
+  await fetchJSON('/cache/clear').catch(() => {});
+  const activeTab = document.querySelector('.tab-panel.active')?.id?.replace('tab-', '') || 'overview';
+  switchTab(activeTab);
+}
+
+// --- Init ---
+
+updateGreeting();
+loadOverview();
+
+// Auto-refresh every 5 minutes
+setInterval(() => {
+  _cache = {};
+  const activeTab = document.querySelector('.tab-panel.active')?.id?.replace('tab-', '') || 'overview';
+  switchTab(activeTab);
+}, 300000);
+
+</script>
+
+</body>
+</html>
diff --git a/dashboard/styles.css b/dashboard/styles.css
new file mode 100644
index 0000000..eebd0c4
--- /dev/null
+++ b/dashboard/styles.css
@@ -0,0 +1,1113 @@
+/* ============================================================
+   CheddahBot Command Dashboard
+   Churchill-esque: deep navy, rich slate, burnished gold
+   ============================================================ */
+
+/* --- Foundations --- */
+:root {
+  --navy:       #0b1a2e;
+  --navy-mid:   #122340;
+  --navy-light: #1a3050;
+  --slate:      #2c3e50;
+  --slate-light:#3d5166;
+  --gold:       #c9a84c;
+  --gold-light: #e0c872;
+  --gold-dim:   #a68930;
+  --cream:      #f0e9d8;
+  --cream-light:#faf6ed;
+  --white:      #ffffff;
+  --red:        #d9534f;
+  --green:      #4caf50;
+  --amber:      #f0ad4e;
+  --text:       #e8e0d0;
+  --text-muted: #8a9bb5;
+  --border:     rgba(201,168,76,0.18);
+  --shadow:     0 2px 16px rgba(0,0,0,0.35);
+  --shadow-lg:  0 8px 32px rgba(0,0,0,0.45);
+  --radius:     8px;
+  --radius-lg:  12px;
+  --transition: 0.25s ease;
+  --font:       'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
+  --font-serif: 'Playfair Display', 'Georgia', serif;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-size: 15px;
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: var(--font);
+  background: var(--navy);
+  color: var(--text);
+  line-height: 1.6;
+  min-height: 100vh;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* --- Layout Shell --- */
+.dashboard {
+  display: grid;
+  grid-template-columns: 240px 1fr;
+  grid-template-rows: auto 1fr;
+  min-height: 100vh;
+}
+
+/* --- Top Bar --- */
+.topbar {
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 64px;
+  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
+  border-bottom: 1px solid var(--border);
+}
+
+.topbar__brand {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.topbar__logo {
+  width: 36px;
+  height: 36px;
+  background: var(--gold);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 800;
+  font-size: 1rem;
+  color: var(--navy);
+  flex-shrink: 0;
+}
+
+.topbar__title {
+  font-family: var(--font-serif);
+  font-size: 1.4rem;
+  font-weight: 700;
+  color: var(--cream);
+  letter-spacing: 0.02em;
+}
+
+.topbar__subtitle {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  margin-left: 0.5rem;
+}
+
+.topbar__right {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+
+.topbar__status {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  font-size: 0.8rem;
+  color: var(--green);
+}
+
+.topbar__status .dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--green);
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+.topbar__time {
+  font-size: 0.85rem;
+  color: var(--text-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+/* --- Sidebar --- */
+.sidebar {
+  background: var(--navy-mid);
+  border-right: 1px solid var(--border);
+  padding: 1.5rem 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.sidebar__section {
+  padding: 0 1rem;
+  margin-bottom: 0.5rem;
+}
+
+.sidebar__label {
+  font-size: 0.65rem;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--gold-dim);
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+  padding: 0 0.75rem;
+}
+
+.sidebar__link {
+  display: flex;
+  align-items: center;
+  gap: 0.65rem;
+  padding: 0.6rem 0.75rem;
+  border-radius: var(--radius);
+  color: var(--text-muted);
+  text-decoration: none;
+  font-size: 0.85rem;
+  font-weight: 500;
+  transition: all var(--transition);
+  cursor: pointer;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+}
+
+.sidebar__link:hover {
+  background: rgba(201,168,76,0.08);
+  color: var(--cream);
+}
+
+.sidebar__link.active {
+  background: rgba(201,168,76,0.15);
+  color: var(--gold-light);
+}
+
+.sidebar__link .icon {
+  width: 18px;
+  text-align: center;
+  flex-shrink: 0;
+  font-size: 0.95rem;
+}
+
+.sidebar__link .badge {
+  margin-left: auto;
+  background: var(--gold);
+  color: var(--navy);
+  font-size: 0.65rem;
+  font-weight: 700;
+  padding: 0.1rem 0.45rem;
+  border-radius: 10px;
+  min-width: 20px;
+  text-align: center;
+}
+
+.sidebar__divider {
+  height: 1px;
+  background: var(--border);
+  margin: 0.75rem 1rem;
+}
+
+/* --- Main Content --- */
+.main {
+  padding: 1.75rem 2rem;
+  overflow-y: auto;
+  background: linear-gradient(180deg, var(--navy) 0%, #0d1f35 100%);
+}
+
+/* --- Tab Panels --- */
+.tab-panel { display: none; }
+.tab-panel.active { display: block; }
+
+/* --- Page Header (non-briefing tabs) --- */
+.page-header {
+  margin-bottom: 1.75rem;
+}
+
+.page-header__greeting {
+  font-family: var(--font-serif);
+  font-size: 1.75rem;
+  color: var(--cream);
+  font-weight: 700;
+  margin-bottom: 0.15rem;
+}
+
+.page-header__date {
+  font-size: 0.85rem;
+  color: var(--text-muted);
+}
+
+.page-header__quote {
+  margin-top: 1rem;
+  padding: 0.85rem 1.25rem;
+  background: rgba(201,168,76,0.06);
+  border-left: 3px solid var(--gold);
+  border-radius: 0 var(--radius) var(--radius) 0;
+  font-style: italic;
+  color: var(--gold-light);
+  font-size: 0.9rem;
+  line-height: 1.55;
+}
+
+.page-header__quote cite {
+  display: block;
+  margin-top: 0.35rem;
+  font-style: normal;
+  font-size: 0.75rem;
+  color: var(--gold-dim);
+}
+
+/* ============================================================
+   BRIEFING-SPECIFIC STYLES (data-dense layout)
+   ============================================================ */
+
+/* --- Compact Briefing Header --- */
+.briefing-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 2rem;
+  margin-bottom: 1.25rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.briefing-header__left {
+  flex-shrink: 0;
+}
+
+.briefing-header__greeting {
+  font-family: var(--font-serif);
+  font-size: 1.5rem;
+  color: var(--cream);
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.briefing-header__date {
+  font-size: 0.8rem;
+  color: var(--text-muted);
+  margin-top: 0.15rem;
+}
+
+.briefing-header__quote {
+  margin: 0;
+  padding: 0.6rem 1rem;
+  background: rgba(201,168,76,0.05);
+  border-left: 2px solid var(--gold-dim);
+  border-radius: 0 var(--radius) var(--radius) 0;
+  font-style: italic;
+  color: var(--gold-dim);
+  font-size: 0.78rem;
+  line-height: 1.45;
+  max-width: 420px;
+  flex-shrink: 1;
+}
+
+.briefing-header__quote cite {
+  font-style: normal;
+  font-size: 0.7rem;
+  opacity: 0.7;
+}
+
+/* --- User Reminders Section --- */
+.reminders-section {
+  margin-bottom: 1.25rem;
+}
+
+.reminders-section__header {
+  margin-bottom: 0.6rem;
+}
+
+.reminders-section__title {
+  font-family: var(--font-serif);
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--gold-light);
+}
+
+.reminders-list {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.reminder-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.65rem;
+  padding: 0.65rem 1rem;
+  border-left: 3px solid transparent;
+  font-size: 0.82rem;
+  line-height: 1.45;
+  color: var(--text);
+  background: var(--navy-mid);
+  border-bottom: 1px solid rgba(201,168,76,0.06);
+}
+
+.reminder-item:first-child {
+  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+}
+
+.reminder-item:last-child {
+  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
+  border-bottom: none;
+}
+
+.reminder-item:only-child {
+  border-radius: var(--radius-lg);
+}
+
+.reminder-item--urgent {
+  border-left-color: var(--red);
+  background: linear-gradient(90deg, rgba(217,83,79,0.08) 0%, var(--navy-mid) 30%);
+}
+
+.reminder-item--warning {
+  border-left-color: var(--amber);
+  background: linear-gradient(90deg, rgba(240,173,78,0.06) 0%, var(--navy-mid) 30%);
+}
+
+.reminder-item--info {
+  border-left-color: var(--gold-dim);
+}
+
+.reminder-item__icon {
+  flex-shrink: 0;
+  font-size: 0.55rem;
+  margin-top: 0.35rem;
+}
+
+.reminder-item--urgent .reminder-item__icon { color: var(--red); }
+.reminder-item--warning .reminder-item__icon { color: var(--amber); }
+.reminder-item--info .reminder-item__icon { color: var(--gold-dim); }
+
+.reminder-item__body strong {
+  color: var(--cream);
+}
+
+.reminder-item__body em {
+  color: var(--gold-light);
+  font-style: italic;
+}
+
+/* --- Action Items --- */
+.action-items {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 0.75rem;
+}
+
+.action-card {
+  display: flex;
+  gap: 0.75rem;
+  padding: 0.85rem 1rem;
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+}
+
+.action-card__indicator {
+  width: 3px;
+  align-self: stretch;
+  border-radius: 2px;
+  flex-shrink: 0;
+}
+
+.action-card--blocked .action-card__indicator { background: var(--red); }
+.action-card--hold .action-card__indicator { background: var(--amber); }
+
+.action-card__label {
+  font-size: 0.6rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin-bottom: 0.15rem;
+}
+
+.action-card--blocked .action-card__label { color: var(--red); }
+.action-card--hold .action-card__label { color: var(--amber); }
+
+.action-card__title {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--cream);
+  margin-bottom: 0.15rem;
+}
+
+.action-card__detail {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+/* --- Compact Stats Row (briefing) --- */
+.stats-row--compact {
+  grid-template-columns: repeat(5, 1fr);
+  gap: 0.65rem;
+  margin-bottom: 1.25rem;
+}
+
+.stat-card--mini {
+  padding: 0.75rem 1rem;
+  text-align: center;
+}
+
+.stat-card--mini .stat-card__value {
+  font-size: 1.5rem;
+  margin-bottom: 0.1rem;
+}
+
+.stat-card--mini .stat-card__label {
+  margin-bottom: 0.15rem;
+}
+
+.stat-card--mini .stat-card__detail {
+  margin-top: 0.1rem;
+  font-size: 0.68rem;
+}
+
+/* --- Compact Task Table (Top 5) --- */
+.task-table-wrap--compact {
+  max-height: none;
+}
+
+.task-table--dense th {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.65rem;
+}
+
+.task-table--dense td {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.8rem;
+}
+
+/* --- Health Inline (exception-based in briefing) --- */
+.health-inline {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.6rem 1rem;
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  font-size: 0.8rem;
+}
+
+.health-inline__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.health-inline__dot--ok { background: var(--green); }
+.health-inline__dot--warn { background: var(--amber); }
+.health-inline__dot--error { background: var(--red); }
+
+.health-inline__text {
+  font-weight: 600;
+  color: var(--cream);
+}
+
+.health-inline__detail {
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  margin-left: auto;
+}
+
+.health-inline--warn {
+  border-color: rgba(240,173,78,0.3);
+  background: linear-gradient(90deg, rgba(240,173,78,0.08) 0%, var(--navy-mid) 40%);
+}
+
+.health-inline--error {
+  border-color: rgba(217,83,79,0.3);
+  background: linear-gradient(90deg, rgba(217,83,79,0.08) 0%, var(--navy-mid) 40%);
+}
+
+/* --- Section (tighter variant for briefing) --- */
+.section--tight {
+  margin-bottom: 1.25rem;
+}
+
+.section--tight .section__header {
+  margin-bottom: 0.65rem;
+}
+
+/* --- Section link inside badge --- */
+.section__link {
+  color: var(--gold-light);
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.section__link:hover {
+  text-decoration: underline;
+}
+
+/* ============================================================
+   SHARED COMPONENT STYLES (all tabs)
+   ============================================================ */
+
+/* --- Stat Cards Row --- */
+.stats-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.stat-card {
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: 1.25rem 1.5rem;
+  position: relative;
+  overflow: hidden;
+  transition: transform var(--transition), box-shadow var(--transition);
+}
+
+.stat-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow);
+}
+
+.stat-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+}
+
+.stat-card--gold::before { background: var(--gold); }
+.stat-card--green::before { background: var(--green); }
+.stat-card--amber::before { background: var(--amber); }
+.stat-card--red::before { background: var(--red); }
+.stat-card--blue::before { background: #5b9bd5; }
+
+.stat-card__label {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--text-muted);
+  margin-bottom: 0.5rem;
+}
+
+.stat-card__value {
+  font-family: var(--font-serif);
+  font-size: 2rem;
+  font-weight: 700;
+  color: var(--cream);
+  line-height: 1;
+}
+
+.stat-card__detail {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  margin-top: 0.35rem;
+}
+
+/* --- Section --- */
+.section {
+  margin-bottom: 2rem;
+}
+
+.section__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 1rem;
+}
+
+.section__title {
+  font-family: var(--font-serif);
+  font-size: 1.15rem;
+  font-weight: 700;
+  color: var(--cream);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.section__title .icon {
+  color: var(--gold);
+}
+
+.section__badge {
+  background: rgba(201,168,76,0.15);
+  color: var(--gold);
+  font-size: 0.7rem;
+  font-weight: 700;
+  padding: 0.25rem 0.7rem;
+  border-radius: 20px;
+  border: 1px solid var(--border);
+}
+
+/* --- Task Table --- */
+.task-table-wrap {
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+}
+
+.task-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.task-table thead {
+  background: rgba(201,168,76,0.08);
+}
+
+.task-table th {
+  text-align: left;
+  padding: 0.75rem 1rem;
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--gold);
+  font-weight: 700;
+  border-bottom: 1px solid var(--border);
+  white-space: nowrap;
+}
+
+.task-table td {
+  padding: 0.7rem 1rem;
+  font-size: 0.85rem;
+  border-bottom: 1px solid rgba(201,168,76,0.06);
+  color: var(--text);
+  vertical-align: middle;
+}
+
+.task-table tbody tr {
+  transition: background var(--transition);
+}
+
+.task-table tbody tr:hover {
+  background: rgba(201,168,76,0.04);
+}
+
+.task-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.task-table__num {
+  color: var(--text-muted);
+  font-variant-numeric: tabular-nums;
+  width: 40px;
+}
+
+.task-table__title {
+  font-weight: 600;
+  color: var(--cream-light);
+}
+
+.task-table__company {
+  color: var(--gold-light);
+  font-weight: 500;
+}
+
+.task-table__keyword {
+  color: var(--text-muted);
+  font-style: italic;
+}
+
+.task-table__status {
+  width: 100px;
+}
+
+.status-pill {
+  display: inline-block;
+  padding: 0.2rem 0.6rem;
+  border-radius: 12px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.status-pill--todo {
+  background: rgba(91,155,213,0.15);
+  color: #5b9bd5;
+  border: 1px solid rgba(91,155,213,0.25);
+}
+
+.status-pill--progress {
+  background: rgba(240,173,78,0.15);
+  color: var(--amber);
+  border: 1px solid rgba(240,173,78,0.25);
+}
+
+.status-pill--done {
+  background: rgba(76,175,80,0.15);
+  color: var(--green);
+  border: 1px solid rgba(76,175,80,0.25);
+}
+
+/* --- System Health Panel --- */
+.health-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 1rem;
+}
+
+.health-card {
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: 1.25rem;
+}
+
+.health-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.75rem;
+}
+
+.health-card__title {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--cream);
+}
+
+.health-card__status {
+  font-size: 0.7rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.health-card__status--ok { color: var(--green); }
+.health-card__status--warn { color: var(--amber); }
+.health-card__status--error { color: var(--red); }
+
+.health-bar {
+  height: 6px;
+  background: rgba(255,255,255,0.06);
+  border-radius: 3px;
+  overflow: hidden;
+  margin-bottom: 0.5rem;
+}
+
+.health-bar__fill {
+  height: 100%;
+  border-radius: 3px;
+  transition: width 0.6s ease;
+}
+
+.health-bar__fill--green { background: var(--green); }
+.health-bar__fill--amber { background: var(--amber); }
+.health-bar__fill--red { background: var(--red); }
+
+.health-card__meta {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  display: flex;
+  justify-content: space-between;
+}
+
+/* --- Log Panel --- */
+.log-list {
+  list-style: none;
+}
+
+.log-item {
+  display: flex;
+  gap: 1rem;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid rgba(201,168,76,0.06);
+  font-size: 0.82rem;
+  transition: background var(--transition);
+}
+
+.log-item:hover {
+  background: rgba(201,168,76,0.04);
+}
+
+.log-item__time {
+  color: var(--text-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  min-width: 50px;
+}
+
+.log-item__type {
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: 0.65rem;
+  padding: 0.15rem 0.45rem;
+  border-radius: 4px;
+  white-space: nowrap;
+  align-self: flex-start;
+  margin-top: 0.1rem;
+}
+
+.log-item__type--heartbeat {
+  background: rgba(76,175,80,0.15);
+  color: var(--green);
+}
+
+.log-item__type--execution {
+  background: rgba(91,155,213,0.15);
+  color: #5b9bd5;
+}
+
+.log-item__type--error {
+  background: rgba(217,83,79,0.15);
+  color: var(--red);
+}
+
+.log-item__type--user {
+  background: rgba(201,168,76,0.15);
+  color: var(--gold);
+}
+
+.log-item__msg {
+  color: var(--text);
+  line-height: 1.45;
+}
+
+/* --- Queue Panel --- */
+.queue-card {
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: 1.25rem;
+  margin-bottom: 0.75rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  transition: transform var(--transition), box-shadow var(--transition);
+}
+
+.queue-card:hover {
+  transform: translateX(4px);
+  box-shadow: var(--shadow);
+}
+
+.queue-card__priority {
+  width: 4px;
+  align-self: stretch;
+  border-radius: 2px;
+  flex-shrink: 0;
+}
+
+.queue-card__priority--high { background: var(--red); }
+.queue-card__priority--med { background: var(--amber); }
+.queue-card__priority--low { background: var(--green); }
+
+.queue-card__body {
+  flex: 1;
+}
+
+.queue-card__title {
+  font-weight: 600;
+  color: var(--cream);
+  font-size: 0.9rem;
+  margin-bottom: 0.15rem;
+}
+
+.queue-card__meta {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+}
+
+.queue-card__status {
+  text-align: right;
+}
+
+/* --- PR Tab --- */
+.pr-card {
+  background: var(--navy-mid);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.pr-card__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 0.75rem;
+}
+
+.pr-card__company {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--gold);
+  font-weight: 700;
+}
+
+.pr-card__headline {
+  font-family: var(--font-serif);
+  font-size: 1.1rem;
+  color: var(--cream);
+  font-weight: 700;
+  line-height: 1.3;
+  margin-top: 0.25rem;
+}
+
+.pr-card__detail {
+  font-size: 0.8rem;
+  color: var(--text-muted);
+  margin-top: 0.5rem;
+}
+
+/* --- Responsive --- */
+@media (max-width: 900px) {
+  .dashboard {
+    grid-template-columns: 1fr;
+  }
+
+  .sidebar {
+    display: none;
+    position: fixed;
+    top: 64px;
+    left: 0;
+    bottom: 0;
+    width: 260px;
+    z-index: 100;
+    box-shadow: var(--shadow-lg);
+  }
+
+  .sidebar.open {
+    display: flex;
+  }
+
+  .mobile-toggle {
+    display: flex !important;
+  }
+
+  .main {
+    padding: 1.25rem 1rem;
+  }
+
+  .stats-row {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .stats-row--compact {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .task-table-wrap {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .task-table {
+    min-width: 700px;
+  }
+
+  .page-header__greeting {
+    font-size: 1.35rem;
+  }
+
+  .briefing-header {
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .briefing-header__quote {
+    max-width: 100%;
+  }
+
+  .action-items {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 500px) {
+  .stats-row {
+    grid-template-columns: 1fr;
+  }
+
+  .stats-row--compact {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .topbar {
+    padding: 0 1rem;
+    height: 56px;
+  }
+
+  .topbar__subtitle {
+    display: none;
+  }
+
+  .health-inline {
+    flex-wrap: wrap;
+  }
+
+  .health-inline__detail {
+    margin-left: 0;
+    width: 100%;
+    padding-left: 1.4rem;
+  }
+}
+
+/* --- Utility --- */
+.mobile-toggle {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: transparent;
+  color: var(--cream);
+  cursor: pointer;
+  font-size: 1.1rem;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--slate-light);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--gold-dim);
+}
+
+/* Selection */
+::selection {
+  background: var(--gold);
+  color: var(--navy);
+}