create-bw-app 0.13.2 → 0.14.0

package/template/base/app/(shell)/shell-layout-client.tsx

@@ -0,0 +1,134 @@
+"use client";
+
+import { useMemo, type ReactNode } from "react";
+import { usePathname, useRouter } from "next/navigation";
+import { Users } from "lucide-react";
+import {
+  AppHeader,
+  AppShellFrame,
+  DesktopSidebar,
+  MobileNav,
+  computeInitials,
+  getShellNavGroup,
+  useShellNavState,
+  type NavGroupConfig,
+  type ShellNavStateGroup,
+} from "@brightweblabs/app-shell";
+import { createAuthUiClient } from "@brightweblabs/core-auth/ui";
+import { Toaster } from "@brightweblabs/ui";
+import { getStarterShellConfig } from "../../config/shell";
+import "@brightweblabs/app-shell/dashboard.css";
+
+export type ShellViewer = {
+  email: string | null;
+  firstName: string | null;
+  lastName: string | null;
+  isAdmin: boolean;
+  isStaff: boolean;
+};
+
+const authClient = createAuthUiClient();
+
+export function ShellLayoutClient({
+  children,
+  viewer,
+}: Readonly<{ children: ReactNode; viewer: ShellViewer }>) {
+  const pathname = usePathname() ?? "";
+  const router = useRouter();
+  const { shellPreview: config, toolbarRoutes, toolbarActions } = useMemo(
+    () => getStarterShellConfig(),
+    [],
+  );
+  const shellGroups = useMemo<ShellNavStateGroup[]>(
+    () => [
+      { key: config.toolsSection.key, items: config.toolsSection.items },
+      ...config.moduleGroups.map((group) => ({ key: group.key, items: group.children })),
+    ],
+    [config],
+  );
+  const { isSidebarCollapsed, isGroupOpen, toggleGroup, toggleSidebar } =
+    useShellNavState({ pathname, groups: shellGroups });
+  const registeredCrmNavGroup = getShellNavGroup(config, "crm");
+  const crmNavGroup = registeredCrmNavGroup ?? ({
+    label: "CRM",
+    icon: Users,
+    children: [],
+  } satisfies NavGroupConfig);
+  const crmGroupKey = registeredCrmNavGroup?.key ?? "crm";
+  const isAdminSurface = pathname === "/admin" || pathname.startsWith("/admin/");
+  const isActive = (href: string) =>
+    pathname === href || (isAdminSurface && pathname.startsWith(`${href}/`));
+  const displayName =
+    [viewer.firstName, viewer.lastName].filter(Boolean).join(" ") ||
+    viewer.email ||
+    "Conta";
+
+  return (
+    <AppShellFrame
+      collapsed={isSidebarCollapsed}
+      sidebar={
+        <DesktopSidebar
+          brand={config.brand}
+          isSidebarCollapsed={isSidebarCollapsed}
+          isToolActive={config.toolsSection.items.some((item) => isActive(item.href))}
+          toolsExpanded={isGroupOpen(config.toolsSection.key)}
+          visiblePrimaryNav={config.primaryNav}
+          adminNavItem={viewer.isAdmin ? config.adminNavItem : null}
+          visibleToolNav={config.toolsSection.items}
+          crmNavGroup={crmNavGroup}
+          crmGroupExpanded={isGroupOpen(crmGroupKey)}
+          isCrmGroupActive={crmNavGroup.children.some(
+            (item) => pathname === item.href || pathname.startsWith(`${item.href}/`),
+          )}
+          isNavItemActive={isActive}
+          isToolLinkActive={isActive}
+          isCrmChildActive={isActive}
+          onToggleSidebar={toggleSidebar}
+          onToggleTools={() => toggleGroup(config.toolsSection.key)}
+          onToggleCrmGroup={() => toggleGroup(crmGroupKey)}
+          account={{
+            displayName,
+            isStaff: viewer.isStaff,
+            onSignOut: async () => {
+              await authClient.signOutLocal();
+              router.replace("/login");
+              router.refresh();
+            },
+            user: {
+              email: viewer.email,
+              user_metadata: {
+                first_name: viewer.firstName,
+                last_name: viewer.lastName,
+              },
+            },
+            userInitials: computeInitials(
+              viewer.email,
+              viewer.firstName ?? undefined,
+              viewer.lastName ?? undefined,
+            ),
+          }}
+        />
+      }
+      header={
+        <AppHeader
+          pathname={pathname}
+          toolbarRoutes={toolbarRoutes}
+          toolbarActions={toolbarActions}
+        />
+      }
+      mobileNav={
+        <MobileNav
+          toolsExpanded={isGroupOpen(config.toolsSection.key)}
+          visiblePrimaryNav={config.primaryNav}
+          visibleToolNav={config.toolsSection.items}
+          isNavItemActive={isActive}
+          isToolLinkActive={isActive}
+          onToggleTools={() => toggleGroup(config.toolsSection.key)}
+        />
+      }
+    >
+      {children}
+      {isAdminSurface || pathname === "/account" ? <Toaster /> : null}
+    </AppShellFrame>
+  );
+}

