@browserstack/mcp-server 1.2.4 → 1.2.6

package/dist/tools/run-percy-scan.js

@@ -1,21 +1,28 @@
 import { getBrowserStackAuth } from "../lib/get-auth.js";
 import { fetchPercyToken } from "./sdk-utils/percy-web/fetchPercyToken.js";
+import { storedPercyResults } from "../lib/inmemory-store.js";
+import { getFrameworkTestCommand, PERCY_FALLBACK_STEPS, } from "./sdk-utils/percy-web/constants.js";
+import path from "path";
 export async function runPercyScan(args, config) {
     const { projectName, integrationType, instruction } = args;
     const authorization = getBrowserStackAuth(config);
     const percyToken = await fetchPercyToken(projectName, authorization, {
         type: integrationType,
     });
-    const steps = [generatePercyTokenInstructions(percyToken)];
-    if (instruction) {
-        steps.push(`Use the provided test command with Percy:\n${instruction}`, `If this command fails or is incorrect, fall back to the default approach below.`);
-    }
-    steps.push(`Attempt to infer the project's test command from context (high confidence commands first):
-    - Java → mvn test
-    - Python → pytest
-    - Node.js → npm test or yarn test
-    - Cypress → cypress run
-    or from package.json scripts`, `Wrap the inferred command with Percy:\nnpx percy exec -- <test command>`, `If the test command cannot be inferred confidently, ask the user directly for the correct test command.`);
+    // Check if we have stored data and project matches
+    const stored = storedPercyResults.get();
+    // Compute if we have updated files to run
+    const hasUpdatedFiles = checkForUpdatedFiles(stored, projectName);
+    const updatedFiles = hasUpdatedFiles ? getUpdatedFiles(stored) : [];
+    // Build steps array with conditional spread
+    const steps = [
+        generatePercyTokenInstructions(percyToken),
+        ...(hasUpdatedFiles ? generateUpdatedFilesSteps(stored, updatedFiles) : []),
+        ...(instruction && !hasUpdatedFiles
+            ? generateInstructionSteps(instruction)
+            : []),
+        ...(!hasUpdatedFiles ? PERCY_FALLBACK_STEPS : []),
+    ];
     const instructionContext = steps
         .map((step, index) => `${index + 1}. ${step}`)
         .join("\n\n");
@@ -35,3 +42,37 @@ export PERCY_TOKEN="${percyToken}"
 
 (For Windows: use 'setx PERCY_TOKEN "${percyToken}"' or 'set PERCY_TOKEN=${percyToken}' as appropriate.)`;
 }
+const toAbs = (p) => p ? path.resolve(p) : undefined;
+function checkForUpdatedFiles(stored, // storedPercyResults structure
+projectName) {
+    const projectMatches = stored?.projectName === projectName;
+    return (projectMatches &&
+        stored?.testFiles &&
+        Object.values(stored.testFiles).some((status) => status === true));
+}
+function getUpdatedFiles(stored) {
+    const updatedFiles = [];
+    const fileStatusMap = stored.testFiles;
+    Object.entries(fileStatusMap).forEach(([filePath, status]) => {
+        if (status === true) {
+            updatedFiles.push(filePath);
+        }
+    });
+    return updatedFiles;
+}
+function generateUpdatedFilesSteps(stored, updatedFiles) {
+    const filesToRun = updatedFiles.map(toAbs).filter(Boolean);
+    const { detectedLanguage, detectedTestingFramework } = stored;
+    const exampleCommand = getFrameworkTestCommand(detectedLanguage, detectedTestingFramework);
+    return [
+        `Run only the updated files with Percy:\n` +
+            `Example: ${exampleCommand} <file1> <file2> ...`,
+        `Updated files to run:\n${filesToRun.join("\n")}`,
+    ];
+}
+function generateInstructionSteps(instruction) {
+    return [
+        `Use the provided test command with Percy:\n${instruction}`,
+        `If this command fails or is incorrect, fall back to the default approach below.`,
+    ];
+}

package/dist/tools/sdk-utils/bstack/configUtils.d.ts

@@ -1,4 +1,8 @@
-/**
- * Utilities for generating BrowserStack configuration files.
- */
-export declare function generateBrowserStackYMLInstructions(desiredPlatforms: string[], enablePercy: boolean | undefined, projectName: string): string;
+import { ValidatedEnvironment } from "../common/device-validator.js";
+import { BrowserStackConfig } from "../../../lib/types.js";
+export declare function generateBrowserStackYMLInstructions(config: {
+    validatedEnvironments?: ValidatedEnvironment[];
+    platforms?: string[];
+    enablePercy?: boolean;
+    projectName: string;
+}, browserStackConfig: BrowserStackConfig): string;

package/dist/tools/sdk-utils/bstack/configUtils.js

@@ -1,37 +1,41 @@
-/**
- * Utilities for generating BrowserStack configuration files.
- */
-export function generateBrowserStackYMLInstructions(desiredPlatforms, enablePercy = false, projectName) {
+import { getBrowserStackAuth } from "../../../lib/get-auth.js";
+export function generateBrowserStackYMLInstructions(config, browserStackConfig) {
+    const enablePercy = config.enablePercy || false;
+    const projectName = config.projectName || "BrowserStack Automate Build";
+    // Get credentials from config
+    const authString = getBrowserStackAuth(browserStackConfig);
+    const [username, accessKey] = authString.split(":");
+    // Generate platform configurations using the utility function
+    const platformConfigs = generatePlatformConfigs(config);
+    const stepTitle = "Create a browserstack.yml file in the project root with your validated device configurations:If already exists, update it with the following content for devices and project details.";
+    const buildName = `${projectName}-Build`;
     let ymlContent = `
 # ======================
 # BrowserStack Reporting
 # ======================
-# A single name for your project to organize all your tests. This is required for Percy.
-projectName: ${projectName}
+
+userName: ${username}
+accessKey: ${accessKey}
+
 # TODO: Replace these sample values with your actual project details
-buildName: Sample-Build
+projectName: ${projectName}
+buildName: ${buildName}
 
 # =======================================
 # Platforms (Browsers / Devices to test)
-# =======================================
+# =======================================`;
+    ymlContent += `
 # Platforms object contains all the browser / device combinations you want to test on.
-# Generate this on the basis of the following platforms requested by the user:
-# Requested platforms: ${desiredPlatforms}
 platforms:
-  - os: Windows
-    osVersion: 11
-    browserName: chrome
-    browserVersion: latest
-  
+${platformConfigs}`;
+    ymlContent += `
+
 # =======================
 # Parallels per Platform
 # =======================
 # The number of parallel threads to be used for each platform set.
 # BrowserStack's SDK runner will select the best strategy based on the configured value
-#
-# Example 1 - If you have configured 3 platforms and set \`parallelsPerPlatform\` as 2, a total of 6 (2 * 3) parallel threads will be used on BrowserStack
-#
-# Example 2 - If you have configured 1 platform and set \`parallelsPerPlatform\` as 5, a total of 5 (1 * 5) parallel threads will be used on BrowserStack
+# The number of parallel threads to be used for each platform set.
 parallelsPerPlatform: 1
 
 # =================
@@ -58,9 +62,59 @@ percyCaptureMode: manual`;
     }
     return `
 ---STEP---
-Create a browserstack.yml file in the project root. The file should be in the following format:
+${stepTitle}
 
 \`\`\`yaml${ymlContent}
 \`\`\`
 \n`;
 }
