isA Web Application Platform (`isagent.io/app`)

The isA Web Application Platform (isagent.io/app) is the unified front-end interface for enterprise teams and developers to interact with autonomous AI agents. Built on a reactive Next.js client-side runtime with WebSockets and Server-Sent Events (SSE), the application layer provides real-time streaming, interactive code and UI artifacts, multi-agent coordination, and visual workflow automation.


┌────────────────────────────────────────────────────────────────────────┐
│                        isA Application Workspace                       │
│                         (https://isagent.io/app)                       │
├──────────────────────────┬─────────────────────────────────────────────┤
│   Left Navigation        │   Main Workspace                            │
│  ┌────────────────────┐  │  ┌────────────────────┬───────────────────┐ │
│  │ 💬 Active Sessions  │  │  │ Chat Stream        │ Artifacts Canvas  │ │
│  │ 📦 Agent Catalog   │  │  │ • User Prompt      │ • Live Code / Web │ │
│  │ ⚡ Workflows (/app) │  │  │ • Thinking Stream  │ • SVG / Mermaid   │ │
│  │ ⚙️ Org / Settings   │  │  │ • Tool Cards (MCP) │ • Diff / Sandpack │ │
│  └────────────────────┘  │  └────────────────────┴───────────────────┘ │
└──────────────────────────┴─────────────────────────────────────────────┘

Core Capabilities

1. Interactive Chat & Thinking Stream

Sub-Second Streaming: Token-level SSE streaming powered by @xenoisa/core with zero UI freezing.
Collapsible Reasoning (Thinking Stream): View internal model chain-of-thought, tool invocation planning, and parameter formulation in real-time.
Human-in-the-Loop (HITL) Cards: Interactive inline cards that prompt users for confirmation, input, or authorization before executing critical operations.

2. Side-by-Side Artifacts Engine

When an agent produces code, interactive HTML/React components, vector graphics, or structured tables, the workspace automatically opens the Artifacts Canvas on the right side:

Code & Diff Viewer: Syntax highlighting for 40+ languages with unified and side-by-side git diff views.
In-Browser Sandbox (Sandpack): Live execution of React, Node, and Python snippets with zero local installation.
Mermaid & Diagramming: Auto-rendered system architecture diagrams, flowcharts, and sequence workflows.

3. Agent Catalog & Multi-Agent Swarms

One-Click Agent Discovery: Browse verified enterprise agents across Engineering, Product, Marketing, and Operations.
Multi-Agent Handoffs: Multiple specialized agents can collaborate within a single session. For example, a Senior Architect Agent can design an API schema, then hand off execution to a Python Developer Agent.

4. Seamless Session Routing

Every conversation is backed by clean URL routing: https://isagent.io/app/c/<sessionId>.
Session switching is handled via shallow routing without page reloads, preserving active draft inputs and cached artifacts.

Architectural Layout

Module	Route / Target	Key Responsibilities
Workspace Chat	`/app` & `/app/c/[sessionId]`	Primary multi-turn conversation, thinking traces, tool cards, file attachments.
Artifacts Canvas	Integrated Split View	Real-time rendering of code, sandboxes, SVG graphics, and Markdown documents.
Agent Catalog	`/app/library` & Studio Store	Discover, subscribe, configure prompt presets, and manage organization agents.
Visual Workflows	`/app/workflows`	Drag-and-drop DAG workflow canvas for orchestrating multi-step agent triggers.
Account & Org	`/account` & `/settings`	API keys, team member RBAC permissions, audit history, and compute quotas.

isA Web Application Platform (isagent.io/app)