package/template/base/app/api/account/route.ts

@@ -0,0 +1,2 @@
+export const dynamic = "force-dynamic";
+export { handleAccountGetRequest as GET, handleAccountUpdateRequest as PATCH } from "@brightweblabs/core-auth";

package/template/base/app/auth/callback/route.ts

@@ -0,0 +1 @@
+export { handleAuthCallbackRequest as GET } from "@brightweblabs/core-auth/routes";

package/template/base/app/auth/cleanup/route.ts

@@ -0,0 +1 @@
+export { handleAuthCleanupRequest as GET } from "@brightweblabs/core-auth/routes";

package/template/base/app/layout.tsx

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 import { starterBrandConfig } from "../config/brand";
+import { ThemeProvider, ThemeScript } from "@brightweblabs/app-shell";
 import { geistMono, geistSans } from "./fonts";
 import "./globals.css";
 
@@ -10,9 +11,14 @@ export const metadata = {
 
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (
-    <html lang="en" className={`${geistSans.variable} ${geistMono.variable}`}>
+    <html lang="en" className={`${geistSans.variable} ${geistMono.variable}`} suppressHydrationWarning>
+      <head>
+        <ThemeScript defaultTheme="light" />
+      </head>
       <body>
-        {children}
+        <ThemeProvider defaultTheme="light" disableTransitionOnChange>
+          {children}
+        </ThemeProvider>
       </body>
     </html>
   );

package/template/base/config/env.ts

@@ -0,0 +1,98 @@
+export type StarterEnvScope = "public" | "server";
+
+export type StarterEnvRequirement = {
+  key: string;
+  scope: StarterEnvScope;
+  description: string;
+  requiredFor: string[];
+};
+
+export type StarterEnvStatus = StarterEnvRequirement & {
+  present: boolean;
+};
+
+export const starterEnvRequirements: StarterEnvRequirement[] = [
+  {
+    key: "NEXT_PUBLIC_APP_URL",
+    scope: "public",
+    description: "Canonical browser-visible URL used by auth callbacks and platform links.",
+    requiredFor: ["core-auth"],
+  },
+  {
+    key: "PUBLIC_APP_URL",
+    scope: "server",
+    description: "Canonical server-side URL used to build Marketing unsubscribe and callback links.",
+    requiredFor: ["marketing"],
+  },
+  {
+    key: "NEXT_PUBLIC_SUPABASE_URL",
+    scope: "public",
+    description: "Supabase project URL for client-side and server-side API access.",
+    requiredFor: ["crm", "marketing", "projects", "admin"],
+  },
+  {
+    key: "NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY",
+    scope: "public",
+    description: "Supabase publishable key for browser auth and RPC calls.",
+    requiredFor: ["crm", "marketing", "projects", "admin"],
+  },
+  {
+    key: "SUPABASE_SECRET_DEFAULT_KEY",
+    scope: "server",
+    description: "Supabase secret key for privileged Admin, CRM, Marketing, and Projects actions.",
+    requiredFor: ["crm", "marketing", "projects", "admin"],
+  },
+  {
+    key: "RESEND_API_KEY",
+    scope: "server",
+    description: "Resend API key injected into Marketing email delivery.",
+    requiredFor: ["marketing"],
+  },
+  {
+    key: "RESEND_WEBHOOK_SECRET",
+    scope: "server",
+    description: "Svix signing secret used to verify inbound Resend event payloads.",
+    requiredFor: ["marketing"],
+  },
+  {
+    key: "MARKETING_WORKER_SECRET",
+    scope: "server",
+    description: "Bearer secret required to invoke the internal Marketing worker endpoint.",
+    requiredFor: ["marketing"],
+  },
+  {
+    key: "MARKETING_FROM_EMAIL",
+    scope: "server",
+    description: "Verified sender address for Marketing campaigns; falls back to RESEND_FROM_EMAIL.",
+    requiredFor: ["marketing"],
+  },
+  {
+    key: "MARKETING_FROM_NAME",
+    scope: "server",
+    description: "Display name for Marketing campaign email.",
+    requiredFor: ["marketing"],
+  },
+];
+
+export function getStarterEnvStatus() {
+  return starterEnvRequirements.map(
+    (requirement) =>
+      ({
+        ...requirement,
+        present:
+          typeof process.env[requirement.key] === "string"
+          && process.env[requirement.key]!.trim().length > 0,
+      }) satisfies StarterEnvStatus,
+  );
+}
+
+export function isStarterEnvReady(requiredModules: string[]) {
+  const relevant = getStarterEnvStatus().filter((item) =>
+    item.requiredFor.some((moduleKey) => requiredModules.includes(moduleKey)),
+  );
+  return {
+    allReady: relevant.every((item) => item.present),
+    items: relevant,
+    missing: relevant.filter((item) => !item.present),
+  };
+}

package/template/module-manifests/marketing/brightweb.module.json

@@ -0,0 +1,12 @@
+{
+  "contractVersion": 1,
+  "key": "marketing",
+  "requires": {
+    "core": ">=0.3",
+    "admin": ">=0.3",
+    "orgs": ">=0.1",
+    "crm": ">=0.6"
+  },
+  "env": [],
+  "tokens": "./tokens.css"
+}

package/template/modules/marketing/app/(shell)/marketing/page.tsx

@@ -0,0 +1 @@
+export { MarketingPage as default } from "@brightweblabs/module-marketing";

package/template/modules/marketing/app/api/marketing/_handlers.ts

@@ -0,0 +1,144 @@
+import {
+  createMarketingCampaignHandlers,
+  createNoopEmailSender,
+  createResendEmailSender,
+  handleMarketingUnsubscribeGetRequest,
+  handleMarketingUnsubscribePostRequest,
+} from "@brightweblabs/module-marketing";
+
+const apiKey = process.env.RESEND_API_KEY ?? "";
+const defaultFromEmail =
+  process.env.MARKETING_FROM_EMAIL ?? process.env.RESEND_FROM_EMAIL ?? "";
+const defaultFromName =
+  process.env.MARKETING_FROM_NAME ?? process.env.RESEND_FROM_NAME ?? "BrightWeb";
+
+const sender = apiKey && defaultFromEmail
+  ? createResendEmailSender({
+    apiKey,
+    defaultFromEmail,
+    defaultFromName,
+  })
+  : createNoopEmailSender();
+
+const handlers = createMarketingCampaignHandlers({
+  sender,
+  workerSecret: process.env.MARKETING_WORKER_SECRET ?? "",
+  webhookSecret: process.env.RESEND_WEBHOOK_SECRET ?? "",
+  publicAppUrl:
+    process.env.PUBLIC_APP_URL
+    ?? process.env.NEXT_PUBLIC_APP_URL
+    ?? "http://localhost:3000",
+});
+
+type IdRouteContext = { params: Promise<{ id: string }> };
+type NodeRouteContext = { params: Promise<{ id: string; nodeId: string }> };
+type TokenRouteContext = { params: Promise<{ token: string }> };
+
+export function marketingUnsubscribeGet(request: Request, context: TokenRouteContext) {
+  return handleMarketingUnsubscribeGetRequest(request, context);
+}
+export function marketingUnsubscribePost(request: Request, context: TokenRouteContext) {
+  return handleMarketingUnsubscribePostRequest(request, context);
+}
+export function marketingAnalyticsOverviewGet(request: Request) {
+  return handlers.analyticsOverviewGet(request);
+}
+export function marketingCampaignsGet(request: Request) {
+  return handlers.campaignsGet(request);
+}
+export function marketingCampaignsPost(request: Request) {
+  return handlers.campaignsPost(request);
+}
+export function marketingSegmentsGet(request: Request) {
+  return handlers.segmentsGet(request);
+}
+export function marketingSegmentsPost(request: Request) {
+  return handlers.segmentsPost(request);
+}
+export function marketingTopicsGet(request: Request) {
+  return handlers.topicsGet(request);
+}
+export function marketingWebhookPost(request: Request) {
+  return handlers.webhookPost(request);
+}
+export function marketingWorkerPost(request: Request) {
+  return handlers.workerPost(request);
+}
+export function marketingWorkflowsGet(request: Request) {
+  return handlers.workflowsGet(request);
+}
+export function marketingWorkflowsPost(request: Request) {
+  return handlers.workflowsPost(request);
+}
+export function marketingAnalyticsCampaignGet(request: Request, context: IdRouteContext) {
+  return handlers.analyticsCampaignGet(request, context);
+}
+export function marketingAnalyticsSegmentGet(request: Request, context: IdRouteContext) {
+  return handlers.analyticsSegmentGet(request, context);
+}
+export function marketingCampaignDelete(request: Request, context: IdRouteContext) {
+  return handlers.campaignDelete(request, context);
+}
+export function marketingCampaignGet(request: Request, context: IdRouteContext) {
+  return handlers.campaignGet(request, context);
+}
+export function marketingCampaignPatch(request: Request, context: IdRouteContext) {
+  return handlers.campaignPatch(request, context);
+}
+export function marketingCampaignCancelPost(request: Request, context: IdRouteContext) {
+  return handlers.cancelPost(request, context);
+}
+export function marketingCampaignRecipientsGet(request: Request, context: IdRouteContext) {
+  return handlers.recipientsGet(request, context);
+}
+export function marketingCampaignRetryPost(request: Request, context: IdRouteContext) {
+  return handlers.retryPost(request, context);
+}
+export function marketingCampaignSchedulePost(request: Request, context: IdRouteContext) {
+  return handlers.schedulePost(request, context);
+}
+export function marketingCampaignSendPost(request: Request, context: IdRouteContext) {
+  return handlers.sendPost(request, context);
+}
+export function marketingCampaignTestPost(request: Request, context: IdRouteContext) {
+  return handlers.testPost(request, context);
+}
+export function marketingSegmentDelete(request: Request, context: IdRouteContext) {
+  return handlers.segmentDelete(request, context);
+}
+export function marketingSegmentGet(request: Request, context: IdRouteContext) {
+  return handlers.segmentGet(request, context);
+}
+export function marketingSegmentPatch(request: Request, context: IdRouteContext) {
+  return handlers.segmentPatch(request, context);
+}
+export function marketingSegmentPreviewByIdPost(request: Request, context: IdRouteContext) {
+  return handlers.segmentPreviewPost(request, context);
+}
+export function marketingSegmentPreviewPost(request: Request) {
+  return handlers.segmentPreviewPost(request);
+}
+export function marketingWorkflowActivatePost(request: Request, context: IdRouteContext) {
+  return handlers.workflowActivatePost(request, context);
+}
+export function marketingWorkflowDelete(request: Request, context: IdRouteContext) {
+  return handlers.workflowDelete(request, context);
+}
+export function marketingWorkflowGet(request: Request, context: IdRouteContext) {
+  return handlers.workflowGet(request, context);
+}
+export function marketingWorkflowNodeDelete(request: Request, context: NodeRouteContext) {
+  return handlers.workflowNodeDelete(request, context);
+}
+export function marketingWorkflowNodesPut(request: Request, context: IdRouteContext) {
+  return handlers.workflowNodesPut(request, context);
+}
+export function marketingWorkflowPatch(request: Request, context: IdRouteContext) {
+  return handlers.workflowPatch(request, context);
+}
+export function marketingWorkflowPausePost(request: Request, context: IdRouteContext) {
+  return handlers.workflowPausePost(request, context);
+}
+export function marketingWorkflowRunsGet(request: Request, context: IdRouteContext) {
+  return handlers.workflowRunsGet(request, context);
+}

package/template/modules/marketing/app/api/marketing/analytics/campaigns/[id]/route.ts

@@ -0,0 +1,2 @@
+export { marketingAnalyticsCampaignGet as GET } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/analytics/overview/route.ts

@@ -0,0 +1,2 @@
+export { marketingAnalyticsOverviewGet as GET } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/analytics/segments/[id]/route.ts

@@ -0,0 +1,2 @@
+export { marketingAnalyticsSegmentGet as GET } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/cancel/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignCancelPost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/recipients/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignRecipientsGet as GET } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/retry/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignRetryPost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignDelete as DELETE, marketingCampaignGet as GET, marketingCampaignPatch as PATCH } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/schedule/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignSchedulePost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/send/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignSendPost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/[id]/test/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignTestPost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/campaigns/route.ts

