feat: initial commit - Supervisor UI with Next.js 16 and Tailwind CSS 4

- Modern web interface for Supervisor process management
- Built with Next.js 16 (App Router) and Tailwind CSS 4
- Full XML-RPC client implementation for Supervisor API
- Real-time process monitoring with auto-refresh
- Process control: start, stop, restart operations
- Modern dashboard with system status and statistics
- Dark/light theme with OKLCH color system
- Docker multi-stage build with runtime env var configuration
- Gitea CI/CD workflow for automated builds
- Comprehensive documentation (README, IMPLEMENTATION, DEPLOYMENT)

Features:
- Backend proxy pattern for secure API communication
- React Query for state management and caching
- TypeScript strict mode with Zod validation
- Responsive design with mobile support
- Health check endpoint for monitoring
- Non-root user security in Docker

Environment Variables:
- SUPERVISOR_HOST, SUPERVISOR_PORT
- SUPERVISOR_USERNAME, SUPERVISOR_PASSWORD (optional)
- Configurable at build-time and runtime

🤖 Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/api/health/route.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  return NextResponse.json({ status: 'healthy', timestamp: new Date().toISOString() });
+}

app/api/supervisor/processes/[name]/logs/stderr/route.ts

@@ -0,0 +1,27 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+export const dynamic = 'force-dynamic';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function GET(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const searchParams = request.nextUrl.searchParams;
+    const offset = parseInt(searchParams.get('offset') || '-4096', 10);
+    const length = parseInt(searchParams.get('length') || '4096', 10);
+
+    const client = createSupervisorClient();
+    const logs = await client.tailProcessStderrLog(name, offset, length);
+    return NextResponse.json(logs);
+  } catch (error: any) {
+    console.error('Supervisor stderr log error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to fetch stderr logs' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/[name]/logs/stdout/route.ts

@@ -0,0 +1,27 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+export const dynamic = 'force-dynamic';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function GET(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const searchParams = request.nextUrl.searchParams;
+    const offset = parseInt(searchParams.get('offset') || '-4096', 10);
+    const length = parseInt(searchParams.get('length') || '4096', 10);
+
+    const client = createSupervisorClient();
+    const logs = await client.tailProcessStdoutLog(name, offset, length);
+    return NextResponse.json(logs);
+  } catch (error: any) {
+    console.error('Supervisor stdout log error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to fetch stdout logs' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/[name]/restart/route.ts

@@ -0,0 +1,21 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function POST(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const client = createSupervisorClient();
+    const result = await client.restartProcess(name);
+    return NextResponse.json({ success: result, message: `Process ${name} restarted` });
+  } catch (error: any) {
+    console.error('Supervisor restart process error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to restart process' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/[name]/route.ts

@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+export const dynamic = 'force-dynamic';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function GET(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const client = createSupervisorClient();
+    const processInfo = await client.getProcessInfo(name);
+    return NextResponse.json(processInfo);
+  } catch (error: any) {
+    console.error('Supervisor process info error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to fetch process info' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/[name]/start/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function POST(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const body = await request.json().catch(() => ({}));
+    const wait = body.wait !== undefined ? body.wait : true;
+
+    const client = createSupervisorClient();
+    const result = await client.startProcess(name, wait);
+    return NextResponse.json({ success: result, message: `Process ${name} started` });
+  } catch (error: any) {
+    console.error('Supervisor start process error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to start process' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/[name]/stop/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+interface RouteParams {
+  params: Promise<{ name: string }>;
+}
+
+export async function POST(request: NextRequest, { params }: RouteParams) {
+  try {
+    const { name } = await params;
+    const body = await request.json().catch(() => ({}));
+    const wait = body.wait !== undefined ? body.wait : true;
+
+    const client = createSupervisorClient();
+    const result = await client.stopProcess(name, wait);
+    return NextResponse.json({ success: result, message: `Process ${name} stopped` });
+  } catch (error: any) {
+    console.error('Supervisor stop process error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to stop process' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/processes/route.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+export const dynamic = 'force-dynamic';
+
+export async function GET() {
+  try {
+    const client = createSupervisorClient();
+    const processes = await client.getAllProcessInfo();
+    return NextResponse.json(processes);
+  } catch (error: any) {
+    console.error('Supervisor processes error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to fetch processes' },
+      { status: 500 }
+    );
+  }
+}

app/api/supervisor/system/route.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+import { createSupervisorClient } from '@/lib/supervisor/client';
+
+export const dynamic = 'force-dynamic';
+
+export async function GET() {
+  try {
+    const client = createSupervisorClient();
+    const systemInfo = await client.getSystemInfo();
+    return NextResponse.json(systemInfo);
+  } catch (error: any) {
+    console.error('Supervisor system info error:', error);
+    return NextResponse.json(
+      { error: error.message || 'Failed to fetch system info' },
+      { status: 500 }
+    );
+  }
+}