Generative Render Engine Demo
Relevant source files
The following files were used as context for generating this wiki page:
The Generative Render Engine Demo showcases the production engine's capability to synthesize raw source material into structured artifacts. It operates as a live demonstration within the Dynamic Inner World Showcase, providing a browser-based interface to the GestaltView v3 runtime. The demo utilizes a signed proxy to facilitate communication between the client and the serverless API while maintaining ephemeral data handling.
Sources: showcase/render-engine.html:56-61, showcase/README.md:1-10, showcase.html:120-125
System Architecture and Prompt Construction
The demo mirrors the production engine's "Gen-Engine contract" by assembling prompts from system and user blocks. Production environments utilize separate system and user messages; however, this demo concatenates them to accommodate the single-text field requirements of the signed proxy.
Input Parameters
The engine accepts several parameters to guide the synthesis:
- Artifact Type: Defines the structural output (e.g., Markdown, Code, Mermaid).
- Synthesis Style: Dictates the tone and perspective (e.g., Technical, Founder Voice).
- PLK Handling: Controls the inclusion of Presence-Luminosity-Kinetic resonance vocabulary.
- Source Material: The raw notes or transcripts for synthesis.
Sources: showcase/render-engine.html:70-120, showcase/render-engine.html:245-267
Synthesis Data Flow
The synthesis process moves from user input through a security layer to the AI runtime.
The diagram shows the path from raw input to the final styled output in the browser.
Sources: showcase/render-engine.html:268-306, showcase/README.md:38-45
Style and Format Directives
The demo quotes directives verbatim from the production engine source (server/gen-engine-templates.ts). These directives instruct the AI on structure and voice.
Synthesis Style Directives
| Style | Directive Description |
|---|---|
| Faithful | Reproduce source accurately, preserving original voice and structure. |
| Technical | Use precise technical language and evidence-based reasoning. |
| Founder Voice | Bold, direct, and future-oriented visionary conviction. |
| PLK Resonant | Infuse vocabulary related to presence, luminosity, and kinetic energy. |
Sources: showcase/render-engine.html:132-141
Output Format Directives
| Format Type | Instruction |
|---|---|
| Markdown | Generate headers, lists, and code blocks. |
| PDF-ready HTML | Generate clean HTML with inline styles for printing. |
| Mermaid | Generate valid Mermaid diagram syntax. |
| Blueprint (JSON) | Generate structured JSON with clearly defined fields. |
Sources: showcase/render-engine.html:142-158
Rendering and Export Pipeline
The render engine performs local processing of the synthesis response to generate visual artifacts.
Render Themes
The demo applies CSS themes to the output container using the artifact theme-<name> class structure.
- Obsidian: Tron-teal accents on a black background.
- Parchment: Light paper style optimized for printing.
- Terminal: Phosphor-monochrome aesthetic using Geist Mono.
Sources: showcase/render-engine.html:15-35, showcase/render-engine.html:200-210
Specialized Type Handling
The engine implements specific logic for non-markdown types:
- PDF-ready HTML: Renders content inside a sandboxed
iframewithout scripts or forms, mirroring the production Studio'sHtmlRenderer. - Diagram-Family Types: Types such as
mermaid,diagram, andgraphdisplay the raw syntax in a labeled "staged" block, acknowledging that native renderers are server-side in production.
Sources: showcase/render-engine.html:60-65, showcase/render-engine.html:232-243, showcase/render-engine.html:314-360
Sequence of Generation
This sequence highlights the asynchronous call to the runtime and the subsequent local rendering steps.
Sources: showcase/render-engine.html:268-312, showcase/README.md:38-45
Security and Provenance
The demo implements several controls to ensure system integrity and honest representation of the production system.
- Signed Proxy: Uses
INSIGHT_BOT_SIGNING_SECRETto sign payloads, preventing unauthorized access to the runtime. - Provenance Envelope: Generates a demo-computed hash (
hash53) for the artifact, including artifact type, style, and timestamp. Production versions use server-side SHA-256 and model provenance. - Circuit Breaker: Enforces a 4-second cooldown between renders to prevent tripping the runtime's orchestrator circuit breaker.
- Rate Limiting: Restricted to 10 renders per minute per IP address.
Sources: showcase/render-engine.html:180-195, showcase/render-engine.html:308-312, showcase/README.md:17-25
Conclusion
The Generative Render Engine Demo provides a functional interface for artifact synthesis while adhering to the technical constraints of the GestaltView v3 runtime. By separating synthesis (runtime) from rendering (local browser), the demo illustrates the project's architecture of "infrastructure for being seen."