+function generatePlatformConfigs(config) {
+    if (config.validatedEnvironments && config.validatedEnvironments.length > 0) {
+        // Generate platforms array from validated environments
+        const platforms = config.validatedEnvironments.map((env) => {
+            if (env.platform === "windows" || env.platform === "macos") {
+                // Desktop configuration
+                return {
+                    os: env.platform === "windows" ? "Windows" : "OS X",
+                    osVersion: env.osVersion,
+                    browserName: env.browser,
+                    browserVersion: env.browserVersion || "latest",
+                };
+            }
+            else {
+                // Mobile configuration (android/ios)
+                return {
+                    deviceName: env.deviceName,
+                    osVersion: env.osVersion,
+                    browserName: env.browser,
+                };
+            }
+        });
+        // Convert platforms to YAML format
+        return platforms
+            .map((platform) => {
+            if (platform.deviceName) {
+                // Mobile platform
+                return `  - deviceName: "${platform.deviceName}"
+    osVersion: "${platform.osVersion}"
+    browserName: ${platform.browserName}`;
+            }
+            else {
+                // Desktop platform
+                return `  - os: ${platform.os}
+    osVersion: "${platform.osVersion}"
+    browserName: ${platform.browserName}
+    browserVersion: ${platform.browserVersion}`;
+            }
+        })
+            .join("\n");
+    }
+    else if (config.platforms && config.platforms.length > 0) {
+        // Fallback to default platforms configuration
+        return `  - os: Windows
+    osVersion: 11
+    browserName: chrome
+    browserVersion: latest`;
+    }
+    return "";
+}

