Spaces:

XcodeAddy
/

sentinel-env

Running

App Files Files Community

XcodeAddy commited on 21 days ago

Commit

62f00e5

1 Parent(s): 4f640fa

Add Next frontend build and serving pipeline

Browse files

Files changed (11) hide show

.gitignore +3 -0
Dockerfile +12 -0
app.py +9 -0
ui/app/globals.css +837 -0
ui/app/layout.tsx +20 -0
ui/app/page.tsx +917 -0
ui/next-env.d.ts +6 -0
ui/next.config.mjs +9 -0
ui/package-lock.json +1019 -0
ui/package.json +23 -0
ui/tsconfig.json +20 -0

.gitignore CHANGED Viewed

@@ -67,6 +67,9 @@ datasets/
 dist/
 build/
 out/
 # =========================
 # TEMP FILES

 dist/
 build/
 out/
+ui/node_modules/
+ui/.next/
+ui/out/
 # =========================
 # TEMP FILES

Dockerfile CHANGED Viewed

@@ -1,3 +1,14 @@
 FROM python:3.11-slim
 WORKDIR /app
@@ -23,6 +34,7 @@ COPY pyproject.toml .
 COPY server ./server
 COPY static ./static
 COPY outputs ./outputs
 # Create outputs directory for baseline scores
 RUN mkdir -p outputs

+FROM node:20-alpine AS ui-builder
+WORKDIR /ui
+COPY ui/package.json ui/package-lock.json ./
+RUN npm ci
+COPY ui ./
+RUN npm run build
 FROM python:3.11-slim
 WORKDIR /app
 COPY server ./server
 COPY static ./static
 COPY outputs ./outputs
+COPY --from=ui-builder /ui/out ./ui/out
 # Create outputs directory for baseline scores
 RUN mkdir -p outputs

app.py CHANGED Viewed

@@ -5,6 +5,7 @@ from pathlib import Path
 from typing import Any
 from fastapi import FastAPI, HTTPException, Query
 from fastapi.responses import FileResponse, JSONResponse
 from pydantic import BaseModel
