@almadar/std 16.173.0 → 16.175.0

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

@@ -0,0 +1,716 @@
+{
+  "description": "AlgoGraphCanvas — UI factory (1:1 with the @almadar/ui algo-graph-canvas pattern).",
+  "ledger": {
+    "entries": {
+      "ent_01M0AJDD7AQ5TEPE2WXKT5H2RH": {
+        "bakedName": "AlgoGraphCanvasItem",
+        "curName": "AlgoGraphCanvasItem",
+        "id": "ent_01M0AJDD7AQ5TEPE2WXKT5H2RH",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M0AJDD7ADSV9H1ZGABSCFE5V": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M0AJDD7ADSV9H1ZGABSCFE5V",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0AJDD7ASDZB97YQCGNENQ23",
+        "renames": []
+      },
+      "evt_01M0AJDD7B2J619AFDYF0N1PEB": {
+        "bakedName": "@config.onShapeClick",
+        "curName": "@config.onShapeClick",
+        "id": "evt_01M0AJDD7B2J619AFDYF0N1PEB",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0AJDD7ASDZB97YQCGNENQ23",
+        "renames": []
+      },
+      "evt_01M0AJDD7BRJ54N24SZ4AQR6C2": {
+        "bakedName": "@config.onNodeClick",
+        "curName": "@config.onNodeClick",
+        "id": "evt_01M0AJDD7BRJ54N24SZ4AQR6C2",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0AJDD7ASDZB97YQCGNENQ23",
+        "renames": []
+      },
+      "orb_01M0AJDD7AA0Y3WVT72JP5NZ4X": {
+        "bakedName": "AlgoGraphCanvasOrbital",
+        "curName": "AlgoGraphCanvasOrbital",
+        "id": "orb_01M0AJDD7AA0Y3WVT72JP5NZ4X",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M0AJDD7BBFFWDHE2QJ9QEXKA": {
+        "bakedName": "AlgoGraphCanvasPage",
+        "curName": "AlgoGraphCanvasPage",
+        "id": "pag_01M0AJDD7BBFFWDHE2QJ9QEXKA",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M0AJDD7ASDZB97YQCGNENQ23": {
+        "bakedName": "AlgoGraphCanvasRender",
+        "curName": "AlgoGraphCanvasRender",
+        "id": "trt_01M0AJDD7ASDZB97YQCGNENQ23",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "ui-algo-graph-canvas",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          }
+        ],
+        "id": "ent_01M0AJDD7AQ5TEPE2WXKT5H2RH",
+        "name": "AlgoGraphCanvasItem",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M0AJDD7AA0Y3WVT72JP5NZ4X",
+      "name": "AlgoGraphCanvasOrbital",
+      "pages": [
+        {
+          "id": "pag_01M0AJDD7BBFFWDHE2QJ9QEXKA",
+          "name": "AlgoGraphCanvasPage",
+          "path": "/algo-graph-canvas",
+          "traits": [
+            {
+              "ref": "AlgoGraphCanvasRender",
+              "refId": "trt_01M0AJDD7ASDZB97YQCGNENQ23"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "animate": {
+              "default": false,
+              "description": "animate prop",
+              "label": "Animate",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "backgroundColor": {
+              "description": "backgroundColor prop",
+              "label": "Background Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "className": {
+              "description": "className prop",
+              "label": "Class Name",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "edges": {
+              "default": [],
+              "description": "edges prop",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "directed": {
+                    "name": "directed",
+                    "required": false,
+                    "type": "boolean"
+                  },
+                  "from": {
+                    "name": "from",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "state": {
+                    "name": "state",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "default",
+                      "tree",
+                      "relaxed",
+                      "candidate",
+                      "path"
+                    ]
+                  },
+                  "to": {
+                    "name": "to",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "weight": {
+                    "name": "weight",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Edges",
+              "tier": "presentation",
+              "type": "[AlgoGraphCanvasEdgesItem]"
+            },
+            "error": {
+              "description": "error prop",
+              "label": "Error",
+              "properties": {
+                "code": {
+                  "name": "code",
+                  "required": false,
+                  "type": "string"
+                },
+                "message": {
+                  "name": "message",
+                  "required": true,
+                  "type": "string"
+                },
+                "name": {
+                  "name": "name",
+                  "required": false,
+                  "type": "string"
+                },
+                "stack": {
+                  "name": "stack",
+                  "required": false,
+                  "type": "string"
+                }
+              },
+              "tier": "presentation",
+              "type": "AlgoGraphCanvasError"
+            },
+            "height": {
+              "default": 400.0,
+              "description": "height prop",
+              "label": "Height",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "interactive": {
+              "default": false,
+              "description": "interactive prop",
+              "label": "Interactive",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "isLoading": {
+              "description": "isLoading prop",
+              "label": "Is Loading",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "layout": {
+              "default": "manual",
+              "description": "Deterministic layout to compute node positions; `manual` passes through `x`/`y`.",
+              "label": "Layout",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "manual",
+                "tree",
+                "layered",
+                "circle"
+              ]
+            },
+            "nodes": {
+              "default": [],
+              "description": "nodes prop",
+              "items": {
+                "properties": {
+                  "badge": {
+                    "name": "badge",
+                    "properties": {
+                      "color": {
+                        "name": "color",
+                        "required": false,
+                        "type": "string"
+                      },
+                      "text": {
+                        "name": "text",
+                        "required": true,
+                        "type": "string"
+                      }
+                    },
+                    "required": false,
+                    "type": "object"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "state": {
+                    "name": "state",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "unvisited",
+                      "frontier",
+                      "current",
+                      "visited",
+                      "goal",
+                      "path"
+                    ]
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": false,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Nodes",
+              "tier": "presentation",
+              "type": "[AlgoGraphCanvasNodesItem]"
+            },
+            "onNodeClick": {
+              "default": "NODE_CLICK",
+              "description": "Fires when a node circle is clicked, alongside `onShapeClick`.",
+              "label": "On Node Click",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "onShapeClick": {
+              "default": "SHAPE_CLICK",
+              "description": "onShapeClick prop",
+              "label": "On Shape Click",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "root": {
+              "description": "`tree` layout only: preferred root id. Falls back to the first indegree-0 node.",
+              "label": "Root",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "shapes": {
+              "default": [],
+              "description": "Extra declarative shapes in canvas pixel coordinates.",
+              "items": {
+                "properties": {
+                  "align": {
+                    "name": "align",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "left",
+                      "center",
+                      "right"
+                    ]
+                  },
+                  "axis": {
+                    "name": "axis",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "x",
+                      "y"
+                    ]
+                  },
+                  "color": {
+                    "name": "color",
+                    "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,
+                    "type": "string"
+                  },
+                  "fontSize": {
+                    "name": "fontSize",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "lineWidth": {
+                    "name": "lineWidth",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "max": {
+                    "name": "max",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "min": {
+                    "name": "min",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "path": {
+                    "name": "path",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "points": {
+                    "items": {
+                      "properties": {
+                        "x": {
+                          "name": "x",
+                          "required": true,
+                          "type": "number"
+                        },
+                        "y": {
+                          "name": "y",
+                          "required": true,
+                          "type": "number"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "points",
+                    "required": false,
+                    "type": "array"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "startAngle": {
+                    "name": "startAngle",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "step": {
+                    "name": "step",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "text": {
+                    "name": "text",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "type": {
+                    "name": "type",
+                    "required": true,
+                    "type": "string",
+                    "values": [
+                      "line",
+                      "arrow",
+                      "circle",
+                      "ellipse",
+                      "rect",
+                      "polygon",
+                      "path",
+                      "text",
+                      "axis",
+                      "grid"
+                    ]
+                  },
+                  "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": "Shapes",
+              "tier": "presentation",
+              "type": "[AlgoGraphCanvasShapesItem]"
+            },
+            "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_01M0AJDD7B2J619AFDYF0N1PEB",
+              "payloadSchema": [
+                {
+                  "name": "payload",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "type": "string"
+                    },
+                    {
+                      "name": "type",
+                      "type": "string"
+                    },
+                    {
+                      "name": "index",
+                      "required": true,
+                      "type": "number"
+                    }
+                  ],
+                  "type": "object"
+                }
+              ],
+              "scope": "external",
+              "tier": "essential"
+            },
+            {
+              "description": "Fires when a node circle is clicked, alongside `onShapeClick`.",
+              "event": "@config.onNodeClick",
+              "eventId": "evt_01M0AJDD7BRJ54N24SZ4AQR6C2",
+              "payloadSchema": [
+                {
+                  "name": "payload",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "required": true,
+                      "type": "string"
+                    },
+                    {
+                      "name": "label",
+                      "type": "string"
+                    },
+                    {
+                      "name": "index",
+                      "required": true,
+                      "type": "number"
+                    }
+                  ],
+                  "type": "object"
+                }
+              ],
+              "scope": "external",
+              "tier": "essential"
+            }
+          ],
+          "entityContract": {
+            "provides": [],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "AlgoGraphCanvasItem": "ent_01M0AJDD7AQ5TEPE2WXKT5H2RH"
+          },
+          "id": "trt_01M0AJDD7ASDZB97YQCGNENQ23",
+          "linkedEntity": "AlgoGraphCanvasItem",
+          "linkedEntityId": "ent_01M0AJDD7AQ5TEPE2WXKT5H2RH",
+          "name": "AlgoGraphCanvasRender",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M0AJDD7ADSV9H1ZGABSCFE5V",
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "description": "onShapeClick prop",
+                "id": "evt_01M0AJDD7B2J619AFDYF0N1PEB",
+                "key": "@config.onShapeClick",
+                "name": "@config.on shape click",
+                "payloadSchema": [
+                  {
+                    "name": "payload",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "type",
+                        "type": "string"
+                      },
+                      {
+                        "name": "index",
+                        "required": true,
+                        "type": "number"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "tier": "essential"
+              },
+              {
+                "description": "Fires when a node circle is clicked, alongside `onShapeClick`.",
+                "id": "evt_01M0AJDD7BRJ54N24SZ4AQR6C2",
+                "key": "@config.onNodeClick",
+                "name": "@config.on node click",
+                "payloadSchema": [
+                  {
+                    "name": "payload",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "index",
+                        "required": true,
+                        "type": "number"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "tier": "essential"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "animate": "@config.animate",
+                      "backgroundColor": "@config.backgroundColor",
+                      "className": "@config.className",
+                      "edges": "@config.edges",
+                      "error": "@config.error",
+                      "height": "@config.height",
+                      "interactive": "@config.interactive",
+                      "isLoading": "@config.isLoading",
+                      "layout": "@config.layout",
+                      "nodes": "@config.nodes",
+                      "onNodeClick": "@config.onNodeClick",
+                      "onShapeClick": "@config.onShapeClick",
+                      "root": "@config.root",
+                      "shapes": "@config.shapes",
+                      "title": "@config.title",
+                      "type": "algo-graph-canvas",
+                      "width": "@config.width"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M0AJDD7ADSV9H1ZGABSCFE5V",
+                "from": "idle",
+                "to": "idle"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}