ai_plus
AI+ adds the AI tool to Edit Mode for the + Suite page builder.
▶ Watch an introduction to +Suite
AI Plus adds an AI chatbot tool to Plus Suite's Edit Mode toolbar, letting content editors talk to an AI assistant that can read and modify the page they're currently editing. The AI understands which entity the user is viewing and which specific blocks and fields they've selected, enabling contextual interactions like "change this heading" or "add an image section below this."
Features
- AI tool in Edit Mode — Toolbar button (hotkey A) that opens an AI chatbot panel alongside the page editor.
- Element selection — Click AI indicators on blocks and fields to select them as context. Selections appear as numbered badges on the page and chips in the chat panel.
- Contextual awareness — Automatically injects current page entity metadata and selected element descriptions into the AI agent's system prompt, so the model knows exactly what it's working with.
- Auto-refresh after AI changes — Two modes: polling (periodic change-check endpoint) and instant (triggered directly from chat responses). Both reload the editable page after the AI modifies entities.
- Component highlighting — After refresh, highlights the specific Layout Builder components that were changed by the AI.
- Open-link injection — When the AI creates a new entity, a clickable link is prepended to the chat response so the user can navigate to it.
How it works
AI Plus is a thin integration layer. It doesn't implement its own chat API or LLM handling — it wires together Navigation Plus (Edit Mode toolbar), AI Chatbot (chat UI), AI Agents (agent framework), and optionally Entity Blueprint (JSON entity serialization for AI).
When the user opens the AI chatbot, the module resolves the current route to an entity and appends contextual information to the AI system prompt. If the user has selected specific elements on the page, those are resolved into rich descriptions (using Entity Blueprint when available) and included as numbered context items.
After the AI makes changes, the module detects the modifications and automatically refreshes the page, highlighting exactly which components were affected.
Recommended
- Entity Blueprint — provides rich element descriptions and component introspection for selected elements, and AI tool persistence hooks for change detection and refresh
- Plus Suite — An AI powered page builder built on Layout Builder.