@@ -0,0 +1,2 @@
+export { marketingCampaignsGet as GET, marketingCampaignsPost as POST } from "../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/segments/[id]/preview/route.ts

@@ -0,0 +1,2 @@
+export { marketingSegmentPreviewByIdPost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/segments/[id]/route.ts

@@ -0,0 +1,2 @@
+export { marketingSegmentDelete as DELETE, marketingSegmentGet as GET, marketingSegmentPatch as PATCH } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/segments/preview/route.ts

@@ -0,0 +1,2 @@
+export { marketingSegmentPreviewPost as POST } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/segments/route.ts

@@ -0,0 +1,2 @@
+export { marketingSegmentsGet as GET, marketingSegmentsPost as POST } from "../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/topics/route.ts

@@ -0,0 +1,2 @@
+export { marketingTopicsGet as GET } from "../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/unsubscribe/[token]/route.ts

@@ -0,0 +1,2 @@
+export { marketingUnsubscribeGet as GET, marketingUnsubscribePost as POST } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/webhooks/resend/route.ts

@@ -0,0 +1,2 @@
+export { marketingWebhookPost as POST } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/worker/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkerPost as POST } from "../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/activate/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowActivatePost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/nodes/[nodeId]/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowNodeDelete as DELETE } from "../../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/nodes/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowNodesPut as PUT } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/pause/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowPausePost as POST } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowDelete as DELETE, marketingWorkflowGet as GET, marketingWorkflowPatch as PATCH } from "../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/[id]/runs/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowRunsGet as GET } from "../../../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/marketing/app/api/marketing/workflows/route.ts

