@almadar/std 16.173.0 → 16.174.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"
@@ -181,6 +181,11 @@
                     "name": "y",
                     "required": true,
                     "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": false,
+                    "type": "number"
                   }
                 },
                 "type": "object"
@@ -232,6 +237,13 @@
               "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",
@@ -274,8 +286,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 +297,24 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "lighting": {
+              "default": {},
+              "description": "3D only: scene light rig as data.",
+              "label": "Lighting",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "mode": {
+              "default": "2d",
+              "description": "Painter: 2D raster (default) or 3D mesh scene via the lazy three.js host.",
+              "label": "Mode",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "2d",
+                "3d"
+              ]
+            },
             "onShapeClick": {
               "default": "SHAPE_CLICK",
               "description": "onShapeClick prop",
@@ -293,9 +322,22 @@
               "tier": "presentation",
               "type": "string"
             },
+            "post": {
+              "default": {},
+              "description": "3D only: post-processing stack (bloom/vignette).",
+              "label": "Post",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "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": {
@@ -465,6 +507,12 @@
               "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",
@@ -537,19 +585,214 @@
                 "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"
+                      }
+                    ],
+                    "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"
+                      }
+                    ],
+                    "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": "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"
+                      }
+                    ],
+                    "type": "[object]"
                   }
                 ],
                 "synonyms": "tick, redraw, animate, frame",
@@ -602,13 +845,19 @@
                       "atoms": "@config.atoms",
                       "backgroundColor": "@config.backgroundColor",
                       "bonds": "@config.bonds",
+                      "camera": "@config.camera",
                       "className": "@config.className",
                       "error": "@config.error",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "shadows": "@config.shadows",
                       "shapes": "@config.shapes",
+                      "showGrid": "@config.showGrid",
                       "title": "@config.title",
                       "type": "chemistry-canvas",
                       "width": "@config.width"
@@ -631,13 +880,19 @@
                       "atoms": "@payload.atoms",
                       "backgroundColor": "@config.backgroundColor",
                       "bonds": "@payload.bonds",
+                      "camera": "@config.camera",
                       "className": "@config.className",
                       "error": "@config.error",
                       "height": "@config.height",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
+                      "lighting": "@config.lighting",
+                      "mode": "@config.mode",
                       "onShapeClick": "@config.onShapeClick",
+                      "post": "@config.post",
+                      "shadows": "@config.shadows",
                       "shapes": "@payload.shapes",
+                      "showGrid": "@config.showGrid",
                       "title": "@config.title",
                       "type": "chemistry-canvas",
                       "width": "@config.width"

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

@@ -454,7 +454,122 @@
                 "payloadSchema": [
                   {
                     "name": "shapes",
-                    "type": "[LearningCanvasShapesItem]"
+                    "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"
+                      }
+                    ],
+                    "type": "[object]"
                   }
                 ],
                 "synonyms": "tick, redraw, animate, frame",