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.
2026-09-11 17:46:06 +00:00 · 2026-04-08 18:46:12 +03:00
parent 6f22b0bf8b
commit b1b1715578
29 changed files with 430 additions and 282 deletions
@@ -1,229 +1,6 @@
-'use client';
-
-import { useEffect, useMemo, useState } from 'react';
-import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { Video, Loader2, KeyRound, UserPlus } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
+import { isInviteCodeRequired } from '@/lib/feature-flags';
+import RegisterPageClient from './register-page-client';

 export default function RegisterPage() {
-    const router = useRouter();
-    const searchParams = useSearchParams();
-    const invitationToken = useMemo(() => searchParams.get('invitationToken') || '', [searchParams]);
-    const invitedEmail = useMemo(() => searchParams.get('email') || '', [searchParams]);
-    const isInvitationFlow = invitationToken.length > 0;
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState('');
-    const [formData, setFormData] = useState({
-        name: '',
-        email: '',
-        password: '',
-        confirmPassword: '',
-        inviteCode: '',
-    });
-
-    useEffect(() => {
-        if (!invitedEmail) return;
-        setFormData((prev) => ({
-            ...prev,
-            email: invitedEmail,
-        }));
-    }, [invitedEmail]);
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        setFormData(prev => ({
-            ...prev,
-            [e.target.name]: e.target.value,
-        }));
-        setError('');
-    };
-
-    const handleRegister = async (e: React.FormEvent) => {
-        e.preventDefault();
-        setError('');
-        setIsLoading(true);
-
-        // Client-side validation
-        if (formData.password !== formData.confirmPassword) {
-            setError('Passwords do not match');
-            setIsLoading(false);
-            return;
-        }
-
-        if (formData.password.length < 8) {
-            setError('Password must be at least 8 characters');
-            setIsLoading(false);
-            return;
-        }
-
-        try {
-            const response = await fetch('/api/auth/register', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    name: formData.name,
-                    email: formData.email,
-                    password: formData.password,
-                    inviteCode: formData.inviteCode || undefined,
-                    invitationToken: invitationToken || undefined,
-                }),
-            });
-
-            const data = await response.json();
-
-            if (!response.ok) {
-                setError(data.error || 'Registration failed');
-                return;
-            }
-
-            // Redirect to login on success
-            router.push('/login?registered=true');
-        } catch {
-            setError('Something went wrong. Please try again.');
-        } finally {
-            setIsLoading(false);
-        }
-    };
-
-    return (
-        <div className="min-h-screen flex items-center justify-center p-4 bg-background">
-            <div className="w-full max-w-md">
-                {/* Logo */}
-                <Link href="/" className="flex items-center justify-center gap-2 mb-8">
-                    <Video className="h-8 w-8 text-primary" />
-                    <span className="font-bold text-2xl">OpenFrame</span>
-                </Link>
-
-                <Card>
-                    <CardHeader className="text-center">
-                        <CardTitle className="flex items-center justify-center gap-2">
-                            <UserPlus className="h-5 w-5" />
-                            Create Account
-                        </CardTitle>
-                        <CardDescription>
-                            Join OpenFrame to collaborate on video projects
-                        </CardDescription>
-                    </CardHeader>
-                    <CardContent>
-                        <form onSubmit={handleRegister} className="space-y-4">
-                            {/* Invite Code - First and prominent */}
-                            {isInvitationFlow ? (
-                                <div className="p-3 rounded-md bg-primary/10 text-sm">
-                                    You are registering via an invitation link.
-                                </div>
-                            ) : (
-                                <>
-                                    <div className="space-y-2">
-                                        <Label htmlFor="inviteCode" className="flex items-center gap-2">
-                                            <KeyRound className="h-4 w-4 text-amber-500" />
-                                            Invite Code
-                                        </Label>
-                                        <Input
-                                            id="inviteCode"
-                                            name="inviteCode"
-                                            type="text"
-                                            placeholder="Enter your invite code"
-                                            value={formData.inviteCode}
-                                            onChange={handleChange}
-                                            required
-                                            disabled={isLoading}
-                                            className="border-amber-500/30 focus:border-amber-500"
-                                        />
-                                        <p className="text-xs text-muted-foreground">
-                                            An invite code is required to create an account
-                                        </p>
-                                    </div>
-
-                                    <div className="h-px bg-border my-4" />
-                                </>
-                            )}
-
-                            <div className="space-y-2">
-                                <Label htmlFor="name">Full Name</Label>
-                                <Input
-                                    id="name"
-                                    name="name"
-                                    type="text"
-                                    placeholder="John Doe"
-                                    value={formData.name}
-                                    onChange={handleChange}
-                                    required
-                                    disabled={isLoading}
-                                    minLength={2}
-                                />
-                            </div>
-
-                            <div className="space-y-2">
-                                <Label htmlFor="email">Email</Label>
-                                <Input
-                                    id="email"
-                                    name="email"
-                                    type="email"
-                                    placeholder="[email protected]"
-                                    value={formData.email}
-                                    onChange={handleChange}
-                                    required
-                                    disabled={isLoading}
-                                />
-                            </div>
-
-                            <div className="space-y-2">
-                                <Label htmlFor="password">Password</Label>
-                                <Input
-                                    id="password"
-                                    name="password"
-                                    type="password"
-                                    placeholder="••••••••"
-                                    value={formData.password}
-                                    onChange={handleChange}
-                                    required
-                                    disabled={isLoading}
-                                    minLength={8}
-                                />
-                            </div>
-
-                            <div className="space-y-2">
-                                <Label htmlFor="confirmPassword">Confirm Password</Label>
-                                <Input
-                                    id="confirmPassword"
-                                    name="confirmPassword"
-                                    type="password"
-                                    placeholder="••••••••"
-                                    value={formData.confirmPassword}
-                                    onChange={handleChange}
-                                    required
-                                    disabled={isLoading}
-                                />
-                            </div>
-
-                            {error && (
-                                <div className="p-3 rounded-md bg-destructive/10 text-destructive text-sm">
-                                    {error}
-                                </div>
-                            )}
-
-                            <Button type="submit" className="w-full" disabled={isLoading}>
-                                {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
-                                Create Account
-                            </Button>
-                        </form>
-
-                        <p className="text-center text-sm text-muted-foreground mt-6">
-                            Already have an account?{' '}
-                            <Link href="/login" className="text-primary hover:underline">
-                                Sign in
-                            </Link>
-                        </p>
-                    </CardContent>
-                </Card>
-
-                <p className="text-center text-xs text-muted-foreground mt-4">
-                    By continuing, you agree to our Terms of Service and Privacy Policy
-                </p>
-            </div>
-        </div>
-    );
+  return <RegisterPageClient requireInviteCode={isInviteCodeRequired()} />;
 }
