IRIS — Visualization & UX
The stage on which automated intelligence performs.
Real-time. Agent-controlled. Framework-agnostic. The visual layer that turns data into decisions.
IRIS is monar.ai’s dynamic modular visualization framework. It is the display layer of aOS 25 — the surface through which every dashboard, web system, landing page, and digital experience becomes visible to users and controllable by AI agents in real time.
IRIS is not a static frontend library. It is a living display layer remotely controlled by AI agents, capable of rendering across any framework — React, Vue, Angular, or custom — without requiring a rewrite of the existing codebase.
Every other engine operates behind the scenes. IRIS is the one the world sees. When NEXUS moves data, MIMIX makes decisions, and AXON detects patterns — IRIS translates all of it into something a human can understand and act on.
Disconnected surfaces. No shared control.
Your website was built once. The world changed. It didn’t.
Most web systems are static projects — designed once, launched, and left to drift. The data displayed is hours or days old. The system cannot respond to real-time business intelligence. What users see is a snapshot, not a living reflection of the business.
When AI enters this environment, it has no surface to act through. An agent can detect a threshold crossed but cannot surface it. It can detect an underperforming variant but cannot swap it. It can generate an insight but has no channel to display it.
The missing layer is not a better CMS or a faster framework. It is a visual infrastructure that connects what the business knows to what users see — real-time, across every channel, controlled by platform intelligence rather than manual processes.
IRIS builds that layer.
Core Capabilities
What IRIS does — and how it does it.
IRIS is six interconnected visualization capabilities forming the display layer for the entire platform. Each capability addresses a specific dimension of the challenge businesses face when their digital surfaces operate in isolation from their data and intelligence.
Real-Time Display Without Page Refresh
When the data changes, the display changes. Instantly.
IRIS maintains a WebSocket and SSE infrastructure that pushes data to display surfaces the moment it changes in NEXUS. There are no polling intervals, no stale caches, no five-minute-old dashboards. Every number, chart, and metric is current.
Differential rendering ensures that only the components affected by a data change are re-rendered. The rest of the surface remains untouched, eliminating unnecessary reflows and keeping the interface responsive even under high-frequency update loads.
WebSocket and SSE data channels from NEXUS
Differential rendering — only changed components re-render
Configurable per-panel update intervals
Optimistic UI with server reconciliation
Remote Agent Control
AI agents control what users see — without anyone pressing a button.
IRIS is the only visualization framework designed from the ground up for AI agent control. MIMIX agents issue structured commands to IRIS — panel updates, A/B variant swaps, alert surfaces, content injections — and the visual layer responds in real time.
This means the display layer is not a passive recipient of manual edits. It is an active participant in platform intelligence. When an agent detects an opportunity or a risk, it can surface that information visually without human intervention.
Structured agent command protocol
Panel add, remove, resize, and reorder
Content injection — alerts, insights, action cards
A/B variant activation and contextual overlays
Unified Design System
One design language. Every surface. Every channel.
The IRIS design system is a living token system for color, typography, spacing, and interaction patterns. Changes to a token propagate automatically across every connected surface — web, mobile, social, email, and embedded displays.
Consistency is enforced by infrastructure, not by manual policing. When a brand update happens, it cascades through every surface without a single developer touching a template.
Shared component library with design tokens
Parallel channel rendering — web, mobile, social, email
Automated design propagation across all surfaces
WCAG 2.1 AA compliance built into every component
Unified Meta CMS
The CMS that AI agents can publish through.
IRIS includes a centralized CMS for all web content, landing pages, and digital assets. It is not just a content store — it is a publishing platform that MIMIX agents can write through. Agents can draft, review, queue, and trigger downstream publishing workflows.
Zero-downtime provisioning means new tenants, new landing pages, and new content surfaces can be stood up instantly without affecting existing systems.
Multi-tenant CMS architecture
Zero-downtime tenant provisioning
E-commerce backend with automated onboarding
AI-assisted content generation via MIMIX
System Integrations
Every surface is pre-wired to the infrastructure.
Every IRIS surface auto-connects to the platform’s ad tracking, analytics, lead capture, email, and AI chat systems. There is no manual wiring. When a landing page goes live, it is already a participant in the full platform — tracked, measured, and connected.
This eliminates the integration gap that typically exists between launching a surface and connecting it to the business systems that make it useful.
Ad management auto-tagging
AXON analytics without manual instrumentation
Lead capture to CRM and notification workflows
MIMIX-powered AI Chat embeddable in any surface
Performance Characteristics
Sub-100ms. Accessible. Framework-agnostic.
IRIS targets sub-100ms initial load times via edge delivery and pre-rendered critical paths. Data-heavy panels are lazy loaded with progressive hydration, ensuring that the initial render is fast regardless of the complexity of the full surface.
IRIS is framework-agnostic. It wraps and extends React, Vue, Angular, or custom implementations. No rewrite required — the existing frontend stays, IRIS orchestrates around it.
Sub-100ms initial load via edge delivery
Lazy loading with progressive hydration
WCAG 2.1 AA across entire design system
Framework-agnostic rendering — React, Vue, Angular, custom
Engine Interdependency
The visual layer connected to every engine.
NEXUS
Infrastructure & Data
Provides real-time data feeds, content payloads, design token configurations, and live state updates for every connected display surface.
MIMIX
Agentic Workflows
Issues remote display instructions — panel manipulation, A/B variant activation, content injection, and alert surfacing — all in real time.
AXON
Analytics & Intelligence
Receives processed analytics for dashboards, experiment assignments, and alerting thresholds from IRIS user interaction events.
NEXUS
Infrastructure & Data
Real-time data feeds, content payloads, design tokens, live state updates.
MIMIX
Agentic Workflows
Remote display instructions, panel manipulation, A/B variant activation, content injection.
AXON
Analytics & Intelligence
Processed analytics for dashboards, experiment assignments, alerting thresholds.
In Operation
What changes when the visual layer is alive.
When IRIS is running, dashboards update themselves. Landing pages respond to intelligence. Design changes propagate across every channel. AI agents have a stage to perform on — the visual infrastructure that makes automated intelligence visible to the people who need it.
Data Changes in NEXUS
IRIS Receives Update
Display Re-renders
User Sees Current State
AXON Captures Interaction
Zero-refresh updates
Dashboards update the moment data changes — no manual refresh, no stale numbers.
Agent-controlled surfaces
MIMIX agents manipulate what users see in real time — alerts, variants, content.
One design, every channel
Brand updates propagate automatically across web, mobile, social, email.
Sub-100ms performance
Edge delivery and pre-rendered critical paths keep every surface fast.
Framework-agnostic
Works with React, Vue, Angular, or custom. No rewrite required.
AI-powered publishing
MIMIX agents draft, review, and publish through the IRIS CMS.
Design System & Performance
A visual language that enforces itself.
The IRIS design system is a living token system — shared definitions for color, typography, spacing, and interaction patterns that are enforced programmatically across every surface. When a token changes, every surface updates automatically. Inconsistency becomes impossible.
This is not a style guide that developers can ignore. It is infrastructure-level enforcement of visual consistency, accessibility, and performance standards across every channel the business operates in.
| Standard | Implementation |
|---|---|
| Component Library | Shared, versioned components with tokens for color, typography, spacing, and interactions. WCAG 2.1 AA compliant across the entire library. |
| Parallel Channel Rendering | One design definition renders correctly across web, mobile, social, email, and embedded displays. No per-channel templates required. |
| Automated Propagation | Brand updates cascade across every connected surface automatically. No manual coordination, no missed pages, no drift. |
| Sub-100ms Load Target | Edge delivery and pre-rendered critical paths. Lazy loading for data-heavy panels. Progressive hydration for interactive components. |
| Framework Agnostic | IRIS wraps and extends React, Vue, Angular, or custom implementations. No rewrite required — the existing frontend stays. |
| WCAG 2.1 AA Compliance | Accessibility built into the component layer — semantic markup, keyboard navigation, screen reader support, and contrast ratios enforced by tokens. |
Component Library
Shared, versioned components with tokens for color, typography, spacing, and interactions. WCAG 2.1 AA compliant across the entire library.
Parallel Channel Rendering
One design definition renders correctly across web, mobile, social, email, and embedded displays. No per-channel templates required.
Automated Propagation
Brand updates cascade across every connected surface automatically. No manual coordination, no missed pages, no drift.
Sub-100ms Load Target
Edge delivery and pre-rendered critical paths. Lazy loading for data-heavy panels. Progressive hydration for interactive components.
Framework Agnostic
IRIS wraps and extends React, Vue, Angular, or custom implementations. No rewrite required — the existing frontend stays.
WCAG 2.1 AA Compliance
Accessibility built into the component layer — semantic markup, keyboard navigation, screen reader support, and contrast ratios enforced by tokens.
Sub-100ms · WCAG 2.1 AA · Framework-agnostic · Real-time · Agent-controlled
The visual layer is already built.
Configuration, not construction. Your existing framework stays. IRIS wraps and extends it.
IRIS deploys as part of every aOS 25 implementation — the visualization layer that makes dashboards live, web systems responsive, and AI agents visible.