@lambdatest/smartui-cli 4.0.19 → 4.0.21

package/dist/index.cjs

@@ -4,24 +4,27 @@
 var commander = require('commander');
 var which = require('which');
 var listr2 = require('listr2');
-var chalk6 = require('chalk');
+var chalk = require('chalk');
 var path2 = require('path');
 var fastify = require('fastify');
 var fs5 = require('fs');
 var Ajv = require('ajv');
 var addErrors = require('ajv-errors');
+var test = require('@playwright/test');
+var util = require('util');
 var winston = require('winston');
 var FormData = require('form-data');
 var axios = require('axios');
+var https = require('https');
 var child_process = require('child_process');
 var spawn = require('cross-spawn');
-var test = require('@playwright/test');
+var uuid = require('uuid');
 var sharp = require('sharp');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var which__default = /*#__PURE__*/_interopDefault(which);
-var chalk6__default = /*#__PURE__*/_interopDefault(chalk6);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
 var path2__default = /*#__PURE__*/_interopDefault(path2);
 var fastify__default = /*#__PURE__*/_interopDefault(fastify);
 var fs5__default = /*#__PURE__*/_interopDefault(fs5);
@@ -29,6 +32,7 @@ var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
 var addErrors__default = /*#__PURE__*/_interopDefault(addErrors);
 var FormData__default = /*#__PURE__*/_interopDefault(FormData);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
+var https__default = /*#__PURE__*/_interopDefault(https);
 var spawn__default = /*#__PURE__*/_interopDefault(spawn);
 var sharp__default = /*#__PURE__*/_interopDefault(sharp);
 
@@ -415,7 +419,6 @@ var constants_default = {
     "Xperia 10 IV": { os: "android", viewport: { width: 412, height: 832 } },
     "Honeywell CT40": { os: "android", viewport: { width: 360, height: 512 } }
   },
-  FIGMA_API: "https://api.figma.com/v1/",
   DEFAULT_FIGMA_CONFIG: {
     "depth": 2,
     "figma_config": [
@@ -960,6 +963,282 @@ var validateWebStaticConfig = ajv.compile(WebStaticConfigSchema);
 var validateSnapshot = ajv.compile(SnapshotSchema);
 var validateFigmaDesignConfig = ajv.compile(FigmaDesignConfigSchema);
 var validateWebFigmaConfig = ajv.compile(FigmaWebConfigSchema);
+util.promisify(setTimeout);
+var isPollingActive = false;
+function delDir(dir) {
+  if (fs5__default.default.existsSync(dir)) {
+    fs5__default.default.rmSync(dir, { recursive: true });
+  }
+}
+function scrollToBottomAndBackToTop({
+  frequency = 100,
+  timing = 8,
+  remoteWindow = window
+} = {}) {
+  return new Promise((resolve) => {
+    let scrolls = 1;
+    let scrollLength = remoteWindow.document.body.scrollHeight / frequency;
+    (function scroll() {
+      let scrollBy = scrollLength * scrolls;
+      remoteWindow.setTimeout(() => {
+        remoteWindow.scrollTo(0, scrollBy);
+        if (scrolls < frequency) {
+          scrolls += 1;
+          scroll();
+        }
+        if (scrolls === frequency) {
+          remoteWindow.setTimeout(() => {
+            remoteWindow.scrollTo(0, 0);
+            resolve();
+          }, timing);
+        }
+      }, timing);
+    })();
+  });
+}
+function launchBrowsers(ctx) {
+  return __async(this, null, function* () {
+    var _a;
+    let browsers = {};
+    const isHeadless = ((_a = process.env.HEADLESS) == null ? void 0 : _a.toLowerCase()) === "false" ? false : true;
+    let launchOptions = { headless: isHeadless };
+    if (ctx.config.web) {
+      for (const browser of ctx.config.web.browsers) {
+        switch (browser) {
+          case constants_default.CHROME:
+            browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
+            break;
+          case constants_default.SAFARI:
+            browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
+            break;
+          case constants_default.FIREFOX:
+            browsers[constants_default.FIREFOX] = yield test.firefox.launch(launchOptions);
+            break;
+          case constants_default.EDGE:
+            launchOptions.args = ["--headless=new"];
+            browsers[constants_default.EDGE] = yield test.chromium.launch(__spreadValues({ channel: constants_default.EDGE_CHANNEL }, launchOptions));
+            break;
+        }
+      }
+    }
+    if (ctx.config.mobile) {
+      for (const device of ctx.config.mobile.devices) {
+        if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "android" && !browsers[constants_default.CHROME])
+          browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
+        else if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "ios" && !browsers[constants_default.SAFARI])
+          browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
+      }
+    }
+    return browsers;
+  });
+}
+function closeBrowsers(browsers) {
+  return __async(this, null, function* () {
+    var _a;
+    for (const browserName of Object.keys(browsers))
+      yield (_a = browsers[browserName]) == null ? void 0 : _a.close();
+  });
+}
+function getWebRenderViewports(ctx) {
+  let webRenderViewports = [];
+  if (ctx.config.web) {
+    for (const viewport of ctx.config.web.viewports) {
+      webRenderViewports.push({
+        viewport,
+        viewportString: `${viewport.width}${viewport.height ? "x" + viewport.height : ""}`,
+        fullPage: viewport.height ? false : true,
+        device: false
+      });
+    }
+  }
+  return webRenderViewports;
+}
+function getWebRenderViewportsForOptions(options) {
+  let webRenderViewports = [];
+  if (options.web && Array.isArray(options.web.viewports)) {
+    for (const viewport of options.web.viewports) {
+      if (Array.isArray(viewport) && viewport.length > 0) {
+        let viewportObj = {
+          width: viewport[0]
+        };
+        if (viewport.length > 1) {
+          viewportObj.height = viewport[1];
+        }
+        webRenderViewports.push({
+          viewport: viewportObj,
+          viewportString: `${viewport[0]}${viewport[1] ? "x" + viewport[1] : ""}`,
+          fullPage: viewport.length === 1,
+          device: false
+        });
+      }
+    }
+  }
+  return webRenderViewports;
+}
+function getMobileRenderViewports(ctx) {
+  var _a;
+  let mobileRenderViewports = {};
+  mobileRenderViewports[constants_default.MOBILE_OS_IOS] = [];
+  mobileRenderViewports[constants_default.MOBILE_OS_ANDROID] = [];
+  if (ctx.config.mobile) {
+    for (const device of ctx.config.mobile.devices) {
+      let os = constants_default.SUPPORTED_MOBILE_DEVICES[device].os;
+      let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
+      let portrait = ctx.config.mobile.orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT ? true : false;
+      (_a = mobileRenderViewports[os]) == null ? void 0 : _a.push({
+        viewport: { width: portrait ? width : height, height: portrait ? height : width },
+        viewportString: `${device} (${ctx.config.mobile.orientation})`,
+        fullPage: ctx.config.mobile.fullPage,
+        device: true,
+        os
+      });
+    }
+  }
+  return mobileRenderViewports;
+}
+function getMobileRenderViewportsForOptions(options) {
+  var _a;
+  let mobileRenderViewports = {};
+  mobileRenderViewports[constants_default.MOBILE_OS_IOS] = [];
+  mobileRenderViewports[constants_default.MOBILE_OS_ANDROID] = [];
+  if (options.mobile) {
+    for (const device of options.mobile.devices) {
+      let os = constants_default.SUPPORTED_MOBILE_DEVICES[device].os;
+      let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
+      let orientation = options.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      let portrait = orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT;
+      let fullPage;
+      if (options.mobile.fullPage === void 0 || options.mobile.fullPage) {
+        fullPage = true;
+      } else {
+        fullPage = false;
+      }
+      (_a = mobileRenderViewports[os]) == null ? void 0 : _a.push({
+        viewport: { width: portrait ? width : height, height: portrait ? height : width },
+        viewportString: `${device} (${orientation})`,
+        fullPage,
+        device: true,
+        os
+      });
+    }
+  }
+  return mobileRenderViewports;
+}
+function getRenderViewports(ctx) {
+  let mobileRenderViewports = getMobileRenderViewports(ctx);
+  let webRenderViewports = getWebRenderViewports(ctx);
+  return [
+    ...webRenderViewports,
+    ...mobileRenderViewports[constants_default.MOBILE_OS_IOS],
+    ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
+  ];
+}
+function getRenderViewportsForOptions(options) {
+  let mobileRenderViewports = getMobileRenderViewportsForOptions(options);
+  let webRenderViewports = getWebRenderViewportsForOptions(options);
+  return [
+    ...webRenderViewports,
+    ...mobileRenderViewports[constants_default.MOBILE_OS_IOS],
+    ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
+  ];
+}
+process.on("SIGINT", () => __async(void 0, null, function* () {
+  if (isPollingActive) {
+    console.log("Fetching results interrupted. Exiting...");
+    isPollingActive = false;
+  } else {
+    console.log("\nExiting gracefully...");
+  }
+  process.exit(0);
+}));
+function startPolling(ctx) {
+  return __async(this, null, function* () {
+    ctx.log.info("Fetching results in progress....");
+    isPollingActive = true;
+    const intervalId = setInterval(() => __async(this, null, function* () {
+      if (!isPollingActive) {
+        clearInterval(intervalId);
+        return;
+      }
+      try {
+        const resp = yield ctx.client.getScreenshotData(ctx.build.id, ctx.build.baseline, ctx.log);
+        if (!resp.build) {
+          ctx.log.info("Error: Build data is null.");
+          clearInterval(intervalId);
+          isPollingActive = false;
+        }
+        fs5__default.default.writeFileSync(ctx.options.fetchResultsFileName, JSON.stringify(resp, null, 2));
+        ctx.log.debug(`Updated results in ${ctx.options.fetchResultsFileName}`);
+        if (resp.build.build_status_ind === constants_default.BUILD_COMPLETE || resp.build.build_status_ind === constants_default.BUILD_ERROR) {
+          clearInterval(intervalId);
+          ctx.log.info(`Fetching results completed. Final results written to ${ctx.options.fetchResultsFileName}`);
+          isPollingActive = false;
+          let totalScreenshotsWithMismatches = 0;
+          let totalVariantsWithMismatches = 0;
+          const totalScreenshots = Object.keys(resp.screenshots || {}).length;
+          let totalVariants = 0;
+          for (const [screenshot, variants] of Object.entries(resp.screenshots || {})) {
+            let screenshotHasMismatch = false;
+            let variantMismatchCount = 0;
+            totalVariants += variants.length;
+            for (const variant of variants) {
+              if (variant.mismatch_percentage > 0) {
+                screenshotHasMismatch = true;
+                variantMismatchCount++;
+              }
+            }
+            if (screenshotHasMismatch) {
+              totalScreenshotsWithMismatches++;
+              totalVariantsWithMismatches += variantMismatchCount;
+            }
+          }
+          ctx.log.info(
+            chalk__default.default.green.bold(
+              `
+Summary of Mismatches:
+${chalk__default.default.yellow("Total Variants with Mismatches:")} ${chalk__default.default.white(totalVariantsWithMismatches)} out of ${chalk__default.default.white(totalVariants)}
+${chalk__default.default.yellow("Total Screenshots with Mismatches:")} ${chalk__default.default.white(totalScreenshotsWithMismatches)} out of ${chalk__default.default.white(totalScreenshots)}
+${chalk__default.default.yellow("Branch Name:")} ${chalk__default.default.white(resp.build.branch)}
+${chalk__default.default.yellow("Project Name:")} ${chalk__default.default.white(resp.project.name)}
+${chalk__default.default.yellow("Build ID:")} ${chalk__default.default.white(resp.build.build_id)}
+`
+            )
+          );
+        }
+      } catch (error) {
+        if (error.message.includes("ENOTFOUND")) {
+          ctx.log.error("Error: Network error occurred while fetching build results. Please check your connection and try again.");
+          clearInterval(intervalId);
+        } else {
+          ctx.log.error(`Error fetching screenshot data: ${error.message}`);
+        }
+        clearInterval(intervalId);
+        isPollingActive = false;
+      }
+    }), 5e3);
+  });
+}
+var pingIntervalId = null;
+function startPingPolling(ctx) {
+  return __async(this, null, function* () {
+    try {
+      ctx.log.debug("Sending initial ping to server...");
+      yield ctx.client.ping(ctx.build.id, ctx.log);
+      ctx.log.debug("Initial ping sent successfully.");
+    } catch (error) {
+      ctx.log.error(`Error during initial ping: ${error.message}`);
+    }
+    pingIntervalId = setInterval(() => __async(this, null, function* () {
+      try {
+        ctx.log.debug("Sending ping to server...");
+        yield ctx.client.ping(ctx.build.id, ctx.log);
+        ctx.log.debug("Ping sent successfully.");
+      } catch (error) {
+        ctx.log.error(`Error during ping polling: ${error.message}`);
+      }
+    }), 10 * 60 * 1e3);
+  });
+}
 
 // src/lib/server.ts
 var server_default = (ctx) => __async(void 0, null, function* () {
@@ -999,6 +1278,48 @@ var server_default = (ctx) => __async(void 0, null, function* () {
     }
     return reply.code(replyCode).send(replyBody);
   }));