@@ -0,0 +1,226 @@
+'use client';
+
+import { useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { Video, Loader2, KeyRound, UserPlus } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+
+export default function RegisterPageClient({ requireInviteCode }: { requireInviteCode: boolean }) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const invitationToken = useMemo(() => searchParams.get('invitationToken') || '', [searchParams]);
+  const invitedEmail = useMemo(() => searchParams.get('email') || '', [searchParams]);
+  const isInvitationFlow = invitationToken.length > 0;
+  const shouldShowInviteCode = requireInviteCode && !isInvitationFlow;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState('');
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    password: '',
+    confirmPassword: '',
+    inviteCode: '',
+  });
+
+  useEffect(() => {
+    if (!invitedEmail) return;
+    setFormData((prev) => ({
+      ...prev,
+      email: invitedEmail,
+    }));
+  }, [invitedEmail]);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setFormData((prev) => ({
+      ...prev,
+      [e.target.name]: e.target.value,
+    }));
+    setError('');
+  };
+
+  const handleRegister = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError('');
+    setIsLoading(true);
+
+    if (formData.password !== formData.confirmPassword) {
+      setError('Passwords do not match');
+      setIsLoading(false);
+      return;
+    }
+
+    if (formData.password.length < 8) {
+      setError('Password must be at least 8 characters');
+      setIsLoading(false);
+      return;
+    }
+
+    try {
+      const response = await fetch('/api/auth/register', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          name: formData.name,
+          email: formData.email,
+          password: formData.password,
+          inviteCode: shouldShowInviteCode ? formData.inviteCode || undefined : undefined,
+          invitationToken: invitationToken || undefined,
+        }),
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        setError(data.error || 'Registration failed');
+        return;
+      }
+
+      router.push('/login?registered=true');
+    } catch {
+      setError('Something went wrong. Please try again.');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center p-4 bg-background">
+      <div className="w-full max-w-md">
+        <Link href="/" className="flex items-center justify-center gap-2 mb-8">
+          <Video className="h-8 w-8 text-primary" />
+          <span className="font-bold text-2xl">OpenFrame</span>
+        </Link>
+
+        <Card>
+          <CardHeader className="text-center">
+            <CardTitle className="flex items-center justify-center gap-2">
+              <UserPlus className="h-5 w-5" />
+              Create Account
+            </CardTitle>
+            <CardDescription>
+              Join OpenFrame to collaborate on video projects
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <form onSubmit={handleRegister} className="space-y-4">
+              {isInvitationFlow ? (
+                <div className="p-3 rounded-md bg-primary/10 text-sm">
+                  You are registering via an invitation link.
+                </div>
+              ) : shouldShowInviteCode ? (
+                <>
+                  <div className="space-y-2">
+                    <Label htmlFor="inviteCode" className="flex items-center gap-2">
+                      <KeyRound className="h-4 w-4 text-amber-500" />
+                      Invite Code
+                    </Label>
+                    <Input
+                      id="inviteCode"
+                      name="inviteCode"
+                      type="text"
+                      placeholder="Enter your invite code"
+                      value={formData.inviteCode}
+                      onChange={handleChange}
+                      required
+                      disabled={isLoading}
+                      className="border-amber-500/30 focus:border-amber-500"
+                    />
+                    <p className="text-xs text-muted-foreground">
+                      An invite code is required to create an account
+                    </p>
+                  </div>
+
+                  <div className="h-px bg-border my-4" />
+                </>
+              ) : null}
+
+              <div className="space-y-2">
+                <Label htmlFor="name">Full Name</Label>
+                <Input
+                  id="name"
+                  name="name"
+                  type="text"
+                  placeholder="John Doe"
+                  value={formData.name}
+                  onChange={handleChange}
+                  required
+                  disabled={isLoading}
+                  minLength={2}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="email">Email</Label>
+                <Input
+                  id="email"
+                  name="email"
+                  type="email"
+                  placeholder="[email protected]"
+                  value={formData.email}
+                  onChange={handleChange}
+                  required
+                  disabled={isLoading}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="password">Password</Label>
+                <Input
+                  id="password"
+                  name="password"
+                  type="password"
+                  placeholder="••••••••"
+                  value={formData.password}
+                  onChange={handleChange}
+                  required
+                  disabled={isLoading}
+                  minLength={8}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="confirmPassword">Confirm Password</Label>
+                <Input
+                  id="confirmPassword"
+                  name="confirmPassword"
+                  type="password"
+                  placeholder="••••••••"
+                  value={formData.confirmPassword}
+                  onChange={handleChange}
+                  required
+                  disabled={isLoading}
+                />
+              </div>
+
+              {error && (
+                <div className="p-3 rounded-md bg-destructive/10 text-destructive text-sm">
+                  {error}
+                </div>
+              )}
+
+              <Button type="submit" className="w-full" disabled={isLoading}>
+                {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
+                Create Account
+              </Button>
+            </form>
+
+            <p className="text-center text-sm text-muted-foreground mt-6">
+              Already have an account?{' '}
+              <Link href="/login" className="text-primary hover:underline">
+                Sign in
+              </Link>
+            </p>
+          </CardContent>
+        </Card>
+
+        <p className="text-center text-xs text-muted-foreground mt-4">
+          By continuing, you agree to our Terms of Service and Privacy Policy
+        </p>
+      </div>
+    </div>
+  );
+}
@@ -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}
@@ -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()}
        />
    );
 }