@@ -28,6 +29,11 @@ app = FastAPI(
 _sessions: dict[str, SentinelEnv] = {}
 _STATIC_DIR = Path(__file__).resolve().parent / "static"
 _OUTPUTS_DIR = Path(__file__).resolve().parent / "outputs"
 def _get_env(session_id: str) -> SentinelEnv:
     if session_id not in _sessions:
@@ -64,6 +70,9 @@ def health():
 @app.get("/")
 def root():
     index_path = _STATIC_DIR / "index.html"
     if index_path.exists():
         return FileResponse(index_path)

 from typing import Any
 from fastapi import FastAPI, HTTPException, Query
+from fastapi.staticfiles import StaticFiles
 from fastapi.responses import FileResponse, JSONResponse
 from pydantic import BaseModel
 _sessions: dict[str, SentinelEnv] = {}
 _STATIC_DIR = Path(__file__).resolve().parent / "static"
 _OUTPUTS_DIR = Path(__file__).resolve().parent / "outputs"
+_FRONTEND_OUT_DIR = Path(__file__).resolve().parent / "ui" / "out"
+_FRONTEND_NEXT_DIR = _FRONTEND_OUT_DIR / "_next"
+if _FRONTEND_NEXT_DIR.exists():
+    app.mount("/_next", StaticFiles(directory=_FRONTEND_NEXT_DIR), name="next-assets")
 def _get_env(session_id: str) -> SentinelEnv:
     if session_id not in _sessions:
 @app.get("/")
 def root():
+    frontend_index = _FRONTEND_OUT_DIR / "index.html"
+    if frontend_index.exists():
+        return FileResponse(frontend_index)
     index_path = _STATIC_DIR / "index.html"
     if index_path.exists():
         return FileResponse(index_path)

ui/app/globals.css ADDED Viewed

	@@ -0,0 +1,837 @@

+:root {
+  --bg: #050711;
+  --bg-soft: #0b1020;
+  --panel: rgba(18, 24, 40, 0.68);
+  --panel-strong: rgba(24, 31, 51, 0.82);
+  --panel-soft: rgba(255, 255, 255, 0.04);
+  --line: rgba(255, 255, 255, 0.1);
+  --ink: #f5f7ff;
+  --muted: #9fa9c5;
+  --blue: #8ab5ff;
+  --mint: #7be1d7;
+  --warm: #ffc68d;
+  --rose: #ff8f9f;
+  --shadow: 0 24px 60px rgba(1, 6, 20, 0.36);
+}
+* {
+  box-sizing: border-box;
+}
+html {
+  background: var(--bg);
+}
+body {
+  margin: 0;
+  color: var(--ink);
+  background:
+    radial-gradient(circle at 12% 0%, rgba(138, 181, 255, 0.18), transparent 22%),
+    radial-gradient(circle at 88% 10%, rgba(255, 143, 159, 0.12), transparent 18%),
+    radial-gradient(circle at 50% 100%, rgba(123, 225, 215, 0.08), transparent 18%),
+    linear-gradient(180deg, #04060d 0%, #080c16 44%, #050711 100%);
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+}
+button,
+select,
+input {
+  font: inherit;
+}
+.sentinel-shell {
+  min-height: 100vh;
+  position: relative;
+}
+.bg-grid {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
+  background-size: 44px 44px;
+  mask-image: radial-gradient(circle at center, black 36%, transparent 84%);
+  opacity: 0.34;
+}
+.topbar,
+.tabbar,
+.section,
+.glass-card,
+.metric-card,
+.control-pill,
+.stat-box,
+.story-lane,
+.json-card,
+.event-row,
+.judge-card,
+.specialist-node,
+.subtask-card {
+  border: 1px solid var(--line);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.015)),
+    var(--panel);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.05),
+    var(--shadow);
+  backdrop-filter: blur(20px) saturate(1.35);
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 30;
+  margin: 18px auto 0;
+  width: min(1460px, calc(100% - 24px));
+  border-radius: 28px;
+  padding: 18px 20px;
+  display: grid;
+  grid-template-columns: minmax(340px, 1fr) auto;
+  gap: 18px;
+}
+.brand {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+.brand-mark {
+  width: 56px;
+  height: 56px;
+  border-radius: 18px;
+  display: grid;
+  place-items: center;
+  color: #eef4ff;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  background:
+    radial-gradient(circle at 30% 24%, rgba(138, 181, 255, 0.44), transparent 56%),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
+    rgba(18, 23, 35, 0.9);
+}
+.eyebrow {
+  color: var(--muted);
+  font-size: 12px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.brand h1 {
+  margin: 4px 0 6px;
+  font-size: clamp(32px, 5vw, 52px);
+  line-height: 0.95;
+}
+.brand p,
+.tab-copy,
+.section-head span,
+.story-step,
+.proof-row span,
+.proof-row strong,
+.json-head,
+.event-copy span,
+.judge-card span,
+.architecture-card span,
+.subtask-card p,
+.stat-box span {
+  color: var(--muted);
+}
+.controls {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+.control-pill {
+  min-width: 122px;
+  border-radius: 18px;
+  padding: 10px 12px;
+}
+.control-pill label {
+  display: block;
+  font-size: 11px;
+  color: var(--muted);
+  margin-bottom: 6px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+.control-pill select,
+.control-pill input {
+  width: 100%;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: var(--ink);
+}
+.btn {
+  min-height: 48px;
+  border-radius: 18px;
+  border: 1px solid var(--line);
+  padding: 0 18px;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
+    rgba(255, 255, 255, 0.03);
+  color: var(--ink);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+}
+.btn:hover {
+  transform: translateY(-1px);
+  border-color: rgba(255, 255, 255, 0.18);
+}
+.btn.primary {
+  border-color: rgba(138, 181, 255, 0.22);
+  background:
+    linear-gradient(180deg, rgba(138, 181, 255, 0.24), rgba(138, 181, 255, 0.08)),
+    rgba(255, 255, 255, 0.03);
+}
+.btn.wide {
+  width: 100%;
+}
+.btn.micro {
+  min-height: 42px;
+  border-radius: 14px;
+}
+.btn:disabled {
+  opacity: 0.58;
+  cursor: not-allowed;
+  transform: none;
+}
+.tabbar {
+  width: min(1460px, calc(100% - 24px));
+  margin: 14px auto 0;
+  border-radius: 24px;
+  padding: 14px 18px 18px;
+}
+.tab {
+  min-height: 44px;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  padding: 0 16px;
+  margin-right: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  color: var(--ink);
+  cursor: pointer;
+}
+.tab.active {
+  background:
+    linear-gradient(180deg, rgba(138, 181, 255, 0.2), rgba(138, 181, 255, 0.08)),
+    rgba(255, 255, 255, 0.04);
+  border-color: rgba(138, 181, 255, 0.28);
+}
+.tab-copy {
+  margin: 14px 4px 0;
+  max-width: 900px;
+  line-height: 1.5;
+}
+.viewport {
+  width: min(1460px, calc(100% - 24px));
+  margin: 18px auto 60px;
+  display: grid;
+  gap: 18px;
+}
+.viewport-overview {
+  grid-template-columns: minmax(420px, 1.05fr) minmax(360px, 0.95fr);
+  grid-template-areas:
+    "hero hero"
+    "architecture architecture"
+    "story proof";
+}
+.viewport-playground {
+  grid-template-columns: minmax(520px, 1.14fr) minmax(360px, 0.86fr);
+  grid-template-areas:
+    "hero hero"
+    "mission controls"
+    "theater payloads"
+    "recorder payloads";
+}
+.viewport-judge {
+  grid-template-columns: minmax(460px, 1.02fr) minmax(360px, 0.98fr);
+  grid-template-areas:
+    "hero hero"
+    "story proof"
+    "theater judge"
+    "mission judge";
+}
+.section {
+  border-radius: 30px;
+  padding: 22px;
+}
+.hero-surface {
+  grid-area: hero;
+  display: grid;
+  grid-template-columns: minmax(340px, 1.08fr) minmax(320px, 0.92fr);
+  gap: 24px;
+  align-items: center;
+}
+.hero-copy h2 {
+  margin: 18px 0 12px;
+  font-size: clamp(28px, 4vw, 50px);
+  line-height: 1.02;
+  max-width: 760px;
+}
+.hero-copy p {
+  max-width: 760px;
+  color: #d9e2f8;
+  font-size: 16px;
+  line-height: 1.7;
+}
+.badge-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.badge {
+  min-height: 32px;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  padding: 0 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  color: #d9e1f4;
+}
+.badge.ghost {
+  background: rgba(255, 255, 255, 0.04);
+}
+.badge.warm {
+  background: rgba(255, 198, 141, 0.1);
+  border-color: rgba(255, 198, 141, 0.22);
+}
+.metric-strip {
+  margin-top: 20px;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+.metric-card {
+  border-radius: 22px;
+  padding: 14px 16px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+.metric-card span {
+  display: block;
+  color: var(--muted);
+  font-size: 12px;
+}
+.metric-card strong {
+  display: block;
+  font-size: 22px;
+  margin-top: 4px;
+}
+.hero-constellation {
+  position: relative;
+  min-height: 400px;
+  border-radius: 28px;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at center, rgba(138, 181, 255, 0.2), transparent 32%),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
+    rgba(14, 19, 31, 0.74);
+  border: 1px solid var(--line);
+}
+.orb-core {
+  position: absolute;
+  inset: 50% auto auto 50%;
+  width: 170px;
+  height: 170px;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  background:
+    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.85), transparent 16%),
+    radial-gradient(circle at center, rgba(138, 181, 255, 0.62), rgba(123, 225, 215, 0.18) 44%, transparent 72%);
+  filter: blur(1px);
+}
+.orb-ring {
+  position: absolute;
+  inset: 50% auto auto 50%;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+.ring-a {
+  width: 300px;
+  height: 300px;
+}
+.ring-b {
+  width: 420px;
+  height: 420px;
+}
+.hero-node {
+  position: absolute;
+  min-width: 110px;
+  border-radius: 18px;
+  padding: 12px 14px;
+  border: 1px solid var(--line);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
+    rgba(15, 20, 32, 0.74);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: center;
+}
+.hero-node span {
+  color: #eef3ff;
+}
+.hero-node-main {
+  left: 50%;
+  top: 49%;
+  transform: translate(-50%, -50%);
+  min-width: 160px;
+  z-index: 2;
+}
+.hero-node-1 { top: 14%; left: 18%; }
+.hero-node-2 { top: 20%; right: 12%; }
+.hero-node-3 { bottom: 18%; left: 14%; }
+.hero-node-4 { bottom: 16%; right: 16%; }
+.hero-node-5 { top: 60%; right: 4%; }
+.architecture { grid-area: architecture; }
+.story { grid-area: story; }
+.proof { grid-area: proof; }
+.mission { grid-area: mission; }
+.theater { grid-area: theater; }
+.controls-panel { grid-area: controls; }
+.payloads { grid-area: payloads; }
+.recorder { grid-area: recorder; }
+.judge { grid-area: judge; }
+.section-head {
+  margin-bottom: 18px;
+}
+.section-head span {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+}
+.section-head h3 {
+  margin: 0;
+  font-size: 28px;
+}
+.architecture-grid,
+.story-grid,
+.proof-grid,
+.payload-grid,
+.mission-grid,
+.judge-sequence {
+  display: grid;
+  gap: 14px;
+}
+.architecture-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.architecture-card {
+  border-radius: 22px;
+  padding: 18px;
+}
+.architecture-card strong {
+  display: block;
+  margin: 14px 0 8px;
+  font-size: 18px;
+}
+.story-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.story-lane {
+  border-radius: 24px;
+  padding: 18px;
+}
+.story-lane.before {
+  background:
+    linear-gradient(180deg, rgba(255, 143, 159, 0.14), rgba(255, 143, 159, 0.05)),
+    rgba(18, 24, 40, 0.72);
+}
+.story-lane.after {
+  background:
+    linear-gradient(180deg, rgba(138, 181, 255, 0.14), rgba(123, 225, 215, 0.06)),
+    rgba(18, 24, 40, 0.72);
+}
+.story-header {
+  display: grid;
+  gap: 10px;
+  margin-bottom: 14px;
+}
+.story-label {
+  width: fit-content;
+  min-height: 30px;
+  border-radius: 999px;
+  padding: 0 12px;
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--line);
+  background: rgba(255, 255, 255, 0.04);
+  color: #eaf0ff;
+}
+.story-header strong {
+  font-size: 20px;
+}
+.story-steps {
+  display: grid;
+  gap: 10px;
+}
+.story-step {
+  border-radius: 18px;
+  padding: 14px;
+  background: rgba(8, 12, 20, 0.42);
+}
+.proof-grid {
+  grid-template-columns: minmax(280px, 0.95fr) minmax(300px, 1.05fr);
+}
+.proof-list {
+  display: grid;
+  gap: 12px;
+}
+.proof-row {
+  display: grid;
+  grid-template-columns: 92px 1fr 54px;
+  align-items: center;
+  gap: 12px;
+}
+.proof-meter {
+  height: 12px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+  overflow: hidden;
+}
+.proof-meter span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+}
+.tone-bad { background: linear-gradient(90deg, #ff8f9f, #ffb07c); }
+.tone-neutral { background: linear-gradient(90deg, #8ab5ff, #b19dff); }
+.tone-good { background: linear-gradient(90deg, #7be1d7, #8ab5ff); }
+.tone-warm { background: linear-gradient(90deg, #ffc68d, #ff8f9f); }
+.chart-card {
+  border-radius: 24px;
+  padding: 14px;
+  border: 1px solid rgba(255, 255, 255, 0.16);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
+    rgba(247, 249, 255, 0.94);
+}
+.chart-card img {
+  width: 100%;
+  display: block;
+  border-radius: 14px;
+}
+.mission-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.stat-box {
+  border-radius: 18px;
+  padding: 16px;
+}
+.stat-box strong {
+  display: block;
+  margin-top: 8px;
+  font-size: 24px;
+}
+.subtask-card {
+  border-radius: 24px;
+  padding: 18px;
+  margin-top: 14px;
+}
+.subtask-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  align-items: center;
+}
+.subtask-head strong {
+  font-size: 14px;
+}
+.subtask-card p {
+  margin: 14px 0 0;
+  line-height: 1.6;
+}
+.theater-stage {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: 12px;
+}
+.specialist-node {
+  border-radius: 22px;
+  padding: 16px;
+}
+.specialist-node.active {
+  border-color: rgba(138, 181, 255, 0.28);
+}
+.specialist-top,
+.subtask-head {
+  color: #f7faff;
+}
+.specialist-top {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+}
+.meter {
+  height: 10px;
+  border-radius: 999px;
+  margin: 16px 0 12px;
+  background: rgba(255, 255, 255, 0.08);
+  overflow: hidden;
+}
+.meter span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+}
+.specialist-foot {
+  color: var(--muted);
+  font-size: 13px;
+}
+.action-stack {
+  display: grid;
+  gap: 14px;
+}
+.micro-actions {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.payload-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.json-card {
+  border-radius: 22px;
+  overflow: hidden;
+}
+.json-head {
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--line);
+}
+.json-card pre {
+  margin: 0;
+  padding: 16px;
+  max-height: 340px;
+  overflow: auto;
+  color: #d8e4ff;
+  font-size: 12px;
+  line-height: 1.55;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    monospace;
+}
+.event-list {
+  display: grid;
+  gap: 10px;
+}
+.event-row {
+  border-radius: 18px;
+  padding: 14px;
+  display: grid;
+  grid-template-columns: 58px 1fr 54px;
+  gap: 12px;
+  align-items: start;
+}
+.event-step,
+.event-reward {
+  color: #ecf2ff;
+  font-weight: 700;
+}
+.event-copy strong,
+.judge-card strong {
+  display: block;
+  margin-bottom: 6px;
+  color: #f7fbff;
+}
+.judge-sequence {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.judge-card {
+  border-radius: 24px;
+  padding: 18px;
+}
+@media (max-width: 1100px) {
+  .topbar,
+  .hero-surface,
+  .proof-grid,
+  .story-grid,
+  .architecture-grid,
+  .payload-grid,
+  .mission-grid,
+  .judge-sequence {
+    grid-template-columns: 1fr;
+  }
+  .viewport-overview,
+  .viewport-playground,
+  .viewport-judge {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "hero"
+      "architecture"
+      "story"
+      "proof"
+      "mission"
+      "controls"
+      "theater"
+      "payloads"
+      "recorder"
+      "judge";
+  }
+  .theater-stage {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (max-width: 720px) {
+  .topbar {
+    grid-template-columns: 1fr;
+  }
+  .controls,
+  .badge-row,
+  .micro-actions,
+  .theater-stage {
+    grid-template-columns: 1fr;
+  }
+  .controls {
+    justify-content: flex-start;
+  }
+  .metric-strip,
+  .payload-grid,
+  .mission-grid,
+  .judge-sequence {
+    grid-template-columns: 1fr;
+  }
+  .event-row,
+  .proof-row {
+    grid-template-columns: 1fr;
+  }
+  .hero-constellation {
+    min-height: 320px;
+  }
+  .hero-node-1,
+  .hero-node-2,
+  .hero-node-3,
+  .hero-node-4,
+  .hero-node-5 {
+    position: static;
+    margin: 10px;
+  }
+}

ui/app/layout.tsx ADDED Viewed

	@@ -0,0 +1,20 @@

+import "./globals.css";
+import type { Metadata } from "next";
+export const metadata: Metadata = {
+  title: "SENTINEL",
+  description:
+    "Trust-calibration environment for long-horizon multi-agent RL training."
+};
+export default function RootLayout({
+  children
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}

ui/app/page.tsx ADDED Viewed

	@@ -0,0 +1,917 @@

+"use client";
+import { useEffect, useMemo, useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import {
+  Activity,
+  ArrowRight,
+  Brain,
+  CircleGauge,
+  Cpu,
+  Eye,
+  Radar,
+  ShieldAlert,
+  Sparkles,
+  SplitSquareHorizontal,
+  Waves
+} from "lucide-react";
+type ViewMode = "overview" | "playground" | "judge";
+type TaskType = "task1" | "task2" | "task3";
+type ActionType = "delegate" | "verify" | "solve_independently" | "skip";
+type Observation = {
+  session_id: string;
+  scenario_id: string;
+  task_type: TaskType;
+  difficulty: string;
+  task_description: string;
+  current_subtask: string;
+  subtask_index: number;
+  subtasks_total: number;
+  subtasks_remaining: number;
+  available_specialists: string[];
+  trust_snapshot: Record<string, number>;
+  stakes_level: number;
+  step_count: number;
+  max_steps: number;
+  last_action_summary: string | null;
+  last_reward: number;
+  episode_status: string;
+};
+type Reward = {
+  value: number;
+  reason: string;
+  signal_breakdown?: Record<string, number>;
+};
+type StepResult = {
+  observation: Observation;
+  reward: Reward;
+  done: boolean;
+  info: {
+    session_id: string;
+    step_count: number;
+    max_steps: number;
+    total_reward: number;
+    score: number;
+    adversarial_detections?: number;
+    adversarial_poisonings?: number;
+  };
+};
+type EvalSummary = {
+  avg_score: number;
+  avg_completion_rate: number;
+  avg_detection_rate: number;
+  avg_trust_calibration: number;
+  avg_steps: number;
+};
+type EvaluationData = {
+  summary: {
+    random: EvalSummary;
+    heuristic: EvalSummary;
+    oracle_lite: EvalSummary;
+  };
+  by_task: {
+    task1: Record<string, EvalSummary>;
+    task2: Record<string, EvalSummary>;
+    task3: Record<string, EvalSummary>;
+  };
+};
+type EventItem = {
+  step: number;
+  action: string;
+  summary: string;
+  reward: string;
+};
+const tabs: { id: ViewMode; label: string; copy: string }[] = [
+  {
+    id: "overview",
+    label: "Overview",
+    copy:
+      "A product-style explanation of why SENTINEL exists, what it teaches, and how reward proves learning."
+  },
+  {
+    id: "playground",
+    label: "Playground",
+    copy:
+      "A live browser-facing mission surface where every trust change, request, response, and step result stays visible."
+  },
+  {
+    id: "judge",
+    label: "Judge Demo",
+    copy:
+      "A tighter pitch mode: show the baseline failure, the calibrated recovery, then the profile swap that proves generalization."
+  }
+];
+const taskOptions: { value: TaskType; label: string }[] = [
+  { value: "task1", label: "Task 1" },
+  { value: "task2", label: "Task 2" },
+  { value: "task3", label: "Task 3" }
+];
+const architectureCards = [
+  {
+    icon: Brain,
+    title: "Orchestrator",
+    copy:
+      "One public-facing decision maker learns trust, verification, and recovery from behavior alone."
+  },
+  {
+    icon: SplitSquareHorizontal,
+    title: "Shuffled Specialists",
+    copy:
+      "Public slots stay the same. Hidden specialist profiles reshuffle every reset, so identity memorization breaks."
+  },
+  {
+    icon: CircleGauge,
+    title: "Trust Ledger",
+    copy:
+      "Bayesian trust updates convert observed behavior into reusable routing signal across the episode."
+  },
+  {
+    icon: ShieldAlert,
+    title: "Reward Engine",
+    copy:
+      "Completion, adversarial detection, calibration, and efficiency form a reward the agent cannot cheaply hack."
+  }
+];
+function formatScore(value: number | undefined) {
+  return typeof value === "number" ? value.toFixed(3) : "0.000";
+}
+function trustColor(value: number) {
+  if (value >= 0.72) return "#7CE0D6";
+  if (value >= 0.5) return "#8DB5FF";
+  if (value >= 0.3) return "#FFC07E";
+  return "#FF8B94";
+}
+function bestSpecialist(obs: Observation | null) {
+  if (!obs) return "S0";
+  return [...obs.available_specialists].sort(
+    (a, b) => (obs.trust_snapshot[b] ?? 0.5) - (obs.trust_snapshot[a] ?? 0.5)
+  )[0];
+}
+function recommendedMove(obs: Observation | null): {
+  action: ActionType;
+  specialist: string;
+  trust: number;
+} {
+  if (!obs) {
+    return { action: "delegate", specialist: "S0", trust: 0.5 };
+  }
+  const specialist = bestSpecialist(obs);
+  const trust = obs.trust_snapshot[specialist] ?? 0.5;
+  if (obs.stakes_level >= 0.7 && trust < 0.65) {
+    return { action: "verify", specialist, trust };
+  }
+  return { action: "delegate", specialist, trust };
+}
+function randomMove(obs: Observation | null): {
+  action: ActionType;
+  specialist: string;
+  trust: number;
+} {
+  if (!obs) {
+    return { action: "delegate", specialist: "S0", trust: 0.5 };
+  }
+  const specialist =
+    obs.available_specialists[
+      Math.floor(Math.random() * obs.available_specialists.length)
+    ] || "S0";
+  return {
+    action: "delegate",
+    specialist,
+    trust: obs.trust_snapshot[specialist] ?? 0.5
+  };
+}
+export default function Page() {
+  const [view, setView] = useState<ViewMode>("overview");
+  const [taskType, setTaskType] = useState<TaskType>("task3");
+  const [seed, setSeed] = useState(42);
+  const [sessionId, setSessionId] = useState<string | null>(null);
+  const [result, setResult] = useState<StepResult | null>(null);
+  const [running, setRunning] = useState(false);
+  const [events, setEvents] = useState<EventItem[]>([]);
+  const [lastRequest, setLastRequest] = useState<Record<string, unknown> | null>(
+    null
+  );
+  const [lastResponse, setLastResponse] = useState<Record<string, unknown> | null>(
+    null
+  );
+  const [evaluation, setEvaluation] = useState<EvaluationData | null>(null);
+  const [demoPolicy, setDemoPolicy] = useState<"heuristic" | "random">(
+    "heuristic"
+  );
+  useEffect(() => {
+    fetch("/assets/evaluation_results.json")
+      .then((res) => res.json())
+      .then(setEvaluation)
+      .catch(() => null);
+  }, []);
+  useEffect(() => {
+    void resetEpisode(taskType, seed);
+  }, []);
+  const observation = result?.observation ?? null;
+  const info = result?.info;
+  const reward = result?.reward;
+  const move = recommendedMove(observation);
+  const proof = useMemo(() => {
+    if (!evaluation) return null;
+    return {
+      random: evaluation.summary.random,
+      heuristic: evaluation.summary.heuristic,
+      oracle: evaluation.summary.oracle_lite,
+      task3Random: evaluation.by_task.task3.random,
+      task3Heuristic: evaluation.by_task.task3.heuristic
+    };
+  }, [evaluation]);
+  async function resetEpisode(
+    nextTask = taskType,
+    nextSeed = seed
+  ): Promise<StepResult | null> {
+    setRunning(true);
+    const payload = { task_type: nextTask, seed: nextSeed };
+    setLastRequest({ method: "POST", path: "/reset", body: payload });
+    try {
+      const res = await fetch("/reset", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const data = (await res.json()) as StepResult;
+      setResult(data);
+      setLastResponse(data as unknown as Record<string, unknown>);
+      setSessionId(data.info.session_id);
+      setEvents([
+        {
+          step: 0,
+          action: "reset",
+          summary: "Episode initialized. Hidden profiles reshuffled.",
+          reward: "0.00"
+        }
+      ]);
+      return data;
+    } finally {
+      setRunning(false);
+    }
+  }
+  async function stepEpisode(
+    action: ActionType,
+    specialistOverride?: string,
+    context?: StepResult | null
+  ): Promise<StepResult | null> {
+    const activeResult = context ?? result;
+    const activeObservation = activeResult?.observation ?? observation;
+    const activeSessionId = activeResult?.info.session_id ?? sessionId;
+    if (!activeSessionId || !activeObservation || running || activeResult?.done) {
+      return null;
+    }
+    setRunning(true);
+    const specialist =
+      action === "delegate" || action === "verify"
+        ? specialistOverride || bestSpecialist(activeObservation)
+        : null;
+    const payload = {
+      session_id: activeSessionId,
+      task_type: activeObservation.task_type,
+      action_type: action,
+      specialist_id: specialist,
+      subtask_response: action === "solve_independently" ? "SELF_SOLVED" : null,
+      reasoning: `next-ui-${action}${specialist ? `-${specialist}` : ""}`
+    };
+    setLastRequest({
+      method: "POST",
+      path: `/step?session_id=${activeSessionId}`,
+      body: payload
+    });
+    try {
+      const res = await fetch(
+        `/step?session_id=${encodeURIComponent(activeSessionId)}`,
+        {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+        }
+      );
+      const data = (await res.json()) as StepResult;
+      setResult(data);
+      setLastResponse(data as unknown as Record<string, unknown>);
+      setEvents((prev) => [
+        ...prev,
+        {
+          step: data.info.step_count,
+          action: specialist ? `${action}:${specialist}` : action,
+          summary: data.reward.reason,
+          reward: data.reward.value.toFixed(2)
+        }
+      ]);
+      return data;
+    } finally {
+      setRunning(false);
+    }
+  }
+  async function autoRun(policy: "heuristic" | "random") {
+    setDemoPolicy(policy);
+    let localResult = result;
+    if (!localResult || localResult.done) {
+      localResult = await resetEpisode();
+    }
+    let guard = 0;
+    while (!localResult?.done && guard < 70) {
+      const obs = localResult?.observation ?? observation;
+      const selected =
+        policy === "random" ? randomMove(obs) : recommendedMove(obs);
+      const nextResult = await stepEpisode(
+        selected.action,
+        selected.specialist,
+        localResult
+      );
+      guard += 1;
+      await new Promise((resolve) => setTimeout(resolve, 130));
+      if (!nextResult) break;
+      localResult = nextResult;
+    }
+  }
+  async function swapProfilesAndReplay() {
+    const nextSeed = seed + 1;
+    setSeed(nextSeed);
+    await resetEpisode(taskType, nextSeed);
+    await autoRun(demoPolicy);
+  }
+  return (
+    <div className="sentinel-shell">
+      <div className="bg-grid" />
+      <header className="topbar">
+        <div className="brand">
+          <div className="brand-mark">
+            <Waves size={18} />
+          </div>
+          <div>
+            <div className="eyebrow">THE_BOYS • OpenEnv Finale Build</div>
+            <h1>SENTINEL</h1>
+            <p>
+              A Next-style mission surface for multi-agent trust calibration,
+              adversarial detection, and long-horizon orchestration.
+            </p>
+          </div>
+        </div>
+        <div className="controls">
+          <div className="control-pill">
+            <label>Task</label>
+            <select
+              value={taskType}
+              onChange={(e) => {
+                const next = e.target.value as TaskType;
+                setTaskType(next);
+                void resetEpisode(next, seed);
+              }}
+            >
+              {taskOptions.map((item) => (
+                <option key={item.value} value={item.value}>
+                  {item.label}
+                </option>
+              ))}
+            </select>
+          </div>
+          <div className="control-pill">
+            <label>Seed</label>
+            <input
+              type="number"
+              value={seed}
+              onChange={(e) => setSeed(Number(e.target.value || 0))}
+            />
+          </div>
+          <button className="btn primary" onClick={() => void resetEpisode()}>
+            Reset
+          </button>
+          <button className="btn" onClick={() => void swapProfilesAndReplay()}>
+            Swap Profiles
+          </button>
+        </div>
+      </header>
+      <nav className="tabbar">
+        {tabs.map((tab) => (
+          <button
+            key={tab.id}
+            className={`tab ${view === tab.id ? "active" : ""}`}
+            onClick={() => setView(tab.id)}
+          >
+            {tab.label}
+          </button>
+        ))}
+        <p className="tab-copy">{tabs.find((tab) => tab.id === view)?.copy}</p>
+      </nav>
+      <main className={`viewport viewport-${view}`}>
+        <section className="hero-panel section hero-surface">
+          <div className="hero-copy">
+            <div className="badge-row">
+              <span className="badge ghost">reset → step → state</span>
+              <span className="badge ghost">OpenEnv backend intact</span>
+              <span className="badge warm">skill, not identity</span>
+            </div>
+            <h2>LLMs don&apos;t fail only because they reason badly.</h2>
+            <p>
+              They fail because they trust the wrong agent too early, skip
+              verification when the stakes rise, and compound poisoned state
+              across long workflows. SENTINEL turns that into a trainable skill.
+            </p>
+            <div className="metric-strip">
+              <MetricCard
+                icon={Activity}
+                label="Random baseline"
+                value={formatScore(proof?.random.avg_score)}
+              />
+              <MetricCard
+                icon={Radar}
+                label="Heuristic baseline"
+                value={formatScore(proof?.heuristic.avg_score)}
+              />
+              <MetricCard
+                icon={ShieldAlert}
+                label="Task 3 detect"
+                value={formatScore(proof?.task3Heuristic.avg_detection_rate)}
+              />
+            </div>
+          </div>
+          <HeroConstellation observation={observation} />
+        </section>
+        {(view === "overview" || view === "judge") && (
+          <>
+            <section className="section architecture">
+              <SectionHead
+                eyebrow="Architecture"
+                title="What the system is actually made of"
+              />
+              <div className="architecture-grid">
+                {architectureCards.map((card, index) => (
+                  <motion.div
+                    key={card.title}
+                    className="glass-card architecture-card"
+                    initial={{ opacity: 0, y: 18 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.45, delay: index * 0.05 }}
+                  >
+                    <card.icon size={18} />
+                    <strong>{card.title}</strong>
+                    <span>{card.copy}</span>
+                  </motion.div>
+                ))}
+              </div>
+            </section>
+            <section className="section story">
+              <SectionHead
+                eyebrow="Before / After"
+                title="Why this environment matters to judges"
+              />
+              <div className="story-grid">
+                <StoryLane
+                  tone="before"
+                  label={`Task 3 random ${formatScore(
+                    proof?.task3Random.avg_score
+                  )}`}
+                  title="Without trust calibration"
+                  steps={[
+                    "Public slots start close together, so the orchestrator routes with weak evidence.",
+                    "A high-confidence but wrong specialist can poison a high-stakes node.",
+                    "That poisoned state propagates across later subtasks before anyone notices.",
+                    "Detection remains weak and the agent cannot explain which slot became risky."
+                  ]}
+                />
+                <StoryLane
+                  tone="after"
+                  label={`Task 3 heuristic ${formatScore(
+                    proof?.task3Heuristic.avg_score
+                  )}`}
+                  title="With SENTINEL-style routing"
+                  steps={[
+                    "Behavior updates the trust ledger after every step, so public slots diverge fast.",
+                    "When stakes rise and trust is shaky, the orchestrator switches from delegate to verify.",
+                    "Adversarial attempts are detected before they cascade into the rest of the workflow.",
+                    "Profile reshuffle forces evidence-based re-learning, proving skill instead of memorized identity."
+                  ]}
+                />
+              </div>
+            </section>
+            <section className="section proof">
+              <SectionHead
+                eyebrow="Reward Proof"
+                title="Real baseline numbers from the evaluator"
+              />
+              <div className="proof-grid">
+                <div className="proof-list">
+                  <ProofBar
+                    label="Random"
+                    value={proof?.random.avg_score}
+                    tone="bad"
+                  />
+                  <ProofBar
+                    label="Heuristic"
+                    value={proof?.heuristic.avg_score}
+                    tone="neutral"
+                  />
+                  <ProofBar
+                    label="Oracle-lite"
+                    value={proof?.oracle.avg_score}
+                    tone="good"
+                  />
+                  <ProofBar
+                    label="Task 3 detect"
+                    value={proof?.task3Heuristic.avg_detection_rate}
+                    tone="warm"
+                  />
+                </div>
+                <div className="chart-card">
+                  <img
+                    src="/assets/baseline_comparison.png"
+                    alt="Baseline comparison"
+                  />
+                </div>
+              </div>
+            </section>
+          </>
+        )}
+        {(view === "playground" || view === "judge") && (
+          <>
+            <section className="section mission">
+              <SectionHead
+                eyebrow="Mission"
+                title="Live orchestrator state"
+              />
+              <div className="mission-grid">
+                <StatBox label="Session" value={sessionId?.slice(0, 8) ?? "—"} />
+                <StatBox label="Score" value={formatScore(info?.score)} />
+                <StatBox
+                  label="Budget"
+                  value={
+                    observation
+                      ? `${observation.step_count}/${observation.max_steps}`
+                      : "0/0"
+                  }
+                />
+                <StatBox
+                  label="Stakes"
+                  value={
+                    observation ? observation.stakes_level.toFixed(2) : "0.00"
+                  }
+                />
+              </div>
+              <div className="subtask-card">
+                <div className="subtask-head">
+                  <span>Current subtask</span>
+                  <strong>{move.action}:{move.specialist}</strong>
+                </div>
+                <p>
+                  {observation?.current_subtask ??
+                    "Reset the episode to begin the live flow."}
+                </p>
+              </div>
+            </section>
+            <section className="section theater">
+              <SectionHead
+                eyebrow="Trust Surface"
+                title="Public slots vs hidden risk"
+              />
+              <div className="theater-stage">
+                {observation?.available_specialists.map((id, index) => {
+                  const trust = observation.trust_snapshot[id] ?? 0.5;
+                  return (
+                    <motion.div
+                      key={id}
+                      className={`specialist-node ${
+                        id === move.specialist ? "active" : ""
+                      }`}
+                      initial={{ opacity: 0, y: 14 }}
+                      animate={{ opacity: 1, y: 0 }}
+                      transition={{ duration: 0.35, delay: index * 0.05 }}
+                    >
+                      <div className="specialist-top">
+                        <strong>{id}</strong>
+                        <span>{trust.toFixed(2)}</span>
+                      </div>
+                      <div className="meter">
+                        <span
+                          style={{
+                            width: `${trust * 100}%`,
+                            background: trustColor(trust)
+                          }}
+                        />
+                      </div>
+                      <div className="specialist-foot">
+                        {id === move.specialist ? "Recommended" : "Public slot"}
+                      </div>
+                    </motion.div>
+                  );
+                })}
+              </div>
+            </section>
+            <section className="section controls-panel">
+              <SectionHead
+                eyebrow="Command"
+                title="Run the orchestrator"
+              />
+              <div className="action-stack">
+                <button
+                  className="btn primary wide"
+                  disabled={running}
+                  onClick={() => void autoRun("heuristic")}
+                >
+                  <Brain size={16} />
+                  Run Heuristic
+                </button>
+                <button
+                  className="btn wide"
+                  disabled={running}
+                  onClick={() => void autoRun("random")}
+                >
+                  <Cpu size={16} />
+                  Run Random
+                </button>
+                <div className="micro-actions">
+                  <button
+                    className="btn micro"
+                    disabled={running}
+                    onClick={() => void stepEpisode("delegate", move.specialist)}
+                  >
+                    Delegate
+                  </button>
+                  <button
+                    className="btn micro"
+                    disabled={running}
+                    onClick={() => void stepEpisode("verify", move.specialist)}
+                  >
+                    Verify
+                  </button>
+                  <button
+                    className="btn micro"
+                    disabled={running}
+                    onClick={() => void stepEpisode("solve_independently")}
+                  >
+                    Self solve
+                  </button>
+                  <button
+                    className="btn micro"
+                    disabled={running}
+                    onClick={() => void stepEpisode("skip")}
+                  >
+                    Skip
+                  </button>
+                </div>
+              </div>
+            </section>
+            <section className="section payloads">
+              <SectionHead
+                eyebrow="Backend Visible"
+                title="Request / response playground"
+              />
+              <div className="payload-grid">
+                <JsonCard title="Last request" data={lastRequest} />
+                <JsonCard title="Last response" data={lastResponse} />
+              </div>
+            </section>
+            <section className="section recorder">
+              <SectionHead
+                eyebrow="Flight Recorder"
+                title="Event trail"
+              />
+              <div className="event-list">
+                {events.slice(-8).reverse().map((event) => (
+                  <div className="event-row" key={`${event.step}-${event.action}`}>
+                    <div className="event-step">#{event.step}</div>
+                    <div className="event-copy">
+                      <strong>{event.action}</strong>
+                      <span>{event.summary}</span>
+                    </div>
+                    <div className="event-reward">{event.reward}</div>
+                  </div>
+                ))}
+              </div>
+            </section>
+          </>
+        )}
+        {view === "judge" && (
+          <section className="section judge">
+            <SectionHead
+              eyebrow="Judge Flow"
+              title="A crisp 3-minute demo rail"
+            />
+            <div className="judge-sequence">
+              <JudgeStep
+                icon={ShieldAlert}
+                title="1. Show the failure"
+                copy="Run Random to show that long-horizon multi-agent routing collapses when trust is static."
+              />
+              <JudgeStep
+                icon={Eye}
+                title="2. Show the recovery"
+                copy="Run Heuristic to show trust divergence, verification at risky gates, and stronger detection."
+              />
+              <JudgeStep
+                icon={Sparkles}
+                title="3. Show generalization"
+                copy="Swap hidden profiles and replay to prove the orchestrator learned a transferable skill rather than a memorized slot."
+              />
+            </div>
+          </section>
+        )}
+      </main>
+    </div>
+  );
+}
+function SectionHead({
+  eyebrow,
+  title
+}: {
+  eyebrow: string;
+  title: string;
+}) {
+  return (
+    <div className="section-head">
+      <span>{eyebrow}</span>
+      <h3>{title}</h3>
+    </div>
+  );
+}
+function MetricCard({
+  icon: Icon,
+  label,
+  value
+}: {
+  icon: typeof Activity;
+  label: string;
+  value: string;
+}) {
+  return (
+    <div className="metric-card">
+      <Icon size={16} />
+      <div>
+        <span>{label}</span>
+        <strong>{value}</strong>
+      </div>
+    </div>
+  );
+}
+function StoryLane({
+  tone,
+  label,
+  title,
+  steps
+}: {
+  tone: "before" | "after";
+  label: string;
+  title: string;
+  steps: string[];
+}) {
+  return (
+    <div className={`story-lane ${tone}`}>
+      <div className="story-header">
+        <span className="story-label">{label}</span>
+        <strong>{title}</strong>
+      </div>
+      <div className="story-steps">
+        {steps.map((step) => (
+          <div key={step} className="story-step">
+            {step}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+function ProofBar({
+  label,
+  value,
+  tone
+}: {
+  label: string;
+  value: number | undefined;
+  tone: "bad" | "neutral" | "good" | "warm";
+}) {
+  const widths = typeof value === "number" ? `${Math.max(0, value * 100)}%` : "0%";
+  return (
+    <div className="proof-row">
+      <span>{label}</span>
+      <div className="proof-meter">
+        <span className={`tone-${tone}`} style={{ width: widths }} />
+      </div>
+      <strong>{formatScore(value)}</strong>
+    </div>
+  );
+}
+function StatBox({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="stat-box">
+      <span>{label}</span>
+      <strong>{value}</strong>
+    </div>
+  );
+}
+function JsonCard({
+  title,
+  data
+}: {
+  title: string;
+  data: Record<string, unknown> | null;
+}) {
+  return (
+    <div className="json-card">
+      <div className="json-head">{title}</div>
+      <pre>{JSON.stringify(data ?? { waiting: true }, null, 2)}</pre>
+    </div>
+  );
+}
+function JudgeStep({
+  icon: Icon,
+  title,
+  copy
+}: {
+  icon: typeof ArrowRight;
+  title: string;
+  copy: string;
+}) {
+  return (
+    <motion.div
+      className="judge-card"
+      whileHover={{ y: -3 }}
+      transition={{ duration: 0.18 }}
+    >
+      <Icon size={18} />
+      <strong>{title}</strong>
+      <span>{copy}</span>
+    </motion.div>
+  );
+}
+function HeroConstellation({ observation }: { observation: Observation | null }) {
+  const ids = observation?.available_specialists ?? ["S0", "S1", "S2", "S3", "S4"];
+  return (
+    <div className="hero-constellation">
+      <motion.div
+        className="orb-core"
+        animate={{ scale: [1, 1.06, 1], rotate: [0, 3, 0] }}
+        transition={{ duration: 6, repeat: Infinity, ease: "easeInOut" }}
+      />
+      <div className="orb-ring ring-a" />
+      <div className="orb-ring ring-b" />
+      <div className="hero-node hero-node-main">
+        <Brain size={18} />
+        <span>Orchestrator</span>
+      </div>
+      {ids.map((id, index) => (
+        <motion.div
+          key={id}
+          className={`hero-node hero-node-${index + 1}`}
+          animate={{ y: [0, -6, 0] }}
+          transition={{
+            duration: 3 + index * 0.4,
+            repeat: Infinity,
+            ease: "easeInOut",
+            delay: index * 0.2
+          }}
+        >
+          <span>{id}</span>
+        </motion.div>
+      ))}
+    </div>
+  );
+}

ui/next-env.d.ts ADDED Viewed

	@@ -0,0 +1,6 @@

+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

ui/next.config.mjs ADDED Viewed

	@@ -0,0 +1,9 @@

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: "export",
+  images: {
+    unoptimized: true
+  }
+};
+export default nextConfig;

ui/package-lock.json ADDED Viewed

	@@ -0,0 +1,1019 @@

+{
+  "name": "sentinel-ui",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "sentinel-ui",
+      "version": "0.1.0",
+      "dependencies": {
+        "framer-motion": "^12.23.24",
+        "lucide-react": "^0.539.0",
+        "next": "^15.3.3",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1"
+      },
+      "devDependencies": {
+        "@types/node": "^24.3.0",
+        "@types/react": "^19.1.11",
+        "@types/react-dom": "^19.1.7",
+        "typescript": "^5.9.2"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.15.tgz",
+      "integrity": "sha512-vcmyu5/MyFzN7CdqRHO3uHO44p/QPCZkuTUXroeUmhNP8bL5PHFEhik22JUazt+CDDoD6EpBYRCaS2pISL+/hg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.15.tgz",
+      "integrity": "sha512-6PvFO2Tzt10GFK2Ro9tAVEtacMqRmTarYMFKAnV2vYMdwWc73xzmDQyAV7SwEdMhzmiRoo7+m88DuiXlJlGeaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.15.tgz",
+      "integrity": "sha512-G+YNV+z6FDZTp/+IdGyIMFqalBTaQSnvAA+X/hrt+eaTRFSznRMz9K7rTmzvM6tDmKegNtyzgufZW0HwVzEqaQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.15.tgz",
+      "integrity": "sha512-eVkrMcVIBqGfXB+QUC7jjZ94Z6uX/dNStbQFabewAnk13Uy18Igd1YZ/GtPRzdhtm7QwC0e6o7zOQecul4iC1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.15.tgz",
+      "integrity": "sha512-RwSHKMQ7InLy5GfkY2/n5PcFycKA08qI1VST78n09nN36nUPqCvGSMiLXlfUmzmpQpF6XeBYP2KRWHi0UW3uNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.15.tgz",
+      "integrity": "sha512-nplqvY86LakS+eeiuWsNWvfmK8pFcOEW7ZtVRt4QH70lL+0x6LG/m1OpJ/tvrbwjmR8HH9/fH2jzW1GlL03TIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.15.tgz",
+      "integrity": "sha512-eAgl9NKQ84/sww0v81DQINl/vL2IBxD7sMybd0cWRw6wqgouVI53brVRBrggqBRP/NWeIAE1dm5cbKYoiMlqDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.15.tgz",
+      "integrity": "sha512-GJVZC86lzSquh0MtvZT+L7G8+jMnJcldloOjA8Kf3wXvBrvb6OGe2MzPuALxFshSm/IpwUtD2mIoof39ymf52A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.15.tgz",
+      "integrity": "sha512-nFucjVdwlFqxh/JG3hWSJ4p8+YJV7Ii8aPDuBQULB6DzUF4UNZETXLfEUk+oI2zEznWWULPt7MeuTE6xtK1HSA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.12.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.2.tgz",
+      "integrity": "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001790",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001790.tgz",
+      "integrity": "sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
+      "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.38.0",
+        "motion-utils": "^12.36.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.539.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.539.0.tgz",
+      "integrity": "sha512-VVISr+VF2krO91FeuCrm1rSOLACQUYVy7NQkzrOty52Y8TlTPcXcMdQFj9bYzBgXbWCiywlwSZ3Z8u6a+6bMlg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
+      "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.36.0"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.36.0",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
+      "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.15.tgz",
+      "integrity": "sha512-VSqCrJwtLVGwAVE0Sb/yikrQfkwkZW9p+lL/J4+xe+G3ZA+QnWPqgcfH1tDUEuk9y+pthzzVFp4L/U8JerMfMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.15",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.15",
+        "@next/swc-darwin-x64": "15.5.15",
+        "@next/swc-linux-arm64-gnu": "15.5.15",
+        "@next/swc-linux-arm64-musl": "15.5.15",
+        "@next/swc-linux-x64-gnu": "15.5.15",
+        "@next/swc-linux-x64-musl": "15.5.15",
+        "@next/swc-win32-arm64-msvc": "15.5.15",
+        "@next/swc-win32-x64-msvc": "15.5.15",
+        "sharp": "^0.34.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
+      "integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.5"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}

ui/package.json ADDED Viewed

	@@ -0,0 +1,23 @@

+{
+  "name": "sentinel-ui",
+  "private": true,
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "framer-motion": "^12.23.24",
+    "lucide-react": "^0.539.0",
+    "next": "^15.3.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.11",
+    "@types/react-dom": "^19.1.7",
+    "typescript": "^5.9.2"
+  }
+}

ui/tsconfig.json ADDED Viewed

	@@ -0,0 +1,20 @@

+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}