metabuilder/frontends/dbal/README.md

DBAL Frontend

frontends/dbal is now a dedicated Next.js app that ships the DBAL Daemon overview plus a standalone /api/status endpoint.

Structure

• app/layout.tsx wires up the serif/sans fonts, global background, and theme-aware body styles.
• app/page.tsx simply renders the shared src/DaemonPage export (metadata flows through the page for SEO).
• app/globals.css provides Tailwind base/utility imports plus a small reset so the page stands on its own.
• app/api/status/route.ts returns getStatusResponse() from src/status.ts, which the client-side ServerStatusPanel polls.
• src/ServerStatusPanel.tsx is a client component that reports health, latency, and error feedback inside the marketing shell.

Running locally

cd frontends/dbal
npm install
npm run dev

Build and lint commands are the usual Next.js scripts (npm run build, npm run lint, npm run typecheck).

Integration with the monorepo

The main frontends/nextjs app still imports @dbal-ui/* via the tsconfig path pointing to frontends/dbal/src, so nothing breaks when the standalone app ships in isolation.