updated the mobile docs for ai platform

docs/developing-with-agents/aira-agents/marketplace-agent.md

@@ -6,7 +6,6 @@ last_update: { author: 'Vivek Raj' }
 
 # Marketplace Agent
 
-
 The **Marketplace Agent** enables developers to discover and install reusable artifacts from the [WaveMaker Marketplace](https://marketplace.wavemaker.ai/) directly into their application projects. It functions as a controlled integration layer between the centralized artifact repository and project codebase.
 
 Reusing artifacts helps teams build faster, maintain consistency, and rely on well-tested components. The agent automates the discovery-to-installation workflow while enforcing compatibility checks, version validation, and explicit developer approval. Its scope is limited to artifact acquisition only; configuration, binding, and runtime usage are handled separately.
@@ -38,8 +37,8 @@ The Marketplace Agent operates as a **specialized execution agent** within the A
 
 **Responsibility boundaries:**
 
-- **WaveMaker Agent** – Determines _when_ a marketplace artifact is needed based on user intent and project context
-- **Marketplace Agent** – Handles _how_ that artifact is safely acquired and installed
+- **WaveMaker Agent** – Determines *when* a marketplace artifact is needed based on user intent and project context
+- **Marketplace Agent** – Handles *how* that artifact is safely acquired and installed
 - **Other agents** – Configure, bind, and utilize the installed artifact post-installation
 
 The Marketplace Agent never decides usage patterns or application behavior. Upon completing installation, control returns to `wm_agent` for downstream orchestration.
@@ -183,7 +182,7 @@ The agent does not participate after installation completes.
 ## Related Documentation
 
 - [Prefabs (Web)](#) – Creating and using reusable UI components for web
-- [Prefabs (Mobile)](../../user-interfaces/mobile/enterprise-capabilities/prefabs) – Creating and using reusable UI components for mobile
+- [Prefabs (Mobile)](../../user-interfaces/mobile/enterprise-capabilities/prefabs/) – Creating and using reusable UI components for mobile
 - [Connectors Architecture](../../apis-and-services/connectors/architecture) – Understanding connector structure and integration
 - [Building Connectors](../../apis-and-services/connectors/build-a-connector) – Creating custom external service integrations
 - [Design Tokens](../../user-interfaces/web/develop/styling-with-design-tokens/design-token-architecture) – Design system fundamentals and styling consistency

docs/guide/integration/set-up-wavemaker-project-locally.md

@@ -91,6 +91,6 @@ Treat `pull` the way you'd treat `git pull` before starting work: run it at the
 
 ## See Also
 
-- [WMX Components](../../user-interfaces/mobile/enterprise-capabilities/wmx/wmx-components.md) — build custom React Native components that slot into WaveMaker mobile apps
+- [WMX components](/docs/user-interfaces/mobile/enterprise-capabilities/wmx/) — build custom React Native components that slot into WaveMaker mobile apps
 - [WMX Agent](../../developing-with-agents/aira-agents/wmx-agent.md) — generate WMX components with AIRA
 - [Building Project with Maven](../../build-and-deploy/build/web/package/war/build-war-from-projectzip.md) — generate a deployable WAR from a locally-synced project

docs/user-interfaces/mobile/components/mobile-components.mdx

@@ -4,31 +4,32 @@ hide_table_of_contents: true
 hide_title: true
 ---
 
-<div
-style={{
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: "25px",
-    }}
->
-<h1 style={{marginBottom: "0px"}}>Mobile Components</h1>
 <div
   style={{
-    padding: '6px 12px',
-    display: 'inline-block',
-    backgroundColor: '#f0f0f0',
-    color: '#555',
-    fontSize: 14,
-    fontWeight: 600,
-    borderRadius: 12,
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "25px",
   }}
 >
-  65 Components
-</div>
+  <h1 style={{marginBottom: "0px"}}>Mobile Components</h1>
+
+  <div
+    style={{
+  padding: '6px 12px',
+  display: 'inline-block',
+  backgroundColor: '#f0f0f0',
+  color: '#555',
+  fontSize: 14,
+  fontWeight: 600,
+  borderRadius: 12,
+}}
+  >
+    65 Components
+  </div>
 </div>
 
-WaveMaker provides prebuilt React Native-based components with advanced capabilities like props, callback events, data binding, and extensive styling support. These ready-to-use components can be seamlessly integrated into your mobile applications using a simple drag-and-drop interface within WaveMaker Studio.
+WaveMaker open source component library provides React Native components with properties, events, data binding and design token based styling. Developers drag and drop components onto pages in Studio and configure them visually.
 
 :::note Storybook
 For more details on how to use the components, and try them in an interactive way, please refer to the [Storybook](https://reactnative-components.wavemaker.ai/).