@almadar/std 16.173.0 → 16.175.0

package/behaviors/registry/ui/learning/atoms/ui-chemistry-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"
@@ -152,6 +152,11 @@
               "description": "atoms prop",
               "items": {
                 "properties": {
+                  "charge": {
+                    "name": "charge",
+                    "required": false,
+                    "type": "string"
+                  },
                   "color": {
                     "name": "color",
                     "required": false,
@@ -167,6 +172,11 @@
                     "required": false,
                     "type": "string"
                   },
+                  "lonePairs": {
+                    "name": "lonePairs",
+                    "required": false,
+                    "type": "number"
+                  },
                   "radius": {
                     "name": "radius",
                     "required": false,
@@ -181,6 +191,11 @@
                     "name": "y",
                     "required": true,
                     "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": false,
+                    "type": "number"
                   }
                 },
                 "type": "object"
@@ -195,6 +210,17 @@
               "tier": "presentation",
               "type": "string"
             },
+            "bondStyle": {
+              "default": "thick",
+              "description": "Bond line rendering: 'thick' varies stroke width by order (default), 'parallel' draws offset parallel strokes. 2D only.",
+              "label": "Bond Style",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "thick",
+                "parallel"
+              ]
+            },
             "bonds": {
               "default": [],
               "description": "bonds prop",
@@ -210,6 +236,17 @@
                     "required": true,
                     "type": "string"
                   },
+                  "state": {
+                    "name": "state",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "default",
+                      "forming",
+                      "breaking",
+                      "highlight"
+                    ]
+                  },
                   "to": {
                     "name": "to",
                     "required": true,
@@ -232,12 +269,121 @@
               "tier": "presentation",
               "type": "[ChemistryCanvasBondsItem]"
             },
+            "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"
             },
