Render mode

Code

A syntax-highlighted code block, sized for a shared screen — for walking through an implementation together.

present_code

Display surface · code

render-visual-document.tstypescript19 LINES

// Render an AI-authored visual document to a Display surface.

const current = await getCurrentScene(sessionId);

await presentVisualDocument({

  sessionId,

  expectedRevision: current.revision, // 0 when the surface is empty

  document: {

    format: "visualDocument",

    meta: { viewport: { width: 1920, height: 1080 } },

    compositionPlan: {

      thesis: "Income is healthy; discretionary spend absorbs the upside.",

      compositionType: "money_flow_sankey",

      targetViewport: { width: 1920, height: 1080 },

      layers: ["svg"],

},

    semanticMetadata: { thesis: "...", compositionType: "money_flow_sankey", entities: [] },

    html: "<svg viewBox=\"0 0 1920 1080\">...</svg>",

},

});