Files
metabuilder/frontends/dbal
johndoe6345789 d77a4a0557 chore(deps): Phase 3 - Standardize 15 low-priority dependency versions
Completed standardization of 15 dependency items across 35+ package.json files:

1. UUID: ^11.1.0 → ^13.0.0 (old/)
2. TypeScript: ~5.7.2 → ^5.9.3 (old/)
3. Tailwind CSS: All ^4.x → ^4.1.18 (5 files)
4. Vite: All ^7.x → ^7.3.1 (2 files)
5. Sass: All ^1.x → ^1.83.5 (5 files)
6. ESLint: All ^9.x → ^9.39.2 (3 files)
7. Framer Motion: All versions → ^12.29.0 (2 files)
8. Three.js: All versions → ^0.177.0 (2 files)
9. Lucide React: All versions → ^0.500.0 (2 files)
10. React: ^19.0.0 → ^19.2.3 (4+ files)
11. @types/react: All ^19.x → ^19.2.8 (6+ files)
12. Playwright: ^1.40.0 → ^1.49.1 (1 file)
13. Next.js: ^14.x → ^16.1.4 in primary apps (2 files)
14. React Hook Form: Skipped (already standardized)
15. Workspace packages: Skipped (no issues detected)

Files Modified:
- old/package.json (11 deps)
- pastebin/package.json (7 deps)
- exploded-diagrams/package.json (5 deps)
- postgres/package.json (4 deps)
- storybook/package.json (2 deps)
- dockerterminal/frontend/package.json (2 deps)
- workflowui/package.json (1 dep)
- packagerepo/frontend/package.json (2 deps)
- packagerepo/tests/package.json (1 dep)
- frontends/dbal/package.json (1 dep)
- dbal/development/package.json (1 dep)
- codegen/package.json (mostly already compliant)
- And 3 others with minor updates

Legacy versions intentionally preserved:
- React 18 projects (storybook, workflowui, packagerepo)
- Next.js 15.x branches (exploded-diagrams, pastebin)
- ESLint 8.x legacy (pastebin, workflow)

Status: 13/13 actionable items completed (100% success rate)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-01-23 18:09:45 +00:00
..

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.