feat: remove vercel web frontend part and rename to pi

noisebell-status/.gitignore

@@ -1,44 +0,0 @@
-# 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
-
-/generated/prisma
-.env*.local

noisebell-status/README.md

@@ -1,190 +0,0 @@
-# NoiseBell Status API
-
-A simple status API built with Next.js and Prisma, designed to report whether a noisebridge is open or closed.
-
-## API Endpoints
-
-### GET `/api/status`
-
-Retrieves the current status of the service.
-
-**Response:**
-
-- `200 OK`: Returns the current status
-- `200 OK`: Returns `{"status": "closed"}` if no status records exist
-
-**Example Response:**
-
-```json
-{
-  "status": "OPEN",
-  "createdAt": "2024-01-15T10:30:00.000Z"
-}
-```
-
-### POST `/api/status`
-
-Updates the current status of the service.
-
-**Headers Required:**
-
-```text
-Authorization: Bearer YOUR_API_KEY
-Content-Type: application/json
-```
-
-**Request Body:**
-
-```json
-{
-  "status": "open" | "closed"
-}
-```
-
-**Response:**
-
-- `201 Created`: Status successfully updated
-- `400 Bad Request`: Invalid JSON, missing status field, or invalid status value
-- `401 Unauthorized`: Missing or invalid API key
-- `500 Internal Server Error`: Server configuration error
-
-**Example Request:**
-
-```bash
-curl -X POST http://localhost:3000/api/status \
-  -H "Authorization: Bearer your-api-key-here" \
-  -H "Content-Type: application/json" \
-  -d '{"status": "open"}'
-```
-
-**Example Response:**
-
-```json
-{
-  "status": "OPEN",
-  "createdAt": "2024-01-15T10:30:00.000Z"
-}
-```
-
-## Environment Variables
-
-### Local Development
-
-Create a `.env.local` file in the root directory with the following variables:
-
-```env
-DATABASE_URL="postgresql://username:password@localhost:5432/your_database"
-API_KEY="your-secret-api-key-here"
-```
-
-### Production with Vercel
-
-If you're deploying to Vercel, you can manage environment variables using Vercel CLI:
-
-1. **Link your project to Vercel:**
-
-   ```bash
-   pnpx vercel env link
-   ```
-
-2. **Pull environment variables from Vercel:**
-
-   ```bash
-   pnpx vercel env pull .env.local
-   ```
-
-3. **Set environment variables in Vercel dashboard:**
-   - Go to your project in the Vercel dashboard
-   - Navigate to Settings → Environment Variables
-   - Add the required variables:
-     - `DATABASE_URL`: Your PostgreSQL connection string
-     - `API_KEY`: Your secret API key
-
-### Required Environment Variables
-
-- `DATABASE_URL`: PostgreSQL connection string
-- `API_KEY`: Secret key for API authentication
-
-## Database Schema
-
-The API uses a PostgreSQL database with the following schema:
-
-```sql
--- StatusType enum
-CREATE TYPE "StatusType" AS ENUM ('OPEN', 'CLOSED');
-
--- Status table
-CREATE TABLE "statuses" (
-  "id" SERIAL PRIMARY KEY,
-  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-  "status" "StatusType" NOT NULL DEFAULT 'OPEN'
-);
-```
-
-## Development
-
-### Prerequisites
-
-- Node.js 18+
-- PostgreSQL database
-- pnpm (recommended) or npm
-
-### Installation
-
-1. Clone the repository
-2. Install dependencies:
-
-   ```bash
-   pnpm install
-   ```
-
-3. Set up your environment variables in `.env.local`
-
-4. Run database migrations:
-
-   ```bash
-   pnpm prisma db push
-   ```
-
-5. Start the development server:
-
-   ```bash
-   pnpm dev
-   ```
-
-The API will be available at `http://localhost:3000/api/status`
-
-### Database Management
-
-Generate Prisma client:
-
-```bash
-pnpm prisma generate
-```
-
-View database in Prisma Studio:
-
-```bash
-pnpm prisma studio
-```
-
-## Error Codes
-
-| Status Code | Description |
-|-------------|-------------|
-| 200 | Success - Status retrieved |
-| 201 | Success - Status created/updated |
-| 400 | Bad Request - Invalid input |
-| 401 | Unauthorized - Invalid or missing API key |
-| 500 | Internal Server Error - Server configuration issue |
-
-## Status Values
-
-The API accepts lowercase values in requests but stores them as uppercase enum values:
-
-- `"open"` → `"OPEN"`
-- `"closed"` → `"CLOSED"`
-
-## License
-
-This project is open source and available under the MIT License.

