updated the images

docs/contacts-on-real-devices.md

@@ -49,18 +49,15 @@ import TabItem from '@theme/TabItem';
       })
     }}
 ></script>
-
 With LambdaTest Real Devices, you can interact with the built-in Contacts app on our real devices to test your app's functionality. To support diverse testing, we've included sample contact data for you to use.
 
 ## Supported Devices
-
 LambdaTest supports access to the dummy Contacts on the following devices:
 
 - Devices running Android 10 and higher(Except Tabs).
 - Devices running iOS 13 and higher.
 
 ## What you can test?
-
 With access to the Contacts app on the remote devices, you can now test scenarios, such as:
 
 - Access contacts from the Contacts app.

docs/kane-ai-api-testing.md

@@ -86,7 +86,7 @@ KaneAI allows batch processing of multiple APIs to streamline testing. This feat
 
 - **Step**: Add multiple APIs by clicking the plus icon and selecting each API, or paste multiple curl commands to add them automatically to the test steps.
 
-  <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image9.jpg').default} alt="kenai-jira integration" className="doc_img"/>
+  <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image10.jpg').default} alt="kenai-jira integration" className="doc_img"/>
 
 
 ## 6. Handling Different HTTP Methods
@@ -98,15 +98,15 @@ KaneAI supports various HTTP methods like POST, PUT, GET, and DELETE, allowing y
 
     <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image6.jpg').default} alt="kenai-jira integration" className="doc_img"/>
 
-    <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image10.jpg').default} alt="kenai-jira integration" className="doc_img"/>
+    <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image9.jpg').default} alt="kenai-jira integration" className="doc_img"/>
 
 ## 7. Executing and Reviewing Test Steps
 
 Once all APIs are added, KaneAI enables simultaneous execution, with details available on methods used, response statuses, and execution times.
 
 - **Step**: Click to execute all added APIs in one go and review the response details for insights into API performance and data returned.
 
-    <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image10.jpg').default} alt="kenai-jira integration" className="doc_img"/>
+    <img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/api-testing/image13.jpg').default} alt="kenai-jira integration" className="doc_img"/>
 
 
 This structure provides logical groupings for different aspects of API testing with KaneAI, making it easier to follow each type of action required for comprehensive API testing.

docs/kane-ai-jira-integration.md

@@ -77,9 +77,9 @@ After you post the comment, Kane AI will process the request and respond with a
 <img loading="lazy" src={require('../assets/images/kane-ai/features/jira-integration/jira-test-case.webp').default} alt="kenai-jira integration" className="doc_img"/>
 
 ### Step 4: Review and Schedule the Test Case on LambdaTest
