Interactive builder

Design for the Interactive builder, a reusable Duo Chat and live preview UI framework for iterating on LLM output.

Read more about SDD in Spec-Driven Development.

Maturity: Mature

Summary

The Interactive builder is a generic, reusable UI framework for iterating on LLM output. The left side is a Duo Chat conversation, the center pane shows a live preview of the artifact being produced. SDD (Agent plan generation) is the first use case, but the framework is feature-agnostic.

Epic: Interactive builder

PoC video

Relationship to AI Panel

The Interactive builder lives inside the existing AI Panel architecture as a new sub-application. It follows the same component agnosticism, props passthrough, and event-driven communication patterns described there.

Live preview

As the agent updates the Agent plan through tool calls, the preview pane reactively reflects the change. The propagation mechanism (Apollo cache write on tool completion vs subscription) is TBD.

Generality

The framework exposes a plugin contract so other features can register their own artifact type and preview component. The specifics of this contract are TBD.

Scope

The Interactive builder is a refinement on top of the base Agent plan + Duo Chat experience. For v1 the widget and chat are sufficient; the builder is a follow-up iteration.

This workstream is on ice until we validate that the Agent plan itself adds value through the base Duo Chat flow. Investing in a richer builder UI before confirming the core artifact is useful would be premature.

Last modified April 22, 2026: Add spec driven development doc (77530995)