fix CI/CD, better coloring

Author: andrelandgraf

cron-vercel/scripts/region-deploy.ts

@@ -106,7 +106,16 @@ async function main() {
 
   // Run vercel deploy
   console.log('\nRunning vercel deploy...');
-  await $`npx vercel deploy --prebuilt --prod`;
+  if(process.env.VERCEL_TOKEN) {
+    // CI/CD
+    const token = process.env.VERCEL_TOKEN;
+    const orgId = process.env.VERCEL_ORG_ID;
+    const projectId = process.env.VERCEL_PROJECT_ID;
+    await $`npx vercel deploy --prebuilt --prod --token=${token} --org-id=${orgId} --project-id=${projectId}`;
+  } else {
+    // Locally using vercel login
+    await $`npx vercel deploy --prebuilt --prod`;
+  }
 
   console.log('Region configuration completed successfully!');
 }

dashboard/components/database-sidebar.tsx

@@ -286,7 +286,7 @@ export function DatabaseSidebar({
                             key={`${group.regionLabel}-${group.connectionMethod}`}
                             className={cn(
                               "flex items-center space-x-2 rounded-md px-2 py-2 hover:bg-accent",
-                              group.databases.some(db => selectedDatabases.includes(db.id)) && "bg-accent/50",
+                              group.databases.some(db => selectedDatabases.includes(db.id)) ? "bg-accent/50" : group.connectionMethod === "ws" && "bg-yellow-50"
                             )}
                           >
                             <Checkbox

dashboard/components/latency-table.tsx

@@ -355,7 +355,7 @@ function LatencyTableClient({ databases, functions, latencyData, connectionFilte
                     <div className="font-medium break-words text-sm">
                       {group.regionLabel}
                       <div className="font-normal text-xs text-muted-foreground mt-1 break-all">
-                        {group.regionCode} via<br />@neondatabase/serverless {group.connectionMethod === 'http' ? 'http' : 'websocket'}
+                        {group.regionCode} via<br />@neondatabase/serverless{" "}{group.connectionMethod === 'http' ? <strong>http</strong> : <strong>websocket</strong>}
                       </div>
                     </div>
                   </TableHead>
@@ -422,7 +422,7 @@ function LatencyTableClient({ databases, functions, latencyData, connectionFilte
                           key={`${fn.id}-${group.regionLabel}-${group.connectionMethod}-cold`}
                           className={cn(
                             "text-center w-full min-w-[200px]", 
-                            isSameRegionMatch && "bg-green-50",
+                            isSameRegionMatch ? "bg-green-50" : group.connectionMethod === "ws" && "bg-yellow-50",
                             groupIndex !== 0 && "border-l-2 border-l-muted"
                           )}
                         >
@@ -436,7 +436,7 @@ function LatencyTableClient({ databases, functions, latencyData, connectionFilte
                           key={`${fn.id}-${group.regionLabel}-${group.connectionMethod}-hot`}
                           className={cn(
                             "text-center w-full min-w-[200px]", 
-                            isSameRegionMatch && "bg-green-50",
+                            isSameRegionMatch ? "bg-green-50" : group.connectionMethod === "ws" && "bg-yellow-50",
                             queryType === "both" && "border-l",
                             groupIndex !== 0 && queryType !== "both" && "border-l-2 border-l-muted"
                           )}