-- **Access the Test Case :** Click on the link provided by Kane AI in the Jira comment. This will direct you to the [Test Planner platform](/support/docs/kane-ai-test-plan/#step-2-define-your-state-outcomes-error-messages-constraints-and-user-inputs) where the test case has been created.
+- **Access the Test Case :** Click on the link provided by Kane AI in the Jira comment. This will create a [Test Plan](/support/docs/kane-ai-test-plan/#step-2-define-your-state-outcomes-error-messages-constraints-and-user-inputs) for you to review and execute via KaneAI.
 - **Review Test Case Details :** Check the generated test case for accuracy. You can review test steps, expected outcomes, and conditions to ensure they align with your requirements.
-- **Schedule Test Execution :** Once verified, schedule the test case for execution.
+- **Schedule the Task for KaneAI :** Once verified, schedule the task for KaneAI to generate and automate the test case on its own.
 
 ### Step 5: Check the test execution
 Click on the Live Preview button to enter the playground and check the live execution of your test based on your defined objective.

docs/kane-ai-using-variables.md

@@ -0,0 +1,89 @@
+---
+id: kane-ai-using-variables
+title: KaneAI - Using Variables in Test Cases
+hide_title: false
+sidebar_label: Variables Guide
+description: Learn how to use variables in the KaneAI test cases
+keywords:
+  - lambdatest automation
+  - lambdatest kaneai
+  - kaneai scroll elements
+  - kaneai sidebar scroll
+url: https://www.lambdatest.com/support/docs/kane-ai-using-variables/
+site_name: LambdaTest
+slug: kane-ai-using-variables/
+---
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+import CodeBlock from '@theme/CodeBlock';
+import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/component/keys";
+
+<script type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: JSON.stringify({
+       "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [{
+          "@type": "ListItem",
+          "position": 1,
+          "name": "Home",
+          "item": "https://www.lambdatest.com"
+        },{
+          "@type": "ListItem",
+          "position": 2,
+          "name": "Support",
+          "item": "https://www.lambdatest.com/support/docs/"
+        },{
+          "@type": "ListItem",
+          "position": 3,
+          "name": "KaneAI Jira Integration",
+          "item": "https://www.lambdatest.com/support/docs/kane-ai-using-variables/"
+        }]
+      })
+    }}
+></script>
+The new variable definition feature in KaneAI allows users to define reusable variables, assign them values, and use those values within test cases. This feature enhances flexibility, readability, and consistency across test cases, making it easier to maintain and modify them.
+
+## Why Use Variables?
+Using variables enables you to:
+- Avoid repetitive entries in test cases.
+- Update values in one place without needing to modify multiple test cases.
+- Increase the reusability and adaptability of test scripts, especially useful for parameters that might change frequently, such as URLs, credentials, or environmental settings.
+
+## Variable Syntax
+To work with variables in KaneAI, you need to follow these syntax rules:
+
+- Variables are defined using the `$` prefix
+- Variable names should follow the `$` symbol without any spaces
+- Example: `$username`, `$phoneNumber`, `$address`
+
+## Creating Variables
+To create a variable:
+
+- Navigate to the "Write a Step" text field
+- Type your instruction using the following format: *create a variable `$variableName`*
+
+Example:
+```bash
+create a variable $phoneNumber
+```
+
+## Using Variables
+To use a previously created variable in any subsequent step or test case, reference the variable using the same `$` syntax. Format: *use the value of `$variableName`*
+
+Example:
+```bash
+use the value of $phoneNumber in the given text field
+```
+<img loading="lazy" src={require('../assets/images/kane-ai/knowledge-base/variables/1.png').default} alt="kenai-jira integration" className="doc_img"/>
+
+## Best Practices
+### Naming Conventions
+- Use descriptive names for your variables
+- Avoid special characters except for the required $ prefix
+- Use camelCase for multi-word variable names
+
+### Variable Management
+- Create variables at the beginning of your test case when possible
+- Document the purpose of each variable in comments
+- Verify that variables are defined before using them

docs/ui-inspector.md

@@ -1,7 +1,7 @@
 ---
 id: ui-inspector
 title: UI Inspector
-hide_title: true
+hide_title: false
 sidebar_label: UI Inspector
 description: Learn real device app testing with LambdaTest across Android and iOS devices. Start testing effortlessly today!
 keywords:
@@ -34,13 +34,8 @@ slug: ui-inspector/
       })
     }}
 ></script>
-
-# UI Inspector
-
 LambdaTest UI App Inspector provides a graphical interface to inspect and interact with the elements of a mobile application. When you launch your mobile app, it retrieves the DOM (Document Object Model) of the app. This DOM includes various UI elements such as buttons, text fields, labels, etc., organised in a hierarchical structure.
 
-***
-
 ## Benefits of UI Inspector
 
 - **DOM Representation:** It visually represents the DOM of the mobile application in a tree-like structure. This representation helps testers and developers understand the layout and structure of the app's UI.
@@ -85,8 +80,6 @@ Let's have a detailed look at each of these components:
 - The Screenshot View provides a comprehensive overview of the mobile application's user interface elements, presented in a visual representation typically in the form of a screenshot dump.
 - Users can click on individual elements within the screenshot dump, triggering simultaneous highlighting of the corresponding element in both the Hierarchy View and the Properties Table, facilitating quick navigation and detailed inspection.
 
-
-
 <nav aria-label="breadcrumbs">
   <ul className="breadcrumbs">
     <li className="breadcrumbs__item">

sidebars.js

@@ -1044,7 +1044,8 @@ module.exports = {
         label: "Knowledge Base",
         items: [
           "kane-ai-command-guide",
-          "kane-ai-web-test-writing-guidelines"
+          "kane-ai-web-test-writing-guidelines",
+          "kane-ai-using-variables"
         ],
       },
       {