frontend: new ui init, and move to bun from npm

[PhantomInTheWire]

Summary by CodeRabbit

• New Features

  • Many reusable UI components and complete frontend pages added (landing, dashboard, findings, scans, chat, accounts, settings, quick actions, demos).

• Theming & Layout

  • New global theming, light/dark tokens, fonts, app root layout and a responsive dashboard sidebar.

• Build & Tooling

  • CI, dev scripts, pre-commit hooks and Docker updated to use Bun; packages and scripts refreshed.

• Project Structure

  • Module resolution and dependency rework; legacy example/test/config files removed.

• Documentation

  • Frontend README rewritten with updated getting-started instructions.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Replace Node/npm with Bun in CI and hooks; remove legacy src/app Next.js layout and pages; add a new root-level Next app with global theming, Tailwind tokens, many Radix/CVA UI primitives, dashboard and landing pages/components, utilities/hooks, and Bun-based Docker/build changes.

Changes

Cohort / File(s)	Change Summary
CI & pre-commit hooks \.github/workflows/ci.yml, \.pre-commit-config.yaml	Switched CI and pre-commit steps from Node/npm to Bun (oven-sh/setup-bun, bun, bunx), updated install/test/lint/audit commands and caching to use Bun tooling and bun.lock.
Commitlint & devdeps \.commitlintrc.js, \.commitlintrc.json (deleted), package.json	Added JS commitlint config, removed old JSON config, and bumped commitlint devDependency versions.
Next app relocation & globals frontend/src/app/* (deleted), frontend/app/layout.tsx, frontend/app/page.tsx, frontend/app/globals.css, frontend/src/app/* (deleted)	Removed legacy src/app; added new root-level app layout, landing page, and comprehensive Tailwind globals with design tokens and dark-mode variants.
Formatting & config cleanup frontend/.prettierrc (deleted), frontend/.prettierignore, frontend/.eslintrc.json (deleted), frontend/eslint.config.mjs, frontend/postcss.config.mjs, frontend/next.config.ts	Deleted legacy config files, reduced Prettier ignore entries, and normalized JS config formatting (quotes/semicolons) and PostCSS key quoting.
TypeScript config frontend/tsconfig.json	Updated @ path alias mapping from ./src/* to ./*.
Frontend package & Docker frontend/package.json, frontend/Dockerfile	Reworked dependencies to new UI ecosystem (Next 16, React 19), added scripts (lint:fix, type-check), new package fields (ignoreScripts, trustedDependencies), and converted Dockerfile to use oven/bun base and Bun commands.
UI metadata & utils frontend/components.json, frontend/lib/utils.ts	Added components registry metadata and cn(...) utility (clsx + twMerge).
Core UI primitives frontend/components/ui/*	Added many Radix/CVA/Tailwind-wrapped primitives and widgets (button, badge, card, avatar, breadcrumb, table, tabs, tooltip, dialog, alert-dialog, sheet, sidebar, select, dropdown-menu, combobox, input, textarea, label, field, input-group, progress, skeleton, chart, animated-beam/list, marquee, moving-border, marquee, shimmer-button, spotlight, orbiting-circles, particles, retro-grid, etc.).
Sidebar & app layout frontend/components/ui/sidebar.tsx, frontend/components/app-sidebar.tsx, frontend/app/(dashboard)/layout.tsx	Introduced a full Sidebar system (provider, hook, menu primitives), AppSidebar component, and DashboardLayout composing providers and the sidebar.
Landing & page primitives frontend/app/_components/landing/*, frontend/app/page.tsx, frontend/components/page-header.tsx	Added landing components (Hero, Navbar, Features, CTA, demos, footer), page composition and PageHeader component.
Dashboard routes & components frontend/app/(dashboard)/** (accounts, chat, dashboard, findings, scans — pages + many _components)	Added dashboard pages and numerous client-only subcomponents (AccountsList, AddAccountDialog, Chat with ChatMessage & SuggestedQuestions, Dashboard with charts/lists, Findings with filters/table/detail dialog, Scans with history & new-scan form). Most use mock data/local state.
Hooks & theme helpers frontend/hooks/use-mobile.ts, frontend/components/theme-provider.tsx, frontend/components/theme-toggle.tsx	Added useIsMobile hook, ThemeProvider wrapper, and ThemeToggle for theme control.
Examples & demo utilities frontend/components/example.tsx, frontend/components/component-example.tsx, frontend/components/ui/bento-grid.tsx	Added example wrapper, a component demo example, and BentoGrid/BentoCard primitives used by landing features.
Removals & minor tests frontend/tests/health.test.js, various old config files	Removed a trivial Jest test and several legacy config files (ESLint, Prettier, older globals).

Estimated code review effort

🎯 5 (Critical) | ⏱️ ~120 minutes

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Free

📥 Commits

Reviewing files that changed from the base of the PR and between ed1ec0e and 0306066.

📒 Files selected for processing (8)

• frontend/app/_components/landing/hero.tsx
• frontend/app/globals.css
• frontend/components/ui/border-beam.tsx
• frontend/components/ui/orbiting-circles.tsx
• frontend/components/ui/particles.tsx
• frontend/components/ui/retro-grid.tsx
• frontend/components/ui/shimmer-button.tsx
• frontend/components/ui/word-rotate.tsx

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}