+  server.post("/stop", opts, (_, reply) => __async(void 0, null, function* () {
+    var _a, _b;
+    let replyCode;
+    let replyBody;
+    try {
+      if (ctx.config.delayedUpload) {
+        ctx.log.debug("started after processing because of delayedUpload");
+        (_a = ctx.snapshotQueue) == null ? void 0 : _a.startProcessingfunc();
+      }
+      yield new Promise((resolve) => {
+        const intervalId = setInterval(() => {
+          var _a2, _b2;
+          if (((_a2 = ctx.snapshotQueue) == null ? void 0 : _a2.isEmpty()) && !((_b2 = ctx.snapshotQueue) == null ? void 0 : _b2.isProcessing())) {
+            clearInterval(intervalId);
+            resolve();
+          }
+        }, 1e3);
+      });
+      yield ctx.client.finalizeBuild(ctx.build.id, ctx.totalSnapshots, ctx.log);
+      yield (_b = ctx.browser) == null ? void 0 : _b.close();
+      if (ctx.server) {
+        ctx.server.close();
+      }
+      let resp = yield ctx.client.getS3PreSignedURL(ctx);
+      yield ctx.client.uploadLogs(ctx, resp.data.url);
+      if (pingIntervalId !== null) {
+        clearInterval(pingIntervalId);
+        ctx.log.debug("Ping polling stopped immediately.");
+      }
+      replyCode = 200;
+      replyBody = { data: { message: "success", type: "DELETE" } };
+    } catch (error) {
+      ctx.log.debug(error);
+      ctx.log.debug(`stop endpoint failed; ${error}`);
+      replyCode = 500;
+      replyBody = { error: { message: error.message } };
+    }
+    return reply.code(replyCode).send(replyBody);
+  }));
+  server.get("/ping", opts, (_, reply) => {
+    reply.code(200).send({ status: "Server is running", version: ctx.cliVersion });
+  });
   yield server.listen({ port: ctx.options.port });
   let { port } = server.addresses()[0];
   process.env.SMARTUI_SERVER_ADDRESS = `http://localhost:${port}`;
@@ -1024,7 +1345,9 @@ var env_default = () => {
     LT_SDK_DEBUG,
     BASELINE_BRANCH,
     CURRENT_BRANCH,
-    PROJECT_NAME
+    PROJECT_NAME,
+    SMARTUI_API_PROXY,
+    SMARTUI_API_SKIP_CERTIFICATES
   } = process.env;
   return {
     PROJECT_TOKEN,
@@ -1042,7 +1365,9 @@ var env_default = () => {
     CURRENT_BRANCH,
     LT_SDK_DEBUG: LT_SDK_DEBUG === "true",
     SMARTUI_DO_NOT_USE_CAPTURED_COOKIES: SMARTUI_DO_NOT_USE_CAPTURED_COOKIES === "true",
-    PROJECT_NAME
+    PROJECT_NAME,
+    SMARTUI_API_PROXY,
+    SMARTUI_API_SKIP_CERTIFICATES: SMARTUI_API_SKIP_CERTIFICATES === "true"
   };
 };
 var logContext = {};