@@ -0,0 +1,2 @@
+export { marketingWorkflowsGet as GET, marketingWorkflowsPost as POST } from "../_handlers";
+export const dynamic = "force-dynamic";

package/template/modules/projects/app/(shell)/projects/[id]/board/page.tsx

@@ -0,0 +1 @@
+export { ProjectBoardServerMount as default } from "../../projects-server-mounts";

package/template/modules/projects/app/(shell)/projects/[id]/page.tsx

@@ -0,0 +1 @@
+export { ProjectDetailServerMount as default } from "../projects-server-mounts";

package/template/modules/projects/app/(shell)/projects/[id]/tasks/page.tsx

@@ -0,0 +1 @@
+export { ProjectTasksServerMount as default } from "../../projects-server-mounts";

package/template/modules/projects/app/(shell)/projects/layout.tsx

@@ -0,0 +1,5 @@
+import "@brightweblabs/module-projects/tokens.css";
+
+export default function ProjectsLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return children;
+}

package/template/modules/projects/app/(shell)/projects/page.tsx

@@ -0,0 +1 @@
+export { ProjectsServerMount as default } from "./projects-server-mounts";

package/template/modules/projects/app/(shell)/projects/projects-live-mounts.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import {
+  ProjectBoardPage,
+  ProjectDetailPage,
+  ProjectsPage,
+  ProjectTasksPage,
+  type ProjectDetailPageProps,
+  type ProjectsPageProps,
+  type ProjectTasksPageProps,
+} from "@brightweblabs/module-projects/ui";
+
+export function ProjectsPageLiveMount(props: ProjectsPageProps) {
+  return <ProjectsPage {...props} />;
+}
+
+export function ProjectDetailPageLiveMount(props: ProjectDetailPageProps) {
+  return <ProjectDetailPage {...props} />;
+}
+
+export function ProjectBoardPageLiveMount(props: ProjectTasksPageProps) {
+  return <ProjectBoardPage {...props} />;
+}
+
+export function ProjectTasksPageLiveMount(props: ProjectTasksPageProps) {
+  return <ProjectTasksPage {...props} />;
+}

