FEAT: Replace Streamlit with Next.js dashboard — 8 components, dark diff view, proper API routing

Dockerfile

@@ -2,25 +2,36 @@ FROM python:3.11-slim
 
 WORKDIR /app
 
-# Install system dependencies
+# Install system dependencies + Node.js 18
 RUN apt-get update && apt-get install -y \
     bash \
     nginx \
+    curl \
+    && curl -fsSL https://deb.nodesource.com/setup_18.x | bash - \
+    && apt-get install -y nodejs \
     && rm -rf /var/lib/apt/lists/*
 
 # Copy Nginx configuration
 COPY nginx.conf /etc/nginx/nginx.conf
 
+# Install Python dependencies
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
+# Install Next.js dependencies and build
+COPY pr_review_dashboard/package.json pr_review_dashboard/package-lock.json ./pr_review_dashboard/
+RUN cd pr_review_dashboard && npm ci --production=false
+
+# Copy everything
 COPY . .
 
+# Build the Next.js frontend
+RUN cd pr_review_dashboard && npm run build
+
 # Ensure start.sh is executable
 RUN chmod +x start.sh
 
 ENV PYTHONPATH=/app
 EXPOSE 7860
 
-# We use start.sh to launch FastAPI, Streamlit, and Nginx
 CMD ["./start.sh"]

nginx.conf

@@ -19,7 +19,7 @@ http {
         listen 7860;
         server_name localhost;
 
-        # 1. OpenEnv API Endpoints (FastAPI on Port 8000)
+        # 1. FastAPI Backend API routes
         location /reset {
             proxy_pass http://localhost:8000/reset;
             proxy_set_header Host $host;
@@ -38,26 +38,25 @@ http {
             proxy_set_header X-Real-IP $remote_addr;
         }
 
-        # 2. Streamlit WebSocket (Port 8501)
-        location /_stcore/stream {
-            proxy_pass http://localhost:8501/_stcore/stream;
-            proxy_http_version 1.1;
-            proxy_set_header Upgrade $http_upgrade;
-            proxy_set_header Connection "upgrade";
+        location /state {
+            proxy_pass http://localhost:8000/state;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+        }
+
+        location /config/custom {
+            proxy_pass http://localhost:8000/config/custom;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
-            proxy_read_timeout 86400;
         }
 
-        # 3. Streamlit UI (Port 8501)
+        # 2. Next.js Frontend (port 3000)
         location / {
-            proxy_pass http://localhost:8501;
+            proxy_pass http://localhost:3000;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
-            
-            # Additional Streamlit settings
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
             proxy_set_header Connection $connection_upgrade;

pr_review_dashboard/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

pr_review_dashboard/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

pr_review_dashboard/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

pr_review_dashboard/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

pr_review_dashboard/app/api/agent/route.js

@@ -0,0 +1,54 @@
+import OpenAI from "openai";
+
+export async function POST(request) {
+  try {
+    const { observation, modelId, apiUrl, apiKey } = await request.json();
+
+    if (!apiKey || !modelId || !apiUrl) {
+      return Response.json({ decision: "error", comment: "Missing API credentials." }, { status: 400 });
+    }
+
+    const client = new OpenAI({ baseURL: apiUrl, apiKey: apiKey });
+
+    const systemPrompt =
+      'You are a senior software engineer performing a pull request code review.\n' +
+      'Respond with ONLY this JSON (no markdown, no extra text):\n' +
+      '{"decision": "approve|request_changes|escalate", "comment": "your review"}';
+
+    const historyLines = (observation.review_history || [])
+      .map(h => `${h.role.toUpperCase()}: ${h.content}`)
+      .join("\n") || "None yet.";
+
+    const userPrompt =
+      `PR Title: ${observation.pr_title || "N/A"}\n` +
+      `PR Description: ${observation.pr_description || "N/A"}\n\n` +
+      `Diff:\n${observation.diff || "No diff"}\n\n` +
+      `Review History:\n${historyLines}\n\n` +
+      `Author's latest response: ${observation.author_response || "N/A"}\n\n` +
+      `Submit your review decision as JSON:`;
+
+    const resp = await client.chat.completions.create({
+      model: modelId,
+      messages: [
+        { role: "system", content: systemPrompt },
+        { role: "user", content: userPrompt },
+      ],
+      max_tokens: 500,
+      temperature: 0.1,
+    });
+
+    let raw = resp.choices[0].message.content.trim();
+    if (raw.includes("```json")) raw = raw.split("```json")[1].split("```")[0];
+    else if (raw.includes("```")) raw = raw.split("```")[1].split("```")[0];
+    raw = raw.trim();
+
+    const parsed = JSON.parse(raw);
+    if (!parsed.decision || !parsed.comment) {
+      return Response.json({ decision: "error", comment: "Model returned invalid format." }, { status: 200 });
+    }
+
+    return Response.json(parsed);
+  } catch (e) {
+    return Response.json({ decision: "error", comment: `API Error: ${e.message}` }, { status: 200 });
+  }
+}

pr_review_dashboard/app/globals.css

@@ -0,0 +1,303 @@
+/* ═══════════════════════════════════════════════════════════
+   PR Review Dashboard — Global Styles
+   Ported from user's custom HTML design
+   ═══════════════════════════════════════════════════════════ */
+
+:root {
+  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono: 'Fira Code', 'SF Mono', 'Cascadia Code', monospace;
+  --color-background-primary: #ffffff;
+  --color-background-secondary: #f6f8fa;
+  --color-background-tertiary: #eaeef2;
+  --color-text-primary: #1f2328;
+  --color-text-secondary: #656d76;
+  --color-text-tertiary: #8b949e;
+  --color-border-secondary: #d0d7de;
+  --color-border-tertiary: #d8dee4;
+  --border-radius-md: 6px;
+  --border-radius-lg: 10px;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body { font-family: var(--font-sans); background: var(--color-background-secondary); color: var(--color-text-primary); }
+
+/* ── Dashboard Grid ── */
+.dash {
+  display: grid;
+  grid-template-columns: 240px 1fr;
+  min-height: 100vh;
+  gap: 0;
+  background: var(--color-background-primary);
+}
+
+/* ── Sidebar ── */
+.sidebar {
+  background: var(--color-background-secondary);
+  border-right: 0.5px solid var(--color-border-tertiary);
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  overflow-y: auto;
+}
+.sidebar-label {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--color-text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: .06em;
+  margin-bottom: 4px;
+}
+.sidebar select, .sidebar input, .sidebar textarea {
+  width: 100%;
+  font-size: 13px;
+  padding: 7px 10px;
+  background: var(--color-background-primary);
+  border: 0.5px solid var(--color-border-secondary);
+  border-radius: var(--border-radius-md);
+  color: var(--color-text-primary);
+  font-family: var(--font-sans);
+}
+.sidebar textarea { resize: vertical; min-height: 60px; }
+.init-btn {
+  width: 100%;
+  padding: 9px;
+  font-size: 13px;
+  font-weight: 500;
+  background: var(--color-background-primary);
+  border: 0.5px solid var(--color-border-secondary);
+  border-radius: var(--border-radius-md);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  transition: background .15s;
+  font-family: var(--font-sans);
+}
+.init-btn:hover { background: var(--color-background-tertiary); }
+.init-btn.active { background: #1a7f3c; color: #fff; border-color: #1a7f3c; }
+.init-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* ── Main Area ── */
+.main {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  overflow: hidden;
+}
+
+/* ── Top Bar ── */
+.topbar {
+  padding: 14px 18px;
+  border-bottom: 0.5px solid var(--color-border-tertiary);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.pr-title { font-size: 15px; font-weight: 500; color: var(--color-text-primary); }
+.pr-sub { font-size: 12px; color: var(--color-text-secondary); margin-top: 2px; }
+
+/* ── Badges ── */
+.badge {
+  font-size: 11px;
+  font-weight: 500;
+  padding: 4px 10px;
+  border-radius: 20px;
+  letter-spacing: .02em;
+  white-space: nowrap;
+}
+.badge.approve  { background: #d4edda; color: #1a7f3c; }
+.badge.request  { background: #fde8e8; color: #c0392b; }
+.badge.escalate { background: #fef3cd; color: #856404; }
+.badge.running  { background: var(--color-background-secondary); color: var(--color-text-secondary); }
+.badge.idle     { background: var(--color-background-secondary); color: var(--color-text-tertiary); }
+
+/* ── Metric Cards ── */
+.metrics {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  padding: 14px 18px;
+  border-bottom: 0.5px solid var(--color-border-tertiary);
+}
+.metric-card {
+  background: var(--color-background-secondary);
+  border-radius: var(--border-radius-md);
+  padding: 10px 14px;
+}
+.metric-card .m-label { font-size: 11px; color: var(--color-text-tertiary); margin-bottom: 4px; }
+.metric-card .m-val { font-size: 22px; font-weight: 500; color: var(--color-text-primary); line-height: 1; }
+.metric-card .m-sub { font-size: 11px; color: var(--color-text-secondary); margin-top: 3px; }
+.progress-bar { height: 4px; background: var(--color-border-tertiary); border-radius: 2px; overflow: hidden; margin-top: 6px; }
+.progress-fill { height: 100%; border-radius: 2px; transition: width .5s ease; background: #1a7f3c; }
+
+/* ── Tabs ── */
+.tabs {
+  display: flex;
+  gap: 0;
+  padding: 0 18px;
+  border-bottom: 0.5px solid var(--color-border-tertiary);
+}
+.tab {
+  font-size: 12px;
+  font-weight: 500;
+  padding: 9px 14px;
+  cursor: pointer;
+  color: var(--color-text-secondary);
+  border-bottom: 2px solid transparent;
+  transition: color .15s;
+  user-select: none;
+}
+.tab:hover { color: var(--color-text-primary); }
+.tab.active { color: var(--color-text-primary); border-bottom-color: var(--color-text-primary); }
+
+/* ── Content ── */
+.content {
+  flex: 1;
+  overflow: auto;
+  padding: 16px 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+/* ── Diff View (Dark theme) ── */
+.diff-box {
+  background: #0d1117;
+  border-radius: var(--border-radius-md);
+  overflow: hidden;
+  border: 0.5px solid #30363d;
+}
+.diff-header {
+  background: #161b22;
+  padding: 8px 14px;
+  font-size: 11px;
+  color: #8b949e;
+  font-family: var(--font-mono);
+  border-bottom: 0.5px solid #30363d;
+  display: flex;
+  justify-content: space-between;
+}
+.diff-body {
+  padding: 4px 0;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.7;
+}
+.diff-line {
+  padding: 1px 14px;
+  display: flex;
+  gap: 10px;
+  color: #e6edf3;
+}
+.diff-line .ln {
+  color: #484f58;
+  min-width: 28px;
+  text-align: right;
+  user-select: none;
+}
+.diff-line.add { background: rgba(46,160,67,.15); color: #aff5b4; }
+.diff-line.add .ln { color: rgba(46,160,67,.5); }
+.diff-line.del { background: rgba(248,81,73,.15); color: #ffa198; }
+.diff-line.del .ln { color: rgba(248,81,73,.5); }
+.diff-line.meta { color: #8b949e; background: #161b22; }
+
+/* ── Chat Timeline ── */
+.chat-thread { display: flex; flex-direction: column; gap: 12px; }
+.chat-msg { display: flex; gap: 10px; align-items: flex-start; }
+.chat-msg.author { flex-direction: row-reverse; }
+.avatar {
+  width: 30px; height: 30px; border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
+  font-size: 11px; font-weight: 500; flex-shrink: 0;
+}
+.avatar.reviewer { background: #E6F1FB; color: #185FA5; }
+.avatar.author { background: #EAF3DE; color: #3B6D11; }
+.bubble {
+  background: var(--color-background-secondary);
+  border: 0.5px solid var(--color-border-tertiary);
+  border-radius: var(--border-radius-lg);
+  padding: 10px 14px;
+  font-size: 13px;
+  color: var(--color-text-primary);
+  max-width: 80%;
+  line-height: 1.55;
+}
+.bubble.reviewer { border-radius: 4px var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg); }
+.bubble.author { background: #F0F7FF; border-radius: var(--border-radius-lg) 4px var(--border-radius-lg) var(--border-radius-lg); }
+.chat-meta { font-size: 10px; color: var(--color-text-tertiary); margin-top: 3px; }
+
+/* ── Manual Override ── */
+.manual-textarea {
+  width: 100%;
+  min-height: 80px;
+  font-size: 13px;
+  padding: 10px;
+  background: var(--color-background-secondary);
+  border: 0.5px solid var(--color-border-secondary);
+  border-radius: var(--border-radius-md);
+  color: var(--color-text-primary);
+  resize: vertical;
+  font-family: var(--font-sans);
+}
+.manual-actions { display: flex; gap: 8px; margin-top: 8px; }
+
+/* ── Log Box ── */
+.log-box {
+  background: var(--color-background-secondary);
+  border: 0.5px solid var(--color-border-tertiary);
+  border-radius: var(--border-radius-md);
+  overflow: hidden;
+}
+.log-toggle {
+  padding: 10px 14px;
+  font-size: 12px;
+  cursor: pointer;
+  color: var(--color-text-secondary);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  user-select: none;
+}
+.log-toggle:hover { background: var(--color-background-tertiary); }
+.log-content {
+  padding: 12px 14px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  border-top: 0.5px solid var(--color-border-tertiary);
+  line-height: 1.8;
+  white-space: pre-wrap;
+}
+
+/* ── Reward Chart ── */
+.reward-chart { padding: 4px 0 8px; }
+.chart-row { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
+.chart-label { font-size: 11px; color: var(--color-text-tertiary); min-width: 40px; text-align: right; }
+.chart-bar-wrap { flex: 1; height: 12px; background: var(--color-background-secondary); border-radius: 2px; overflow: hidden; }
+.chart-bar { height: 100%; border-radius: 2px; transition: width .6s ease; }
+.chart-val { font-size: 11px; color: var(--color-text-secondary); min-width: 28px; }
+
+/* ── Utilities ── */
+.section-head {
+  font-size: 11px; font-weight: 500; color: var(--color-text-tertiary);
+  text-transform: uppercase; letter-spacing: .06em;
+}
+.sep { height: 0.5px; background: var(--color-border-tertiary); }
+.pulse { animation: pulse 1.8s ease-in-out infinite; }
+@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
+.thinking { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--color-text-secondary); padding: 4px 0; }
+.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-text-tertiary); }
+.dot:nth-child(1) { animation: blink 1.2s .0s infinite; }
+.dot:nth-child(2) { animation: blink 1.2s .2s infinite; }
+.dot:nth-child(3) { animation: blink 1.2s .4s infinite; }
+@keyframes blink { 0%,80%,100% { opacity: .2; } 40% { opacity: 1; } }
+
+/* ── Error/Status messages ── */
+.status-msg {
+  padding: 8px 12px;
+  border-radius: var(--border-radius-md);
+  font-size: 12px;
+  font-weight: 500;
+}
+.status-msg.error { background: #fde8e8; color: #c0392b; }
+.status-msg.success { background: #d4edda; color: #1a7f3c; }
+.status-msg.info { background: #E6F1FB; color: #185FA5; }

pr_review_dashboard/app/layout.js

@@ -0,0 +1,20 @@
+import "./globals.css";
+
+export const metadata = {
+  title: "PR Review Command Center",
+  description: "AI-powered code review negotiation environment",
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <head>
+        <link
+          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap"
+          rel="stylesheet"
+        />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}

pr_review_dashboard/app/page.js

@@ -0,0 +1,180 @@
+"use client";
+import { useState, useCallback } from "react";
+import Sidebar from "@/components/Sidebar";
+import TopBar from "@/components/TopBar";
+import MetricCards from "@/components/MetricCards";
+import TabBar from "@/components/TabBar";
+import DiffView from "@/components/DiffView";
+import Timeline from "@/components/Timeline";
+import ManualOverride from "@/components/ManualOverride";
+import LogBox from "@/components/LogBox";
+import { resetEnv, stepEnv, callAgent } from "@/lib/api";
+
+export default function Dashboard() {
+  // ── Config state ──
+  const [taskName, setTaskName] = useState("single-pass-review");
+  const [apiUrl, setApiUrl] = useState("https://integrate.api.nvidia.com/v1");
+  const [modelId, setModelId] = useState("google/gemma-4-31b-it");
+  const [apiKey, setApiKey] = useState("");
+  const [isInternal] = useState(false);
+
+  // ── Environment state ──
+  const [initialized, setInitialized] = useState(false);
+  const [initStatus, setInitStatus] = useState("idle"); // idle | loading | ready
+  const [observation, setObservation] = useState({});
+  const [score, setScore] = useState(0);
+  const [turn, setTurn] = useState(0);
+  const [maxTurns, setMaxTurns] = useState(3);
+  const [done, setDone] = useState(false);
+  const [decision, setDecision] = useState("IDLE");
+  const [rewards, setRewards] = useState([]);
+  const [logs, setLogs] = useState([]);
+  const [isThinking, setIsThinking] = useState(false);
+  const [error, setError] = useState(null);
+
+  // ── Tab state ──
+  const [activeTab, setActiveTab] = useState("diff");
+
+  const addLog = useCallback((msg) => {
+    setLogs(prev => [...prev, `[${new Date().toLocaleTimeString()}] ${msg}`]);
+  }, []);
+
+  // ── Initialize ──
+  const handleInit = useCallback(async () => {
+    setError(null);
+    setInitStatus("loading");
+    addLog(`Resetting environment: ${taskName}`);
+    try {
+      const obs = await resetEnv(taskName);
+      setObservation(obs);
+      setInitialized(true);
+      setScore(0);
+      setTurn(1);
+      setMaxTurns(3);
+      setDone(false);
+      setDecision("IDLE");
+      setRewards([]);
+      setInitStatus("ready");
+      addLog(`Environment ready. PR: ${obs.pr_title}`);
+    } catch (e) {
+      setError(e.message);
+      setInitStatus("idle");
+      addLog(`ERROR: ${e.message}`);
+    }
+  }, [taskName, addLog]);
+
+  // ── Execute AI Round ──
+  const handleExecute = useCallback(async () => {
+    if (done || isThinking) return;
+    setError(null);
+    setIsThinking(true);
+    addLog(`Calling AI agent: ${modelId}`);
+
+    try {
+      const action = await callAgent({ observation, modelId, apiUrl, apiKey });
+
+      if (action.decision === "error") {
+        setError(action.comment);
+        addLog(`AI ERROR: ${action.comment}`);
+        setIsThinking(false);
+        return;
+      }
+
+      addLog(`AI decision: ${action.decision}`);
+      const result = await stepEnv(action);
+      const newReward = result.reward;
+
+      setObservation(result.observation);
+      setScore(prev => prev + newReward);
+      setRewards(prev => [...prev, newReward]);
+      setDone(result.done);
+      setDecision(action.decision.toUpperCase());
+      if (!result.done) setTurn(prev => prev + 1);
+
+      addLog(`Step complete: reward=${newReward.toFixed(2)} done=${result.done}`);
+    } catch (e) {
+      setError(e.message);
+      addLog(`STEP ERROR: ${e.message}`);
+    } finally {
+      setIsThinking(false);
+    }
+  }, [done, isThinking, observation, modelId, apiUrl, apiKey, addLog]);
+
+  // ── Manual Override ──
+  const handleManual = useCallback(async ({ decision: dec, comment }) => {
+    if (done) return null;
+    setError(null);
+    addLog(`Manual action: ${dec}`);
+    try {
+      const result = await stepEnv({ decision: dec, comment: comment || "Manual review." });
+      setObservation(result.observation);
+      setScore(prev => prev + result.reward);
+      setRewards(prev => [...prev, result.reward]);
+      setDone(result.done);
+      setDecision(dec.toUpperCase());
+      if (!result.done) setTurn(prev => prev + 1);
+      addLog(`Manual step: reward=${result.reward.toFixed(2)} done=${result.done}`);
+      return result;
+    } catch (e) {
+      setError(e.message);
+      addLog(`MANUAL ERROR: ${e.message}`);
+      return null;
+    }
+  }, [done, addLog]);
+
+  // ── Derived Data ──
+  const epStatus = !initialized ? "Waiting" : done ? "Complete" : "Running";
+  const epSub = !initialized ? "No episode" : done ? "Episode finished" : isThinking ? "AI turn active" : "Ready for input";
+  const prSub = initialized
+    ? `${taskName} · Turn ${turn}/${maxTurns}`
+    : "Select a scenario and initialize";
+
+  return (
+    <div className="dash">
+      <Sidebar
+        taskName={taskName} setTaskName={setTaskName}
+        apiUrl={apiUrl} setApiUrl={setApiUrl}
+        modelId={modelId} setModelId={setModelId}
+        apiKey={apiKey} setApiKey={setApiKey}
+        onInit={handleInit}
+        initStatus={initStatus}
+        rewards={rewards}
+        isInternal={isInternal}
+      />
+      <div className="main">
+        <TopBar
+          title={observation.pr_title || "PR Review Command Center"}
+          subtitle={prSub}
+          decision={decision}
+        />
+        <MetricCards
+          score={score}
+          turn={turn}
+          maxTurns={maxTurns}
+          status={epStatus}
+          statusSub={epSub}
+        />
+        <TabBar activeTab={activeTab} setActiveTab={setActiveTab} />
+
+        <div className="content">
+          {error && <div className="status-msg error">{error}</div>}
+
+          {activeTab === "diff" && <DiffView diff={observation.diff} />}
+          {activeTab === "timeline" && (
+            <Timeline
+              history={observation.review_history || []}
+              isThinking={isThinking}
+              onExecute={handleExecute}
+              done={done}
+            />
+          )}
+          {activeTab === "manual" && (
+            <ManualOverride onSubmit={handleManual} disabled={done || !initialized} />
+          )}
+
+          <LogBox logs={logs} />
+        </div>
+      </div>
+    </div>
+  );
+}

pr_review_dashboard/components/DiffView.js

@@ -0,0 +1,65 @@
+"use client";
+
+export default function DiffView({ diff }) {
+  if (!diff || !diff.trim()) {
+    return (
+      <div className="diff-box">
+        <div className="diff-header"><span>No diff loaded</span></div>
+      </div>
+    );
+  }
+
+  const lines = diff.split("\n");
+
+  // Extract filename
+  let filename = "unknown_file";
+  for (const line of lines) {
+    if (line.startsWith("+++ b/")) {
+      filename = line.slice(6);
+      break;
+    }
+  }
+
+  // Count additions/deletions
+  let adds = 0, dels = 0;
+  lines.forEach(l => {
+    if (l.startsWith("+") && !l.startsWith("+++")) adds++;
+    if (l.startsWith("-") && !l.startsWith("---")) dels++;
+  });
+
+  // Build line numbers
+  let lineNum = 0;
+  const parsedLines = lines.map((line) => {
+    let type = "context";
+    if (line.startsWith("@@")) {
+      type = "meta";
+      const match = line.match(/@@ -\d+,?\d* \+(\d+)/);
+      if (match) lineNum = parseInt(match[1]) - 1;
+    } else if (line.startsWith("+") && !line.startsWith("+++")) {
+      type = "add";
+      lineNum++;
+    } else if (line.startsWith("-") && !line.startsWith("---")) {
+      type = "del";
+    } else if (!line.startsWith("---") && !line.startsWith("+++")) {
+      lineNum++;
+    }
+    return { text: line, type, num: type === "meta" ? "···" : type === "del" ? "" : lineNum || "" };
+  });
+
+  return (
+    <div className="diff-box">
+      <div className="diff-header">
+        <span>{filename}</span>
+        <span>+{adds} −{dels} lines</span>
+      </div>
+      <div className="diff-body">
+        {parsedLines.map((line, i) => (
+          <div key={i} className={`diff-line ${line.type}`}>
+            <span className="ln">{line.num}</span>
+            <span>{line.text}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}

pr_review_dashboard/components/LogBox.js

@@ -0,0 +1,22 @@
+"use client";
+import { useState } from "react";
+
+export default function LogBox({ logs }) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="log-box">
+      <div className="log-toggle" onClick={() => setOpen(!open)}>
+        <span>Behind the scenes — raw logs</span>
+        <span>{open ? "▼" : "▶"}</span>
+      </div>
+      {open && (
+        <div className="log-content">
+          {logs.length === 0
+            ? "No logs yet. Initialize an environment to begin."
+            : logs.join("\n")}
+        </div>
+      )}
+    </div>
+  );
+}

pr_review_dashboard/components/ManualOverride.js

@@ -0,0 +1,52 @@
+"use client";
+import { useState } from "react";
+
+export default function ManualOverride({ onSubmit, disabled }) {
+  const [comment, setComment] = useState("");
+  const [response, setResponse] = useState(null);
+
+  const handleSubmit = async (decision) => {
+    if (disabled) return;
+    const result = await onSubmit({ decision, comment });
+    if (result) setResponse(result);
+  };
+
+  return (
+    <div>
+      <div style={{ fontSize: 13, color: "var(--color-text-secondary)", marginBottom: 12 }}>
+        Act as the reviewer. Submit feedback to see how the environment responds.
+      </div>
+      <textarea
+        className="manual-textarea"
+        value={comment}
+        onChange={e => setComment(e.target.value)}
+        placeholder="e.g. I found a potential null pointer issue in line 47…"
+      />
+      <div className="manual-actions">
+        <button className="init-btn" onClick={() => handleSubmit("request_changes")} disabled={disabled}>
+          Request changes
+        </button>
+        <button className="init-btn active" onClick={() => handleSubmit("approve")} disabled={disabled}>
+          Approve
+        </button>
+        <button
+          className="init-btn"
+          style={{ borderColor: "#856404", color: "#856404" }}
+          onClick={() => handleSubmit("escalate")}
+          disabled={disabled}
+        >
+          Escalate
+        </button>
+      </div>
+
+      {response && (
+        <div style={{ marginTop: 14 }}>
+          <div className="section-head" style={{ marginBottom: 8 }}>Environment response</div>
+          <div className="bubble reviewer" style={{ maxWidth: "100%" }}>
+            Reward: {response.reward?.toFixed(2)} | Done: {response.done ? "Yes" : "No"}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}

pr_review_dashboard/components/MetricCards.js

@@ -0,0 +1,31 @@
+"use client";
+
+export default function MetricCards({ score, turn, maxTurns, status, statusSub }) {
+  const pct = Math.min((score / (maxTurns * 0.8)) * 100, 100);
+
+  return (
+    <div className="metrics">
+      <div className="metric-card">
+        <div className="m-label">Cumulative reward</div>
+        <div className="m-val">{score.toFixed(2)}</div>
+        <div className="progress-bar">
+          <div className="progress-fill" style={{ width: `${pct}%` }} />
+        </div>
+      </div>
+      <div className="metric-card">
+        <div className="m-label">Turn</div>
+        <div className="m-val">
+          {turn} <span style={{ fontSize: 14, color: "var(--color-text-tertiary)" }}>/ {maxTurns}</span>
+        </div>
+        <div className="m-sub">
+          {status === "Running" ? "Reviewer processing…" : status === "Complete" ? "Episode finished" : "Waiting…"}
+        </div>
+      </div>
+      <div className="metric-card">
+        <div className="m-label">Episode status</div>
+        <div className="m-val" style={{ fontSize: 14, fontWeight: 500, paddingTop: 4 }}>{status}</div>
+        <div className="m-sub">{statusSub}</div>
+      </div>
+    </div>
+  );
+}

pr_review_dashboard/components/Sidebar.js

@@ -0,0 +1,104 @@
+"use client";
+
+export default function Sidebar({
+  taskName, setTaskName,
+  apiUrl, setApiUrl,
+  modelId, setModelId,
+  apiKey, setApiKey,
+  onInit, initStatus,
+  rewards,
+  isInternal,
+}) {
+  const TASKS = [
+    { value: "single-pass-review", label: "Easy — single pass review" },
+    { value: "iterative-negotiation", label: "Medium — iterative negotiation" },
+    { value: "escalation-judgment", label: "Hard — escalation judgment" },
+    { value: "custom-review", label: "Custom — your own code" },
+  ];
+
+  return (
+    <div className="sidebar">
+      <div>
+        <div className="sidebar-label">Scenario</div>
+        <select value={taskName} onChange={e => setTaskName(e.target.value)}>
+          {TASKS.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
+        </select>
+      </div>
+
+      <div>
+        <div className="sidebar-label">API base URL</div>
+        <input
+          type="text"
+          value={apiUrl}
+          onChange={e => setApiUrl(e.target.value)}
+          disabled={isInternal}
+        />
+      </div>
+
+      <div>
+        <div className="sidebar-label">Model</div>
+        <input
+          type="text"
+          value={modelId}
+          onChange={e => setModelId(e.target.value)}
+        />
+      </div>
+
+      {!isInternal && (
+        <div>
+          <div className="sidebar-label">API Key</div>
+          <input
+            type="password"
+            value={apiKey}
+            onChange={e => setApiKey(e.target.value)}
+            placeholder="sk-..."
+          />
+        </div>
+      )}
+      {isInternal && (
+        <div className="status-msg info">🔒 Secure internal key active</div>
+      )}
+
+      <div className="sep" />
+
+      <button
+        className={`init-btn ${initStatus === "ready" ? "active" : ""}`}
+        onClick={onInit}
+        disabled={initStatus === "loading"}
+      >
+        {initStatus === "loading" ? "Initializing…" : initStatus === "ready" ? "Environment ready" : "Initialize environment"}
+      </button>
+
+      <div style={{ marginTop: "auto" }}>
+        <div className="sidebar-label" style={{ marginBottom: 8 }}>Reward history</div>
+        <RewardChart rewards={rewards} />
+      </div>
+    </div>
+  );
+}
+
+function RewardChart({ rewards }) {
+  if (!rewards || rewards.length === 0) {
+    return <div style={{ fontSize: 11, color: "var(--color-text-tertiary)" }}>No data yet</div>;
+  }
+
+  const getColor = (val) => {
+    if (val >= 0.7) return "#1a7f3c";
+    if (val >= 0.4) return "#ef9f27";
+    return "#e24b4a";
+  };
+
+  return (
+    <div className="reward-chart">
+      {rewards.map((r, i) => (
+        <div className="chart-row" key={i}>
+          <span className="chart-label">T{i + 1}</span>
+          <div className="chart-bar-wrap">
+            <div className="chart-bar" style={{ width: `${Math.min(r * 100, 100)}%`, background: getColor(r) }} />
+          </div>
+          <span className="chart-val">{r.toFixed(2)}</span>
+        </div>
+      ))}
+    </div>
+  );
+}

pr_review_dashboard/components/TabBar.js

@@ -0,0 +1,23 @@
+"use client";
+
+export default function TabBar({ activeTab, setActiveTab }) {
+  const tabs = [
+    { id: "diff", label: "Diff view" },
+    { id: "timeline", label: "Negotiation timeline" },
+    { id: "manual", label: "Manual override" },
+  ];
+
+  return (
+    <div className="tabs">
+      {tabs.map(t => (
+        <div
+          key={t.id}
+          className={`tab ${activeTab === t.id ? "active" : ""}`}
+          onClick={() => setActiveTab(t.id)}
+        >
+          {t.label}
+        </div>
+      ))}
+    </div>
+  );
+}

pr_review_dashboard/components/Timeline.js

@@ -0,0 +1,58 @@
+"use client";
+
+export default function Timeline({ history, isThinking, onExecute, done }) {
+  return (
+    <div className="chat-thread">
+      {(!history || history.length === 0) && !isThinking && (
+        <div style={{ fontSize: 13, color: "var(--color-text-secondary)" }}>
+          No review activity yet. Click below to start.
+        </div>
+      )}
+
+      {history.map((item, i) => {
+        const isReviewer = item.role === "reviewer";
+        return (
+          <div key={i} className={`chat-msg ${isReviewer ? "" : "author"}`}>
+            <div className={`avatar ${isReviewer ? "reviewer" : "author"}`}>
+              {isReviewer ? "AI" : "Env"}
+            </div>
+            <div>
+              <div className={`bubble ${isReviewer ? "reviewer" : "author"}`}>
+                {item.content}
+              </div>
+              <div className="chat-meta" style={isReviewer ? {} : { textAlign: "right" }}>
+                {isReviewer ? "Reviewer" : "Author"} · Turn {Math.ceil((i + 1) / 2)}
+              </div>
+            </div>
+          </div>
+        );
+      })}
+
+      {isThinking && (
+        <div className="chat-msg">
+          <div className="avatar reviewer pulse">AI</div>
+          <div>
+            <div className="thinking">
+              <div className="dot" />
+              <div className="dot" />
+              <div className="dot" />
+              <span style={{ marginLeft: 2 }}>Reviewer is thinking…</span>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {!done && !isThinking && (
+        <button className="init-btn" onClick={onExecute} style={{ marginTop: 8 }}>
+          ▶ Execute next round
+        </button>
+      )}
+
+      {done && (
+        <div className="status-msg success" style={{ marginTop: 8 }}>
+          ✓ Episode complete
+        </div>
+      )}
+    </div>
+  );
+}

pr_review_dashboard/components/TopBar.js

@@ -0,0 +1,22 @@
+"use client";
+
+export default function TopBar({ title, subtitle, decision }) {
+  const badgeMap = {
+    APPROVE: "approve",
+    REQUEST_CHANGES: "request",
+    ESCALATE: "escalate",
+    RUNNING: "running",
+    IDLE: "idle",
+  };
+  const cls = badgeMap[decision] || "running";
+
+  return (
+    <div className="topbar">
+      <div>
+        <div className="pr-title">{title || "No PR loaded"}</div>
+        <div className="pr-sub">{subtitle || "Initialize a scenario to begin"}</div>
+      </div>
+      <span className={`badge ${cls}`}>{decision}</span>
+    </div>
+  );
+}

pr_review_dashboard/jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}

pr_review_dashboard/next.config.mjs

@@ -0,0 +1,11 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  async rewrites() {
+    return [
+      // Proxy all /api/env/* requests to the FastAPI backend on port 8000
+      { source: "/api/env/:path*", destination: "http://localhost:8000/:path*" },
+    ];
+  },
+};
+
+export default nextConfig;

pr_review_dashboard/package-lock.json

@@ -0,0 +1,936 @@
+{
+  "name": "pr_review_dashboard",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "pr_review_dashboard",
+      "version": "0.1.0",
+      "dependencies": {
+        "next": "16.2.3",
+        "openai": "^6.34.0",
+        "react": "19.2.4",
+        "react-dom": "19.2.4"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+      "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": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.3.tgz",
+      "integrity": "sha512-ZWXyj4uNu4GCWQw9cjRxWlbD+33mcDszIo9iQxFnBX3Wmgq9ulaSJcl6VhuWx5pCWqqD+9W6Wfz7N0lM5lYPMA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.3.tgz",
+      "integrity": "sha512-u37KDKTKQ+OQLvY+z7SNXixwo4Q2/IAJFDzU1fYe66IbCE51aDSAzkNDkWmLN0yjTUh4BKBd+hb69jYn6qqqSg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.3.tgz",
+      "integrity": "sha512-gHjL/qy6Q6CG3176FWbAKyKh9IfntKZTB3RY/YOJdDFpHGsUDXVH38U4mMNpHVGXmeYW4wj22dMp1lTfmu/bTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.3.tgz",
+      "integrity": "sha512-U6vtblPtU/P14Y/b/n9ZY0GOxbbIhTFuaFR7F4/uMBidCi2nSdaOFhA0Go81L61Zd6527+yvuX44T4ksnf8T+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.3.tgz",
+      "integrity": "sha512-/YV0LgjHUmfhQpn9bVoGc4x4nan64pkhWR5wyEV8yCOfwwrH630KpvRg86olQHTwHIn1z59uh6JwKvHq1h4QEw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.3.tgz",
+      "integrity": "sha512-/HiWEcp+WMZ7VajuiMEFGZ6cg0+aYZPqCJD3YJEfpVWQsKYSjXQG06vJP6F1rdA03COD9Fef4aODs3YxKx+RDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.3.tgz",
+      "integrity": "sha512-Kt44hGJfZSefebhk/7nIdivoDr3Ugp5+oNz9VvF3GUtfxutucUIHfIO0ZYO8QlOPDQloUVQn4NVC/9JvHRk9hw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.3.tgz",
+      "integrity": "sha512-O2NZ9ie3Tq6xj5Z5CSwBT3+aWAMW2PIZ4egUi9MaWLkwaehgtB7YZjPm+UpcNpKOme0IQuqDcor7BsW6QBiQBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.3.tgz",
+      "integrity": "sha512-Ibm29/GgB/ab5n7XKqlStkm54qqZE8v2FnijUPBgrd67FWrac45o/RsNlaOWjme/B5UqeWt/8KM4aWBwA1D2Kw==",
+      "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/baseline-browser-mapping": {
+      "version": "2.10.16",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.16.tgz",
+      "integrity": "sha512-Lyf3aK28zpsD1yQMiiHD4RvVb6UdMoo8xzG2XzFIfR9luPzOpcBlAsT/qfB1XWS1bxWT+UtE4WmQgsp297FYOA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+      "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/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/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": "16.2.3",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.3.tgz",
+      "integrity": "sha512-9V3zV4oZFza3PVev5/poB9g0dEafVcgNyQ8eTRop8GvxZjV2G15FC5ARuG1eFD42QgeYkzJBJzHghNP8Ad9xtA==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.2.3",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.2.3",
+        "@next/swc-darwin-x64": "16.2.3",
+        "@next/swc-linux-arm64-gnu": "16.2.3",
+        "@next/swc-linux-arm64-musl": "16.2.3",
+        "@next/swc-linux-x64-gnu": "16.2.3",
+        "@next/swc-linux-x64-musl": "16.2.3",
+        "@next/swc-win32-arm64-msvc": "16.2.3",
+        "@next/swc-win32-x64-msvc": "16.2.3",
+        "sharp": "^0.34.5"
+      },
+      "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/openai": {
+      "version": "6.34.0",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-6.34.0.tgz",
+      "integrity": "sha512-yEr2jdGf4tVFYG6ohmr3pF6VJuveP0EA/sS8TBx+4Eq5NT10alu5zg2dmxMXMgqpihRDQlFGpRt2XwsGj+Fyxw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "openai": "bin/cli"
+      },
+      "peerDependencies": {
+        "ws": "^8.18.0",
+        "zod": "^3.25 || ^4.0"
+      },
+      "peerDependenciesMeta": {
+        "ws": {
+          "optional": true
+        },
+        "zod": {
+          "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.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.4"
+      }
+    },
+    "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"
+    }
+  }
+}

pr_review_dashboard/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "pr_review_dashboard",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "16.2.3",
+    "openai": "^6.34.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  }
+}

start.sh

@@ -1,12 +1,18 @@
 #!/bin/bash
 
+echo "===== Application Startup at $(date) ====="
+
 # Start the FastAPI backend on port 8000
 echo "Starting FastAPI Backend on port 8000..."
 uvicorn server.app:app --host 0.0.0.0 --port 8000 &
 
-# Start the Streamlit dashboard internally on port 8501
-echo "Starting Streamlit Dashboard on port 8501..."
-streamlit run app.py --server.port 8501 --server.address 0.0.0.0 --server.headless true &
+# Start the Next.js frontend on port 3000
+echo "Starting Next.js Dashboard on port 3000..."
+cd pr_review_dashboard && npm start -- -p 3000 &
+cd /app
+
+# Give services a moment to start
+sleep 3
 
 # Start Nginx in the foreground to keep the container alive
 echo "Starting Nginx Proxy on port 7860..."