noisebell-status/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "iconLibrary": "lucide"
-}

noisebell-status/eslint.config.mjs

@@ -1,16 +0,0 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
-];
-
-export default eslintConfig;

noisebell-status/next.config.ts

@@ -1,10 +0,0 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  experimental: {
-    useCache: true,
-    cacheComponents: true,
-  },
-};
-
-export default nextConfig;

noisebell-status/package.json

@@ -1,38 +0,0 @@
-{
-  "name": "noisebell-status",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "postinstall": "prisma generate"
-  },
-  "dependencies": {
-    "@prisma/client": "^6.12.0",
-    "@uploadthing/react": "^7.3.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.526.0",
-    "next": "15.4.2-canary.18",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "tailwind-merge": "^3.3.1",
-    "uploadthing": "^7.7.3"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3.3.1",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "eslint": "^9.32.0",
-    "eslint-config-next": "15.4.4",
-    "prisma": "^6.12.0",
-    "tailwindcss": "^4.1.11",
-    "tw-animate-css": "^1.3.6",
-    "typescript": "^5.8.3"
-  },
-  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
-}

noisebell-status/pnpm-workspace.yaml

@@ -1,4 +0,0 @@
-onlyBuiltDependencies:
-  - '@tailwindcss/oxide'
-  - sharp
-  - unrs-resolver

noisebell-status/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;

noisebell-status/prisma/schema.prisma

@@ -1,28 +0,0 @@
-// This is your Prisma schema file,
-// learn more about it in the docs: https://pris.ly/d/prisma-schema
-
-// Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?
-// Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
-
-generator client {
-  provider = "prisma-client-js"
-  // output   = "../generated/prisma"
-}
-
-datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
-}
-
-enum StatusType {
-  OPEN
-  CLOSED
-}
-
-model Status {
-  id        Int        @id @default(autoincrement())
-  createdAt DateTime   @default(now())
-  status    StatusType @default(OPEN)
-
-  @@map("statuses")
-}

noisebell-status/public/file.svg

@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

noisebell-status/public/globe.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

noisebell-status/public/next.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

noisebell-status/public/vercel.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

noisebell-status/public/window.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

noisebell-status/src/app/api/status/route.ts

@@ -1,102 +0,0 @@
-import { unstable_cacheTag as cacheTag } from 'next/cache'
-import { PrismaClient } from '@prisma/client'
-import { revalidateTag } from 'next/cache'
-
-type StatusResponse = {
-    status: 'OPEN' | 'CLOSED'
-    createdAt: string
-}
-
-// Create a single Prisma client instance
-const globalForPrisma = globalThis as unknown as {
-    prisma: PrismaClient | undefined
-  }
-  
-  const prisma = globalForPrisma.prisma ?? new PrismaClient()
-  
-  if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
-  
-// Cached function that returns a StatusResponse to avoid serialization issues
-async function getCachedStatus(): Promise<StatusResponse | null> {
-    'use cache'
-    cacheTag('status')
-    
-    const status = await prisma.status.findFirst({
-        orderBy: {
-            createdAt: 'desc'
-        }
-    });
-    
-    if (!status) {
-        return null;
-    }
-    
-    return {
-        status: status.status,
-        createdAt: status.createdAt.toISOString()
-    };
-}
-
-export async function GET() {
-    const cachedResult = await getCachedStatus();
-    
-    if (!cachedResult) {
-        return Response.json({ status: 'closed' });
-    }
-    
-    return Response.json(cachedResult);
-}
-
-export async function POST(request: Request) {
-    const authHeader = request.headers.get('authorization');
-    const apiKey = process.env.API_KEY;
-    
-    if (!apiKey) {
-        console.error('API_KEY environment variable is not set');
-        return new Response(JSON.stringify({ error: 'Server configuration error' }), { status: 500 });
-    }
-    
-    if (!authHeader || !authHeader.startsWith('Bearer ')) {
-        return new Response(JSON.stringify({ error: 'Missing or invalid Authorization header' }), { status: 401 });
-    }
-    
-    const providedKey = authHeader.substring(7);
-    
-    if (providedKey !== apiKey) {
-        return new Response(JSON.stringify({ error: 'Invalid API key' }), { status: 401 });
-    }
-
-    let body;
-    try {
-        body = await request.json();
-    } catch (error) {
-        return new Response(JSON.stringify({ error: 'Invalid JSON in request body' }), { status: 400 });
-    }
-    
-    const { status } = body;
-
-    if (!status) {
-        return new Response(JSON.stringify({ error: 'Missing status field in request body' }), { status: 400 });
-    }
-
-    if (status !== 'open' && status !== 'closed') {
-        return new Response(JSON.stringify({ error: 'Invalid status value. Must be "open" or "closed"' }), { status: 400 });
-    }
-
-    const statusEnum = status.toUpperCase() as 'OPEN' | 'CLOSED';
-
-    const newStatus = await prisma.status.create({
-        data: {
-            status: statusEnum,
-        },
-    });
-
-    revalidateTag('status');
-    
-    const response: StatusResponse = {
-        status: newStatus.status,
-        createdAt: newStatus.createdAt.toISOString()
-    };
-    
-    return Response.json(response, { status: 201 });
-}