@@ -1061,7 +1386,7 @@ var logger = winston.createLogger({
       let message = typeof info.message === "object" ? JSON.stringify(info.message).trim() : info.message.trim();
       switch (info.level) {
         case "warn":
-          message = chalk6__default.default.yellow(message);
+          message = chalk__default.default.yellow(message);
           break;
       }
       return info.level === "info" ? message : `[${contextString}:${info.level}] ` + message;
@@ -1088,11 +1413,11 @@ var startServer_default = (ctx) => {
       updateLogContext({ task: "startServer" });
       try {
         ctx2.server = yield server_default(ctx2);
-        task.output = chalk6__default.default.gray(`listening on port ${(_a = ctx2.server.addresses()[0]) == null ? void 0 : _a.port}`);
+        task.output = chalk__default.default.gray(`listening on port ${(_a = ctx2.server.addresses()[0]) == null ? void 0 : _a.port}`);
         task.title = "SmartUI started";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(error.message);
+        task.output = chalk__default.default.gray(error.message);
         throw new Error("SmartUI server setup failed");
       }
     }),
@@ -1107,16 +1432,16 @@ var auth_default = (ctx) => {
       try {
         const authResult = yield ctx2.client.auth(ctx2.log, ctx2.env);
         if (authResult === 2) {
-          task.output = chalk6__default.default.gray(`New project '${ctx2.env.PROJECT_NAME}' created successfully`);
+          task.output = chalk__default.default.gray(`New project '${ctx2.env.PROJECT_NAME}' created successfully`);
         } else if (authResult === 0) {
-          task.output = chalk6__default.default.gray(`Using existing project token '******#${ctx2.env.PROJECT_TOKEN.split("#").pop()}'`);
+          task.output = chalk__default.default.gray(`Using existing project token '******#${ctx2.env.PROJECT_TOKEN.split("#").pop()}'`);
         } else if (authResult === 1) {
-          task.output = chalk6__default.default.gray(`Using existing project '${ctx2.env.PROJECT_NAME}'`);
+          task.output = chalk__default.default.gray(`Using existing project '${ctx2.env.PROJECT_NAME}'`);
         }
         task.title = "Authenticated with SmartUI";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(error.message);
+        task.output = chalk__default.default.gray(error.message);
         throw new Error("Authentication failed");
       }
     }),
@@ -1125,65 +1450,36 @@ var auth_default = (ctx) => {
 };
 
 // package.json
-var version = "4.0.19";
+var version = "4.0.21";
 var package_default = {
   name: "@lambdatest/smartui-cli",
-  version,
-  description: "A command line interface (CLI) to run SmartUI tests on LambdaTest",
-  files: [
-    "dist/**/*"
-  ],
-  scripts: {
-    build: "tsup",
-    release: "pnpm run build && pnpm publish --access public --no-git-checks",
-    "local-build": "pnpm run build && pnpm pack"
-  },
-  bin: {
-    smartui: "./dist/index.cjs"
-  },
-  type: "module",
-  keywords: [
-    "lambdatest",
-    "smartui",
-    "cli"
-  ],
-  author: "LambdaTest <keys@lambdatest.com>",
-  license: "MIT",
-  dependencies: {
-    "@playwright/browser-chromium": "^1.47.2",
-    "@playwright/browser-firefox": "^1.47.2",
-    "@playwright/browser-webkit": "^1.47.2",
-    "@playwright/test": "^1.47.2",
-    "@types/cross-spawn": "^6.0.4",
-    "@types/node": "^20.8.9",
-    "@types/which": "^3.0.2",
-    ajv: "^8.12.0",
-    "ajv-errors": "^3.0.0",
-    axios: "^1.6.0",
-    chalk: "^4.1.2",
-    commander: "^11.1.0",
-    "cross-spawn": "^7.0.3",
-    fastify: "^4.24.3",
-    "form-data": "^4.0.0",
-    listr2: "^7.0.1",
-    sharp: "^0.33.4",
-    tsup: "^7.2.0",
-    which: "^4.0.0",
-    winston: "^3.10.0"
-  },
-  devDependencies: {
-    typescript: "^5.3.2"
-  }
-};
+  version};
 var httpClient = class {
-  constructor({ SMARTUI_CLIENT_API_URL, PROJECT_TOKEN, PROJECT_NAME, LT_USERNAME, LT_ACCESS_KEY }) {
+  constructor({ SMARTUI_CLIENT_API_URL, PROJECT_TOKEN, PROJECT_NAME, LT_USERNAME, LT_ACCESS_KEY, SMARTUI_API_PROXY, SMARTUI_API_SKIP_CERTIFICATES }) {
     this.projectToken = PROJECT_TOKEN || "";
     this.projectName = PROJECT_NAME || "";
     this.username = LT_USERNAME || "";
     this.accessKey = LT_ACCESS_KEY || "";
-    this.axiosInstance = axios__default.default.create({
-      baseURL: SMARTUI_CLIENT_API_URL
-    });
+    let proxyUrl = null;
+    try {
+      const urlStr = (SMARTUI_API_PROXY == null ? void 0 : SMARTUI_API_PROXY.startsWith("http")) ? SMARTUI_API_PROXY : `http://${SMARTUI_API_PROXY}`;
+      proxyUrl = SMARTUI_API_PROXY ? new URL(urlStr) : null;
+    } catch (error) {
+      console.error("Invalid proxy URL:", error);
+    }
+    const axiosConfig = {
+      baseURL: SMARTUI_CLIENT_API_URL,
+      proxy: proxyUrl ? {
+        host: proxyUrl.hostname,
+        port: proxyUrl.port ? Number(proxyUrl.port) : 80
+      } : false
+    };
+    if (SMARTUI_API_SKIP_CERTIFICATES) {
+      axiosConfig.httpsAgent = new https__default.default.Agent({
+        rejectUnauthorized: false
+      });
+    }
+    this.axiosInstance = axios__default.default.create(axiosConfig);
     this.axiosInstance.interceptors.request.use((config) => {
       config.headers["projectToken"] = this.projectToken;
       config.headers["projectName"] = this.projectName;
@@ -1246,14 +1542,15 @@ var httpClient = class {
       }
     });
   }
-  createBuild(git, config, log2, buildName) {
+  createBuild(git, config, log2, buildName, isStartExec) {
     return this.request({
       url: "/build",
       method: "POST",
       data: {
         git,
         config,
-        buildName
+        buildName,
+        isStartExec
       }
     }, log2);
   }
@@ -1264,6 +1561,15 @@ var httpClient = class {
       params: { buildId, baseline }
     }, log2);
   }
+  ping(buildId, log2) {
+    return this.request({
+      url: "/build/ping",
+      method: "POST",
+      data: {
+        buildId
+      }
+    }, log2);
+  }
   finalizeBuild(buildId, totalSnapshots, log2) {
     let params = { buildId };
     if (totalSnapshots > -1)
@@ -1288,6 +1594,23 @@ var httpClient = class {
       }
     }, ctx.log);
   }
+  processSnapshot(ctx, snapshot, snapshotUuid) {
+    return this.request({
+      url: `/build/${ctx.build.id}/snapshot`,
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      data: {
+        name: snapshot.name,
+        url: snapshot.url,
+        snapshotUuid,
+        test: {
+          type: ctx.testType,
+          source: "cli"
+        },
+        async: false
+      }
+    }, ctx.log);
+  }
   uploadScreenshot({ id: buildId, name: buildName, baseline }, ssPath, ssName, browserName, viewport, log2) {
     browserName = browserName === constants_default.SAFARI ? constants_default.WEBKIT : browserName;
     const file = fs5__default.default.readFileSync(ssPath);
@@ -1356,6 +1679,18 @@ var httpClient = class {
       }
     }, ctx.log);
   }
