@almadar/std 16.173.0 → 16.175.0

package/behaviors/registry/ui/learning/atoms/ui-biology-canvas.orb

@@ -100,7 +100,7 @@
           "config": {
             "animate": {
               "default": false,
-              "description": "animate prop",
+              "description": "2D only: continuous redraw loop. 3D motion is entity-state driven.",
               "label": "Animate",
               "tier": "presentation",
               "type": "boolean"
@@ -111,12 +111,104 @@
               "tier": "presentation",
               "type": "string"
             },
+            "bands": {
+              "default": [],
+              "description": "Full-width horizontal background stripes, drawn first (2D only).",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Bands",
+              "synonyms": "trophic levels, zones, layers",
+              "tier": "presentation",
+              "type": "[BiologyCanvasBandsItem]"
+            },
+            "camera": {
+              "default": {},
+              "description": "3D only: neutral camera pose ({ mode, zoom, fov, azimuth, target }).",
+              "label": "Camera",
+              "tier": "presentation",
+              "type": "json"
+            },
             "className": {
               "description": "className prop",
               "label": "Class Name",
               "tier": "presentation",
               "type": "string"
             },
+            "compartments": {
+              "default": [],
+              "description": "Organelle/membrane/cell-boundary ellipses (2D only).",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "fill": {
+                    "name": "fill",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "lineWidth": {
+                    "name": "lineWidth",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Compartments",
+              "synonyms": "membrane, organelle region, cell boundary",
+              "tier": "presentation",
+              "type": "[BiologyCanvasCompartmentsItem]"
+            },
             "edges": {
               "default": [],
               "description": "edges prop",
@@ -127,6 +219,11 @@
                     "required": false,
                     "type": "string"
                   },
+                  "directed": {
+                    "name": "directed",
+                    "required": false,
+                    "type": "boolean"
+                  },
                   "from": {
                     "name": "from",
                     "required": true,
@@ -184,9 +281,195 @@
               "tier": "presentation",
               "type": "number"
             },
+            "helix": {
+              "description": "A DNA double-helix ladder panel (2D only).",
+              "label": "Helix",
+              "properties": {
+                "colorA": {
+                  "name": "colorA",
+                  "required": false,
+                  "type": "string"
+                },
+                "colorB": {
+                  "name": "colorB",
+                  "required": false,
+                  "type": "string"
+                },
+                "fork": {
+                  "name": "fork",
+                  "required": false,
+                  "type": "number"
+                },
+                "height": {
+                  "name": "height",
+                  "required": false,
+                  "type": "number"
+                },
+                "rungColor": {
+                  "name": "rungColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "rungs": {
+                  "items": {
+                    "properties": {
+                      "a": {
+                        "name": "a",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "b": {
+                        "name": "b",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "color": {
+                        "name": "color",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "state": {
+                        "name": "state",
+                        "required": false,
+                        "type": "string",
+                        "values": [
+                          "paired",
+                          "open",
+                          "new"
+                        ]
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "name": "rungs",
+                  "required": true,
+                  "type": "array"
+                },
+                "width": {
+                  "name": "width",
+                  "required": false,
+                  "type": "number"
+                },
+                "x": {
+                  "name": "x",
+                  "required": false,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": false,
+                  "type": "number"
+                }
+              },
+              "synonyms": "DNA ladder, replication fork, base pairs",
+              "tier": "presentation",
+              "type": "BiologyCanvasHelix"
+            },
+            "helix3d": {
+              "description": "A 3D DNA double-helix ladder. 3D only.",
+              "label": "Helix3d",
+              "properties": {
+                "backboneRadius": {
+                  "name": "backboneRadius",
+                  "required": false,
+                  "type": "number"
+                },
+                "count": {
+                  "name": "count",
+                  "required": false,
+                  "type": "number"
+                },
+                "radius": {
+                  "name": "radius",
+                  "required": false,
+                  "type": "number"
+                },
+                "rise": {
+                  "name": "rise",
+                  "required": false,
+                  "type": "number"
+                },
+                "rungRadius": {
+                  "name": "rungRadius",
+                  "required": false,
+                  "type": "number"
+                },
+                "rungs": {
+                  "items": {
+                    "properties": {
+                      "color": {
+                        "name": "color",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "id": {
+                        "name": "id",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "label": {
+                        "name": "label",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "radius": {
+                        "name": "radius",
+                        "required": false,
+                        "type": "number"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "name": "rungs",
+                  "required": false,
+                  "type": "array"
+                },
+                "strandAColor": {
+                  "name": "strandAColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "strandBColor": {
+                  "name": "strandBColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "twistDeg": {
+                  "name": "twistDeg",
+                  "required": false,
+                  "type": "number"
+                },
+                "unwindSpread": {
+                  "name": "unwindSpread",
+                  "required": false,
+                  "type": "number"
+                },
+                "unwoundCount": {
+                  "name": "unwoundCount",
+                  "required": false,
+                  "type": "number"
+                },
+                "x": {
+                  "name": "x",
+                  "required": false,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": false,
+                  "type": "number"
+                },
+                "z": {
+                  "name": "z",
+                  "required": false,
+                  "type": "number"
+                }
+              },
+              "tier": "presentation",
+              "type": "BiologyCanvasHelix3d"
+            },
             "interactive": {
-              "default": false,
-              "description": "interactive prop",
+              "description": "2D: pointer interaction (click/hover). 3D: orbit camera controls.",
               "label": "Interactive",
               "tier": "presentation",
               "type": "boolean"
@@ -197,6 +480,24 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "lighting": {
+              "default": {},
+              "description": "3D only: scene light rig as data.",
+              "label": "Lighting",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "mode": {
+              "default": "2d",
+              "description": "Painter: 2D raster (default) or 3D mesh scene via the lazy three.js host.",
+              "label": "Mode",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "2d",
+                "3d"
+              ]
+            },
             "nodes": {
               "default": [],
               "description": "nodes prop",
@@ -228,11 +529,42 @@
                     "required": false,
                     "type": "string"
                   },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
                   "radius": {
                     "name": "radius",
                     "required": false,
                     "type": "number"
                   },
+                  "shape": {
+                    "name": "shape",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "box",
+                      "sphere",
+                      "capsule",
+                      "cylinder",
+                      "cone",
+                      "torus",
+                      "plane",
+                      "circle",
+                      "polyhedron"
+                    ]
+                  },
+                  "state": {
+                    "name": "state",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "default",
+                      "highlight",
+                      "muted"
+                    ]
+                  },
                   "x": {
                     "name": "x",
                     "required": true,
@@ -242,6 +574,11 @@
                     "name": "y",
                     "required": true,
                     "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": false,
+                    "type": "number"
                   }
                 },
                 "type": "object"
@@ -257,9 +594,49 @@
               "tier": "presentation",
               "type": "string"
             },
+            "post": {
+              "default": {},
+              "description": "3D only: post-processing stack (bloom/vignette).",
+              "label": "Post",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "readouts": {
+              "default": [],
+              "description": "Top-right status chip row, forwarded to LearningCanvas verbatim.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "value": {
+                    "name": "value",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Readouts",
+              "tier": "presentation",
+              "type": "[BiologyCanvasReadoutsItem]"
+            },
+            "shadows": {
+              "description": "3D only: enable shadows. Omitted → the host default.",
+              "label": "Shadows",
+              "tier": "presentation",
+              "type": "boolean"
+            },
             "shapes": {
               "default": [],
-              "description": "Extra declarative shapes in canvas pixel coordinates.",
+              "description": "Extra declarative shapes in canvas pixel coordinates (2D mode only — ignored in 3D).",
               "items": {
                 "properties": {
                   "align": {
@@ -286,6 +663,20 @@
                     "required": false,
                     "type": "string"
                   },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "endAngle": {
+                    "name": "endAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "fill": {
                     "name": "fill",
                     "required": false,
@@ -361,6 +752,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "startAngle": {
+                    "name": "startAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "step": {
                     "name": "step",
                     "required": false,
@@ -379,6 +775,7 @@
                       "line",
                       "arrow",
                       "circle",
+                      "ellipse",
                       "rect",
                       "polygon",
                       "path",
@@ -429,23 +826,170 @@
               "tier": "presentation",
               "type": "[BiologyCanvasShapesItem]"
             },
+            "showGrid": {
+              "description": "3D only: show the ground grid (default off).",
+              "label": "Show Grid",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "stageStyle": {
+              "default": "timeline",
+              "description": "Layout for `stages`: a bottom timeline strip (default) or a radial ring.",
+              "label": "Stage Style",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "timeline",
+                "ring"
+              ]
+            },
+            "stages": {
+              "default": [],
+              "description": "Phase/step chips (2D only).",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "state": {
+                    "name": "state",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "pending",
+                      "active",
+                      "done"
+                    ]
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Stages",
+              "synonyms": "phases, timeline, cycle",
+              "tier": "presentation",
+              "type": "[BiologyCanvasStagesItem]"
+            },
             "title": {
               "description": "title prop",
               "label": "Title",
               "tier": "presentation",
               "type": "string"
             },
-            "width": {
-              "default": 600.0,
-              "description": "width prop",
-              "label": "Width",
-              "tier": "presentation",
-              "type": "number"
-            }
-          },
-          "emits": [
-            {
-              "description": "onShapeClick prop",
+            "traces": {
+              "default": [],
+              "description": "Inset sparkline panels, forwarded to LearningCanvas verbatim.",
+              "items": {
+                "properties": {
+                  "backgroundColor": {
+                    "name": "backgroundColor",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "backgroundOpacity": {
+                    "name": "backgroundOpacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "frameColor": {
+                    "name": "frameColor",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "series": {
+                    "items": {
+                      "properties": {
+                        "color": {
+                          "name": "color",
+                          "required": false,
+                          "type": "string"
+                        },
+                        "label": {
+                          "name": "label",
+                          "required": false,
+                          "type": "string"
+                        },
+                        "samples": {
+                          "items": {
+                            "properties": {
+                              "x": {
+                                "name": "x",
+                                "required": true,
+                                "type": "number"
+                              },
+                              "y": {
+                                "name": "y",
+                                "required": true,
+                                "type": "number"
+                              }
+                            },
+                            "type": "object"
+                          },
+                          "name": "samples",
+                          "required": true,
+                          "type": "array"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "series",
+                    "required": true,
+                    "type": "array"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "xLabel": {
+                    "name": "xLabel",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "yLabel": {
+                    "name": "yLabel",
+                    "required": false,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Traces",
+              "tier": "presentation",
+              "type": "[BiologyCanvasTracesItem]"
+            },
+            "width": {
+              "default": 600.0,
+              "description": "width prop",
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            }
+          },
+          "emits": [
+            {
+              "description": "onShapeClick prop",
               "event": "@config.onShapeClick",
               "eventId": "evt_01M055GQ7S3MM2NWVW02EYXE3G",
               "payloadSchema": [
@@ -501,15 +1045,387 @@
                 "payloadSchema": [
                   {
                     "name": "nodes",
-                    "type": "[BiologyCanvasNodesItem]"
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "z",
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "kind",
+                        "type": "string"
+                      },
+                      {
+                        "name": "shape",
+                        "type": "string"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      },
+                      {
+                        "name": "state",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "edges",
-                    "type": "[BiologyCanvasEdgesItem]"
+                    "properties": [
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "directed",
+                        "type": "boolean"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "compartments",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fill",
+                        "type": "string"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      },
+                      {
+                        "name": "lineWidth",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "bands",
+                    "properties": [
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "stages",
+                    "properties": [
+                      {
+                        "name": "label",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "state",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "shapes",
-                    "type": "[BiologyCanvasShapesItem]"
+                    "properties": [
+                      {
+                        "name": "type",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "type": "number"
+                      },
+                      {
+                        "name": "x1",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y1",
+                        "type": "number"
+                      },
+                      {
+                        "name": "x2",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y2",
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "type": "number"
+                      },
+                      {
+                        "name": "points",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          }
+                        ],
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "path",
+                        "type": "string"
+                      },
+                      {
+                        "name": "text",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fontSize",
+                        "type": "number"
+                      },
+                      {
+                        "name": "align",
+                        "type": "string"
+                      },
+                      {
+                        "name": "axis",
+                        "type": "string"
+                      },
+                      {
+                        "name": "min",
+                        "type": "number"
+                      },
+                      {
+                        "name": "max",
+                        "type": "number"
+                      },
+                      {
+                        "name": "step",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fill",
+                        "type": "string"
+                      },
+                      {
+                        "name": "lineWidth",
+                        "type": "number"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      },
+                      {
+                        "name": "startAngle",
+                        "type": "number"
+                      },
+                      {
+                        "name": "endAngle",
+                        "type": "number"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "readouts",
+                    "properties": [
+                      {
+                        "name": "label",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "value",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "traces",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "type": "number"
+                      },
+                      {
+                        "name": "series",
+                        "properties": [
+                          {
+                            "name": "samples",
+                            "properties": [
+                              {
+                                "name": "x",
+                                "required": true,
+                                "type": "number"
+                              },
+                              {
+                                "name": "y",
+                                "required": true,
+                                "type": "number"
+                              }
+                            ],
+                            "required": true,
+                            "type": "[object]"
+                          },
+                          {
+                            "name": "color",
+                            "type": "string"
+                          },
+                          {
+                            "name": "label",
+                            "type": "string"
+                          }
+                        ],
+                        "required": true,
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "xLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "yLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "frameColor",
+                        "type": "string"
+                      },
+                      {
+                        "name": "backgroundColor",
+                        "type": "string"
+                      },
+                      {
+                        "name": "backgroundOpacity",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
                   }
                 ],
                 "synonyms": "tick, redraw, animate, frame",
@@ -559,16 +1475,30 @@
                     {
                       "animate": "@config.animate",
                       "backgroundColor": "@config.backgroundColor",
+                      "bands": "@config.bands",
+                      "camera": "@config.camera",
                       "className": "@config.className",
+                      "compartments": "@config.compartments",
                       "edges": "@config.edges",
                       "error": "@config.error",
                       "height": "@config.height",
+                      "helix": "@config.helix",
+                      "helix3d": "@config.helix3d",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "nodes": "@config.nodes",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@config.readouts",
+                      "shadows": "@config.shadows",
                       "shapes": "@config.shapes",
+                      "showGrid": "@config.showGrid",
+                      "stageStyle": "@config.stageStyle",
+                      "stages": "@config.stages",
                       "title": "@config.title",
+                      "traces": "@config.traces",
                       "type": "biology-canvas",
                       "width": "@config.width"
                     }
@@ -587,16 +1517,30 @@
                     {
                       "animate": "@config.animate",
                       "backgroundColor": "@config.backgroundColor",
+                      "bands": "@payload.bands",
+                      "camera": "@config.camera",
                       "className": "@config.className",
+                      "compartments": "@payload.compartments",
                       "edges": "@payload.edges",
                       "error": "@config.error",
                       "height": "@config.height",
+                      "helix": "@config.helix",
+                      "helix3d": "@config.helix3d",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "nodes": "@payload.nodes",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@payload.readouts",
+                      "shadows": "@config.shadows",
                       "shapes": "@payload.shapes",
+                      "showGrid": "@config.showGrid",
+                      "stageStyle": "@config.stageStyle",
+                      "stages": "@payload.stages",
                       "title": "@config.title",
+                      "traces": "@payload.traces",
                       "type": "biology-canvas",
                       "width": "@config.width"
                     }