+            "containers": {
+              "default": [],
+              "description": "Beaker/flask/container outlines (2D only).",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "divider": {
+                    "name": "divider",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "none",
+                      "solid",
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "dividerColor": {
+                    "name": "dividerColor",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "fill": {
+                    "name": "fill",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "leftLabel": {
+                    "name": "leftLabel",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "level": {
+                    "name": "level",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "levelColor": {
+                    "name": "levelColor",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "lineWidth": {
+                    "name": "lineWidth",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "rightLabel": {
+                    "name": "rightLabel",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Containers",
+              "synonyms": "beaker, flask, box, membrane, burette",
+              "tier": "presentation",
+              "type": "[ChemistryCanvasContainersItem]"
+            },
+            "equation": {
+              "description": "Reaction equation text centered at the top of the canvas. 2D only.",
+              "label": "Equation",
+              "synonyms": "reaction equation, formula",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "equationColor": {
+              "description": "Equation text color (default '#111827').",
+              "label": "Equation Color",
+              "tier": "presentation",
+              "type": "string"
+            },
             "error": {
               "description": "error prop",
               "label": "Error",
@@ -274,8 +420,7 @@
               "type": "number"
             },
             "interactive": {
-              "default": false,
-              "description": "interactive prop",
+              "description": "2D: pointer interaction (click/hover). 3D: orbit camera controls.",
               "label": "Interactive",
               "tier": "presentation",
               "type": "boolean"
@@ -286,6 +431,182 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "lattice3d": {
+              "description": "A 3D crystal lattice block (simple cubic, BCC, FCC, rock salt, diamond, ...). 3D only.",
+              "label": "Lattice3d",
+              "properties": {
+                "basis": {
+                  "items": {
+                    "properties": {
+                      "color": {
+                        "name": "color",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "dx": {
+                        "name": "dx",
+                        "required": true,
+                        "type": "number"
+                      },
+                      "dy": {
+                        "name": "dy",
+                        "required": true,
+                        "type": "number"
+                      },
+                      "dz": {
+                        "name": "dz",
+                        "required": true,
+                        "type": "number"
+                      },
+                      "element": {
+                        "name": "element",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "key": {
+                        "name": "key",
+                        "required": true,
+                        "type": "string"
+                      },
+                      "radius": {
+                        "name": "radius",
+                        "required": false,
+                        "type": "number"
+                      },
+                      "xEdge": {
+                        "name": "xEdge",
+                        "required": false,
+                        "type": "boolean"
+                      },
+                      "yEdge": {
+                        "name": "yEdge",
+                        "required": false,
+                        "type": "boolean"
+                      },
+                      "zEdge": {
+                        "name": "zEdge",
+                        "required": false,
+                        "type": "boolean"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "name": "basis",
+                  "required": true,
+                  "type": "array"
+                },
+                "bondRadius": {
+                  "name": "bondRadius",
+                  "required": false,
+                  "type": "number"
+                },
+                "bonds": {
+                  "items": {
+                    "properties": {
+                      "color": {
+                        "name": "color",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "dx": {
+                        "name": "dx",
+                        "required": false,
+                        "type": "number"
+                      },
+                      "dy": {
+                        "name": "dy",
+                        "required": false,
+                        "type": "number"
+                      },
+                      "dz": {
+                        "name": "dz",
+                        "required": false,
+                        "type": "number"
+                      },
+                      "from": {
+                        "name": "from",
+                        "required": true,
+                        "type": "string"
+                      },
+                      "to": {
+                        "name": "to",
+                        "required": true,
+                        "type": "string"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "name": "bonds",
+                  "required": false,
+                  "type": "array"
+                },
+                "dimColor": {
+                  "name": "dimColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "highlightCell": {
+                  "name": "highlightCell",
+                  "required": false,
+                  "type": "boolean"
+                },
+                "latticeConstant": {
+                  "name": "latticeConstant",
+                  "required": false,
+                  "type": "number"
+                },
+                "nx": {
+                  "name": "nx",
+                  "required": false,
+                  "type": "number"
+                },
+                "ny": {
+                  "name": "ny",
+                  "required": false,
+                  "type": "number"
+                },
+                "nz": {
+                  "name": "nz",
+                  "required": false,
+                  "type": "number"
+                },
+                "selectedColor": {
+                  "name": "selectedColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "selectedId": {
+                  "name": "selectedId",
+                  "required": false,
+                  "type": "string"
+                },
+                "showLabels": {
+                  "name": "showLabels",
+                  "required": false,
+                  "type": "boolean"
+                }
+              },
+              "tier": "presentation",
+              "type": "ChemistryCanvasLattice3d"
+            },
+            "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"
+              ]
+            },
             "onShapeClick": {
               "default": "SHAPE_CLICK",
               "description": "onShapeClick prop",
@@ -293,9 +614,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": "[ChemistryCanvasReadoutsItem]"
+            },
+            "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": {
@@ -322,6 +683,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,
@@ -397,6 +772,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "startAngle": {
+                    "name": "startAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "step": {
                     "name": "step",
                     "required": false,
@@ -415,6 +795,7 @@
                       "line",
                       "arrow",
                       "circle",
+                      "ellipse",
                       "rect",
                       "polygon",
                       "path",
@@ -465,35 +846,138 @@
               "tier": "presentation",
               "type": "[ChemistryCanvasShapesItem]"
             },
+            "showGrid": {
+              "description": "3D only: show the ground grid (default off).",
+              "label": "Show Grid",
+              "tier": "presentation",
+              "type": "boolean"
+            },
             "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",
-              "event": "@config.onShapeClick",
-              "eventId": "evt_01M055GQ8C5H9A0AR44RJC0331",
-              "payloadSchema": [
-                {
-                  "name": "payload",
-                  "properties": [
-                    {
-                      "name": "id",
-                      "type": "string"
+            "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": "type",
+                    "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": "[ChemistryCanvasTracesItem]"
+            },
+            "width": {
+              "default": 600.0,
+              "description": "width prop",
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            }
+          },
+          "emits": [
+            {
+              "description": "onShapeClick prop",
+              "event": "@config.onShapeClick",
+              "eventId": "evt_01M055GQ8C5H9A0AR44RJC0331",
+              "payloadSchema": [
+                {
+                  "name": "payload",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "type": "string"
+                    },
+                    {
+                      "name": "type",
                       "type": "string"
                     },
                     {
@@ -537,19 +1021,398 @@
                 "payloadSchema": [
                   {
                     "name": "atoms",
-                    "type": "[ChemistryCanvasAtomsItem]"
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "z",
+                        "type": "number"
+                      },
+                      {
+                        "name": "element",
+                        "type": "string"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "charge",
+                        "type": "string"
+                      },
+                      {
+                        "name": "lonePairs",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "bonds",
-                    "type": "[ChemistryCanvasBondsItem]"
+                    "properties": [
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "type",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "state",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "arrows",
-                    "type": "[ChemistryCanvasArrowsItem]"
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "angle",
+                        "type": "number"
+                      },
+                      {
+                        "name": "length",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "containers",
+                    "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": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fill",
+                        "type": "string"
+                      },
+                      {
+                        "name": "lineWidth",
+                        "type": "number"
+                      },
+                      {
+                        "name": "divider",
+                        "type": "string"
+                      },
+                      {
+                        "name": "dividerColor",
+                        "type": "string"
+                      },
+                      {
+                        "name": "leftLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "rightLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "level",
+                        "type": "number"
+                      },
+                      {
+                        "name": "levelColor",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "shapes",
-                    "type": "[ChemistryCanvasShapesItem]"
+                    "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",
@@ -601,15 +1464,28 @@
                       "arrows": "@config.arrows",
                       "atoms": "@config.atoms",
                       "backgroundColor": "@config.backgroundColor",
+                      "bondStyle": "@config.bondStyle",
                       "bonds": "@config.bonds",
+                      "camera": "@config.camera",
                       "className": "@config.className",
+                      "containers": "@config.containers",
+                      "equation": "@config.equation",
+                      "equationColor": "@config.equationColor",
                       "error": "@config.error",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lattice3d": "@config.lattice3d",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@config.readouts",
+                      "shadows": "@config.shadows",
                       "shapes": "@config.shapes",
+                      "showGrid": "@config.showGrid",
                       "title": "@config.title",
+                      "traces": "@config.traces",
                       "type": "chemistry-canvas",
                       "width": "@config.width"
                     }
@@ -630,15 +1506,28 @@
                       "arrows": "@payload.arrows",
                       "atoms": "@payload.atoms",
                       "backgroundColor": "@config.backgroundColor",
+                      "bondStyle": "@config.bondStyle",
                       "bonds": "@payload.bonds",
+                      "camera": "@config.camera",
                       "className": "@config.className",
+                      "containers": "@payload.containers",
+                      "equation": "@config.equation",
+                      "equationColor": "@config.equationColor",
                       "error": "@config.error",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lattice3d": "@config.lattice3d",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@payload.readouts",
+                      "shadows": "@config.shadows",
                       "shapes": "@payload.shapes",
+                      "showGrid": "@config.showGrid",
                       "title": "@config.title",
+                      "traces": "@payload.traces",
                       "type": "chemistry-canvas",
                       "width": "@config.width"
                     }