Refactor registration and dashboard features to support invite codes and Bunny uploads

- Moved registration logic to a new client component for better separation of concerns.
- Integrated invite code requirement based on feature flags in the registration process.
- Enhanced dashboard functionality to conditionally enable Bunny uploads based on feature flags.
- Updated various components and API routes to check for Bunny uploads and Stripe billing feature flags.
- Added new feature flag utilities for managing feature toggles in the application.

app/(dashboard)/dashboard/dashboard-client.tsx

@@ -21,6 +21,7 @@ interface DashboardClientProps {
   totalPages: number;
   canCreateProjects: boolean;
   canUploadVideos: boolean;
+  bunnyUploadsEnabled: boolean;
 }
 
 export function DashboardClient({
@@ -29,10 +30,11 @@ export function DashboardClient({
   totalPages,
   canCreateProjects,
   canUploadVideos,
+  bunnyUploadsEnabled,
 }: DashboardClientProps) {
   return (
     <div className="px-6 lg:px-8 py-8 w-full">
-      <VideoDragDropUploader canUpload={canUploadVideos} />
+      <VideoDragDropUploader canUpload={canUploadVideos && bunnyUploadsEnabled} />
       <ProjectFilter
         projects={serializedProjects}
         workspaces={workspaces}

app/(dashboard)/dashboard/page.tsx

@@ -5,6 +5,7 @@ import { Prisma } from '@prisma/client';
 import { hasCollaboratorBillingBackedAccess, requireBillingAccessOrRedirect } from '@/lib/route-access';
 import { DashboardClient } from './dashboard-client';
 import { buildBillingAccessWhereInput } from '@/lib/billing';
+import { isBunnyUploadsEnabled } from '@/lib/feature-flags';
 
 export default async function DashboardPage({
     searchParams,
@@ -156,6 +157,7 @@ export default async function DashboardPage({
             totalPages={totalPages}
             canCreateProjects={canCreateProjects}
             canUploadVideos={canUploadVideos}
+            bunnyUploadsEnabled={isBunnyUploadsEnabled()}
         />
     );
 }

app/(dashboard)/projects/[projectId]/videos/[videoId]/page.tsx

@@ -1,5 +1,6 @@
 import { VideoPageContent } from '@/components/video-page-content';
 import { auth } from '@/lib/auth';
+import { isBunnyUploadsEnabled } from '@/lib/feature-flags';
 import { requireVideoProjectAccessOrRedirect } from '@/lib/route-access';
 
 interface VideoPageProps {
@@ -18,5 +19,12 @@ export default async function VideoPage({ params }: VideoPageProps) {
     allowPublicView: true,
   });
 
-  return <VideoPageContent mode="dashboard" videoId={videoId} projectId={projectId} />;
+  return (
+    <VideoPageContent
+      mode="dashboard"
+      videoId={videoId}
+      projectId={projectId}
+      bunnyUploadsEnabled={isBunnyUploadsEnabled()}
+    />
+  );
 }

app/(dashboard)/projects/[projectId]/videos/new/new-video-page-client.tsx

@@ -23,7 +23,13 @@ function isVideoFile(file: File): boolean {
   return !!extension && VIDEO_FILE_EXTENSIONS.includes(extension);
 }
 
-export default function NewVideoPageClient({ projectId }: { projectId: string }) {
+export default function NewVideoPageClient({
+  projectId,
+  bunnyUploadsEnabled,
+}: {
+  projectId: string;
+  bunnyUploadsEnabled: boolean;
+}) {
   const router = useRouter();
   const bunnyCdnHostname = resolvePublicBunnyCdnHostname();
 
@@ -348,6 +354,10 @@ export default function NewVideoPageClient({ projectId }: { projectId: string })
         finalThumbnailUrl = getThumbnailUrl(videoSource, 'large');
         finalDuration = videoSource.metadata?.duration || null;
       } else {
+        if (!bunnyUploadsEnabled) {
+          throw new Error('Direct uploads are disabled by this host');
+        }
+
         if (!selectedFile) {
           setSubmitError('Please select a video file to upload');
           setIsLoading(false);
@@ -439,14 +449,18 @@ export default function NewVideoPageClient({ projectId }: { projectId: string })
         <CardHeader>
           <CardTitle>Add Video</CardTitle>
           <CardDescription>
-            Paste a video link or upload a file directly to add it to your project. Currently supports YouTube.
+            {bunnyUploadsEnabled
+              ? 'Paste a video link or upload a file directly to add it to your project. Currently supports YouTube.'
+              : 'Paste a video link to add it to your project. Direct uploads are disabled on this host.'}
           </CardDescription>
         </CardHeader>
         <CardContent>
           <Tabs value={uploadMode} onValueChange={(v) => !isLoading && setUploadMode(v as 'url' | 'file')} className="mb-6">
-            <TabsList className="grid w-full grid-cols-2">
+            <TabsList className={`grid w-full ${bunnyUploadsEnabled ? 'grid-cols-2' : 'grid-cols-1'}`}>
               <TabsTrigger value="url" disabled={isLoading}>Paste URL</TabsTrigger>
-              <TabsTrigger value="file" disabled={isLoading}>Direct Upload</TabsTrigger>
+              {bunnyUploadsEnabled ? (
+                <TabsTrigger value="file" disabled={isLoading}>Direct Upload</TabsTrigger>
+              ) : null}
             </TabsList>
           </Tabs>
 

app/(dashboard)/projects/[projectId]/videos/new/page.tsx

@@ -1,4 +1,5 @@
 import { requireProjectAccessOrRedirect } from '@/lib/route-access';
+import { isBunnyUploadsEnabled } from '@/lib/feature-flags';
 import NewVideoPageClient from './new-video-page-client';
 
 interface NewVideoPageProps {
@@ -13,5 +14,5 @@ export default async function NewVideoPage({ params }: NewVideoPageProps) {
     intent: 'manage',
   });
 
-  return <NewVideoPageClient projectId={projectId} />;
+  return <NewVideoPageClient projectId={projectId} bunnyUploadsEnabled={isBunnyUploadsEnabled()} />;
 }

app/(dashboard)/settings/settings-page-client.tsx

@@ -33,7 +33,9 @@ interface NotificationSettings {
 }
 
 interface BillingOverview {
+  isEnabled: boolean;
   isConfigured: boolean;
+  status: 'disabled' | 'ready' | 'misconfigured';
   checkoutAvailable: boolean;
   portalAvailable: boolean;
   subscription: {
@@ -320,6 +322,10 @@ export default function SettingsPage({ billingOnly = false }: { billingOnly?: bo
               <Skeleton className="h-4 w-full" />
               <Skeleton className="h-10 w-44 rounded-md" />
             </div>
+          ) : !billing.isEnabled ? (
+            <div className="rounded-md border border-muted bg-muted/40 p-4 text-sm text-muted-foreground">
+              Stripe billing is disabled by this host. Workspace creation is unrestricted in this environment.
+            </div>
           ) : !billing.isConfigured ? (
             <div className="rounded-md border border-amber-500/30 bg-amber-500/10 p-4 text-sm text-amber-700 dark:text-amber-400">
               Stripe is not configured yet. Add your Stripe environment variables before using billing.