+  getS3PresignedURLForSnapshotUpload(ctx, snapshotName, snapshotUuid) {
+    return this.request({
+      url: `/snapshotuploadurl`,
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      data: {
+        buildId: ctx.build.id,
+        snapshotName,
+        snapshotUuid
+      }
+    }, ctx.log);
+  }
   uploadLogs(ctx, uploadURL) {
     const fileStream = fs5__default.default.createReadStream(constants_default.LOG_FILE_PATH);
     const { size } = fs5__default.default.statSync(constants_default.LOG_FILE_PATH);
@@ -1373,6 +1708,20 @@ var httpClient = class {
       // prevent axios from limiting the content size
     }, ctx.log);
   }
+  uploadSnapshotToS3(ctx, uploadURL, snapshot) {
+    return this.request({
+      url: uploadURL,
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      data: snapshot,
+      maxBodyLength: Infinity,
+      // prevent axios from limiting the body size
+      maxContentLength: Infinity
+      // prevent axios from limiting the content size
+    }, ctx.log);
+  }
   processWebFigma(requestBody, log2) {
     return this.request({
       url: "figma-web/upload",
@@ -1507,362 +1856,108 @@ var ctx_default = (options) => {
       fetchResults: fetchResultObj,
       fetchResultsFileName: fetchResultsFileObj
     },
-    cliVersion: version,
-    totalSnapshots: -1
-  };
-};
-function executeCommand(command4) {
-  let dst = process.cwd();
-  try {
-    return child_process.execSync(command4, {
-      cwd: dst,
-      stdio: ["ignore"],
-      encoding: "utf-8"
-    });
-  } catch (error) {
-    throw new Error(error.message);
-  }
-}
-function isGitRepo() {
-  try {
-    executeCommand("git status");
-    return true;
-  } catch (error) {
-    return false;
-  }
-}
-var git_default = (ctx) => {
-  if (ctx.env.SMARTUI_GIT_INFO_FILEPATH) {
-    let gitInfo = JSON.parse(fs5__default.default.readFileSync(ctx.env.SMARTUI_GIT_INFO_FILEPATH, "utf-8"));
-    return {
-      branch: ctx.env.CURRENT_BRANCH || gitInfo.branch || "",
-      commitId: gitInfo.commit_id.slice(0, 6) || "",
-      commitMessage: gitInfo.commit_body || "",
-      commitAuthor: gitInfo.commit_author || "",
-      githubURL: ctx.env.GITHUB_ACTIONS ? `${constants_default.GITHUB_API_HOST}/repos/${process.env.GITHUB_REPOSITORY}/statuses/${gitInfo.commit_id}` : "",
-      baselineBranch: ctx.env.BASELINE_BRANCH || ""
-    };
-  } else {
-    const splitCharacter = "<##>";
-    const prettyFormat = ["%h", "%H", "%s", "%f", "%b", "%at", "%ct", "%an", "%ae", "%cn", "%ce", "%N", ""];
-    const command4 = 'git log -1 --pretty=format:"' + prettyFormat.join(splitCharacter) + '" && git rev-parse --abbrev-ref HEAD && git tag --contains HEAD';
-    let res = executeCommand(command4).split(splitCharacter);
-    var branchAndTags = res[res.length - 1].split("\n").filter((n) => n);
-    var branch = ctx.env.CURRENT_BRANCH || branchAndTags[0];
-    branchAndTags.slice(1);
-    return {
-      branch: branch || "",
-      commitId: res[0] || "",
-      commitMessage: res[2] || "",
-      commitAuthor: res[7] || "",
-      githubURL: ctx.env.GITHUB_ACTIONS ? `${constants_default.GITHUB_API_HOST}/repos/${process.env.GITHUB_REPOSITORY}/statuses/${res[1]}` : "",
-      baselineBranch: ctx.env.BASELINE_BRANCH || ""
-    };
-  }
-};
-var getGitInfo_default = (ctx) => {
-  return {
-    title: `Fetching git repo details`,
-    skip: (ctx2) => {
-      return !isGitRepo() && !ctx2.env.SMARTUI_GIT_INFO_FILEPATH ? "[SKIPPED] Fetching git repo details; not a git repo" : "";
-    },
-    task: (ctx2, task) => __async(void 0, null, function* () {
-      if (ctx2.env.CURRENT_BRANCH && ctx2.env.CURRENT_BRANCH.trim() === "") {
-        throw new Error("Error: The environment variable CURRENT_BRANCH cannot be empty.");
-      }
-      try {
-        ctx2.git = git_default(ctx2);
-        task.output = chalk6__default.default.gray(`branch: ${ctx2.git.branch}, commit: ${ctx2.git.commitId}, author: ${ctx2.git.commitAuthor}`);
-        task.title = "Fetched git information";
-      } catch (error) {
-        ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(`${error.message}`);
-        throw new Error("Error fetching git repo details");
-      }
-    }),
-    rendererOptions: { persistentOutput: true }
-  };
-};
-var createBuild_default = (ctx) => {
-  return {
-    title: `Creating SmartUI build`,
-    task: (ctx2, task) => __async(void 0, null, function* () {
-      updateLogContext({ task: "createBuild" });
-      try {
-        let resp = yield ctx2.client.createBuild(ctx2.git, ctx2.config, ctx2.log, ctx2.build.name);
-        ctx2.build = {
-          id: resp.data.buildId,
-          name: resp.data.buildName,
-          url: resp.data.buildURL,
-          baseline: resp.data.baseline
-        };
-        task.output = chalk6__default.default.gray(`build id: ${resp.data.buildId}`);
-        task.title = "SmartUI build created";
-      } catch (error) {
-        ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(error.message);
-        throw new Error("SmartUI build creation failed");
-      }
-    }),
-    rendererOptions: { persistentOutput: true }
-  };
-};
-var isPollingActive = false;
-function delDir(dir) {
-  if (fs5__default.default.existsSync(dir)) {
-    fs5__default.default.rmSync(dir, { recursive: true });
-  }
-}
-function scrollToBottomAndBackToTop({
-  frequency = 100,
-  timing = 8,
-  remoteWindow = window
-} = {}) {
-  return new Promise((resolve) => {
-    let scrolls = 1;
-    let scrollLength = remoteWindow.document.body.scrollHeight / frequency;
-    (function scroll() {
-      let scrollBy = scrollLength * scrolls;
-      remoteWindow.setTimeout(() => {
-        remoteWindow.scrollTo(0, scrollBy);
-        if (scrolls < frequency) {
-          scrolls += 1;
-          scroll();
-        }
-        if (scrolls === frequency) {
-          remoteWindow.setTimeout(() => {
-            remoteWindow.scrollTo(0, 0);
-            resolve();
-          }, timing);
-        }
-      }, timing);
-    })();
-  });
-}
-function launchBrowsers(ctx) {
-  return __async(this, null, function* () {
-    var _a;
-    let browsers = {};
-    const isHeadless = ((_a = process.env.HEADLESS) == null ? void 0 : _a.toLowerCase()) === "false" ? false : true;
-    let launchOptions = { headless: isHeadless };
-    if (ctx.config.web) {
-      for (const browser of ctx.config.web.browsers) {
-        switch (browser) {
-          case constants_default.CHROME:
-            browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
-            break;
-          case constants_default.SAFARI:
-            browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
-            break;
-          case constants_default.FIREFOX:
-            browsers[constants_default.FIREFOX] = yield test.firefox.launch(launchOptions);
-            break;
-          case constants_default.EDGE:
-            launchOptions.args = ["--headless=new"];
-            browsers[constants_default.EDGE] = yield test.chromium.launch(__spreadValues({ channel: constants_default.EDGE_CHANNEL }, launchOptions));
-            break;
-        }
-      }
-    }
-    if (ctx.config.mobile) {
-      for (const device of ctx.config.mobile.devices) {
-        if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "android" && !browsers[constants_default.CHROME])
-          browsers[constants_default.CHROME] = yield test.chromium.launch(launchOptions);
-        else if (constants_default.SUPPORTED_MOBILE_DEVICES[device].os === "ios" && !browsers[constants_default.SAFARI])
-          browsers[constants_default.SAFARI] = yield test.webkit.launch(launchOptions);
-      }
-    }
-    return browsers;
-  });
-}
-function closeBrowsers(browsers) {
-  return __async(this, null, function* () {
-    var _a;
-    for (const browserName of Object.keys(browsers))
-      yield (_a = browsers[browserName]) == null ? void 0 : _a.close();
-  });
-}
-function getWebRenderViewports(ctx) {
-  let webRenderViewports = [];
-  if (ctx.config.web) {
-    for (const viewport of ctx.config.web.viewports) {
-      webRenderViewports.push({
-        viewport,
-        viewportString: `${viewport.width}${viewport.height ? "x" + viewport.height : ""}`,
-        fullPage: viewport.height ? false : true,
-        device: false
-      });
-    }
-  }
-  return webRenderViewports;
-}
-function getWebRenderViewportsForOptions(options) {
-  let webRenderViewports = [];
-  if (options.web && Array.isArray(options.web.viewports)) {
-    for (const viewport of options.web.viewports) {
-      if (Array.isArray(viewport) && viewport.length > 0) {
-        let viewportObj = {
-          width: viewport[0]
-        };
-        if (viewport.length > 1) {
-          viewportObj.height = viewport[1];
-        }
-        webRenderViewports.push({
-          viewport: viewportObj,
-          viewportString: `${viewport[0]}${viewport[1] ? "x" + viewport[1] : ""}`,
-          fullPage: viewport.length === 1,
-          device: false
-        });
-      }
-    }
-  }
-  return webRenderViewports;
-}
-function getMobileRenderViewports(ctx) {
-  var _a;
-  let mobileRenderViewports = {};
-  mobileRenderViewports[constants_default.MOBILE_OS_IOS] = [];
-  mobileRenderViewports[constants_default.MOBILE_OS_ANDROID] = [];
-  if (ctx.config.mobile) {
-    for (const device of ctx.config.mobile.devices) {
-      let os = constants_default.SUPPORTED_MOBILE_DEVICES[device].os;
-      let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
-      let portrait = ctx.config.mobile.orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT ? true : false;
-      (_a = mobileRenderViewports[os]) == null ? void 0 : _a.push({
-        viewport: { width: portrait ? width : height, height: portrait ? height : width },
-        viewportString: `${device} (${ctx.config.mobile.orientation})`,
-        fullPage: ctx.config.mobile.fullPage,
-        device: true,
-        os
-      });
-    }
+    cliVersion: version,
+    totalSnapshots: -1,
+    isStartExec: false
+  };
+};
+function executeCommand(command7) {
+  let dst = process.cwd();
+  try {
+    return child_process.execSync(command7, {
+      cwd: dst,
+      stdio: ["ignore"],
+      encoding: "utf-8"
+    });
+  } catch (error) {
+    throw new Error(error.message);
   }
-  return mobileRenderViewports;
 }