package/template/modules/projects/app/(shell)/projects/projects-server-mounts.tsx

@@ -0,0 +1,54 @@
+import { requireServerPageAccess } from "@brightweblabs/core-auth/server";
+import {
+  getProjectDashboard,
+  getProjectsPortfolioPageData,
+} from "@brightweblabs/module-projects";
+import {
+  ProjectBoardPageLiveMount,
+  ProjectDetailPageLiveMount,
+  ProjectsPageLiveMount,
+  ProjectTasksPageLiveMount,
+} from "./projects-live-mounts";
+
+const navigation = {
+  listHref: "/projects",
+  detailHref: (id: string) => `/projects/${id}`,
+  boardHref: (id: string) => `/projects/${id}/tasks`,
+};
+
+export async function ProjectsServerMount() {
+  const { organizationOptions, portfolioStats, result } = await getProjectsPortfolioPageData();
+  const attentionSummary = {
+    total: result.total,
+    overdue: result.items.filter((project) => project.taskStats.overdue > 0).length,
+    atRisk: result.items.filter((project) => project.health === "at_risk").length,
+  };
+
+  return (
+    <ProjectsPageLiveMount
+      initialData={{ ...result, attentionSummary }}
+      initialUpdatedAt={new Date().toISOString()}
+      portfolioStats={portfolioStats}
+      organizations={organizationOptions}
+      navigation={navigation}
+    />
+  );
+}
+
+async function getInitialProject(params: Promise<{ id: string }>) {
+  const { id } = await params;
+  const { supabase } = await requireServerPageAccess();
+  return getProjectDashboard(supabase, id);
+}
+
+export async function ProjectDetailServerMount({ params }: { params: Promise<{ id: string }> }) {
+  return <ProjectDetailPageLiveMount initialData={await getInitialProject(params)} navigation={navigation} />;
+}
+
+export async function ProjectBoardServerMount({ params }: { params: Promise<{ id: string }> }) {
+  return <ProjectBoardPageLiveMount initialData={await getInitialProject(params)} navigation={navigation} />;
+}
+
+export async function ProjectTasksServerMount({ params }: { params: Promise<{ id: string }> }) {
+  return <ProjectTasksPageLiveMount initialData={await getInitialProject(params)} navigation={navigation} />;
+}

package/template/modules/projects/app/api/projects/[id]/activity/route.ts

@@ -0,0 +1,2 @@
+export const dynamic = "force-dynamic";
+export { projectActivityGet as GET } from "../../_handlers";

package/template/modules/projects/app/api/projects/[id]/links/[itemId]/route.ts

@@ -0,0 +1,2 @@
+export const dynamic = "force-dynamic";
+export { projectLinkPatch as PATCH, projectLinkDelete as DELETE } from "../../../_handlers";

package/template/modules/projects/app/api/projects/[id]/links/route.ts

@@ -0,0 +1,2 @@
+export const dynamic = "force-dynamic";
+export { projectLinksPost as POST } from "../../_handlers";