business-stack 0.1.0

package/bin/business-stack.cjs

@@ -0,0 +1,412 @@
+#!/usr/bin/env node
+/* eslint-disable no-console */
+"use strict";
+
+const { spawn, spawnSync } = require("node:child_process");
+const crypto = require("node:crypto");
+const fs = require("node:fs");
+const path = require("node:path");
+const readline = require("node:readline");
+const { program } = require("commander");
+
+function getStackRoot() {
+  let dir = path.resolve(__dirname, "..");
+  for (;;) {
+    const turbo = path.join(dir, "turbo.json");
+    const gw = path.join(dir, "gateway", "package.json");
+    if (fs.existsSync(turbo) && fs.existsSync(gw)) {
+      return dir;
+    }
+    const parent = path.dirname(dir);
+    if (parent === dir) {
+      throw new Error(
+        "Could not find business-stack root (turbo.json + gateway). Reinstall the package or run from the monorepo root.",
+      );
+    }
+    dir = parent;
+  }
+}
+
+function requireBetterSqlite() {
+  try {
+    return require("better-sqlite3");
+  } catch {
+    throw new Error(
+      "better-sqlite3 is required. From the business-stack package directory run: npm install",
+    );
+  }
+}
+
+function gatewayAuthDbPath(stackRoot) {
+  return path.join(stackRoot, "gateway", "auth.sqlite");
+}
+
+function hasExistingSecrets(stackRoot) {
+  const dbPath = gatewayAuthDbPath(stackRoot);
+  if (!fs.existsSync(dbPath)) return false;
+  const Database = requireBetterSqlite();
+  const db = new Database(dbPath, { readonly: true });
+  try {
+    const row = db
+      .prepare(
+        "SELECT 1 FROM sqlite_master WHERE type='table' AND name='stack_secrets'",
+      )
+      .get();
+    if (!row) return false;
+    const n = db.prepare("SELECT COUNT(*) AS c FROM stack_secrets").get();
+    return n && n.c > 0;
+  } finally {
+    db.close();
+  }
+}
+
+function readStackSecretsEnv(stackRoot) {
+  const dbPath = gatewayAuthDbPath(stackRoot);
+  if (!fs.existsSync(dbPath)) return {};
+  const Database = requireBetterSqlite();
+  const db = new Database(dbPath, { readonly: true });
+  try {
+    const row = db
+      .prepare(
+        "SELECT 1 FROM sqlite_master WHERE type='table' AND name='stack_secrets'",
+      )
+      .get();
+    if (!row) return {};
+    const rows = db.prepare("SELECT key, value FROM stack_secrets").all();
+    const out = {};
+    for (const { key, value } of rows) {
+      if (key && value != null && String(value).trim()) {
+        out[key] = String(value);
+      }
+    }
+    return out;
+  } finally {
+    db.close();
+  }
+}
+
+function ensureStackSecretsTable(db) {
+  db.exec(`
+    CREATE TABLE IF NOT EXISTS stack_secrets (
+      key TEXT PRIMARY KEY NOT NULL,
+      value TEXT NOT NULL
+    )
+  `);
+}
+
+function upsertSecrets(db, entries) {
+  const stmt = db.prepare(
+    "INSERT OR REPLACE INTO stack_secrets (key, value) VALUES (?, ?)",
+  );
+  const run = db.transaction((list) => {
+    for (const [k, v] of list) {
+      stmt.run(k, v);
+    }
+  });
+  run(entries);
+}
+
+function writeEnvFile(filePath, content) {
+  fs.mkdirSync(path.dirname(filePath), { recursive: true });
+  fs.writeFileSync(filePath, `${content.trim()}\n`, "utf8");
+}
+
+function cmdExists(cmd) {
+  const isWin = process.platform === "win32";
+  const which = isWin ? "where" : "which";
+  const r = spawnSync(which, [cmd], { encoding: "utf8" });
+  return r.status === 0;
+}
+
+function runDoctor() {
+  const ok = [];
+  const bad = [];
+  if (cmdExists("bun")) ok.push("bun");
+  else bad.push("bun (https://bun.sh)");
+  if (cmdExists("uv")) ok.push("uv");
+  else bad.push("uv (https://docs.astral.sh/uv/)");
+  if (cmdExists("python") || cmdExists("python3")) ok.push("python");
+  else bad.push("python 3.12+");
+  console.log("business-stack doctor\n");
+  if (ok.length) console.log("Found:", ok.join(", "));
+  if (bad.length) {
+    console.log("\nMissing (install for full stack):");
+    for (const b of bad) console.log(`  - ${b}`);
+    process.exitCode = 1;
+    return;
+  }
+  console.log("\nAll common toolchain binaries are on PATH.");
+}
+
+async function promptDefaults(rl, defaults) {
+  const web = await question(rl, "Next public URL (browser)", defaults.webUrl);
+  const gw = await question(rl, "Gateway URL (internal)", defaults.gatewayUrl);
+  const be = await question(rl, "Backend URL (internal)", defaults.backendUrl);
+  const gwPort = new URL(gw).port || "3001";
+  return {
+    webUrl: web.replace(/\/$/, ""),
+    gatewayUrl: gw.replace(/\/$/, ""),
+    backendUrl: be.replace(/\/$/, ""),
+    gatewayPort: gwPort,
+  };
+}
+
+function question(rl, label, def) {
+  return new Promise((resolve) => {
+    rl.question(`${label} [${def}]: `, (ans) => {
+      resolve((ans || "").trim() || def);
+    });
+  });
+}
+
+async function runSetup(opts) {
+  const stackRoot = getStackRoot();
+  if (hasExistingSecrets(stackRoot) && !opts.force) {
+    console.error(
+      "stack_secrets already exists. Use --force to overwrite (dangerous).",
+    );
+    process.exit(1);
+  }
+
+  const defaults = {
+    webUrl: "http://127.0.0.1:3000",
+    gatewayUrl: "http://127.0.0.1:3001",
+    backendUrl: "http://127.0.0.1:8000",
+  };
+
+  let urls;
+  if (opts.yes) {
+    const gatewayUrl = defaults.gatewayUrl.replace(/\/$/, "");
+    const u = new URL(gatewayUrl);
+    urls = {
+      webUrl: defaults.webUrl.replace(/\/$/, ""),
+      gatewayUrl,
+      backendUrl: defaults.backendUrl.replace(/\/$/, ""),
+      gatewayPort: u.port || "3001",
+    };
+  } else {
+    const rl = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout,
+    });
+    try {
+      urls = await promptDefaults(rl, defaults);
+    } finally {
+      rl.close();
+    }
+  }
+
+  const webOrigin = urls.webUrl;
+  const trusted = `${webOrigin},http://127.0.0.1:3000,http://localhost:3000`;
+
+  const betterAuthSecret = crypto.randomBytes(32).toString("base64");
+  const integrationsEncryptionKey = crypto.randomBytes(32).toString("hex");
+  const integrationsInternalSecret = crypto.randomBytes(32).toString("hex");
+  const backendGatewaySecret = crypto.randomBytes(32).toString("base64");
+
+  const dbPath = gatewayAuthDbPath(stackRoot);
+  fs.mkdirSync(path.dirname(dbPath), { recursive: true });
+  const Database = requireBetterSqlite();
+  const db = new Database(dbPath);
+  try {
+    ensureStackSecretsTable(db);
+    upsertSecrets(db, [
+      ["BETTER_AUTH_SECRET", betterAuthSecret],
+      ["INTEGRATIONS_ENCRYPTION_KEY", integrationsEncryptionKey],
+      ["INTEGRATIONS_INTERNAL_SECRET", integrationsInternalSecret],
+      ["BACKEND_GATEWAY_SECRET", backendGatewaySecret],
+      ["BETTER_AUTH_URL", webOrigin],
+      ["BETTER_AUTH_TRUSTED_ORIGINS", trusted],
+      ["CORS_ORIGIN", webOrigin],
+      ["BACKEND_ORIGIN", urls.backendUrl],
+      ["PORT", String(urls.gatewayPort)],
+    ]);
+  } finally {
+    db.close();
+  }
+
+  const gwEnv = `# Generated by business-stack setup — do not commit
+BETTER_AUTH_URL=${webOrigin}
+BETTER_AUTH_SECRET=${betterAuthSecret}
+BETTER_AUTH_TRUSTED_ORIGINS=${trusted}
+BACKEND_GATEWAY_SECRET=${backendGatewaySecret}
+INTEGRATIONS_ENCRYPTION_KEY=${integrationsEncryptionKey}
+INTEGRATIONS_INTERNAL_SECRET=${integrationsInternalSecret}
+CORS_ORIGIN=${webOrigin}
+BACKEND_ORIGIN=${urls.backendUrl}
+PORT=${urls.gatewayPort}
+`;
+
+  writeEnvFile(path.join(stackRoot, "gateway", ".env"), gwEnv);
+
+  const webEnv = `# Next.js — generated by business-stack setup
+NEXT_PUBLIC_AUTH_BASE_URL=${webOrigin}
+NEXT_PUBLIC_APP_URL=${webOrigin}
+AUTH_GATEWAY_INTERNAL_URL=${urls.gatewayUrl}
+INTEGRATIONS_INTERNAL_SECRET=${integrationsInternalSecret}
+`;
+  writeEnvFile(path.join(stackRoot, "frontend", "web", ".env.local"), webEnv);
+
+  const backendEnv = `# FastAPI — generated by business-stack setup
+DATA_DIR=data
+SQLITE_FILENAME=rag.sqlite
+DATABASE_URL=sqlite+aiosqlite:///./data/rag.sqlite
+INTEGRATIONS_GATEWAY_URL=${urls.gatewayUrl}
+INTEGRATIONS_INTERNAL_SECRET=${integrationsInternalSecret}
+BACKEND_GATEWAY_SECRET=${backendGatewaySecret}
+`;
+  writeEnvFile(path.join(stackRoot, "backend", ".env"), backendEnv);
+
+  console.log("Setup complete.");
+  console.log(`  SQLite: ${dbPath} (table stack_secrets)`);
+  console.log("  Wrote gateway/.env, frontend/web/.env.local, backend/.env");
+  console.log("Run: business-stack start");
+}
+
+function envFileLooksConfigured(stackRoot) {
+  const g = path.join(stackRoot, "gateway", ".env");
+  if (fs.existsSync(g)) {
+    const t = fs.readFileSync(g, "utf8");
+    if (/BETTER_AUTH_SECRET=\S+/.test(t) || /INTEGRATIONS_ENCRYPTION_KEY=\S+/.test(t)) {
+      return true;
+    }
+  }
+  return hasExistingSecrets(stackRoot);
+}
+
+function runCmd(cmd, args, cwd, extraEnv) {
+  const r = spawnSync(cmd, args, {
+    cwd,
+    stdio: "inherit",
+    env: { ...process.env, ...extraEnv },
+    shell: false,
+  });
+  if (r.status !== 0) {
+    process.exit(r.status ?? 1);
+  }
+}
+
+function runStart(opts) {
+  const stackRoot = getStackRoot();
+  if (!envFileLooksConfigured(stackRoot)) {
+    console.error(
+      "Stack is not configured. Run: business-stack setup\n(or create gateway/.env and secrets manually)",
+    );
+    process.exit(1);
+  }
+
+  const fromDb = readStackSecretsEnv(stackRoot);
+  const childEnv = { ...process.env };
+  for (const [k, v] of Object.entries(fromDb)) {
+    if (!process.env[k]?.trim() && String(v).trim()) {
+      childEnv[k] = String(v);
+    }
+  }
+
+  if (!opts.skipInstall) {
+    runCmd("bun", ["install"], stackRoot, childEnv);
+  }
+  runCmd("uv", ["sync"], path.join(stackRoot, "backend"), childEnv);
+  if (!opts.skipBuild) {
+    runCmd("bun", ["run", "build"], stackRoot, childEnv);
+  }
+  if (!opts.skipMigrate) {
+    runCmd("uv", ["run", "alembic", "upgrade", "head"], path.join(stackRoot, "backend"), childEnv);
+  }
+
+  const child = spawn("bun", ["run", "start"], {
+    cwd: stackRoot,
+    stdio: "inherit",
+    env: childEnv,
+    shell: false,
+  });
+
+  function shutdown(signal) {
+    try {
+      if (process.platform === "win32") {
+        spawnSync("taskkill", ["/PID", String(child.pid), "/T", "/F"], {
+          stdio: "ignore",
+        });
+      } else {
+        child.kill(signal);
+      }
+    } catch {
+      /* ignore */
+    }
+  }
+
+  process.on("SIGINT", () => shutdown("SIGINT"));
+  process.on("SIGTERM", () => shutdown("SIGTERM"));
+  child.on("exit", (code, sig) => {
+    if (sig) process.exit(1);
+    process.exit(code ?? 0);
+  });
+}
+
+function runDev() {
+  const stackRoot = getStackRoot();
+  const fromDb = readStackSecretsEnv(stackRoot);
+  const childEnv = { ...process.env };
+  for (const [k, v] of Object.entries(fromDb)) {
+    if (!process.env[k]?.trim() && String(v).trim()) {
+      childEnv[k] = String(v);
+    }
+  }
+  runCmd("bun", ["run", "dev"], stackRoot, childEnv);
+}
+
+program
+  .name("business-stack")
+  .description("Run the business-stack monorepo (Next + Hono gateway + FastAPI)")
+  .version("0.1.0");
+
+program
+  .command("doctor")
+  .description("Check for bun, uv, and python on PATH")
+  .action(runDoctor);
+
+program
+  .command("setup")
+  .description("Generate secrets, save to gateway/auth.sqlite and .env files")
+  .option("-y, --yes", "Use default URLs (no prompts)")
+  .option("--force", "Overwrite existing stack_secrets")
+  .action(async (o) => {
+    try {
+      await runSetup(o);
+    } catch (e) {
+      console.error(e instanceof Error ? e.message : e);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("start")
+  .description("Install deps, build, migrate, run production stack (turbo start)")
+  .option("--skip-install", "Skip bun install")
+  .option("--skip-build", "Skip turbo build")
+  .option("--skip-migrate", "Skip alembic upgrade")
+  .action((o) => {
+    try {
+      runStart(o);
+    } catch (e) {
+      console.error(e instanceof Error ? e.message : e);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("dev")
+  .description("Run turbo dev (development servers)")
+  .action(() => {
+    try {
+      runDev();
+    } catch (e) {
+      console.error(e instanceof Error ? e.message : e);
+      process.exit(1);
+    }
+  });
+
+program.parseAsync(process.argv).catch((e) => {
+  console.error(e);
+  process.exit(1);
+});

package/frontend/web/.env.example

@@ -0,0 +1,23 @@
+# --- Browser / app URLs (system) ---
+# Same origin as the Next app: the browser hits /api/auth/* on this host; Next rewrites to the gateway.
+NEXT_PUBLIC_AUTH_BASE_URL=http://localhost:3000
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+
+# --- Next server → gateway (system) ---
+# Where Next proxies /api/auth/*, /api/backend/*, /api/integrations/* (gateway URL when running locally).
+AUTH_GATEWAY_INTERNAL_URL=http://127.0.0.1:3001
+
+# Bearer secret shared with the gateway. Next calls GET /internal/integrations (webhooks, WABridge, optional GEMINI fallback).
+# Must match gateway INTEGRATIONS_INTERNAL_SECRET. openssl rand -base64 32
+INTEGRATIONS_INTERNAL_SECRET=
+
+# --- Optional env fallbacks (same keys as Integration settings UI / gateway SQLite) ---
+# Used when INTEGRATIONS_INTERNAL_SECRET is unset, or to override / backfill per field after a gateway read.
+# GEMINI_API_KEY=
+# ALPHA_WEBHOOK_SECRET=
+# WABRIDGE_BASE_URL=http://127.0.0.1:8080
+# WABRIDGE_PHONE=
+# Set to 0 or false to force-disable WABridge regardless of stored settings.
+# WABRIDGE_ENABLED=true
+# Optional: fetch timeout in ms (default 60000). Remote WABridge/WhatsApp can exceed 25s; clamped 5000–120000.
+# WABRIDGE_FETCH_TIMEOUT_MS=90000

package/frontend/web/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

package/frontend/web/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/frontend/web/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/frontend/web/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-lyra",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "hugeicons",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "inverted-translucent",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/frontend/web/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/frontend/web/next.config.ts

@@ -0,0 +1,30 @@
+import type { NextConfig } from "next";
+
+const gatewayInternal =
+  process.env.AUTH_GATEWAY_INTERNAL_URL?.trim() || "http://127.0.0.1:3001";
+
+const nextConfig: NextConfig = {
+  reactCompiler: true,
+  async rewrites() {
+    return [
+      {
+        source: "/api/auth/:path*",
+        destination: `${gatewayInternal}/api/auth/:path*`,
+      },
+      {
+        source: "/api/gateway/session",
+        destination: `${gatewayInternal}/session`,
+      },
+      {
+        source: "/api/backend/:path*",
+        destination: `${gatewayInternal}/api/backend/:path*`,
+      },
+      {
+        source: "/api/integrations/:path*",
+        destination: `${gatewayInternal}/api/integrations/:path*`,
+      },
+    ];
+  },
+};
+
+export default nextConfig;

package/frontend/web/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@business-stack/web",
+  "version": "0.1.0",
+  "private": true,
+  "packageManager": "bun@1.3.1",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "format": "biome format --write",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "clean": "bun x rimraf@6 .next"
+  },
+  "dependencies": {
+    "@captchafox/react": "^1.11.0",
+    "@daveyplate/better-auth-ui": "^3.4.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@hugeicons/core-free-icons": "^4.1.1",
+    "@hugeicons/react": "^1.1.6",
+    "@marsidev/react-turnstile": "^1.5.0",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-primitive": "^2.1.4",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-use-callback-ref": "^1.1.1",
+    "@radix-ui/react-use-layout-effect": "^1.1.1",
+    "@tanstack/react-query": "^5.96.2",
+    "better-auth": "^1.5.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.7.0",
+    "next": "16.2.2",
+    "radix-ui": "^1.4.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-hook-form": "^7.72.1",
+    "server-only": "^0.0.1",
+    "shadcn": "^4.1.2",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
+    "tailwindcss": "^4",
+    "typescript": "^5",
+    "vitest": "^3.2.4"
+  }
+}

package/frontend/web/postcss.config.mjs

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

package/frontend/web/skills-lock.json

@@ -0,0 +1,35 @@
+{
+  "version": 1,
+  "skills": {
+    "better-auth-best-practices": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "9ab075b5061be2a5f299c10505667345cc1ec76e8de4120901cfd586643e776f"
+    },
+    "better-auth-security-best-practices": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "ed38caef4b297cc399d717258d6ea4e6ecb8894c453c83450064c7e7c6e5cc02"
+    },
+    "create-auth-skill": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "393e8d2d795fa5797c9a4e0665f29183ea2e140233db59746d510340a10456e6"
+    },
+    "email-and-password-best-practices": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "7786d722fa682b3d6a99793e73a9d51b59becefa595676134a993020633e068f"
+    },
+    "organization-best-practices": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "fa7a76e45a1f9632e6d63e92b476cf566e64f6e93a2c8ee00bc77b4a74008fbd"
+    },
+    "two-factor-authentication-best-practices": {
+      "source": "better-auth/skills",
+      "sourceType": "github",
+      "computedHash": "c4f3a299c62c1985b774b7c28e53b7e55c565dbf973fd52b08899e4bcfffa3f9"
+    }
+  }
+}

package/frontend/web/src/app/account/[[...path]]/page.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import { AccountView } from "@daveyplate/better-auth-ui";
+import { usePathname } from "next/navigation";
+import MaxWidthContainer from "@/lib/ui-utills";
+
+export default function AccountPage() {
+  const pathname = usePathname();
+
+  return (
+    <MaxWidthContainer
+      maxWidth="lg"
+      padding="default"
+      className="flex min-h-svh flex-col py-20"
+    >
+      <AccountView pathname={pathname} />
+    </MaxWidthContainer>
+  );
+}

package/frontend/web/src/app/auth/[[...path]]/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { AuthView } from "@daveyplate/better-auth-ui";
+import { usePathname } from "next/navigation";
+
+export default function AuthPage() {
+  const pathname = usePathname();
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center p-6">
+      <AuthView pathname={pathname} />
+    </div>
+  );
+}