refactor: streamline browser ID extraction and update authentication handling in Percy integration

Author: tech-sushant

src/tools/review-agent-utils/build-counts.ts

@@ -33,13 +33,14 @@ export async function getPercyBuildCount(percyToken: string) {
   } else {
     isFirstBuild = builds.length === 1;
     lastBuildId = builds[0].id;
-
-    browserIds =
-      builds[0]?.relationships?.browsers?.data
-        ?.map((b: any) => b.id)
-        ?.filter((id: any) => typeof id === "string") ?? [];
   }
 
+  // Extract browserIds from the latest build if available
+  browserIds =
+    builds[0]?.relationships?.browsers?.data
+      ?.map((b: any) => b.id)
+      ?.filter((id: any) => typeof id === "string") ?? [];
+
   // Extract orgId from the `included` projects block
   const project = included.find((item: any) => item.type === "projects");
   if (project?.relationships?.organization?.data?.id) {

src/tools/review-agent-utils/percy-approve-reject.ts

@@ -9,8 +9,8 @@ export async function approveOrDeclinePercyBuild(
   const { buildId, action } = args;
 
   // Get Basic Auth credentials
-  const [username, accessKey] = getBrowserStackAuth(config).split(":");
-  const authHeader = `Basic ${Buffer.from(`${username}:${accessKey}`).toString("base64")}`;
+  const authString = getBrowserStackAuth(config);
+  const auth = Buffer.from(authString).toString("base64");
 
   // Prepare request body
   const body = {
@@ -28,7 +28,7 @@ export async function approveOrDeclinePercyBuild(
     method: "POST",
     headers: {
       "Content-Type": "application/json",
-      Authorization: authHeader,
+      Authorization: `Basic ${auth}`,
     },
     body: JSON.stringify(body),
   });