@almadar/std 16.173.0 → 16.175.0

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

@@ -98,9 +98,56 @@
         {
           "category": "interaction",
           "config": {
+            "angles": {
+              "default": [],
+              "description": "Angle arcs between two bearings. 2D only.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "from": {
+                    "name": "from",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "to": {
+                    "name": "to",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Angles",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasAnglesItem]"
+            },
             "animate": {
               "default": false,
-              "description": "animate prop",
+              "description": "2D only: continuous redraw loop. 3D motion is entity-state driven.",
               "label": "Animate",
               "tier": "presentation",
               "type": "boolean"
@@ -131,6 +178,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "fz": {
+                    "name": "fz",
+                    "required": false,
+                    "type": "number"
+                  },
                   "id": {
                     "name": "id",
                     "required": false,
@@ -156,6 +208,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "vz": {
+                    "name": "vz",
+                    "required": false,
+                    "type": "number"
+                  },
                   "x": {
                     "name": "x",
                     "required": true,
@@ -165,6 +222,11 @@
                     "name": "y",
                     "required": true,
                     "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": false,
+                    "type": "number"
                   }
                 },
                 "type": "object"
@@ -173,6 +235,13 @@
               "tier": "presentation",
               "type": "[PhysicsCanvasBodiesItem]"
             },
+            "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",
@@ -194,6 +263,16 @@
                     "required": true,
                     "type": "string"
                   },
+                  "kind": {
+                    "name": "kind",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "rod",
+                      "spring",
+                      "string"
+                    ]
+                  },
                   "to": {
                     "name": "to",
                     "required": true,
@@ -234,6 +313,64 @@
               "tier": "presentation",
               "type": "PhysicsCanvasError"
             },
+            "field": {
+              "description": "A single uniform vector/into/out field lattice. 2D only.",
+              "label": "Field",
+              "properties": {
+                "angle": {
+                  "name": "angle",
+                  "required": false,
+                  "type": "number"
+                },
+                "color": {
+                  "name": "color",
+                  "required": false,
+                  "type": "string"
+                },
+                "height": {
+                  "name": "height",
+                  "required": false,
+                  "type": "number"
+                },
+                "kind": {
+                  "name": "kind",
+                  "required": true,
+                  "type": "string",
+                  "values": [
+                    "arrows",
+                    "into",
+                    "out"
+                  ]
+                },
+                "size": {
+                  "name": "size",
+                  "required": false,
+                  "type": "number"
+                },
+                "spacing": {
+                  "name": "spacing",
+                  "required": false,
+                  "type": "number"
+                },
+                "width": {
+                  "name": "width",
+                  "required": false,
+                  "type": "number"
+                },
+                "x": {
+                  "name": "x",
+                  "required": false,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": false,
+                  "type": "number"
+                }
+              },
+              "tier": "presentation",
+              "type": "PhysicsCanvasField"
+            },
             "forceScale": {
               "default": 20.0,
               "description": "forceScale prop",
@@ -249,8 +386,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"
@@ -261,6 +397,56 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "lighting": {
+              "default": {},
+              "description": "3D only: scene light rig as data.",
+              "label": "Lighting",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "meters": {
+              "default": [],
+              "description": "Bottom-left labeled bar gauges. 2D only.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "max": {
+                    "name": "max",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "value": {
+                    "name": "value",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Meters",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasMetersItem]"
+            },
+            "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",
@@ -268,9 +454,128 @@
               "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": "[PhysicsCanvasReadoutsItem]"
+            },
+            "sceneObjects": {
+              "default": [],
+              "description": "Ground/wall/ramp/box/pivot scene fixtures. 2D only.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "fill": {
+                    "name": "fill",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "kind": {
+                    "name": "kind",
+                    "required": true,
+                    "type": "string",
+                    "values": [
+                      "ground",
+                      "wall",
+                      "ramp",
+                      "box",
+                      "pivot"
+                    ]
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x1": {
+                    "name": "x1",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x2": {
+                    "name": "x2",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y1": {
+                    "name": "y1",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y2": {
+                    "name": "y2",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Scene Objects",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasSceneObjectsItem]"
+            },
+            "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": {
@@ -297,6 +602,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,
@@ -372,6 +691,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "startAngle": {
+                    "name": "startAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "step": {
                     "name": "step",
                     "required": false,
@@ -390,6 +714,7 @@
                       "line",
                       "arrow",
                       "circle",
+                      "ellipse",
                       "rect",
                       "polygon",
                       "path",
@@ -447,6 +772,12 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "showGrid": {
+              "description": "3D only: show the ground grid (default off).",
+              "label": "Show Grid",
+              "tier": "presentation",
+              "type": "boolean"
+            },
             "showVelocity": {
               "default": true,
               "description": "showVelocity prop",
@@ -454,40 +785,405 @@
               "tier": "presentation",
               "type": "boolean"
             },
-            "title": {
-              "description": "title prop",
-              "label": "Title",
-              "tier": "presentation",
-              "type": "string"
-            },
-            "velocityScale": {
-              "default": 20.0,
-              "description": "velocityScale prop",
-              "label": "Velocity Scale",
-              "tier": "presentation",
-              "type": "number"
-            },
-            "width": {
-              "default": 600.0,
-              "description": "width prop",
-              "label": "Width",
-              "tier": "presentation",
-              "type": "number"
-            }
-          },
-          "emits": [
-            {
-              "description": "onShapeClick prop",
-              "event": "@config.onShapeClick",
-              "eventId": "evt_01M055GQAA3XBD1GWQJE6F3DX1",
-              "payloadSchema": [
-                {
-                  "name": "payload",
-                  "properties": [
-                    {
-                      "name": "id",
-                      "type": "string"
-                    },
+            "surface3d": {
+              "description": "A 3D height-field surface mesh (wave, terrain, potential well). 3D only.",
+              "label": "Surface3d",
+              "properties": {
+                "bands": {
+                  "items": {
+                    "properties": {
+                      "color": {
+                        "name": "color",
+                        "required": true,
+                        "type": "string"
+                      },
+                      "min": {
+                        "name": "min",
+                        "required": false,
+                        "type": "number"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "name": "bands",
+                  "required": false,
+                  "type": "array"
+                },
+                "color": {
+                  "name": "color",
+                  "required": false,
+                  "type": "string"
+                },
+                "flatShading": {
+                  "name": "flatShading",
+                  "required": false,
+                  "type": "boolean"
+                },
+                "heights": {
+                  "items": {
+                    "type": "number"
+                  },
+                  "name": "heights",
+                  "required": true,
+                  "type": "array"
+                },
+                "nx": {
+                  "name": "nx",
+                  "required": true,
+                  "type": "number"
+                },
+                "ny": {
+                  "name": "ny",
+                  "required": true,
+                  "type": "number"
+                },
+                "opacity": {
+                  "name": "opacity",
+                  "required": false,
+                  "type": "number"
+                },
+                "spacing": {
+                  "name": "spacing",
+                  "required": false,
+                  "type": "number"
+                },
+                "x": {
+                  "name": "x",
+                  "required": false,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": false,
+                  "type": "number"
+                }
+              },
+              "tier": "presentation",
+              "type": "PhysicsCanvasSurface3d"
+            },
+            "title": {
+              "description": "title prop",
+              "label": "Title",
+              "tier": "presentation",
+              "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": "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": "[PhysicsCanvasTracesItem]"
+            },
+            "trails": {
+              "default": [],
+              "description": "Fading trajectory polylines (2D) / trajectory tubes (3D).",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "fade": {
+                    "name": "fade",
+                    "required": false,
+                    "type": "boolean"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "points": {
+                    "items": {
+                      "properties": {
+                        "x": {
+                          "name": "x",
+                          "required": true,
+                          "type": "number"
+                        },
+                        "y": {
+                          "name": "y",
+                          "required": true,
+                          "type": "number"
+                        },
+                        "z": {
+                          "name": "z",
+                          "required": false,
+                          "type": "number"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "points",
+                    "required": true,
+                    "type": "array"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Trails",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasTrailsItem]"
+            },
+            "vectorScale": {
+              "default": 1.0,
+              "description": "Multiplies every `vectors3d` entry's `dx`/`dy`/`dz` (default 1). 3D only.",
+              "label": "Vector Scale",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "vectors": {
+              "default": [],
+              "description": "Named force/velocity/free-body arrows, anchored by point or by body id. 2D only.",
+              "items": {
+                "properties": {
+                  "body": {
+                    "name": "body",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "dx": {
+                    "name": "dx",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "dy": {
+                    "name": "dy",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "scale": {
+                    "name": "scale",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Vectors",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasVectorsItem]"
+            },
+            "vectors3d": {
+              "default": [],
+              "description": "Labeled 3D arrows (field arrows, axis triads). 3D only.",
+              "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": false,
+                    "type": "number"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Vectors3d",
+              "tier": "presentation",
+              "type": "[PhysicsCanvasVectors3dItem]"
+            },
+            "velocityScale": {
+              "default": 20.0,
+              "description": "velocityScale prop",
+              "label": "Velocity Scale",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "width": {
+              "default": 600.0,
+              "description": "width prop",
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            }
+          },
+          "emits": [
+            {
+              "description": "onShapeClick prop",
+              "event": "@config.onShapeClick",
+              "eventId": "evt_01M055GQAA3XBD1GWQJE6F3DX1",
+              "payloadSchema": [
+                {
+                  "name": "payload",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "type": "string"
+                    },
                     {
                       "name": "type",
                       "type": "string"
@@ -532,16 +1228,571 @@
                 "name": "Update",
                 "payloadSchema": [
                   {
-                    "name": "bodies",
-                    "type": "[PhysicsCanvasBodiesItem]"
+                    "name": "bodies",
+                    "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": "vx",
+                        "type": "number"
+                      },
+                      {
+                        "name": "vy",
+                        "type": "number"
+                      },
+                      {
+                        "name": "vz",
+                        "type": "number"
+                      },
+                      {
+                        "name": "fx",
+                        "type": "number"
+                      },
+                      {
+                        "name": "fy",
+                        "type": "number"
+                      },
+                      {
+                        "name": "fz",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "constraints",
+                    "properties": [
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "kind",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "sceneObjects",
+                    "properties": [
+                      {
+                        "name": "kind",
+                        "required": true,
+                        "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": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fill",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "trails",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "points",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "z",
+                            "type": "number"
+                          }
+                        ],
+                        "required": true,
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      },
+                      {
+                        "name": "fade",
+                        "type": "boolean"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "vectors",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "type": "number"
+                      },
+                      {
+                        "name": "body",
+                        "type": "string"
+                      },
+                      {
+                        "name": "dx",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "dy",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "scale",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
-                    "name": "constraints",
-                    "type": "[PhysicsCanvasConstraintsItem]"
+                    "name": "vectors3d",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "z",
+                        "type": "number"
+                      },
+                      {
+                        "name": "dx",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "dy",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "dz",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "angles",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "meters",
+                    "properties": [
+                      {
+                        "name": "label",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "value",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "max",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "shapes",
-                    "type": "[PhysicsCanvasShapesItem]"
+                    "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",
@@ -589,22 +1840,39 @@
                     "render-ui",
                     "main",
                     {
+                      "angles": "@config.angles",
                       "animate": "@config.animate",
                       "backgroundColor": "@config.backgroundColor",
                       "bodies": "@config.bodies",
+                      "camera": "@config.camera",
                       "className": "@config.className",
                       "constraints": "@config.constraints",
                       "error": "@config.error",
+                      "field": "@config.field",
                       "forceScale": "@config.forceScale",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "meters": "@config.meters",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@config.readouts",
+                      "sceneObjects": "@config.sceneObjects",
+                      "shadows": "@config.shadows",
                       "shapes": "@config.shapes",
                       "showForces": "@config.showForces",
+                      "showGrid": "@config.showGrid",
                       "showVelocity": "@config.showVelocity",
+                      "surface3d": "@config.surface3d",
                       "title": "@config.title",
+                      "traces": "@config.traces",
+                      "trails": "@config.trails",
                       "type": "physics-canvas",
+                      "vectorScale": "@config.vectorScale",
+                      "vectors": "@config.vectors",
+                      "vectors3d": "@config.vectors3d",
                       "velocityScale": "@config.velocityScale",
                       "width": "@config.width"
                     }
@@ -621,22 +1889,39 @@
                     "render-ui",
                     "main",
                     {
+                      "angles": "@payload.angles",
                       "animate": "@config.animate",
                       "backgroundColor": "@config.backgroundColor",
                       "bodies": "@payload.bodies",
+                      "camera": "@config.camera",
                       "className": "@config.className",
                       "constraints": "@payload.constraints",
                       "error": "@config.error",
+                      "field": "@config.field",
                       "forceScale": "@config.forceScale",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "meters": "@payload.meters",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "readouts": "@payload.readouts",
+                      "sceneObjects": "@payload.sceneObjects",
+                      "shadows": "@config.shadows",
                       "shapes": "@payload.shapes",
                       "showForces": "@config.showForces",
+                      "showGrid": "@config.showGrid",
                       "showVelocity": "@config.showVelocity",
+                      "surface3d": "@config.surface3d",
                       "title": "@config.title",
+                      "traces": "@payload.traces",
+                      "trails": "@payload.trails",
                       "type": "physics-canvas",
+                      "vectorScale": "@config.vectorScale",
+                      "vectors": "@payload.vectors",
+                      "vectors3d": "@payload.vectors3d",
                       "velocityScale": "@config.velocityScale",
                       "width": "@config.width"
                     }