Universal Platform Guide & Visual Proof | UnifyApps Agentic Bridge

Strategic Foundation

Universal Vision: Operating Across Any Project & Environment

From manual low-code clicking to an autonomous agentic operating model.

🌍

1. Environment Agnostic

The bridge parameters dynamically decouple from specific hosts. A single controller connects to Dev (unifyapps-dev.modhs.med.sa), Staging, Production, or private on-premise clusters simply by changing UNIFY_BASE_URL.

Zero re-coding per environment

📦

2. Any Project / Any App

All applications share the same underlying AST schema. Whether it is media-center-app, MODHS Facility Profile, Overtime_App, or a blank sandbox, the agent discovers pages and blocks dynamically via unify_get_page_blocks({ appId }).

No hardcoded app or block IDs

🛡️

3. Mathematical Isolation

Unlike dangerous global CSS injection that breaks navigation bars and modals, the agent operates strictly inside [data-block-id='...'] selectors. Every style mutation is strictly sandboxed to its intended target node.

Zero collateral UI regression

The 4-Layer Universal Execution Stack

JSON-RPC 2.0 & REST

Layer 1: Agent Client

Antigravity / Manus / Claude / Cursor initiates user intent in natural language.

Layer 2: MCP Bridge

unifyapps_bridge.js validates schema, resolves AST paths, and formats scoped CSS.

Layer 3: UnifyApps Gateway

API Platform Client verifies tokens, applies RBAC, and invokes Internal AST mutations.

Layer 4: Target Runtime

Target app canvas renders verified scoped styles & registers reusable template modules.

Live Evidence Portfolio

7 Fresh Live Platform Screenshots

Captured directly from our active UnifyApps session (unifyapps-dev.modhs.med.sa) without reusing user-uploaded media.

100% Live Verified

SCREENSHOT 1

Multi-Project Ecosystem Overview

Route: /p/0/interfaces/custom | Shows all portfolio apps managed by the Agentic Controller

media-center-app Overtime_App agent-sandbox-test

Universal Scope: The Agent can list all installed applications across workspaces with zero manual discovery.

App Metadata: Extracts application slugs, version hashes, and permissions for automated deployment.

Target Selection: Users specify appId: "media-center-app" or "agent-sandbox-test" seamlessly.

SCREENSHOT 2

API Gateway Client Credentials & Access Profile

Route: /p/0/api-platform/clients | Client ID: 6aeaedcf41af9153531ebb1f (Antigravity-Agent-Bridge)

Status: Active Token: Bearer

M2M Security: Dedicated Machine-to-Machine client created specifically for AI Agent execution.

Access Profile: Scoped strictly to AST builder read/write and Custom CSS injection endpoints.

Audit Trail: Every agent API request is logged with timestamp, client ID, and mutation diff.

SCREENSHOT 3

Builder Canvas: Live Scoped Styling in Action

App: agent-sandbox-test | Block: [data-block-id='root_id'] with Saudi MOD Green Stroke

Rendered: 2px solid #125939 radius: 16px

Real UnifyApps Builder Canvas with Scoped CSS

Visual Confirmation: The canvas renders the Saudi MOD green perimeter stroke directly on the root component.

Right-Panel Properties: Direct view of Theme, HTML Attributes table, and the Monaco Custom CSS drawer.

Non-Destructive: Header, navigation buttons, and sub-blocks remain completely unpolluted.

SCREENSHOT 4

Active MCP Server Tools

Server: Antigravity-Unify-MCP (e_6aeaeef394cbd46d9f75d981)

Exposes discovered tools directly to AI reasoning agents (Antigravity, Manus, Claude Desktop) for autonomous workflow invocation.

SCREENSHOT 5

Deployed A2A Agent Server

Server: Antigravity-Unify-A2A (e_6aeaf23394cbd46d9f75d9d8)

Status: Active & Deployed. Enables multi-agent peer-to-peer delegation between autonomous agents with zero human intermediary.

SCREENSHOT 6

API Gateway Endpoints Collection

Collection ID: 6aeaf23341af9153531ebb24

Live catalog of HTTP REST routes exposed by the API Platform for block queries, style updates, and component packaging.

SCREENSHOT 7

Custom Connectors Marketplace Hub

Route: /connectors/custom

Allows registering proprietary internal enterprise connectors (e.g. Saudi MOD EHR, Ministry databases, LDAP) alongside standard SaaS connectors.

Setup Handbook

Configuring the 3 Primitives in Any Environment

Exact UI steps and parameters to deploy in Dev, Staging, or Production.

01

Create API Client

Navigate to API Platform → Clients. Click + New Client.

Name: Antigravity-Agent-Bridge
Auth Type: OAuth2 Client Credentials
Copy Client ID and Client Secret

ID: 6aeaedcf41af9153531ebb1f

02

Configure MCP Server

Navigate to Agentic AI → MCP Servers. Click + Create MCP Server.

Name: Antigravity-Unify-MCP
Transport: JSON-RPC / SSE
Attach API Group tools for AST & CSS

ID: e_6aeaeef394cbd46d9f75d981

03

Deploy A2A Server

Navigate to Agentic AI → A2A Servers. Click + Create A2A Server.

Name: Antigravity-Unify-A2A
Target API: 6aeaf23341af9153531ebb24
Click Deploy to set status to Active

ID: e_6aeaf23394cbd46d9f75d9d8

External Client Connectors

Connecting External AI Agents

Configuring Manus (Linux cloud runner) and Antigravity IDE (local loopback).

MANUS (REMOTE CLOUD MCP) ✓ Recommended for Manus

Connect directly via the hosted HTTPS/SSE endpoint on mhaf.cloud without any local file path or container cloning dependencies:

{ "mcpServers": { "unifyapps": { "url": "https://unifyapps-agentic-controller.mhaf.cloud/mcp" } } }

Or SSE protocol mode: https://unifyapps-agentic-controller.mhaf.cloud/mcp/sse

Zero Container Dependency: Eliminates "Cannot find module" and file path errors inside ephemeral cloud sandbox environments.

ANTIGRAVITY IDE ✓ Native Direct Loopback

Configure Antigravity MCP settings to execute the bridge directly in your workspace:

{ "mcpServers": { "unifyapps": { "command": "node", "args": ["./unifyapps_bridge.js", "--mcp"], "env": { "UNIFY_BASE_URL": "https://unifyapps-dev.modhs.med.sa", "UNIFY_CLIENT_ID": "6aeaedcf41af9153531ebb1f" } } } }

Direct Control: Enables Antigravity to run AST queries, inspect block hierarchies, and inject scoped styles in real time.

Universal Architecture & Live Platform Visual Proof