konpeki 0.3.0 → 0.4.0

package/slides/introducing-konpeki/composition.json

@@ -1,3270 +0,0 @@
-{
-  "authoringMode": "default",
-  "schema": "konpeki-composition/v1",
-  "slides": [
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Konpeki",
-          "id": "brand",
-          "intent": "Konpeki",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 177,
-            "width": 820,
-            "x": 112,
-            "y": 140
-          },
-          "slotIds": [
-            "brand-content"
-          ],
-          "textStyle": {
-            "color": "accent",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 112,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Create clear visuals\nwith your coding agent.",
-          "id": "promise",
-          "intent": "Create clear visuals with your coding agent.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 177,
-            "width": 960,
-            "x": 112,
-            "y": 328
-          },
-          "slotIds": [
-            "promise-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 56,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Bring a brief. Get an editable result.\nKeep revising the same document.",
-          "id": "summary",
-          "intent": "Bring a brief. Get an editable result. Keep revising the same document.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 121,
-            "width": 870,
-            "x": 112,
-            "y": 548
-          },
-          "slotIds": [
-            "summary-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 36,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "colorScheme": "monochrome",
-            "density": "sparse",
-            "emphasis": "none",
-            "selection": "explicit",
-            "type": "process"
-          },
-          "customVisual": {
-            "description": "A single editable composition contains a headline, diagram and supporting text; people and agents revise it.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 395,
-                  "rx": 4,
-                  "stroke": "theme:divider",
-                  "stroke-width": 2,
-                  "width": 670,
-                  "x": 8,
-                  "y": 25
-                },
-                "id": "canvas-frame",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 36,
-                  "font-weight": 500,
-                  "x": 45,
-                  "y": 93
-                },
-                "id": "canvas-title",
-                "kind": "text",
-                "text": "From brief to visual"
-              },
-              {
-                "attributes": {
-                  "d": "M45 120H640",
-                  "fill": "none",
-                  "stroke": "theme:divider",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 2
-                },
-                "id": "headline-rule",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 90,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 160,
-                  "x": 50,
-                  "y": 183
-                },
-                "id": "source-node",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 90,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 320,
-                  "x": 310,
-                  "y": 183
-                },
-                "id": "result-node",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 98,
-                  "y": 239
-                },
-                "id": "source-label",
-                "kind": "text",
-                "text": "Brief"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 374,
-                  "y": 239
-                },
-                "id": "result-label",
-                "kind": "text",
-                "text": "Editable visual"
-              },
-              {
-                "attributes": {
-                  "d": "M228 228H292M278 216L292 228L278 240",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "connection",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "d": "M50 323H395M50 351H525",
-                  "fill": "none",
-                  "stroke": "theme:divider",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 8
-                },
-                "id": "body-lines",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 32,
-                  "font-weight": 500,
-                  "x": 178,
-                  "y": 484
-                },
-                "id": "document-label",
-                "kind": "text",
-                "text": "composition.json"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 116,
-                  "y": 548
-                },
-                "id": "participants",
-                "kind": "text",
-                "text": "Human edits + agent revisions"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 590,
-              "width": 700,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "shared-canvas",
-          "intent": "A single editable composition contains a headline, diagram and supporting text; people and agents revise it.",
-          "kind": "diagram",
-          "preferredRect": {
-            "height": 590,
-            "width": 700,
-            "x": 1090,
-            "y": 185
-          },
-          "slotIds": [
-            "shared-canvas-content"
-          ]
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Covers, social graphics, charts, diagrams and presentations.",
-          "id": "intro-note",
-          "intent": "Covers, social graphics, charts, diagrams and presentations.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 68,
-            "width": 1696,
-            "x": 112,
-            "y": 870
-          },
-          "slotIds": [
-            "intro-note-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 34,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "brand-content",
-          "instruction": "Konpeki",
-          "label": "brand",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "promise-content",
-          "instruction": "Create clear visuals with your coding agent.",
-          "label": "promise",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "summary-content",
-          "instruction": "Bring a brief. Get an editable result. Keep revising the same document.",
-          "label": "summary",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "shared-canvas-content",
-          "instruction": "A single editable composition contains a headline, diagram and supporting text; people and agents revise it.",
-          "label": "shared-canvas",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "intro-note-content",
-          "instruction": "Covers, social graphics, charts, diagrams and presentations.",
-          "label": "intro-note",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "introduction",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Meet Konpeki",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "brand",
-        "promise",
-        "summary",
-        "shared-canvas",
-        "intro-note"
-      ],
-      "question": "What is Konpeki?",
-      "readingOrder": [
-        {
-          "id": "brand",
-          "kind": "component"
-        },
-        {
-          "id": "promise",
-          "kind": "component"
-        },
-        {
-          "id": "summary",
-          "kind": "component"
-        },
-        {
-          "id": "shared-canvas",
-          "kind": "component"
-        },
-        {
-          "id": "intro-note",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    },
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Start with a brief. Keep editing the result.",
-          "id": "workflow-title",
-          "intent": "Start with a brief. Keep editing the result.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 107,
-            "width": 1696,
-            "x": 112,
-            "y": 88
-          },
-          "slotIds": [
-            "workflow-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 62,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "In the agent-opened editor, you and your agent edit the same file.",
-          "id": "workflow-subtitle",
-          "intent": "In the agent-opened editor, you and your agent edit the same file.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 65,
-            "width": 1696,
-            "x": 112,
-            "y": 184
-          },
-          "slotIds": [
-            "workflow-subtitle-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "colorScheme": "monochrome",
-            "density": "sparse",
-            "emphasis": "none",
-            "selection": "explicit",
-            "type": "process"
-          },
-          "customVisual": {
-            "description": "Share a brief and materials. The agent creates a visual and opens its file-backed preview. Edit that canvas, then ask for revisions in the same conversation. The agent updates the same file; the loop returns to editing, not a new brief.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 48
-                },
-                "id": "number-0",
-                "kind": "text",
-                "text": "01"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 42,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 122
-                },
-                "id": "step-0",
-                "kind": "text",
-                "text": "Brief"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 190
-                },
-                "id": "detail-a-0",
-                "kind": "text",
-                "text": "Share your materials."
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 234
-                },
-                "id": "detail-b-0",
-                "kind": "text",
-                "text": "Describe the result."
-              },
-              {
-                "attributes": {
-                  "d": "M338 109H398M384 97L398 109L384 121",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "handoff-0",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 438,
-                  "y": 48
-                },
-                "id": "number-1",
-                "kind": "text",
-                "text": "02"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 42,
-                  "font-weight": 500,
-                  "x": 438,
-                  "y": 122
-                },
-                "id": "step-1",
-                "kind": "text",
-                "text": "Generate"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 438,
-                  "y": 190
-                },
-                "id": "detail-a-1",
-                "kind": "text",
-                "text": "Agent creates a visual."
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 438,
-                  "y": 234
-                },
-                "id": "detail-b-1",
-                "kind": "text",
-                "text": "Opens its file preview."
-              },
-              {
-                "attributes": {
-                  "d": "M776 109H836M822 97L836 109L822 121",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "handoff-1",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 876,
-                  "y": 48
-                },
-                "id": "number-2",
-                "kind": "text",
-                "text": "03"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 42,
-                  "font-weight": 500,
-                  "x": 876,
-                  "y": 122
-                },
-                "id": "step-2",
-                "kind": "text",
-                "text": "Edit"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 876,
-                  "y": 190
-                },
-                "id": "detail-a-2",
-                "kind": "text",
-                "text": "Edit the open canvas."
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 876,
-                  "y": 234
-                },
-                "id": "detail-b-2",
-                "kind": "text",
-                "text": "Review the details."
-              },
-              {
-                "attributes": {
-                  "d": "M1214 109H1274M1260 97L1274 109L1260 121",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "handoff-2",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 1314,
-                  "y": 48
-                },
-                "id": "number-3",
-                "kind": "text",
-                "text": "04"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 42,
-                  "font-weight": 500,
-                  "x": 1314,
-                  "y": 122
-                },
-                "id": "step-3",
-                "kind": "text",
-                "text": "Revise"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 1314,
-                  "y": 190
-                },
-                "id": "detail-a-3",
-                "kind": "text",
-                "text": "Ask in the same chat."
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 29,
-                  "font-weight": 400,
-                  "x": 1314,
-                  "y": 234
-                },
-                "id": "detail-b-3",
-                "kind": "text",
-                "text": "Agent updates that file."
-              },
-              {
-                "attributes": {
-                  "d": "M1510 285V365H991V285M979 299L991 285L1003 299",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "revision-loop",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 32,
-                  "font-weight": 400,
-                  "x": 490,
-                  "y": 431
-                },
-                "id": "loop-label",
-                "kind": "text",
-                "text": "Both edit the same composition.json"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 470,
-              "width": 1696,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "roundtrip",
-          "intent": "Share a brief and materials. The agent creates a visual and opens its file-backed preview. Edit that canvas, then ask for revisions in the same conversation. The agent updates the same file; the loop returns to editing, not a new brief.",
-          "kind": "diagram",
-          "preferredRect": {
-            "height": 470,
-            "width": 1696,
-            "x": 112,
-            "y": 342
-          },
-          "slotIds": [
-            "roundtrip-content"
-          ]
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Prefer to sketch first? Add a component, describe its intent, then choose Build it.",
-          "id": "workflow-note",
-          "intent": "Prefer to sketch first? Add a component, describe its intent, then choose Build it.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 68,
-            "width": 1696,
-            "x": 112,
-            "y": 870
-          },
-          "slotIds": [
-            "workflow-note-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 34,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "workflow-title-content",
-          "instruction": "Start with a brief. Keep editing the result.",
-          "label": "workflow-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "workflow-subtitle-content",
-          "instruction": "In the agent-opened editor, you and your agent edit the same file.",
-          "label": "workflow-subtitle",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "roundtrip-content",
-          "instruction": "Share a brief and materials. The agent creates a visual and opens its file-backed preview. Edit that canvas, then ask for revisions in the same conversation. The agent updates the same file; the loop returns to editing, not a new brief.",
-          "label": "roundtrip",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "workflow-note-content",
-          "instruction": "Prefer to sketch first? Add a component, describe its intent, then choose Build it.",
-          "label": "workflow-note",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "workflow",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Create and revise together",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "workflow-title",
-        "workflow-subtitle",
-        "roundtrip",
-        "workflow-note"
-      ],
-      "question": "How do a person and an agent work together?",
-      "readingOrder": [
-        {
-          "id": "workflow-title",
-          "kind": "component"
-        },
-        {
-          "id": "workflow-subtitle",
-          "kind": "component"
-        },
-        {
-          "id": "roundtrip",
-          "kind": "component"
-        },
-        {
-          "id": "workflow-note",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    },
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Five components. One composition.",
-          "id": "components-title",
-          "intent": "Five components. One composition.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 107,
-            "width": 1696,
-            "x": 112,
-            "y": 88
-          },
-          "slotIds": [
-            "components-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 62,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Each component keeps its meaning, outer geometry and editable interior.",
-          "id": "components-subtitle",
-          "intent": "Each component keeps its meaning, outer geometry and editable interior.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 65,
-            "width": 1696,
-            "x": 112,
-            "y": 184
-          },
-          "slotIds": [
-            "components-subtitle-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Text",
-          "customVisual": {
-            "description": "Text block: headlines, body text, captions and footnotes.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 40
-                },
-                "id": "label",
-                "kind": "text",
-                "text": "Text block"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:heading-font",
-                  "font-size": 96,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 166
-                },
-                "id": "sample",
-                "kind": "text",
-                "text": "Aa"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 277
-                },
-                "id": "detail-1",
-                "kind": "text",
-                "text": "Headlines, body"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 317
-                },
-                "id": "detail-2",
-                "kind": "text",
-                "text": "and captions"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 360,
-              "width": 296,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "text-specimen",
-          "intent": "Text block: headlines, body text, captions and footnotes.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 360,
-            "width": 296,
-            "x": 112,
-            "y": 360
-          },
-          "slotIds": [
-            "text-specimen-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 36,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "colorScheme": "monochrome",
-            "density": "sparse",
-            "emphasis": "none",
-            "selection": "explicit",
-            "type": "process"
-          },
-          "customVisual": {
-            "description": "Diagram: entities and their relationships.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 40
-                },
-                "id": "label",
-                "kind": "text",
-                "text": "Diagram"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 78,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 94,
-                  "x": 4,
-                  "y": 112
-                },
-                "id": "node-1",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 78,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 94,
-                  "x": 195,
-                  "y": 112
-                },
-                "id": "node-2",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "d": "M112 151H181M167 139L181 151L167 163",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "edge",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 277
-                },
-                "id": "detail-1",
-                "kind": "text",
-                "text": "Entities and"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 317
-                },
-                "id": "detail-2",
-                "kind": "text",
-                "text": "relationships"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 360,
-              "width": 296,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "diagram-specimen",
-          "intent": "Diagram: entities and their relationships.",
-          "kind": "diagram",
-          "preferredRect": {
-            "height": 360,
-            "width": 296,
-            "x": 462,
-            "y": 360
-          },
-          "slotIds": [
-            "diagram-specimen-content"
-          ]
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "colorScheme": "accent-with-muted-context",
-            "density": "sparse",
-            "emphasis": "primary",
-            "legend": "top",
-            "orientation": "vertical",
-            "selection": "explicit",
-            "template": "grouped-bar"
-          },
-          "customVisual": {
-            "description": "Chart specimen with illustrative values A 2 and B 3; not product measurements.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 40
-                },
-                "id": "label",
-                "kind": "text",
-                "text": "Chart"
-              },
-              {
-                "attributes": {
-                  "d": "M5 84V209H285",
-                  "fill": "none",
-                  "stroke": "theme:divider",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 2
-                },
-                "id": "axis",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "height": 80,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 66,
-                  "x": 54,
-                  "y": 129
-                },
-                "id": "bar-a",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "height": 120,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 66,
-                  "x": 188,
-                  "y": 89
-                },
-                "id": "bar-b",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 24,
-                  "font-weight": 400,
-                  "x": 77,
-                  "y": 117
-                },
-                "id": "value-a",
-                "kind": "text",
-                "text": "2"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 24,
-                  "font-weight": 400,
-                  "x": 209,
-                  "y": 77
-                },
-                "id": "value-b",
-                "kind": "text",
-                "text": "3"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 22,
-                  "font-weight": 400,
-                  "x": 77,
-                  "y": 240
-                },
-                "id": "axis-a",
-                "kind": "text",
-                "text": "A"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 22,
-                  "font-weight": 400,
-                  "x": 209,
-                  "y": 240
-                },
-                "id": "axis-b",
-                "kind": "text",
-                "text": "B"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 297
-                },
-                "id": "detail-1",
-                "kind": "text",
-                "text": "Quantitative"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 337
-                },
-                "id": "detail-2",
-                "kind": "text",
-                "text": "comparisons"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 388
-                },
-                "id": "caveat",
-                "kind": "text",
-                "text": "Illustrative values"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 400,
-              "width": 296,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "chart-specimen",
-          "intent": "Chart specimen with illustrative values A 2 and B 3; not product measurements.",
-          "kind": "chart",
-          "preferredRect": {
-            "height": 400,
-            "width": 296,
-            "x": 812,
-            "y": 360
-          },
-          "slotIds": [
-            "chart-specimen-content"
-          ]
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "fit": "cover"
-          },
-          "customVisual": {
-            "description": "Image: a visual asset or illustration, represented here by original vector artwork.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 40
-                },
-                "id": "label",
-                "kind": "text",
-                "text": "Image"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 135,
-                  "rx": 4,
-                  "stroke": "theme:divider",
-                  "stroke-width": 2,
-                  "width": 278,
-                  "x": 4,
-                  "y": 91
-                },
-                "id": "frame",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "cx": 227,
-                  "cy": 126,
-                  "fill": "theme:accent",
-                  "r": 17
-                },
-                "id": "sun",
-                "kind": "circle"
-              },
-              {
-                "attributes": {
-                  "d": "M24 205L88 135L151 194L193 159L264 205",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 4
-                },
-                "id": "landscape",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 277
-                },
-                "id": "detail-1",
-                "kind": "text",
-                "text": "Visual assets"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 317
-                },
-                "id": "detail-2",
-                "kind": "text",
-                "text": "and illustrations"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 360,
-              "width": 296,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "image-specimen",
-          "intent": "Image: a visual asset or illustration, represented here by original vector artwork.",
-          "kind": "image",
-          "preferredRect": {
-            "height": 360,
-            "width": 296,
-            "x": 1162,
-            "y": 360
-          },
-          "slotIds": [
-            "image-specimen-content"
-          ]
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "density": "sparse",
-            "grid": "none",
-            "header": "row"
-          },
-          "customVisual": {
-            "description": "Table: structured comparisons with clear row and column associations.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 40
-                },
-                "id": "label",
-                "kind": "text",
-                "text": "Table"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 0,
-                  "y": 120
-                },
-                "id": "col-a",
-                "kind": "text",
-                "text": "Stage"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 26,
-                  "font-weight": 500,
-                  "x": 157,
-                  "y": 120
-                },
-                "id": "col-b",
-                "kind": "text",
-                "text": "Owner"
-              },
-              {
-                "attributes": {
-                  "d": "M0 136H285M0 190H285M0 244H285",
-                  "fill": "none",
-                  "stroke": "theme:divider",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 2
-                },
-                "id": "rules",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 25,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 174
-                },
-                "id": "row-a",
-                "kind": "text",
-                "text": "Create"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 25,
-                  "font-weight": 400,
-                  "x": 157,
-                  "y": 174
-                },
-                "id": "row-a-owner",
-                "kind": "text",
-                "text": "Agent"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 25,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 228
-                },
-                "id": "row-b",
-                "kind": "text",
-                "text": "Review"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 25,
-                  "font-weight": 400,
-                  "x": 157,
-                  "y": 228
-                },
-                "id": "row-b-owner",
-                "kind": "text",
-                "text": "You"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 28,
-                  "font-weight": 400,
-                  "x": 0,
-                  "y": 317
-                },
-                "id": "detail",
-                "kind": "text",
-                "text": "Structured detail"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 360,
-              "width": 296,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "table-specimen",
-          "intent": "Table: structured comparisons with clear row and column associations.",
-          "kind": "table",
-          "preferredRect": {
-            "height": 360,
-            "width": 296,
-            "x": 1512,
-            "y": 360
-          },
-          "slotIds": [
-            "table-specimen-content"
-          ]
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Diagram, Chart and Table previews are structural drafts.\nGive the agent real data and sources for finished artwork.",
-          "id": "component-note",
-          "intent": "Diagram, Chart and Table previews are structural drafts. Give the agent real data and sources for finished artwork.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 110,
-            "width": 1696,
-            "x": 112,
-            "y": 848
-          },
-          "slotIds": [
-            "component-note-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "components-title-content",
-          "instruction": "Five components. One composition.",
-          "label": "components-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "components-subtitle-content",
-          "instruction": "Each component keeps its meaning, outer geometry and editable interior.",
-          "label": "components-subtitle",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "text-specimen-content",
-          "instruction": "Text block: headlines, body text, captions and footnotes.",
-          "label": "text-specimen",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "diagram-specimen-content",
-          "instruction": "Diagram: entities and their relationships.",
-          "label": "diagram-specimen",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "chart-specimen-content",
-          "instruction": "Chart specimen with illustrative values A 2 and B 3; not product measurements.",
-          "label": "chart-specimen",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "image-specimen-content",
-          "instruction": "Image: a visual asset or illustration, represented here by original vector artwork.",
-          "label": "image-specimen",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "table-specimen-content",
-          "instruction": "Table: structured comparisons with clear row and column associations.",
-          "label": "table-specimen",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "component-note-content",
-          "instruction": "Diagram, Chart and Table previews are structural drafts. Give the agent real data and sources for finished artwork.",
-          "label": "component-note",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "components",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Five semantic components",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "components-title",
-        "components-subtitle",
-        "text-specimen",
-        "diagram-specimen",
-        "chart-specimen",
-        "image-specimen",
-        "table-specimen",
-        "component-note"
-      ],
-      "question": "What can a page contain?",
-      "readingOrder": [
-        {
-          "id": "components-title",
-          "kind": "component"
-        },
-        {
-          "id": "components-subtitle",
-          "kind": "component"
-        },
-        {
-          "id": "text-specimen",
-          "kind": "component"
-        },
-        {
-          "id": "diagram-specimen",
-          "kind": "component"
-        },
-        {
-          "id": "chart-specimen",
-          "kind": "component"
-        },
-        {
-          "id": "image-specimen",
-          "kind": "component"
-        },
-        {
-          "id": "table-specimen",
-          "kind": "component"
-        },
-        {
-          "id": "component-note",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    },
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Keep editing—or ask your agent",
-          "id": "editing-title",
-          "intent": "Keep editing—or ask your agent",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 107,
-            "width": 1696,
-            "x": 112,
-            "y": 88
-          },
-          "slotIds": [
-            "editing-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 62,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Change text, shapes and layout directly. Undo and redo stay available.",
-          "id": "editing-subtitle",
-          "intent": "Change text, shapes and layout directly. Undo and redo stay available.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 65,
-            "width": 1696,
-            "x": 112,
-            "y": 184
-          },
-          "slotIds": [
-            "editing-subtitle-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "border": "none",
-            "colorScheme": "monochrome",
-            "density": "sparse",
-            "emphasis": "none",
-            "selection": "explicit",
-            "type": "process"
-          },
-          "customVisual": {
-            "description": "Explanatory illustration: a selected Review node inside its owning Diagram component. The shape keeps stable ID review-node.",
-            "elements": [
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 390,
-                  "rx": 4,
-                  "stroke": "theme:divider",
-                  "stroke-width": 2,
-                  "width": 965,
-                  "x": 5,
-                  "y": 5
-                },
-                "id": "owner",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:muted",
-                  "font-family": "theme:body-font",
-                  "font-size": 27,
-                  "font-weight": 400,
-                  "x": 35,
-                  "y": 53
-                },
-                "id": "owner-label",
-                "kind": "text",
-                "text": "Diagram · review-flow"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 120,
-                  "rx": 4,
-                  "stroke": "theme:divider",
-                  "stroke-width": 2,
-                  "width": 220,
-                  "x": 55,
-                  "y": 158
-                },
-                "id": "draft",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 120,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 220,
-                  "x": 385,
-                  "y": 158
-                },
-                "id": "review-node",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 120,
-                  "rx": 4,
-                  "stroke": "theme:divider",
-                  "stroke-width": 2,
-                  "width": 220,
-                  "x": 715,
-                  "y": 158
-                },
-                "id": "present",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 400,
-                  "x": 113,
-                  "y": 232
-                },
-                "id": "draft-label",
-                "kind": "text",
-                "text": "Draft"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 500,
-                  "x": 433,
-                  "y": 232
-                },
-                "id": "review-label",
-                "kind": "text",
-                "text": "Review"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:ink",
-                  "font-family": "theme:body-font",
-                  "font-size": 38,
-                  "font-weight": 400,
-                  "x": 753,
-                  "y": 232
-                },
-                "id": "present-label",
-                "kind": "text",
-                "text": "Present"
-              },
-              {
-                "attributes": {
-                  "d": "M293 218H367M353 206L367 218L353 230",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "draft-review",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "d": "M623 218H697M683 206L697 218L683 230",
-                  "fill": "none",
-                  "stroke": "theme:accent",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": 3
-                },
-                "id": "review-present",
-                "kind": "path"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 10,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 10,
-                  "x": 380,
-                  "y": 153
-                },
-                "id": "handle-0",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 10,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 10,
-                  "x": 600,
-                  "y": 153
-                },
-                "id": "handle-1",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 10,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 10,
-                  "x": 380,
-                  "y": 273
-                },
-                "id": "handle-2",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:background",
-                  "height": 10,
-                  "rx": 4,
-                  "stroke": "theme:accent",
-                  "stroke-width": 2,
-                  "width": 10,
-                  "x": 600,
-                  "y": 273
-                },
-                "id": "handle-3",
-                "kind": "rect"
-              },
-              {
-                "attributes": {
-                  "fill": "theme:accent",
-                  "font-family": "theme:body-font",
-                  "font-size": 32,
-                  "font-weight": 400,
-                  "x": 36,
-                  "y": 450
-                },
-                "id": "stable-id",
-                "kind": "text",
-                "text": "Selected element: review-node"
-              }
-            ],
-            "fit": "contain",
-            "format": "vector",
-            "viewBox": {
-              "height": 475,
-              "width": 980,
-              "x": 0,
-              "y": 0
-            }
-          },
-          "id": "editable-diagram",
-          "intent": "Explanatory illustration: a selected Review node inside its owning Diagram component. The shape keeps stable ID review-node.",
-          "kind": "diagram",
-          "preferredRect": {
-            "height": 475,
-            "width": 980,
-            "x": 112,
-            "y": 340
-          },
-          "slotIds": [
-            "editable-diagram-content"
-          ]
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Ask for a targeted revision",
-          "id": "editing-actions-title",
-          "intent": "Ask for a targeted revision",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 69,
-            "width": 580,
-            "x": 1210,
-            "y": 343
-          },
-          "slotIds": [
-            "editing-actions-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 35,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Select a component or element.\nAdd a Revision note in Notes.\nChoose Build it to submit.\nAgent revises the same file.",
-          "id": "editing-actions",
-          "intent": "Select a component or element. Add a Revision note in Notes. Choose Build it to submit. Agent revises the same file.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 194,
-            "width": 580,
-            "x": 1210,
-            "y": 440
-          },
-          "slotIds": [
-            "editing-actions-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 31,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Notes and Build it are available in the agent-opened editor, not the browser playground.\nBuild it cannot wake an idle agent. Use Copy prompt to resume it.",
-          "id": "editing-note",
-          "intent": "Notes and Build it are available in the agent-opened editor, not the browser playground. Build it cannot wake an idle agent. Use Copy prompt to resume it.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 110,
-            "width": 1696,
-            "x": 112,
-            "y": 852
-          },
-          "slotIds": [
-            "editing-note-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "editing-title-content",
-          "instruction": "Keep editing—or ask your agent",
-          "label": "editing-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "editing-subtitle-content",
-          "instruction": "Change text, shapes and layout directly. Undo and redo stay available.",
-          "label": "editing-subtitle",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "editable-diagram-content",
-          "instruction": "Explanatory illustration: a selected Review node inside its owning Diagram component. The shape keeps stable ID review-node.",
-          "label": "editable-diagram",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "editing-actions-title-content",
-          "instruction": "Ask for a targeted revision",
-          "label": "editing-actions-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "editing-actions-content",
-          "instruction": "Select a component or element. Add a Revision note in Notes. Choose Build it to submit. Agent revises the same file.",
-          "label": "editing-actions",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "editing-note-content",
-          "instruction": "Notes and Build it are available in the agent-opened editor, not the browser playground. Build it cannot wake an idle agent. Use Copy prompt to resume it.",
-          "label": "editing-note",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "editing",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Keep the detail editable",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "editing-title",
-        "editing-subtitle",
-        "editable-diagram",
-        "editing-actions-title",
-        "editing-actions",
-        "editing-note"
-      ],
-      "question": "What remains editable after an agent finishes?",
-      "readingOrder": [
-        {
-          "id": "editing-title",
-          "kind": "component"
-        },
-        {
-          "id": "editing-subtitle",
-          "kind": "component"
-        },
-        {
-          "id": "editable-diagram",
-          "kind": "component"
-        },
-        {
-          "id": "editing-actions-title",
-          "kind": "component"
-        },
-        {
-          "id": "editing-actions",
-          "kind": "component"
-        },
-        {
-          "id": "editing-note",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    },
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Try the browser. Continue with your agent.",
-          "id": "today-title",
-          "intent": "Try the browser. Continue with your agent.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 107,
-            "width": 1696,
-            "x": 112,
-            "y": 88
-          },
-          "slotIds": [
-            "today-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 62,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "The same editable format, with different saving and generation paths.",
-          "id": "today-subtitle",
-          "intent": "The same editable format, with different saving and generation paths.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 65,
-            "width": 1696,
-            "x": 112,
-            "y": 184
-          },
-          "slotIds": [
-            "today-subtitle-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Browser playground",
-          "id": "available-heading",
-          "intent": "Browser playground",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 79,
-            "width": 790,
-            "x": 112,
-            "y": 350
-          },
-          "slotIds": [
-            "available-heading-content"
-          ],
-          "textStyle": {
-            "color": "accent",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 42,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Edit an example or start blank.\nImport editable composition JSON.",
-          "id": "available-1",
-          "intent": "Edit an example or start blank. Import editable composition JSON.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 113,
-            "width": 790,
-            "x": 112,
-            "y": 451
-          },
-          "slotIds": [
-            "available-1-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 33,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Saved only in this browser.\nNo connected agent or cloud sync.",
-          "id": "available-2",
-          "intent": "Saved only in this browser. No connected agent or cloud sync.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 113,
-            "width": 790,
-            "x": 112,
-            "y": 605
-          },
-          "slotIds": [
-            "available-2-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 33,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Download JSON to keep your work.\nExport PNG or use Present.",
-          "id": "available-3",
-          "intent": "Download JSON to keep your work. Export PNG or use Present.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 110,
-            "width": 790,
-            "x": 112,
-            "y": 790
-          },
-          "slotIds": [
-            "available-3-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "With your coding agent",
-          "id": "limits-heading",
-          "intent": "With your coding agent",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 79,
-            "width": 788,
-            "x": 1020,
-            "y": 350
-          },
-          "slotIds": [
-            "limits-heading-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 42,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "The agent creates and revises visuals.\nIts preview saves to a local JSON file.",
-          "id": "limits-1",
-          "intent": "The agent creates and revises visuals. Its preview saves to a local JSON file.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 113,
-            "width": 788,
-            "x": 1020,
-            "y": 451
-          },
-          "slotIds": [
-            "limits-1-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 33,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Bring downloaded JSON to your agent.\nContinue in its file-backed editor.",
-          "id": "limits-2",
-          "intent": "Bring downloaded JSON to your agent. Continue in its file-backed editor.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 113,
-            "width": 788,
-            "x": 1020,
-            "y": 605
-          },
-          "slotIds": [
-            "limits-2-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 33,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Playground and file copies do not sync.\nReview generated facts and visuals.",
-          "id": "limits-3",
-          "intent": "Playground and file copies do not sync. Review generated facts and visuals.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 110,
-            "width": 788,
-            "x": 1020,
-            "y": 790
-          },
-          "slotIds": [
-            "limits-3-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "today-title-content",
-          "instruction": "Try the browser. Continue with your agent.",
-          "label": "today-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "today-subtitle-content",
-          "instruction": "The same editable format, with different saving and generation paths.",
-          "label": "today-subtitle",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "available-heading-content",
-          "instruction": "Browser playground",
-          "label": "available-heading",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "available-1-content",
-          "instruction": "Edit an example or start blank. Import editable composition JSON.",
-          "label": "available-1",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "available-2-content",
-          "instruction": "Saved only in this browser. No connected agent or cloud sync.",
-          "label": "available-2",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "available-3-content",
-          "instruction": "Download JSON to keep your work. Export PNG or use Present.",
-          "label": "available-3",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "limits-heading-content",
-          "instruction": "With your coding agent",
-          "label": "limits-heading",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "limits-1-content",
-          "instruction": "The agent creates and revises visuals. Its preview saves to a local JSON file.",
-          "label": "limits-1",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "limits-2-content",
-          "instruction": "Bring downloaded JSON to your agent. Continue in its file-backed editor.",
-          "label": "limits-2",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "limits-3-content",
-          "instruction": "Playground and file copies do not sync. Review generated facts and visuals.",
-          "label": "limits-3",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "today",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Browser or agent editor",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "today-title",
-        "today-subtitle",
-        "available-heading",
-        "available-1",
-        "available-2",
-        "available-3",
-        "limits-heading",
-        "limits-1",
-        "limits-2",
-        "limits-3"
-      ],
-      "question": "What can I do here, and what needs a coding agent?",
-      "readingOrder": [
-        {
-          "id": "today-title",
-          "kind": "component"
-        },
-        {
-          "id": "today-subtitle",
-          "kind": "component"
-        },
-        {
-          "id": "available-heading",
-          "kind": "component"
-        },
-        {
-          "id": "available-1",
-          "kind": "component"
-        },
-        {
-          "id": "available-2",
-          "kind": "component"
-        },
-        {
-          "id": "available-3",
-          "kind": "component"
-        },
-        {
-          "id": "limits-heading",
-          "kind": "component"
-        },
-        {
-          "id": "limits-1",
-          "kind": "component"
-        },
-        {
-          "id": "limits-2",
-          "kind": "component"
-        },
-        {
-          "id": "limits-3",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    },
-    {
-      "audience": "People and coding-agent users discovering Konpeki",
-      "canvas": {
-        "height": 1080,
-        "width": 1920
-      },
-      "components": [
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "title",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Install the skill. Bring a real brief.",
-          "id": "start-title",
-          "intent": "Install the skill. Bring a real brief.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 107,
-            "width": 1696,
-            "x": 112,
-            "y": 88
-          },
-          "slotIds": [
-            "start-title-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "heading",
-            "lineHeight": 1.4,
-            "size": 62,
-            "weight": 600
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Ask for a cover, social graphic, chart, diagram or presentation.",
-          "id": "start-subtitle",
-          "intent": "Ask for a cover, social graphic, chart, diagram or presentation.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 65,
-            "width": 1696,
-            "x": 112,
-            "y": 184
-          },
-          "slotIds": [
-            "start-subtitle-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Install the Konpeki skill",
-          "id": "setup-heading",
-          "intent": "Install the Konpeki skill",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 76,
-            "width": 710,
-            "x": 112,
-            "y": 350
-          },
-          "slotIds": [
-            "setup-heading-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 40,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "github.com/vcfgdev/konpeki",
-          "id": "repository",
-          "intent": "github.com/vcfgdev/konpeki",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 74,
-            "width": 850,
-            "x": 112,
-            "y": 435
-          },
-          "slotIds": [
-            "repository-content"
-          ],
-          "textStyle": {
-            "color": "accent",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 38,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Use your agent’s skill installer.\nChoose skills/konpeki in the repo.",
-          "id": "commands",
-          "intent": "Use your agent’s skill installer. Choose skills/konpeki in the repo.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 116,
-            "width": 840,
-            "x": 112,
-            "y": 543
-          },
-          "slotIds": [
-            "commands-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 34,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Node.js 24+ · npm\nAn agent with file + command access\nA browser for the editable preview",
-          "id": "requirements",
-          "intent": "Node.js 24+ · npm An agent with file + command access A browser for the editable preview",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 155,
-            "width": 780,
-            "x": 112,
-            "y": 696
-          },
-          "slotIds": [
-            "requirements-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Then give it one sentence",
-          "id": "brief-heading",
-          "intent": "Then give it one sentence",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 76,
-            "width": 788,
-            "x": 1020,
-            "y": 350
-          },
-          "slotIds": [
-            "brief-heading-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 40,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "“Use Konpeki to turn these launch\nnotes into a product announcement.”",
-          "id": "brief",
-          "intent": "“Use Konpeki to turn these launch notes into a product announcement.”",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 118,
-            "width": 788,
-            "x": 1020,
-            "y": 450
-          },
-          "slotIds": [
-            "brief-content"
-          ],
-          "textStyle": {
-            "color": "ink",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 35,
-            "weight": 400
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Need an empty canvas? Ask for init.\nA creation brief selects generate.",
-          "id": "next-step",
-          "intent": "Need an empty canvas? Ask for init. A creation brief selects generate.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 110,
-            "width": 788,
-            "x": 1020,
-            "y": 696
-          },
-          "slotIds": [
-            "next-step-content"
-          ],
-          "textStyle": {
-            "color": "accent",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 32,
-            "weight": 500
-          }
-        },
-        {
-          "appearance": {
-            "alignment": "start",
-            "border": "none",
-            "layout": "single",
-            "logicalOrder": "none",
-            "orientation": "horizontal",
-            "purpose": "narrative",
-            "role": "body",
-            "rule": "none",
-            "titleStyle": "plain",
-            "treatment": "plain"
-          },
-          "content": "Attach your materials; the agent opens and checks the editable result. No separate init needed.",
-          "id": "closing",
-          "intent": "Attach your materials; the agent opens and checks the editable result. No separate init needed.",
-          "kind": "text-block",
-          "preferredRect": {
-            "height": 62,
-            "width": 1696,
-            "x": 112,
-            "y": 906
-          },
-          "slotIds": [
-            "closing-content"
-          ],
-          "textStyle": {
-            "color": "muted",
-            "font": "body",
-            "lineHeight": 1.4,
-            "size": 30,
-            "weight": 400
-          }
-        }
-      ],
-      "contentSlots": [
-        {
-          "id": "start-title-content",
-          "instruction": "Install the skill. Bring a real brief.",
-          "label": "start-title",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "start-subtitle-content",
-          "instruction": "Ask for a cover, social graphic, chart, diagram or presentation.",
-          "label": "start-subtitle",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "setup-heading-content",
-          "instruction": "Install the Konpeki skill",
-          "label": "setup-heading",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "repository-content",
-          "instruction": "github.com/vcfgdev/konpeki",
-          "label": "repository",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "commands-content",
-          "instruction": "Use your agent’s skill installer. Choose skills/konpeki in the repo.",
-          "label": "commands",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "requirements-content",
-          "instruction": "Node.js 24+ · npm An agent with file + command access A browser for the editable preview",
-          "label": "requirements",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "brief-heading-content",
-          "instruction": "Then give it one sentence",
-          "label": "brief-heading",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "brief-content",
-          "instruction": "“Use Konpeki to turn these launch notes into a product announcement.”",
-          "label": "brief",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "next-step-content",
-          "instruction": "Need an empty canvas? Ask for init. A creation brief selects generate.",
-          "label": "next-step",
-          "required": true,
-          "role": "body"
-        },
-        {
-          "id": "closing-content",
-          "instruction": "Attach your materials; the agent opens and checks the editable result. No separate init needed.",
-          "label": "closing",
-          "required": true,
-          "role": "body"
-        }
-      ],
-      "groups": [],
-      "id": "start",
-      "innerPadding": {
-        "bottom": 0,
-        "left": 112,
-        "right": 112,
-        "top": 72
-      },
-      "intendedViewingSize": "presentation",
-      "name": "Try a real brief",
-      "pageNumber": {
-        "color": "muted",
-        "style": "01/02"
-      },
-      "paintOrder": [
-        "start-title",
-        "start-subtitle",
-        "setup-heading",
-        "repository",
-        "commands",
-        "requirements",
-        "brief-heading",
-        "brief",
-        "next-step",
-        "closing"
-      ],
-      "question": "How do I start?",
-      "readingOrder": [
-        {
-          "id": "start-title",
-          "kind": "component"
-        },
-        {
-          "id": "start-subtitle",
-          "kind": "component"
-        },
-        {
-          "id": "setup-heading",
-          "kind": "component"
-        },
-        {
-          "id": "repository",
-          "kind": "component"
-        },
-        {
-          "id": "commands",
-          "kind": "component"
-        },
-        {
-          "id": "requirements",
-          "kind": "component"
-        },
-        {
-          "id": "brief-heading",
-          "kind": "component"
-        },
-        {
-          "id": "brief",
-          "kind": "component"
-        },
-        {
-          "id": "next-step",
-          "kind": "component"
-        },
-        {
-          "id": "closing",
-          "kind": "component"
-        }
-      ],
-      "relationships": []
-    }
-  ],
-  "theme": {
-    "id": "precision",
-    "mode": "paper"
-  },
-  "title": "Introducing Konpeki"
-}