fix: vercel sdk return domains, favicons, schemmam fix

Author: izadoesdev

apps/dashboard/app/(main)/settings/integrations/vercel/_components/create-website-dialog.tsx

@@ -59,7 +59,7 @@ export function CreateWebsiteDialog({
 				name: '', // Start with empty name, will use placeholder
 				target: isMultipleMode
 					? inferTargetFromDomain(domain)
-					: (['production', 'preview', 'development'] as string[]),
+					: (['production', 'preview'] as string[]),
 			}));
 			setWebsiteConfigs(configs);
 		}
@@ -198,7 +198,7 @@ export function CreateWebsiteDialog({
 									Target Environments
 								</Label>
 								<div className="flex flex-wrap gap-2">
-									{['production', 'preview', 'development'].map((env) => (
+									{['production', 'preview'].map((env) => (
 										<Button
 											className="h-8 rounded text-xs transition-colors"
 											key={env}

apps/dashboard/app/(main)/settings/integrations/vercel/_components/project-row.tsx

@@ -7,6 +7,7 @@ import {
 } from '@phosphor-icons/react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useState } from 'react';
+import { FaviconImage } from '@/components/analytics/favicon-image';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -134,25 +135,44 @@ export function ProjectRow({
 						<CaretRightIcon className="h-4 w-4 text-muted-foreground" />
 					</motion.div>
 
-					<div className="mr-3 flex h-8 w-8 items-center justify-center rounded bg-muted font-medium text-muted-foreground text-sm">
-						{project.name.charAt(0).toUpperCase()}
-					</div>
+					{project.primaryDomain ? (
+						<div className="mr-3">
+							<FaviconImage
+								className="size-8"
+								domain={project.primaryDomain}
+								fallbackIcon={
+									<div className="flex h-8 w-8 items-center justify-center rounded bg-muted font-medium text-muted-foreground text-sm">
+										{project.name.charAt(0).toUpperCase()}
+									</div>
+								}
+								size={32}
+							/>
+						</div>
+					) : (
+						<div className="mr-3 flex h-8 w-8 items-center justify-center rounded bg-muted font-medium text-muted-foreground text-sm">
+							{project.name.charAt(0).toUpperCase()}
+						</div>
+					)}
 
-					<div className="flex items-center">
-						<span className="font-medium text-foreground">{project.name}</span>
-						{project.framework && (
-							<Badge className="ml-2 text-xs" variant="secondary">
-								{project.framework}
-							</Badge>
-						)}
-						{project.live && (
-							<Badge
-								className="ml-2 bg-green-100 text-green-800 text-xs dark:bg-green-900 dark:text-green-100"
-								variant="default"
-							>
-								Live
-							</Badge>
-						)}
+					<div className="flex flex-col">
+						<div className="flex items-center">
+							<span className="font-medium text-foreground">
+								{project.name}
+							</span>
+							{project.framework && (
+								<Badge className="ml-2 text-xs" variant="secondary">
+									{project.framework}
+								</Badge>
+							)}
+							{project.live && (
+								<Badge
+									className="ml-2 bg-green-100 text-green-800 text-xs dark:bg-green-900 dark:text-green-100"
+									variant="default"
+								>
+									Live
+								</Badge>
+							)}
+						</div>
 					</div>
 				</div>
 

apps/dashboard/app/(main)/settings/integrations/vercel/_components/types.ts

@@ -8,6 +8,8 @@ export interface Project {
 	live?: boolean;
 	createdAt?: number;
 	updatedAt?: number;
+	primaryDomain?: string;
+	productionUrl?: string;
 	link?: {
 		type: string;
 		repo?: string;

apps/dashboard/app/(main)/settings/integrations/vercel/_components/utils.ts

@@ -11,37 +11,16 @@ export const generateWebsitePlaceholder = (domainName: string) => {
 };
 
 export const inferTargetFromDomain = (domain: Domain): string[] => {
-	const name = domain.name.toLowerCase();
-
-	if (name.endsWith('.vercel.app')) {
-		return ['preview'];
-	}
-
-	if (domain.customEnvironmentId) {
-		return ['preview', 'development'];
-	}
-
-	if (
-		name.includes('staging') ||
-		name.includes('stage') ||
-		name.includes('dev') ||
-		name.includes('preview') ||
-		name.includes('test')
-	) {
-		return ['preview', 'development'];
+	// BOOOOOM: No redirect status code = production
+	if (!domain.redirectStatusCode) {
+		return ['production'];
 	}
 
-	if (
-		domain.gitBranch &&
-		domain.gitBranch !== 'main' &&
-		domain.gitBranch !== 'master'
-	) {
+	// BOOOOOOOOOM: Has redirect status = not production (preview only)
+	if (domain.redirectStatusCode) {
 		return ['preview'];
 	}
 
-	if (!(name.endsWith('.vercel.app') || domain.customEnvironmentId)) {
-		return ['production'];
-	}
-
+	// Fallback (should not reach here, but just in case)
 	return ['production'];
 };