-function getMobileRenderViewportsForOptions(options) {
-  var _a;
-  let mobileRenderViewports = {};
-  mobileRenderViewports[constants_default.MOBILE_OS_IOS] = [];
-  mobileRenderViewports[constants_default.MOBILE_OS_ANDROID] = [];
-  if (options.mobile) {
-    for (const device of options.mobile.devices) {
-      let os = constants_default.SUPPORTED_MOBILE_DEVICES[device].os;
-      let { width, height } = constants_default.SUPPORTED_MOBILE_DEVICES[device].viewport;
-      let orientation = options.mobile.orientation || constants_default.MOBILE_ORIENTATION_PORTRAIT;
-      let portrait = orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT;
-      let fullPage;
-      if (options.mobile.fullPage === void 0 || options.mobile.fullPage) {
-        fullPage = true;
-      } else {
-        fullPage = false;
-      }
-      (_a = mobileRenderViewports[os]) == null ? void 0 : _a.push({
-        viewport: { width: portrait ? width : height, height: portrait ? height : width },
-        viewportString: `${device} (${orientation})`,
-        fullPage,
-        device: true,
-        os
-      });
-    }
+function isGitRepo() {
+  try {
+    executeCommand("git status");
+    return true;
+  } catch (error) {
+    return false;
   }
-  return mobileRenderViewports;
-}
-function getRenderViewports(ctx) {
-  let mobileRenderViewports = getMobileRenderViewports(ctx);
-  let webRenderViewports = getWebRenderViewports(ctx);
-  return [
-    ...webRenderViewports,
-    ...mobileRenderViewports[constants_default.MOBILE_OS_IOS],
-    ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
-  ];
-}
-function getRenderViewportsForOptions(options) {
-  let mobileRenderViewports = getMobileRenderViewportsForOptions(options);
-  let webRenderViewports = getWebRenderViewportsForOptions(options);
-  return [
-    ...webRenderViewports,
-    ...mobileRenderViewports[constants_default.MOBILE_OS_IOS],
-    ...mobileRenderViewports[constants_default.MOBILE_OS_ANDROID]
-  ];
 }
-process.on("SIGINT", () => {
-  if (isPollingActive) {
-    console.log("Fetching results interrupted. Exiting...");
-    isPollingActive = false;
+var git_default = (ctx) => {
+  if (ctx.env.SMARTUI_GIT_INFO_FILEPATH) {
+    let gitInfo = JSON.parse(fs5__default.default.readFileSync(ctx.env.SMARTUI_GIT_INFO_FILEPATH, "utf-8"));
+    return {
+      branch: ctx.env.CURRENT_BRANCH || gitInfo.branch || "",
+      commitId: gitInfo.commit_id.slice(0, 6) || "",
+      commitMessage: gitInfo.commit_body || "",
+      commitAuthor: gitInfo.commit_author || "",
+      githubURL: ctx.env.GITHUB_ACTIONS ? `${constants_default.GITHUB_API_HOST}/repos/${process.env.GITHUB_REPOSITORY}/statuses/${gitInfo.commit_id}` : "",
+      baselineBranch: ctx.env.BASELINE_BRANCH || ""
+    };
   } else {
-    console.log("\nExiting gracefully...");
+    const splitCharacter = "<##>";
+    const prettyFormat = ["%h", "%H", "%s", "%f", "%b", "%at", "%ct", "%an", "%ae", "%cn", "%ce", "%N", ""];
+    const command7 = 'git log -1 --pretty=format:"' + prettyFormat.join(splitCharacter) + '" && git rev-parse --abbrev-ref HEAD && git tag --contains HEAD';
+    let res = executeCommand(command7).split(splitCharacter);
+    var branchAndTags = res[res.length - 1].split("\n").filter((n) => n);
+    var branch = ctx.env.CURRENT_BRANCH || branchAndTags[0];
+    branchAndTags.slice(1);
+    return {
+      branch: branch || "",
+      commitId: res[0] || "",
+      commitMessage: res[2] || "",
+      commitAuthor: res[7] || "",
+      githubURL: ctx.env.GITHUB_ACTIONS ? `${constants_default.GITHUB_API_HOST}/repos/${process.env.GITHUB_REPOSITORY}/statuses/${res[1]}` : "",
+      baselineBranch: ctx.env.BASELINE_BRANCH || ""
+    };
   }
-  process.exit(0);
-});
-function startPolling(ctx, task) {
-  return __async(this, null, function* () {
-    ctx.log.info("Fetching results in progress....");
-    isPollingActive = true;
-    const intervalId = setInterval(() => __async(this, null, function* () {
-      if (!isPollingActive) {
-        clearInterval(intervalId);
-        return;
+};
+var getGitInfo_default = (ctx) => {
+  return {
+    title: `Fetching git repo details`,
+    skip: (ctx2) => {
+      return !isGitRepo() && !ctx2.env.SMARTUI_GIT_INFO_FILEPATH ? "[SKIPPED] Fetching git repo details; not a git repo" : "";
+    },
+    task: (ctx2, task) => __async(void 0, null, function* () {
+      if (ctx2.env.CURRENT_BRANCH && ctx2.env.CURRENT_BRANCH.trim() === "") {
+        throw new Error("Error: The environment variable CURRENT_BRANCH cannot be empty.");
       }
       try {
-        const resp = yield ctx.client.getScreenshotData(ctx.build.id, ctx.build.baseline, ctx.log);
-        if (!resp.build) {
-          ctx.log.info("Error: Build data is null.");
-          clearInterval(intervalId);
-          isPollingActive = false;
-        }
-        fs5__default.default.writeFileSync(ctx.options.fetchResultsFileName, JSON.stringify(resp, null, 2));
-        ctx.log.debug(`Updated results in ${ctx.options.fetchResultsFileName}`);
-        if (resp.build.build_status_ind === constants_default.BUILD_COMPLETE || resp.build.build_status_ind === constants_default.BUILD_ERROR) {
-          clearInterval(intervalId);
-          ctx.log.info(`Fetching results completed. Final results written to ${ctx.options.fetchResultsFileName}`);
-          isPollingActive = false;
-          let totalScreenshotsWithMismatches = 0;
-          let totalVariantsWithMismatches = 0;
-          const totalScreenshots = Object.keys(resp.screenshots || {}).length;
-          let totalVariants = 0;
-          for (const [screenshot, variants] of Object.entries(resp.screenshots || {})) {
-            let screenshotHasMismatch = false;
-            let variantMismatchCount = 0;
-            totalVariants += variants.length;
-            for (const variant of variants) {
-              if (variant.mismatch_percentage > 0) {
-                screenshotHasMismatch = true;
-                variantMismatchCount++;
-              }
-            }
-            if (screenshotHasMismatch) {
-              totalScreenshotsWithMismatches++;
-              totalVariantsWithMismatches += variantMismatchCount;
-            }
-          }
-          ctx.log.info(
-            chalk6__default.default.green.bold(
-              `
-Summary of Mismatches:
-${chalk6__default.default.yellow("Total Variants with Mismatches:")} ${chalk6__default.default.white(totalVariantsWithMismatches)} out of ${chalk6__default.default.white(totalVariants)}
-${chalk6__default.default.yellow("Total Screenshots with Mismatches:")} ${chalk6__default.default.white(totalScreenshotsWithMismatches)} out of ${chalk6__default.default.white(totalScreenshots)}
-${chalk6__default.default.yellow("Branch Name:")} ${chalk6__default.default.white(resp.build.branch)}
-${chalk6__default.default.yellow("Project Name:")} ${chalk6__default.default.white(resp.project.name)}
-${chalk6__default.default.yellow("Build ID:")} ${chalk6__default.default.white(resp.build.build_id)}
-`
-            )
-          );
-        }
+        ctx2.git = git_default(ctx2);
+        task.output = chalk__default.default.gray(`branch: ${ctx2.git.branch}, commit: ${ctx2.git.commitId}, author: ${ctx2.git.commitAuthor}`);
+        task.title = "Fetched git information";
       } catch (error) {
-        if (error.message.includes("ENOTFOUND")) {
-          ctx.log.error("Error: Network error occurred while fetching build results. Please check your connection and try again.");
-          clearInterval(intervalId);
-        } else {
-          ctx.log.error(`Error fetching screenshot data: ${error.message}`);
-        }
-        clearInterval(intervalId);
-        isPollingActive = false;
+        ctx2.log.debug(error);
+        task.output = chalk__default.default.gray(`${error.message}`);
+        throw new Error("Error fetching git repo details");
       }
-    }), 5e3);
-  });
-}
-
-// src/tasks/exec.ts
+    }),
+    rendererOptions: { persistentOutput: true }
+  };
+};
+var createBuild_default = (ctx) => {
+  return {
+    title: `Creating SmartUI build`,
+    task: (ctx2, task) => __async(void 0, null, function* () {
+      updateLogContext({ task: "createBuild" });
+      try {
+        let resp = yield ctx2.client.createBuild(ctx2.git, ctx2.config, ctx2.log, ctx2.build.name, ctx2.isStartExec);
+        ctx2.build = {
+          id: resp.data.buildId,
+          name: resp.data.buildName,
+          url: resp.data.buildURL,
+          baseline: resp.data.baseline,
+          useKafkaFlow: resp.data.useKafkaFlow || false
+        };
+        task.output = chalk__default.default.gray(`build id: ${resp.data.buildId}`);
+        task.title = "SmartUI build created";
+      } catch (error) {
+        ctx2.log.debug(error);
+        task.output = chalk__default.default.gray(error.message);
+        throw new Error("SmartUI build creation failed");
+      }
+    }),
+    rendererOptions: { persistentOutput: true }
+  };
+};
 var exec_default = (ctx) => {
   var _a;
   return {
@@ -1878,13 +1973,13 @@ var exec_default = (ctx) => {
         let totalOutput = "";
         const output = listr2.createWritable((chunk) => {
           totalOutput += chunk;
-          task.output = chalk6__default.default.gray(totalOutput);
+          task.output = chalk__default.default.gray(totalOutput);
         });
         (_b = childProcess.stdout) == null ? void 0 : _b.pipe(output);
         (_c = childProcess.stderr) == null ? void 0 : _c.pipe(output);
         childProcess.on("error", (error) => {
           var _a3;
-          task.output = chalk6__default.default.gray(`error: ${error.message}`);
+          task.output = chalk__default.default.gray(`error: ${error.message}`);
           throw new Error(`Execution of '${(_a3 = ctx2.args.execCommand) == null ? void 0 : _a3.join(" ")}' failed`);
         });
         childProcess.on("close", (code, signal) => __async(void 0, null, function* () {
@@ -1927,19 +2022,19 @@ var processSnapshot_default = (ctx) => {
         let output = "";
         for (let snapshot of (_b = ctx2.snapshotQueue) == null ? void 0 : _b.getProcessedSnapshots()) {
           if (snapshot.error)
-            output += `${chalk6__default.default.red("\u2717")} ${chalk6__default.default.gray(`${snapshot.name}
+            output += `${chalk__default.default.red("\u2717")} ${chalk__default.default.gray(`${snapshot.name}
 [error] ${snapshot.error}`)}
 `;
           else
-            output += `${chalk6__default.default.green("\u2713")} ${chalk6__default.default.gray(snapshot.name)}
-${snapshot.warnings.length ? chalk6__default.default.gray(`[warning] ${snapshot.warnings.join("\n[warning] ")}
+            output += `${chalk__default.default.green("\u2713")} ${chalk__default.default.gray(snapshot.name)}
+${snapshot.warnings.length ? chalk__default.default.gray(`[warning] ${snapshot.warnings.join("\n[warning] ")}
 `) : ""}`;
         }
         task.output = output;
         task.title = "Processed snapshots";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(error.message);
+        task.output = chalk__default.default.gray(error.message);
         throw new Error("Processing of snapshots failed");
       }
     }),
@@ -1954,11 +2049,11 @@ var finalizeBuild_default = (ctx) => {
       updateLogContext({ task: "finalizeBuild" });
       try {
         yield ctx2.client.finalizeBuild(ctx2.build.id, ctx2.totalSnapshots, ctx2.log);
-        task.output = chalk6__default.default.gray(`build url: ${ctx2.build.url}`);
+        task.output = chalk__default.default.gray(`build url: ${ctx2.build.url}`);
         task.title = "Finalized build";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(error.message);
+        task.output = chalk__default.default.gray(error.message);
         throw new Error("Finalize build failed");
       }
       try {
@@ -2312,8 +2407,6 @@ function processSnapshot(snapshot, ctx) {
     };
   });
 }
-
-// src/lib/snapshotQueue.ts
 var Queue = class {
   constructor(ctx) {
     this.snapshots = [];
@@ -2536,6 +2629,9 @@ var Queue = class {
         try {
           this.processingSnapshot = snapshot == null ? void 0 : snapshot.name;
           let drop = false;
+          if (this.ctx.isStartExec) {
+            this.ctx.log.info(`Processing Snapshot: ${snapshot == null ? void 0 : snapshot.name}`);
+          }
           if (!this.ctx.config.delayedUpload && snapshot && snapshot.name && this.snapshotNames.includes(snapshot.name)) {
             drop = true;
             this.ctx.log.info(`Skipping duplicate SmartUI snapshot '${snapshot.name}'. To capture duplicate screenshots, please set the 'delayedUpload' configuration as true in your config file.`);
@@ -2551,7 +2647,15 @@ var Queue = class {
           }
           if (!drop) {
             let { processedSnapshot, warnings } = yield processSnapshot(snapshot, this.ctx);
-            yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot);
+            if (this.ctx.build && this.ctx.build.useKafkaFlow) {
+              const snapshotUuid = uuid.v4();
+              const presignedResponse = yield this.ctx.client.getS3PresignedURLForSnapshotUpload(this.ctx, processedSnapshot.name, snapshotUuid);
+              const uploadUrl = presignedResponse.data.url;
+              yield this.ctx.client.uploadSnapshotToS3(this.ctx, uploadUrl, processedSnapshot);
+              yield this.ctx.client.processSnapshot(this.ctx, processedSnapshot, snapshotUuid);
+            } else {
+              yield this.ctx.client.uploadSnapshot(this.ctx, processedSnapshot);
+            }
             this.ctx.totalSnapshots++;
             this.processedSnapshots.push({ name: snapshot.name, warnings });
           }
@@ -2591,14 +2695,14 @@ var Queue = class {
 
 // src/commander/exec.ts
 var command = new commander.Command();
-command.name("exec").description("Run test commands around SmartUI").argument("<command...>", "Command supplied for running tests").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(execCommand, _, command4) {
+command.name("exec").description("Run test commands around SmartUI").argument("<command...>", "Command supplied for running tests").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(execCommand, _, command7) {
   return __async(this, null, function* () {
-    const options = command4.optsWithGlobals();
+    const options = command7.optsWithGlobals();
     if (options.buildName === "") {
       console.log(`Error: The '--buildName' option cannot be an empty string.`);
       process.exit(1);
     }
-    let ctx = ctx_default(command4.optsWithGlobals());
+    let ctx = ctx_default(command7.optsWithGlobals());
     if (!which__default.default.sync(execCommand[0], { nothrow: true })) {
       ctx.log.error(`Error: Command not found "${execCommand[0]}"`);
       return;
@@ -2853,13 +2957,13 @@ function captureScreenshots(ctx) {
         else
           yield captureScreenshotsSync(ctx, staticConfig, browsers);
         delDir(`screenshots/${staticConfig.name.toLowerCase().replace(/\s/g, "_")}`);
-        output += `${chalk6__default.default.gray(staticConfig.name)} ${chalk6__default.default.green("\u2713")}
+        output += `${chalk__default.default.gray(staticConfig.name)} ${chalk__default.default.green("\u2713")}
 `;
         ctx.task.output = output;
         capturedScreenshots++;
       } catch (error) {
         ctx.log.debug(`screenshot capture failed for ${JSON.stringify(staticConfig)}; error: ${error}`);
-        output += `${chalk6__default.default.gray(staticConfig.name)} ${chalk6__default.default.red("\u2717")}
+        output += `${chalk__default.default.gray(staticConfig.name)} ${chalk__default.default.red("\u2717")}
 `;
         ctx.task.output = output;
       }
@@ -3036,14 +3140,14 @@ function processChunk(ctx, urlConfig) {
       try {
         yield captureScreenshotsAsync(ctx, staticConfig, browsers);
         delDir(`screenshots/${staticConfig.name.toLowerCase().replace(/\s/g, "_")}`);
-        let output = `${chalk6__default.default.gray(staticConfig.name)} ${chalk6__default.default.green("\u2713")}
+        let output = `${chalk__default.default.gray(staticConfig.name)} ${chalk__default.default.green("\u2713")}
 `;
         ctx.task.output = ctx.task.output ? ctx.task.output + output : output;
         finalOutput += output;
         capturedScreenshots++;
       } catch (error) {
         ctx.log.debug(`screenshot capture failed for ${JSON.stringify(staticConfig)}; error: ${error}`);
-        let output = `${chalk6__default.default.gray(staticConfig.name)} ${chalk6__default.default.red("\u2717")}
+        let output = `${chalk__default.default.gray(staticConfig.name)} ${chalk__default.default.red("\u2717")}
 `;
         ctx.task.output += output;
         finalOutput += output;
@@ -3077,7 +3181,7 @@ var captureScreenshots_default = (ctx) => {
         task.title = "Screenshots captured successfully";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(`${error.message}`);
+        task.output = chalk__default.default.gray(`${error.message}`);
         throw new Error("Capturing screenshots failed");
       }
     }),
@@ -3088,14 +3192,14 @@ var captureScreenshots_default = (ctx) => {
 
 // src/commander/capture.ts
 var command2 = new commander.Command();
-command2.name("capture").description("Capture screenshots of static sites").argument("<file>", "Web static config file").option("-C, --parallel [number]", "Specify the number of instances per browser", parseInt).option("-F, --force", "forcefully apply the specified parallel instances per browser").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(file, _, command4) {
+command2.name("capture").description("Capture screenshots of static sites").argument("<file>", "Web static config file").option("-C, --parallel [number]", "Specify the number of instances per browser", parseInt).option("-F, --force", "forcefully apply the specified parallel instances per browser").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(file, _, command7) {
   return __async(this, null, function* () {
-    const options = command4.optsWithGlobals();
+    const options = command7.optsWithGlobals();
     if (options.buildName === "") {
       console.log(`Error: The '--buildName' option cannot be an empty string.`);
       process.exit(1);
     }
-    let ctx = ctx_default(command4.optsWithGlobals());
+    let ctx = ctx_default(command7.optsWithGlobals());
     if (!fs5__default.default.existsSync(file)) {
       ctx.log.error(`Web Static Config file ${file} not found.`);
       return;
@@ -3154,7 +3258,7 @@ var uploadScreenshots_default = (ctx) => {
         task.title = "Screenshots uploaded successfully";
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(`${error.message}`);
+        task.output = chalk__default.default.gray(`${error.message}`);
         throw new Error("Uploading screenshots failed");
       }
     }),
@@ -3169,14 +3273,14 @@ command3.name("upload").description("Upload screenshots from given directory").a
   return val.split(",").map((ext) => ext.trim().toLowerCase());
 }).option("-E, --removeExtensions", "Strips file extensions from snapshot names").option("-i, --ignoreDir <patterns>", "Comma-separated list of directories to ignore", (val) => {
   return val.split(",").map((pattern) => pattern.trim());
-}).option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(directory, _, command4) {
+}).option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(directory, _, command7) {
   return __async(this, null, function* () {
-    const options = command4.optsWithGlobals();
+    const options = command7.optsWithGlobals();
     if (options.buildName === "") {
       console.log(`Error: The '--buildName' option cannot be an empty string.`);
       process.exit(1);
     }
-    let ctx = ctx_default(command4.optsWithGlobals());
+    let ctx = ctx_default(command7.optsWithGlobals());
     if (!fs5__default.default.existsSync(directory)) {
       console.log(`Error: The provided directory ${directory} not found.`);
       return;
@@ -3254,7 +3358,7 @@ var uploadFigmaDesigns_default2 = (ctx) => {
         ctx2.log.debug(`Figma designs processed: ${results}`);
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(`${error.message}`);
+        task.output = chalk__default.default.gray(`${error.message}`);
         throw new Error("Uploading Figma designs failed");
       }
     }),
@@ -3351,17 +3455,17 @@ var uploadWebFigma_default2 = (ctx) => {
           throw new Error("Uploading Web Figma Screenshot failed");
         }
         if (ctx2.build.id) {
-          task.output = chalk6__default.default.gray(`Build Id: ${ctx2.build.id}`);
+          task.output = chalk__default.default.gray(`Build Id: ${ctx2.build.id}`);
           let figmaOutput = yield fetchFigma_default(ctx2);
           const jsonObject = JSON.parse(figmaOutput);
           let output = JSON.stringify(jsonObject, null, 2);
-          task.output = task.output + "\n" + chalk6__default.default.green(`${output}`);
+          task.output = task.output + "\n" + chalk__default.default.green(`${output}`);
         }
         task.title = "Web Figma images uploaded successfully to SmartUI";
         ctx2.log.debug(`Web Figma processed: ${results}`);
       } catch (error) {
         ctx2.log.debug(error);
-        task.output = chalk6__default.default.gray(`${error.message}`);
+        task.output = chalk__default.default.gray(`${error.message}`);
         throw new Error("Uploading Web Figma Screenshots failed");
       }
     }),
@@ -3371,10 +3475,10 @@ var uploadWebFigma_default2 = (ctx) => {
 };
 var uploadFigma = new commander.Command();
 var uploadWebFigmaCommand = new commander.Command();
-uploadFigma.name("upload-figma").description("Capture screenshots of static sites").argument("<file>", "figma design config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").action(function(file, _, command4) {
+uploadFigma.name("upload-figma").description("Capture screenshots of static sites").argument("<file>", "figma design config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").action(function(file, _, command7) {
   return __async(this, null, function* () {
     var _a, _b;
-    let ctx = ctx_default(command4.optsWithGlobals());
+    let ctx = ctx_default(command7.optsWithGlobals());
     if (!fs5__default.default.existsSync(file)) {
       console.log(`Error: Figma Config file ${file} not found.`);
       return;
@@ -3412,10 +3516,10 @@ uploadFigma.name("upload-figma").description("Capture screenshots of static site
     }
   });
 });
-uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots of static sites").argument("<file>", "figma config config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").action(function(file, _, command4) {
+uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots of static sites").argument("<file>", "figma config config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").action(function(file, _, command7) {
   return __async(this, null, function* () {
     var _a;
-    let ctx = ctx_default(command4.optsWithGlobals());
+    let ctx = ctx_default(command7.optsWithGlobals());
     if (!fs5__default.default.existsSync(file)) {
       console.log(`Error: figma-web config file ${file} not found.`);
       return;
@@ -3436,7 +3540,7 @@ uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots
       }
       verifyFigmaWebConfig(ctx);
     } catch (error) {
-      ctx.log.error(chalk6__default.default.red(`Invalid figma-web config; ${error.message}`));
+      ctx.log.error(chalk__default.default.red(`Invalid figma-web config; ${error.message}`));
       return;
     }
     let tasks = new listr2.Listr(
@@ -3464,10 +3568,112 @@ uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots
     }
   });
 });
+var command4 = new commander.Command();
+command4.name("exec:start").description("Start SmartUI server").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function() {
+  return __async(this, null, function* () {
+    const options = command4.optsWithGlobals();
+    if (options.buildName === "") {
+      console.log(`Error: The '--buildName' option cannot be an empty string.`);
+      process.exit(1);
+    }
+    let ctx = ctx_default(command4.optsWithGlobals());
+    ctx.snapshotQueue = new Queue(ctx);
+    ctx.totalSnapshots = 0;
+    ctx.isStartExec = true;
+    let tasks = new listr2.Listr(
+      [
+        auth_default(),
+        startServer_default(),
+        getGitInfo_default(),
+        createBuild_default()
+      ],
+      {
+        rendererOptions: {
+          icon: {
+            [listr2.ListrDefaultRendererLogLevels.OUTPUT]: `\u2192`
+          },
+          color: {
+            [listr2.ListrDefaultRendererLogLevels.OUTPUT]: listr2.color.gray
+          }
+        }
+      }
+    );
+    try {
+      yield tasks.run(ctx);
+      startPingPolling(ctx);
+      if (ctx.options.fetchResults) {
+        startPolling(ctx);
+      }
+    } catch (error) {
+      console.error("Error during server execution:", error);
+    }
+  });
+});
+var server_default2 = command4;
+var command5 = new commander.Command();
+function getSmartUIServerAddress() {
+  const serverAddress = process.env.SMARTUI_SERVER_ADDRESS || "http://localhost:49152";
+  return serverAddress;
+}
+command5.name("exec:stop").description("Stop the SmartUI server").action(function() {
+  return __async(this, null, function* () {
+    try {
+      const serverAddress = getSmartUIServerAddress();
+      console.log(chalk__default.default.yellow(`Stopping server at ${serverAddress} from terminal...`));
+      const response = yield axios__default.default.post(`${serverAddress}/stop`, { timeout: 15e3 }, {
+        headers: {
+          "Content-Type": "application/json"
+          // Ensure the correct Content-Type header
+        }
+      });
+      if (response.status === 200) {
+        console.log(chalk__default.default.green("Server stopped successfully"));
+        console.log(chalk__default.default.green(`Response: ${JSON.stringify(response.data)}`));
+      } else {
+        console.log(chalk__default.default.red("Failed to stop server"));
+      }
+    } catch (error) {
+      if (error.code === "ECONNABORTED") {
+        console.error(chalk__default.default.red("Error: SmartUI server did not respond in 15 seconds"));
+      } else {
+        console.error(chalk__default.default.red("Error while stopping server"));
+      }
+    }
+  });
+});
+var stopServer_default = command5;
+function getSmartUIServerAddress2() {
+  const serverAddress = process.env.SMARTUI_SERVER_ADDRESS || "http://localhost:49152";
+  return serverAddress;
+}
+var command6 = new commander.Command();
+command6.name("exec:ping").description("Ping the SmartUI server to check if it is running").action(function() {
+  return __async(this, null, function* () {
+    try {
+      console.log(chalk__default.default.yellow("Pinging server..."));
+      const serverAddress = getSmartUIServerAddress2();
+      console.log(chalk__default.default.yellow(`Pinging server at ${serverAddress} from terminal...`));
+      const response = yield axios__default.default.get(`${serverAddress}/ping`, { timeout: 15e3 });
+      if (response.status === 200) {
+        console.log(chalk__default.default.green("SmartUI Server is running"));
+        console.log(chalk__default.default.green(`Response: ${JSON.stringify(response.data)}`));
+      } else {
+        console.log(chalk__default.default.red("Failed to reach the server"));
+      }
+    } catch (error) {
+      if (error.code === "ECONNABORTED") {
+        console.error(chalk__default.default.red("Error: SmartUI server did not respond in 15 seconds"));
+      } else {
+        console.error(chalk__default.default.red("SmartUI server is not running"));
+      }
+    }
+  });
+});
+var ping_default = command6;
 
 // src/commander/commander.ts
 var program = new commander.Command();
-program.name("smartui").description("CLI to help you run your SmartUI tests on LambdaTest platform").version(`v${version}`).option("-c --config <filepath>", "Config file path").addCommand(exec_default2).addCommand(capture_default).addCommand(configWeb).addCommand(configStatic).addCommand(upload_default).addCommand(configFigma).addCommand(uploadFigma).addCommand(configWebFigma).addCommand(uploadWebFigmaCommand);
+program.name("smartui").description("CLI to help you run your SmartUI tests on LambdaTest platform").version(`v${version}`).option("-c --config <filepath>", "Config file path").addCommand(exec_default2).addCommand(capture_default).addCommand(configWeb).addCommand(configStatic).addCommand(upload_default).addCommand(server_default2).addCommand(stopServer_default).addCommand(ping_default).addCommand(configFigma).addCommand(uploadFigma).addCommand(configWebFigma).addCommand(uploadWebFigmaCommand);
 var commander_default = program;
 (function() {
   return __async(this, null, function* () {
@@ -3477,16 +3683,16 @@ var commander_default = program;
       let { data: { latestVersion, deprecated, additionalDescription } } = yield client.checkUpdate(log2);
       log2.info(`
 LambdaTest SmartUI CLI v${package_default.version}`);
-      log2.info(chalk6__default.default.yellow(`${additionalDescription}`));
+      log2.info(chalk__default.default.yellow(`${additionalDescription}`));
       if (deprecated) {
         log2.warn(`This version is deprecated. A new version ${latestVersion} is available!`);
       } else if (package_default.version !== latestVersion) {
-        log2.info(chalk6__default.default.green(`A new version ${latestVersion} is available!`));
+        log2.info(chalk__default.default.green(`A new version ${latestVersion} is available!`));
       } else
-        log2.info(chalk6__default.default.gray("https://www.npmjs.com/package/@lambdatest/smartui-cli\n"));
+        log2.info(chalk__default.default.gray("https://www.npmjs.com/package/@lambdatest/smartui-cli\n"));
     } catch (error) {
       log2.debug(error);
-      log2.info(chalk6__default.default.gray("https://www.npmjs.com/package/@lambdatest/smartui-cli\n"));
+      log2.info(chalk__default.default.gray("https://www.npmjs.com/package/@lambdatest/smartui-cli\n"));
     }
     commander_default.parse();
   });