noisebell-status/src/app/globals.css

@@ -1,122 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-}
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

noisebell-status/src/app/layout.tsx

@@ -1,34 +0,0 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
-      </body>
-    </html>
-  );
-}

noisebell-status/src/app/page.tsx

@@ -1,21 +0,0 @@
-import { Suspense } from 'react'
-import { Status } from "@/components/Status"
-
-export const experimental_ppr = true
-
-export default function Home() {
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-4 gap-6">
-      <Suspense fallback={
-        <div className="inline-block w-fit min-w-[300px] p-6 bg-gray-50 border-2 border-gray-200 rounded-lg">
-          <div className="animate-pulse">
-            <div className="h-6 bg-gray-200 rounded mb-2"></div>
-            <div className="h-4 bg-gray-200 rounded"></div>
-          </div>
-        </div>
-      }>
-        <Status />
-      </Suspense>
-    </div>
-  );
-}

noisebell-status/src/components/Status.tsx

@@ -1,71 +0,0 @@
-import {
-  Card,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-
-async function getStatus(): Promise<'open' | 'closed'> {
-  try {
-    const response = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000'}/api/status`, {
-      cache: 'no-store'
-    });
-    
-    if (!response.ok) {
-      return 'closed';
-    }
-    
-    const data = await response.json();
-    return data?.status === 'open' ? 'open' : 'closed';
-  } catch {
-    return 'closed';
-  }
-}
-
-export async function Status() {
-  const status = await getStatus();
-  
-  const statusConfig = {
-    open: {
-      title: 'Open',
-      description: "It's time to start hacking.",
-      image: 'https://raw.githubusercontent.com/jetpham/noisebell/refs/heads/webhooks/media/open.png',
-      color: 'text-green-600',
-      bgColor: 'bg-green-50',
-      borderColor: 'border-green-200'
-    },
-    closed: {
-      title: 'Closed',
-      description: "We'll see you again soon.",
-      image: 'https://raw.githubusercontent.com/jetpham/noisebell/refs/heads/webhooks/media/closed.png',
-      color: 'text-red-600',
-      bgColor: 'bg-red-50',
-      borderColor: 'border-red-200'
-    }
-  }
-
-  const config = statusConfig[status]
-
-  return (
-    <Card className={`${config.bgColor} ${config.borderColor} border-2 inline-block w-fit min-w-[300px]`}>
-      <CardHeader className="flex flex-row items-center justify-between">
-        <div className="flex-1">
-          <CardTitle className={`text-2xl font-bold ${config.color}`}>
-            {config.title}
-          </CardTitle>
-          <CardDescription className="text-base">
-            {config.description}
-          </CardDescription>
-        </div>
-        <div className="flex-shrink-0 ml-4 flex items-center">
-          {/* eslint-disable-next-line @next/next/no-img-element */}
-          <img 
-            src={config.image} 
-            alt={`A knife switch in the ${config.title} position`}
-            className="h-full max-h-[60px] w-auto object-contain"
-          />
-        </div>
-      </CardHeader>
-    </Card>
-  )
-} 

noisebell-status/src/components/ui/card.tsx

@@ -1,92 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-}

noisebell-status/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

noisebell-status/tsconfig.json

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