package/dist/tools/sdk-utils/bstack/constants.d.ts

@@ -2,7 +2,7 @@ import { ConfigMapping } from "../common/types.js";
 /**
  * ---------- PYTHON INSTRUCTIONS ----------
  */
-export declare const pythonInstructions: (username: string, accessKey: string) => {
+export declare const pythonInstructions: () => {
     setup: string;
     run: string;
 };

package/dist/tools/sdk-utils/bstack/constants.js

@@ -1,7 +1,7 @@
 /**
  * ---------- PYTHON INSTRUCTIONS ----------
  */
-export const pythonInstructions = (username, accessKey) => {
+export const pythonInstructions = () => {
     const setup = `
 ---STEP---
 
@@ -9,20 +9,18 @@ Install the BrowserStack SDK:
 \`\`\`bash
 python3 -m pip install browserstack-sdk
 \`\`\`
-
----STEP---
-
-Setup the BrowserStack SDK with your credentials:
-\`\`\`bash
-browserstack-sdk setup --username "${username}" --key "${accessKey}"
-\`\`\`
 `;
     const run = `
 ---STEP---
 
 Run your tests on BrowserStack:
 \`\`\`bash
-browserstack-sdk python <path-to-test-file>
+browserstack-sdk pytest -s tests/<example_test>.py
+\`\`\`
+
+Or run all tests in a directory:
+\`\`\`bash
+browserstack-sdk pytest <path-to-test-directory>
 \`\`\`
 `;
     return { setup, run };

package/dist/tools/sdk-utils/bstack/sdkHandler.d.ts

@@ -1,4 +1,4 @@
 import { RunTestsInstructionResult } from "../common/types.js";
 import { RunTestsOnBrowserStackInput } from "../common/schema.js";
 import { BrowserStackConfig } from "../../../lib/types.js";
-export declare function runBstackSDKOnly(input: RunTestsOnBrowserStackInput, config: BrowserStackConfig, isPercyAutomate?: boolean): RunTestsInstructionResult;
+export declare function runBstackSDKOnly(input: RunTestsOnBrowserStackInput, config: BrowserStackConfig, isPercyAutomate?: boolean): Promise<RunTestsInstructionResult>;

package/dist/tools/sdk-utils/bstack/sdkHandler.js

@@ -2,10 +2,14 @@ import { getBrowserStackAuth } from "../../../lib/get-auth.js";
 import { getSDKPrefixCommand } from "./commands.js";
 import { generateBrowserStackYMLInstructions } from "./configUtils.js";
 import { getInstructionsForProjectConfiguration } from "../common/instructionUtils.js";
-export function runBstackSDKOnly(input, config, isPercyAutomate = false) {
+import { validateDevices } from "../common/device-validator.js";
+export async function runBstackSDKOnly(input, config, isPercyAutomate = false) {
     const steps = [];
     const authString = getBrowserStackAuth(config);
     const [username, accessKey] = authString.split(":");
+    // Validate devices against real BrowserStack device data
+    const tupleTargets = input.devices;
+    const validatedEnvironments = await validateDevices(tupleTargets || [], input.detectedBrowserAutomationFramework);
     // Handle frameworks with unique setup instructions that don't use browserstack.yml
     if (input.detectedBrowserAutomationFramework === "cypress" ||
         input.detectedTestingFramework === "webdriverio") {
@@ -41,14 +45,6 @@ export function runBstackSDKOnly(input, config, isPercyAutomate = false) {
             content: sdkSetupCommand,
         });
     }
-    const ymlInstructions = generateBrowserStackYMLInstructions(input.desiredPlatforms, false, input.projectName);
-    if (ymlInstructions) {
-        steps.push({
-            type: "instruction",
-            title: "Configure browserstack.yml",
-            content: ymlInstructions,
-        });
-    }
     const frameworkInstructions = getInstructionsForProjectConfiguration(input.detectedBrowserAutomationFramework, input.detectedTestingFramework, input.detectedLanguage, username, accessKey);
     if (frameworkInstructions) {
         if (frameworkInstructions.setup) {
@@ -58,6 +54,20 @@ export function runBstackSDKOnly(input, config, isPercyAutomate = false) {
                 content: frameworkInstructions.setup,
             });
         }
+    }
+    const ymlInstructions = generateBrowserStackYMLInstructions({
+        validatedEnvironments,
+        enablePercy: false,
+        projectName: input.projectName,
+    }, config);
+    if (ymlInstructions) {
+        steps.push({
+            type: "instruction",
+            title: "Configure browserstack.yml",
+            content: ymlInstructions,
+        });
+    }
+    if (frameworkInstructions) {
         if (frameworkInstructions.run && !isPercyAutomate) {
             steps.push({
                 type: "instruction",

package/dist/tools/sdk-utils/common/constants.d.ts

@@ -1,10 +1,11 @@
 export declare const IMPORTANT_SETUP_WARNING = "IMPORTANT: DO NOT SKIP ANY STEP. All the setup steps described below MUST be executed regardless of any existing configuration or setup. This ensures proper BrowserStack SDK setup.";
-export declare const SETUP_PERCY_DESCRIPTION = "Set up Percy visual testing for your project. This supports both Percy Web Standalone and Percy Automate.";
+export declare const SETUP_PERCY_DESCRIPTION = "Set up or expand Percy visual testing configuration with comprehensive coverage for existing projects that might have Percy integrated. This supports both Percy Web Standalone and Percy Automate. Example prompts: Expand percy coverage for this project {project_name}";
 export declare const LIST_TEST_FILES_DESCRIPTION = "Lists all test files for a given set of directories.";
 export declare const PERCY_SNAPSHOT_COMMANDS_DESCRIPTION = "Adds Percy snapshot commands to the specified test files.";
 export declare const RUN_ON_BROWSERSTACK_DESCRIPTION = "Set up and run automated web-based tests on BrowserStack using the BrowserStack SDK. Use this tool for functional or integration test setup on BrowserStack only. For any visual testing or Percy integration, use the dedicated Percy setup tool. Example prompts: run this test on browserstack; set up this project for browserstack.";
-export declare const SIMULATE_PERCY_CHANGE_DESCRIPTION = "This tool helps new users simulate a Percy visual change by guiding them to make a visible UI modification, rerun Percy, and verify that the change is detected. Only Percy web is supported";
+export declare const SIMULATE_PERCY_CHANGE_DESCRIPTION = "Integrate Percy visual testing into new projects and demonstrate visual change detection through a step-by-step simulation. This tool handles initial Percy integration, setup, and creates a working demonstration for new users. Primary tool for prompts like: \"Integrate percy for this project\", \"Integrate percy in this project {project_name}\"";
 export declare const PERCY_REPLACE_REGEX: RegExp;
-export declare const PERCY_SNAPSHOT_INSTRUCTION = "\nInvoke listTestFiles() with the provided directories from user to gather all test files in memory and obtain the generated UUID ---STEP---\nProcess files in STRICT sequential order using tool addPercySnapshotCommands() with below instructions:\n- Start with index 0\n- Then index 1  \n- Then index 2\n- Continue sequentially until the last index\n- DO NOT skip any index numbers\n- DO NOT jump to random indices like 10, 20, 30\n- DO NOT worry about time consuming and any constraints.\n- DO NOT STOP until you add commands in all the files or you reach end of the files.\n";
-export declare const PERCY_SIMULATE_INSTRUCTION = "\nMANDATORY: Aggressive, Accurate Percy Snapshots Integration\n\nPrerequisite: Before making any code changes in the user's repo, switch to a branch named temp-percy (run git init first if the repo is not yet initialized).\n\nYou MUST follow these steps with NO EXCEPTIONS:\n1. Identify 4-5 key test files in the project that are critical for visual testing.\n2. For EACH identified test file, analyze the code to find EVERY location where a Percy snapshot should be called (e.g., after each navigation, UI change, or significant state in tests).\n3. Insert snapshot calls at ALL such points, not just the first or most obvious one.\n\nIteratively update every selected test file with percy snapshot calls at all identified points, ensuring comprehensive coverage of visual changes.";
-export declare const PERCY_SIMULATION_DRIVER_INSTRUCTION = "\nMANDATORY: Step-by-Step Percy Visual Change Simulation\nYou MUST follow these steps with NO EXCEPTIONS:\n\nSTEP 1: At this case we have added Percy snapshot commands to the test files at the appropriate locations (e.g., after navigation, UI change, or significant state). \n- Use ONLY existing snapshot names.\n- Do NOT add any popup injection or visual changes yet.\n- Do NOT run any Percy builds at this stage.\n\nSTEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build.\"\n\nSTEP 3: Modify your test to inject a visible UI change (such as a popup) IMMEDIATELY BEFORE an EXISTING snapshot command (e.g., before percy_snapshot(self.driver, \"screenshot name\")).\n- Do NOT add a new snapshot name for the popup.\n- The popup must appear in an existing snapshot, not a new one.\n- Add this popup code in some test files before the percy_snapshot command you've added, to display the visual changes.\n\n```Javascript\npopup_script = `\nvar popup = document.createElement('div');\npopup.id = 'percy-test-popup';\npopup.style.cssText = popup.style.cssText = `\n  /* TODO: Add styles to make the popup large, centered, and visually noticeable.\n     Suggested properties: position: fixed; top/left; transform; background; color; font-size; padding; z-index; animation, etc. */\n`;\npopup.innerHTML = 'PERCY TEST<br>VISUAL CHANGE<br>DETECTED!';\ndocument.body.appendChild(popup);\n`;\n\n# Insert this just before the EXISTING snapshot command:\ndriver.execute_script(popup_script)\npercy_snapshot(self.driver, \"Before Adding to Cart\")  # (Do NOT change the snapshot name, keep existing one)\n```\n\nSTEP 4: Run a second Percy build.\n- The snapshot names must remain the same as in the baseline.\n- The visual change should now appear in the same snapshot as before.\n- Use the same build command you ran for the baseline.\n\nSTEP 5: Compare the two Percy builds to see the detected visual difference.\n\nSTEP 6: Now ask user if they want to setup percy for full project coverage? If yes, call the \"setupPercyVisualTesting\" tool to enable complete coverage for the entire project.\n\nCONSTRAINTS:\n- Do NOT run any builds until explicitly instructed in the steps.\n- Do NOT add new snapshot names\u2014only use existing ones.\n- Do NOT add popup injection until the baseline is established.\n- Visual changes must appear in EXISTING snapshots, not new ones.\n\nVALIDATION CHECKPOINTS (before proceeding to the next step):\n- Are you adding only snapshot commands (not running builds)?\n- Are you reusing existing snapshot names (not creating new ones)?\n- Have you established the baseline first (before adding visual changes)\n\nCRITICAL: \nDo NOT run tests separately or create multiple builds during baseline establishment. The goal is to have exactly TWO builds total: (1) baseline build with all original snapshots, (2) modified build with the same tests but visual changes injected.\n";
+export declare const PERCY_SNAPSHOT_INSTRUCTION = "\nInvoke listTestFiles() with the provided directories from user to gather all test files in memory ---STEP---\nProcess files in STRICT sequential order using tool addPercySnapshotCommands() with below instructions:\n- Start with index 0\n- Then index 1  \n- Then index 2\n- Continue sequentially until the last index\n- DO NOT skip any index numbers\n- DO NOT jump to random indices like 10, 20, 30\n- DO NOT worry about time consuming and any constraints.\n- DO NOT STOP until you add commands in all the files or you reach end of the files.\n";
+export declare const PERCY_SIMULATE_INSTRUCTION = "\nMANDATORY: Aggressive, Accurate Percy Snapshots Integration\n\nPrerequisite: Before making any code changes in the user's repository, create and switch to a new branch named browserstack-simulation. Stage all changes but do not commit them. If the repository has not been initialized yet, run git init first.\n\nYou MUST follow these steps with NO EXCEPTIONS:\n1. Identify 4-5 key test files in the project that are critical for visual testing.\n2. For EACH identified test file, analyze the code to find EVERY location where a Percy snapshot should be called (e.g., after each navigation, UI change, or significant state in tests).\n3. Insert snapshot calls at ALL such points, not just the first or most obvious one.\n\nIteratively update every selected test file with percy snapshot calls at all identified points, ensuring comprehensive coverage of visual changes.";
+export declare const PERCY_SIMULATION_DRIVER_INSTRUCTION = "\nMANDATORY: Step-by-Step Percy Visual Change Simulation\nYou MUST follow these steps with NO EXCEPTIONS:\n\nSTEP 1: At this case we have added Percy snapshot commands to the test files at the appropriate locations (e.g., after navigation, UI change, or significant state). \n- Use ONLY existing snapshot names.\n- Do NOT add any popup injection or visual changes yet.\n- Do NOT run any Percy builds at this stage.\n\nSTEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec --label=mcp -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build.\"\n\nSTEP 3: Modify your test to inject a visible UI change (such as a popup) IMMEDIATELY BEFORE an EXISTING snapshot command (e.g., before percy_snapshot(self.driver, \"screenshot name\")).\n- Do NOT add a new snapshot name for the popup.\n- The popup must appear in an existing snapshot, not a new one.\n- Add this popup code in some test files before the percy_snapshot command you've added, to display the visual changes.\n\n```Javascript\npopup_script = `\nvar popup = document.createElement('div');\npopup.id = 'percy-test-popup';\npopup.style.cssText = popup.style.cssText = `\n  /* TODO: Add styles to make the popup large, centered, and visually noticeable.\n     Suggested properties: position: fixed; top/left; transform; background; color; font-size; padding; z-index; animation, etc. */\n`;\npopup.innerHTML = 'PERCY TEST<br>VISUAL CHANGE<br>DETECTED!';\ndocument.body.appendChild(popup);\n`;\n\n# Insert this just before the EXISTING snapshot command:\ndriver.execute_script(popup_script)\npercy_snapshot(self.driver, \"Before Adding to Cart\")  # (Do NOT change the snapshot name, keep existing one)\n```\n\nSTEP 4: Run a second Percy build with same label and same test command as the baseline.\n- The snapshot names must remain the same as in the baseline.\n- The visual change should now appear in the same snapshot as before.\n- Use the same build command you ran for the baseline.\n\nSTEP 5: Compare the two Percy builds to see the detected visual difference.\n\nSTEP 6: Now ask user if they want to expand percy for other testcases? If yes, call the \"expandPercyVisualTesting\" tool to enable complete coverage for the entire project.\n\nCONSTRAINTS:\n- Do NOT run any builds until explicitly instructed in the steps.\n- Do NOT add new snapshot names\u2014only use existing ones.\n- Do NOT add popup injection until the baseline is established.\n- Visual changes must appear in EXISTING snapshots, not new ones.\n\nVALIDATION CHECKPOINTS (before proceeding to the next step):\n- Are you adding only snapshot commands (not running builds)?\n- Are you reusing existing snapshot names (not creating new ones)?\n- Have you established the baseline first (before adding visual changes)\n\nCRITICAL: \nDo NOT run tests separately or create multiple builds during baseline establishment. The goal is to have exactly TWO builds total: (1) baseline build with all original snapshots, (2) modified build with the same tests but visual changes injected.\n";
+export declare const PERCY_VERIFICATION_REGEX: RegExp;

package/dist/tools/sdk-utils/common/constants.js

@@ -1,12 +1,12 @@
 export const IMPORTANT_SETUP_WARNING = "IMPORTANT: DO NOT SKIP ANY STEP. All the setup steps described below MUST be executed regardless of any existing configuration or setup. This ensures proper BrowserStack SDK setup.";
-export const SETUP_PERCY_DESCRIPTION = "Set up Percy visual testing for your project. This supports both Percy Web Standalone and Percy Automate.";
+export const SETUP_PERCY_DESCRIPTION = "Set up or expand Percy visual testing configuration with comprehensive coverage for existing projects that might have Percy integrated. This supports both Percy Web Standalone and Percy Automate. Example prompts: Expand percy coverage for this project {project_name}";
 export const LIST_TEST_FILES_DESCRIPTION = "Lists all test files for a given set of directories.";
 export const PERCY_SNAPSHOT_COMMANDS_DESCRIPTION = "Adds Percy snapshot commands to the specified test files.";
 export const RUN_ON_BROWSERSTACK_DESCRIPTION = "Set up and run automated web-based tests on BrowserStack using the BrowserStack SDK. Use this tool for functional or integration test setup on BrowserStack only. For any visual testing or Percy integration, use the dedicated Percy setup tool. Example prompts: run this test on browserstack; set up this project for browserstack.";
-export const SIMULATE_PERCY_CHANGE_DESCRIPTION = "This tool helps new users simulate a Percy visual change by guiding them to make a visible UI modification, rerun Percy, and verify that the change is detected. Only Percy web is supported";
+export const SIMULATE_PERCY_CHANGE_DESCRIPTION = `Integrate Percy visual testing into new projects and demonstrate visual change detection through a step-by-step simulation. This tool handles initial Percy integration, setup, and creates a working demonstration for new users. Primary tool for prompts like: "Integrate percy for this project", "Integrate percy in this project {project_name}"`;
 export const PERCY_REPLACE_REGEX = /Invoke listTestFiles\(\) with the provided directories[\s\S]*?- DO NOT STOP until you add commands in all the files or you reach end of the files\./;
 export const PERCY_SNAPSHOT_INSTRUCTION = `
-Invoke listTestFiles() with the provided directories from user to gather all test files in memory and obtain the generated UUID ---STEP---
+Invoke listTestFiles() with the provided directories from user to gather all test files in memory ---STEP---
 Process files in STRICT sequential order using tool addPercySnapshotCommands() with below instructions:
 - Start with index 0
 - Then index 1  
@@ -20,7 +20,7 @@ Process files in STRICT sequential order using tool addPercySnapshotCommands() w
 export const PERCY_SIMULATE_INSTRUCTION = `
 MANDATORY: Aggressive, Accurate Percy Snapshots Integration
 
-Prerequisite: Before making any code changes in the user's repo, switch to a branch named temp-percy (run git init first if the repo is not yet initialized).
+Prerequisite: Before making any code changes in the user's repository, create and switch to a new branch named browserstack-simulation. Stage all changes but do not commit them. If the repository has not been initialized yet, run git init first.
 
 You MUST follow these steps with NO EXCEPTIONS:
 1. Identify 4-5 key test files in the project that are critical for visual testing.
@@ -37,7 +37,7 @@ STEP 1: At this case we have added Percy snapshot commands to the test files at
 - Do NOT add any popup injection or visual changes yet.
 - Do NOT run any Percy builds at this stage.
 
-STEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build."
+STEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec --label=mcp -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build."
 
 STEP 3: Modify your test to inject a visible UI change (such as a popup) IMMEDIATELY BEFORE an EXISTING snapshot command (e.g., before percy_snapshot(self.driver, "screenshot name")).
 - Do NOT add a new snapshot name for the popup.
@@ -61,14 +61,14 @@ driver.execute_script(popup_script)
 percy_snapshot(self.driver, "Before Adding to Cart")  # (Do NOT change the snapshot name, keep existing one)
 \`\`\`
 
-STEP 4: Run a second Percy build.
+STEP 4: Run a second Percy build with same label and same test command as the baseline.
 - The snapshot names must remain the same as in the baseline.
 - The visual change should now appear in the same snapshot as before.
 - Use the same build command you ran for the baseline.
 
 STEP 5: Compare the two Percy builds to see the detected visual difference.
 
-STEP 6: Now ask user if they want to setup percy for full project coverage? If yes, call the "setupPercyVisualTesting" tool to enable complete coverage for the entire project.
+STEP 6: Now ask user if they want to expand percy for other testcases? If yes, call the "expandPercyVisualTesting" tool to enable complete coverage for the entire project.
 
 CONSTRAINTS:
 - Do NOT run any builds until explicitly instructed in the steps.
@@ -84,3 +84,4 @@ VALIDATION CHECKPOINTS (before proceeding to the next step):
 CRITICAL: 
 Do NOT run tests separately or create multiple builds during baseline establishment. The goal is to have exactly TWO builds total: (1) baseline build with all original snapshots, (2) modified build with the same tests but visual changes injected.
 `;
+export const PERCY_VERIFICATION_REGEX = /\*\*✅ Verification:\*\*\nPlease verify that you have completed all[\s\S]*?double-check each step and ensure all commands executed successfully\./s;

package/dist/tools/sdk-utils/common/device-validator.d.ts

@@ -0,0 +1,25 @@
+export interface DesktopBrowserEntry {
+    os: string;
+    os_version: string;
+    browser: string;
+    browser_version: string;
+}
+export interface MobileDeviceEntry {
+    os: "android" | "ios";
+    os_version: string;
+    display_name: string;
+    browsers?: Array<{
+        browser: string;
+        display_name?: string;
+    }>;
+}
+export interface ValidatedEnvironment {
+    platform: string;
+    osVersion: string;
+    browser?: string;
+    browserVersion?: string;
+    deviceName?: string;
+    notes?: string;
+}
+export declare function validateDevices(devices: Array<Array<string>>, framework?: string): Promise<ValidatedEnvironment[]>;
+export declare function validateAppAutomateDevices(devices: Array<Array<string>>): Promise<ValidatedEnvironment[]>;