@@ -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()}
+    />
+  );
 }
@@ -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>

@@ -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()} />;
 }
@@ -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.
@@ -1,6 +1,7 @@
 import { Metadata } from 'next';
 import { db } from '@/lib/db';
 import { auth } from '@/lib/auth';
+import { isBunnyUploadsFeatureEnabled } from '@/lib/feature-flags';
 import { redirect } from 'next/navigation';
 import { getCachedBunnyStorageStats, getCachedTotalStorage } from '@/lib/admin-stats';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -173,7 +174,9 @@ export default async function AdminDashboardPage() {
                        <Film className="h-4 w-4 text-muted-foreground" />
                    </CardHeader>
                    <CardContent>
-                        <div className="text-2xl font-bold">{formatBytes(bunnyStorageStats.totalBytes)}</div>
+                        <div className="text-2xl font-bold">
+                            {isBunnyUploadsFeatureEnabled() ? formatBytes(bunnyStorageStats.totalBytes) : 'Disabled'}
+                        </div>
                    </CardContent>
                </Card>
            </div>
@@ -2,6 +2,7 @@ import { Metadata } from 'next';
 import { Prisma } from '@prisma/client';
 import { db } from '@/lib/db';
 import { auth } from '@/lib/auth';
+import { isBunnyUploadsFeatureEnabled } from '@/lib/feature-flags';
 import { redirect } from 'next/navigation';
 import {
    getCachedBunnyStorageStats,
@@ -280,7 +281,9 @@ export default async function AdminUsersPage({
                        <Film className="h-4 w-4 text-muted-foreground" />
                    </CardHeader>
                    <CardContent>
-                        <div className="text-2xl font-bold">{formatBytes(bunnyStorageStats.totalBytes)}</div>
+                        <div className="text-2xl font-bold">
+                            {isBunnyUploadsFeatureEnabled() ? formatBytes(bunnyStorageStats.totalBytes) : 'Disabled'}
+                        </div>
                    </CardContent>
                </Card>
                <Card>
@@ -4,6 +4,7 @@ import bcrypt from 'bcryptjs';
 import { acceptInvitationTokenForUser, getValidInvitationByToken } from '@/lib/invitations';
 import { checkRateLimit, getClientIp, rateLimitHeaders, RATE_LIMIT_CONFIGS } from '@/lib/rate-limit';
 import { apiErrors, successResponse, withCacheControl } from '@/lib/api-response';
+import { isInviteCodeRequired } from '@/lib/feature-flags';

 export async function POST(request: NextRequest) {
    try {
@@ -49,7 +50,7 @@ export async function POST(request: NextRequest) {
            }
        }

-        if (!invitationIsValid) {
+        if (!invitationIsValid && isInviteCodeRequired()) {
            // Validate invite code using constant-time comparison to prevent timing attacks
            const validInviteCode = process.env.INVITE_CODE;
            if (!validInviteCode || !inviteCode) {
@@ -7,6 +7,7 @@ import {
  getStripeCheckoutState,
 } from '@/lib/billing';
 import { rateLimit } from '@/lib/rate-limit';
+import { isStripeFeatureEnabled } from '@/lib/feature-flags';
 import { getStripe, getStripePriceId, isStripeConfigured } from '@/lib/stripe';
 import { isTrustedSameOriginRequest } from '@/lib/request-origin';

@@ -35,6 +36,10 @@ export async function POST(request: NextRequest) {
      return apiErrors.unauthorized();
    }

+    if (!isStripeFeatureEnabled()) {
+      return apiErrors.badRequest('Stripe billing is disabled by this host');
+    }
+
    if (!isStripeConfigured()) {
      return apiErrors.internalError('Stripe billing is not configured');
    }
@@ -3,6 +3,7 @@ import { auth } from '@/lib/auth';
 import { apiErrors, successResponse, withCacheControl } from '@/lib/api-response';
 import { getBillingOverview } from '@/lib/billing';
 import { rateLimit } from '@/lib/rate-limit';
+import { isStripeFeatureEnabled } from '@/lib/feature-flags';
 import { getStripe, isStripeConfigured } from '@/lib/stripe';
 import { isTrustedSameOriginRequest } from '@/lib/request-origin';

@@ -31,6 +32,10 @@ export async function POST(request: NextRequest) {
      return apiErrors.unauthorized();
    }

+    if (!isStripeFeatureEnabled()) {
+      return apiErrors.badRequest('Stripe billing is disabled by this host');
+    }
+
    if (!isStripeConfigured()) {
      return apiErrors.internalError('Stripe billing is not configured');
    }
@@ -1,7 +1,8 @@
 import { auth } from '@/lib/auth';
 import { apiErrors, successResponse, withCacheControl } from '@/lib/api-response';
 import { getBillingOverview } from '@/lib/billing';
-import { isStripeConfigured } from '@/lib/stripe';
+import { isStripeFeatureEnabled } from '@/lib/feature-flags';
+import { hasStripeRuntimeConfig, isStripeConfigured } from '@/lib/stripe';

 export async function GET() {
  try {
@@ -11,8 +12,12 @@ export async function GET() {
    }

    const billing = await getBillingOverview(session.user.id);
+    const isEnabled = isStripeFeatureEnabled();
+    const isConfigured = hasStripeRuntimeConfig();
    const response = successResponse({
-      isConfigured: isStripeConfigured(),
+      isEnabled,
+      isConfigured,
+      status: !isEnabled ? 'disabled' : isStripeConfigured() ? 'ready' : 'misconfigured',
      checkoutAvailable: isStripeConfigured() && !billing.subscription.hasActiveSubscription,
      portalAvailable: isStripeConfigured() && Boolean(billing.subscription.stripeCustomerId),
      subscription: {
@@ -6,6 +6,7 @@ import { rateLimit } from '@/lib/rate-limit';
 import crypto from 'crypto';
 import { cleanupBunnyStreamVideos } from '@/lib/bunny-stream-cleanup';
 import { createBunnyUploadToken, verifyBunnyUploadToken } from '@/lib/bunny-upload-token';
+import { isBunnyUploadsFeatureEnabled } from '@/lib/feature-flags';

 type RouteParams = { params: Promise<{ projectId: string }> };

@@ -50,6 +51,10 @@ export async function POST(request: NextRequest, { params }: RouteParams) {
            return apiErrors.badRequest('Title is required');
        }

+        if (!isBunnyUploadsFeatureEnabled()) {
+            return apiErrors.badRequest('Direct uploads are disabled by this host');
+        }
+
        const apiKey = process.env.BUNNY_STREAM_API_KEY;
        const libraryId = process.env.BUNNY_STREAM_LIBRARY_ID || process.env.NEXT_PUBLIC_BUNNY_STREAM_LIBRARY_ID;

@@ -10,6 +10,7 @@ import {
  enforceGuestUploadQuota,
  verifyGuestUploadToken,
 } from '@/lib/guest-upload-token';
+import { isBunnyUploadsFeatureEnabled } from '@/lib/feature-flags';
 import { getShareSessionFromRequest } from '@/lib/share-session';
 import { getVideoAssetAccessContext, SAFE_BUNNY_VIDEO_ID } from '@/lib/video-assets';

@@ -30,6 +31,10 @@ export async function POST(request: NextRequest, { params }: RouteParams) {
    const title = typeof body?.title === 'string' ? body.title.trim() : '';
    if (!title) return apiErrors.badRequest('Title is required');

+    if (!isBunnyUploadsFeatureEnabled()) {
+      return apiErrors.badRequest('Direct uploads are disabled by this host');
+    }
+
    const shareSession = getShareSessionFromRequest(request, context.video.id);
    if (!context.viewerUserId) {
      const quotaError = await enforceGuestUploadQuota(request, context.video.id, 'bunny', shareSession?.token ?? null);