@almadar/std 16.187.0 → 16.188.0

package/behaviors/registry/ui/core/atoms/std-record-detail.orb

@@ -0,0 +1,1141 @@
+{
+  "description": "std-record-detail — single primitive: detail-panel. Owns the fetch-one-record state machine (loading → viewing → error, with RETRY), the record counterpart to std-browse's collection machine. Consumers configure fields/sections/actions and the title/subtitle/status bindings; the atom fetches by the id carried on INIT and renders the panel. `detailLook` (panel default / slide-over / page) selects one of three render bodies. Pair with std-detail-layout for the back + breadcrumb chrome — that atom owns navigation, this one owns the record — exactly as a list page pairs std-browse with std-app-layout.",
+  "ledger": {
+    "entries": {
+      "ent_01M11G7GKTBPP8VHM2QHYFXK9A": {
+        "bakedName": "RecordItem",
+        "curName": "RecordItem",
+        "id": "ent_01M11G7GKTBPP8VHM2QHYFXK9A",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M11G7GKT2W4J3T30YBM3SFZV": {
+        "bakedName": "EDIT",
+        "curName": "EDIT",
+        "id": "evt_01M11G7GKT2W4J3T30YBM3SFZV",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11G7GKT3BDT1MGPXJQ3AZPK": {
+        "bakedName": "RETRY",
+        "curName": "RETRY",
+        "id": "evt_01M11G7GKT3BDT1MGPXJQ3AZPK",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11G7GKTCPVY3J7BKGBCXK3T": {
+        "bakedName": "DELETE",
+        "curName": "DELETE",
+        "id": "evt_01M11G7GKTCPVY3J7BKGBCXK3T",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11G7GKTPSHKRVR2KJCCXH83": {
+        "bakedName": "RecordItemLoaded",
+        "curName": "RecordItemLoaded",
+        "id": "evt_01M11G7GKTPSHKRVR2KJCCXH83",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11G7GKTQS53CSYF3WN812EB": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M11G7GKTQS53CSYF3WN812EB",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11G7GKTW27F8E4B51MZXT3J": {
+        "bakedName": "RecordItemLoadFailed",
+        "curName": "RecordItemLoadFailed",
+        "id": "evt_01M11G7GKTW27F8E4B51MZXT3J",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11JRVVZ5NTTZVC714X45YET": {
+        "bakedName": "CLOSE_VIEW",
+        "curName": "CLOSE_VIEW",
+        "id": "evt_01M11JRVVZ5NTTZVC714X45YET",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "evt_01M11JRVVZSRPRJG40FASZ2Q9H": {
+        "bakedName": "OPEN_VIEW",
+        "curName": "OPEN_VIEW",
+        "id": "evt_01M11JRVVZSRPRJG40FASZ2Q9H",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "renames": []
+      },
+      "orb_01M11G7GKT7RY3DH0JWRPW7G7M": {
+        "bakedName": "RecordItemOrbital",
+        "curName": "RecordItemOrbital",
+        "id": "orb_01M11G7GKT7RY3DH0JWRPW7G7M",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M11G7GKTE2460QW8F66B5Z2D": {
+        "bakedName": "RecordItemDetailPage",
+        "curName": "RecordItemDetailPage",
+        "id": "pag_01M11G7GKTE2460QW8F66B5Z2D",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M11G7GKT47CAAQ530NWE10AQ": {
+        "bakedName": "RecordItemDetail",
+        "curName": "RecordItemDetail",
+        "id": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-record-detail",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "description": "The record's title or identifier.",
+            "name": "name",
+            "required": true,
+            "synonyms": "title, label, heading",
+            "type": "string"
+          },
+          {
+            "description": "A textual explanation or summary of the record.",
+            "name": "description",
+            "synonyms": "summary, details, notes",
+            "type": "string"
+          },
+          {
+            "default": "active",
+            "description": "The record's current state.",
+            "name": "status",
+            "synonyms": "state, condition, stage",
+            "type": "string",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
+          },
+          {
+            "name": "createdAt",
+            "type": "string"
+          }
+        ],
+        "id": "ent_01M11G7GKTBPP8VHM2QHYFXK9A",
+        "name": "RecordItem",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M11G7GKT7RY3DH0JWRPW7G7M",
+      "name": "RecordItemOrbital",
+      "pages": [
+        {
+          "id": "pag_01M11G7GKTE2460QW8F66B5Z2D",
+          "name": "RecordItemDetailPage",
+          "path": "/recorditems",
+          "traits": [
+            {
+              "ref": "RecordItemDetail",
+              "refId": "trt_01M11G7GKT47CAAQ530NWE10AQ"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "actions": {
+              "default": [
+                {
+                  "event": "EDIT",
+                  "label": "Edit",
+                  "variant": "secondary"
+                },
+                {
+                  "event": "DELETE",
+                  "label": "Delete",
+                  "variant": "danger"
+                }
+              ],
+              "description": "Buttons on the panel header. One primary at most; the rest collapse past maxInlineActions.",
+              "items": {
+                "properties": {
+                  "event": {
+                    "name": "event",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "icon": {
+                    "name": "icon",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "variant": {
+                    "name": "variant",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "primary",
+                      "secondary",
+                      "ghost",
+                      "danger"
+                    ]
+                  }
+                },
+                "type": "object"
+              },
+              "label": "What actions can users take on this record?",
+              "synonyms": "record actions, detail actions, panel buttons",
+              "tier": "presentation",
+              "type": "[RecordAction]"
+            },
+            "bodyContent": {
+              "default": {
+                "children": [
+                  {
+                    "actions": "@config.actions",
+                    "entity": "@payload.data",
+                    "fields": "@config.fields",
+                    "initialData": "@payload.data",
+                    "maxInlineActions": "@config.maxInlineActions",
+                    "sections": "@config.sections",
+                    "showActions": "@config.showActions",
+                    "subtitle": "@entity.description",
+                    "title": "@entity.name",
+                    "type": "detail-panel"
+                  }
+                ],
+                "direction": "vertical",
+                "gap": "lg",
+                "type": "stack"
+              },
+              "description": "Render-ui SExpr rendered after the record loads when detailLook = panel (the default). See slideOverBodyContent/pageBodyContent for the other looks; any may be overridden directly while inheriting the same trait, state machine, emits, and listens.",
+              "label": "Body content tree",
+              "tier": "internal",
+              "type": "render-ui"
+            },
+            "detailLook": {
+              "default": "panel",
+              "description": "Visual treatment for the record surface. panel = an inline detail-panel in the page flow (bodyContent); slide-over = the same panel as a right-hand drawer over the list behind it (slideOverBodyContent); page = a full-width record page with roomier spacing (pageBodyContent). Selecting a non-panel look swaps which body tree renders after the record loads; any body may still be overridden directly at the call site.",
+              "label": "Detail look",
+              "synonyms": "detail style, drawer, slide over, full page",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "panel",
+                "slide-over",
+                "page"
+              ]
+            },
+            "fields": {
+              "default": [
+                {
+                  "header": "Name",
+                  "key": "name"
+                },
+                {
+                  "header": "Description",
+                  "key": "description"
+                },
+                {
+                  "header": "Status",
+                  "key": "status"
+                },
+                {
+                  "format": "date",
+                  "header": "Created",
+                  "key": "createdAt"
+                }
+              ],
+              "description": "Each entry maps one entity field to a labelled row in the panel. Unlike a list row, a detail panel SHOULD label every field — the value stands alone here with no column header or repeated row position to name it.",
+              "items": {
+                "properties": {
+                  "format": {
+                    "name": "format",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "date",
+                      "currency",
+                      "number",
+                      "boolean",
+                      "percent"
+                    ]
+                  },
+                  "header": {
+                    "name": "header",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "key": {
+                    "name": "key",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Which fields appear in the record panel?",
+              "synonyms": "detail fields, record fields, panel fields, shown fields",
+              "tier": "presentation",
+              "type": "[RecordFieldSpec]"
+            },
+            "include": {
+              "default": [],
+              "description": "Entity relation field names to hydrate on fetch, so panel fields can use dot-paths like owner.name. Empty = no hydration, the default.",
+              "items": {
+                "type": "string"
+              },
+              "label": "Which relation fields to hydrate?",
+              "synonyms": "relation hydration, populate relations, joined fields",
+              "tier": "internal",
+              "type": "[string]"
+            },
+            "maxInlineActions": {
+              "default": 3.0,
+              "description": "Actions beyond this count collapse into a '⋯' overflow menu.",
+              "label": "How many actions before collapsing?",
+              "synonyms": "inline actions limit, overflow threshold",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "openOn": {
+              "default": "init",
+              "description": "init = a routed detail page; the record loads as soon as the page mounts (the default). event = an overlay that stays blank until a row-click OPEN_VIEW hands it an id, which is what a list-embedded slide-over needs — mounting an init-loading surface on a list page would fetch a record it has no id for.",
+              "label": "When does this surface load?",
+              "synonyms": "open on click, slide over, row click, blank until opened, list embedded",
+              "tier": "policy",
+              "type": "string",
+              "values": [
+                "init",
+                "event"
+              ]
+            },
+            "pageBodyContent": {
+              "default": {
+                "children": [
+                  {
+                    "actions": "@config.actions",
+                    "entity": "@payload.data",
+                    "fields": "@config.fields",
+                    "initialData": "@payload.data",
+                    "maxInlineActions": "@config.maxInlineActions",
+                    "sections": "@config.sections",
+                    "showActions": "@config.showActions",
+                    "subtitle": "@entity.description",
+                    "title": "@entity.name",
+                    "type": "detail-panel"
+                  }
+                ],
+                "className": "w-full max-w-4xl",
+                "direction": "vertical",
+                "gap": "lg",
+                "type": "stack"
+              },
+              "description": "Render-ui SExpr rendered after the record loads when detailLook = page: a full record page, width-capped so field rows do not stretch past a readable measure (Almadar_UI_Beauty.md §3).",
+              "label": "Page look body",
+              "tier": "internal",
+              "type": "render-ui"
+            },
+            "sections": {
+              "default": [],
+              "description": "Optional titled groups over `fields`, e.g. [{title: Contact, fields: [email, phone]}]. Group into sections of 3-5 once a record carries more than about seven fields — a flat list past that is the cognitive-load problem Almadar_UX.md §1.4 (Miller) describes. Empty = one ungrouped list, the default.",
+              "items": {
+                "properties": {
+                  "fields": {
+                    "items": {
+                      "type": "string"
+                    },
+                    "name": "fields",
+                    "required": false,
+                    "type": "array"
+                  },
+                  "title": {
+                    "name": "title",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "How should the fields be grouped?",
+              "synonyms": "field groups, grouped fields, panel sections, fieldsets",
+              "tier": "presentation",
+              "type": "[RecordSection]"
+            },
+            "showActions": {
+              "default": true,
+              "description": "Set false for a read-only record view; a panel with actions nothing listens to is a dead affordance.",
+              "label": "Show the action buttons?",
+              "synonyms": "read only, hide actions, view only",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "slideOverBodyContent": {
+              "default": {
+                "children": [
+                  {
+                    "actions": "@config.actions",
+                    "entity": "@payload.data",
+                    "fields": "@config.fields",
+                    "initialData": "@payload.data",
+                    "maxInlineActions": "@config.maxInlineActions",
+                    "sections": "@config.sections",
+                    "showActions": "@config.showActions",
+                    "slideOver": true,
+                    "subtitle": "@entity.description",
+                    "title": "@entity.name",
+                    "type": "detail-panel"
+                  }
+                ],
+                "direction": "vertical",
+                "gap": "none",
+                "type": "stack"
+              },
+              "description": "Render-ui SExpr rendered after the record loads when detailLook = slide-over: the same panel as a right-hand drawer, so the list behind stays in place. Use when the record is a glance, not a workspace.",
+              "label": "Slide-over look body",
+              "tier": "internal",
+              "type": "render-ui"
+            },
+            "subtitleField": {
+              "default": "description",
+              "description": "Name of the field shown under the title (e.g. company, category). Leave at the default when the record has no meaningful second line.",
+              "label": "Which field is the subtitle?",
+              "synonyms": "subtitle field, secondary field, subheading",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "titleField": {
+              "default": "name",
+              "description": "Name of the field on the loaded record shown as the panel title (e.g. contactName, subject, title).",
+              "label": "Which field is the record's title?",
+              "synonyms": "title field, heading field, name field, label field",
+              "tier": "presentation",
+              "type": "string"
+            }
+          },
+          "emits": [
+            {
+              "description": "Signals that the record has been successfully loaded.",
+              "event": "RecordItemLoaded",
+              "eventId": "evt_01M11G7GKTPSHKRVR2KJCCXH83",
+              "payloadSchema": [
+                {
+                  "name": "data",
+                  "type": "RecordItem"
+                },
+                {
+                  "name": "totalCount",
+                  "type": "number"
+                }
+              ],
+              "scope": "internal",
+              "synonyms": "loaded, received, ready, fetched",
+              "tier": "domain"
+            },
+            {
+              "description": "Indicates a failure to load the record.",
+              "event": "RecordItemLoadFailed",
+              "eventId": "evt_01M11G7GKTW27F8E4B51MZXT3J",
+              "payloadSchema": [
+                {
+                  "name": "error",
+                  "type": "string"
+                },
+                {
+                  "name": "code",
+                  "type": "string"
+                }
+              ],
+              "scope": "internal",
+              "synonyms": "error, failed, problem, unsuccessful",
+              "tier": "internal"
+            },
+            {
+              "description": "Signals a request to edit the record being viewed.",
+              "event": "EDIT",
+              "eventId": "evt_01M11G7GKT2W4J3T30YBM3SFZV",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "required": true,
+                  "type": "string"
+                },
+                {
+                  "name": "row",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "required": true,
+                      "type": "string"
+                    },
+                    {
+                      "name": "name",
+                      "required": true,
+                      "type": "string"
+                    },
+                    {
+                      "name": "description",
+                      "type": "string"
+                    },
+                    {
+                      "name": "status",
+                      "type": "string"
+                    },
+                    {
+                      "name": "createdAt",
+                      "type": "string"
+                    }
+                  ],
+                  "type": "object"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "modify, update, change",
+              "tier": "domain"
+            },
+            {
+              "description": "Signals a request to remove the record being viewed.",
+              "event": "DELETE",
+              "eventId": "evt_01M11G7GKTCPVY3J7BKGBCXK3T",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "required": true,
+                  "type": "string"
+                },
+                {
+                  "name": "row",
+                  "properties": [
+                    {
+                      "name": "id",
+                      "required": true,
+                      "type": "string"
+                    },
+                    {
+                      "name": "name",
+                      "required": true,
+                      "type": "string"
+                    },
+                    {
+                      "name": "description",
+                      "type": "string"
+                    },
+                    {
+                      "name": "status",
+                      "type": "string"
+                    },
+                    {
+                      "name": "createdAt",
+                      "type": "string"
+                    }
+                  ],
+                  "type": "object"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "remove, discard, delete, archive",
+              "tier": "domain"
+            }
+          ],
+          "entityContract": {
+            "provides": [
+              "description",
+              "name"
+            ],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "RecordItem": "ent_01M11G7GKTBPP8VHM2QHYFXK9A"
+          },
+          "id": "trt_01M11G7GKT47CAAQ530NWE10AQ",
+          "linkedEntity": "RecordItem",
+          "linkedEntityId": "ent_01M11G7GKTBPP8VHM2QHYFXK9A",
+          "name": "RecordItemDetail",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "description": "Opens the detail surface for the record with this id.",
+                "id": "evt_01M11G7GKTQS53CSYF3WN812EB",
+                "key": "INIT",
+                "name": "Initialize",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "type": "string"
+                  }
+                ],
+                "synonyms": "open record, view record, show details, drill in",
+                "tier": "domain"
+              },
+              {
+                "description": "A row was opened from a list; shows that record in this surface.",
+                "id": "evt_01M11JRVVZSRPRJG40FASZ2Q9H",
+                "key": "OPEN_VIEW",
+                "name": "Open View",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  {
+                    "name": "row",
+                    "type": "RecordItem"
+                  }
+                ],
+                "synonyms": "open record, view row, show details, drill in, expand",
+                "tier": "domain"
+              },
+              {
+                "description": "Signals that the record has been successfully loaded.",
+                "id": "evt_01M11G7GKTPSHKRVR2KJCCXH83",
+                "key": "RecordItemLoaded",
+                "name": "RecordItem loaded",
+                "payloadSchema": [
+                  {
+                    "name": "data",
+                    "type": "RecordItem"
+                  },
+                  {
+                    "name": "totalCount",
+                    "type": "number"
+                  }
+                ],
+                "synonyms": "loaded, received, ready, fetched",
+                "tier": "domain"
+              },
+              {
+                "description": "Indicates a failure to load the record.",
+                "id": "evt_01M11G7GKTW27F8E4B51MZXT3J",
+                "key": "RecordItemLoadFailed",
+                "name": "RecordItem load failed",
+                "payloadSchema": [
+                  {
+                    "name": "error",
+                    "type": "string"
+                  },
+                  {
+                    "name": "code",
+                    "type": "string"
+                  }
+                ],
+                "synonyms": "error, failed, problem, unsuccessful",
+                "tier": "internal"
+              },
+              {
+                "description": "Closes the record surface and returns it to blank.",
+                "id": "evt_01M11JRVVZ5NTTZVC714X45YET",
+                "key": "CLOSE_VIEW",
+                "name": "Close View",
+                "synonyms": "close, dismiss, back to list",
+                "tier": "domain"
+              },
+              {
+                "description": "Re-runs the fetch after a failed load.",
+                "id": "evt_01M11G7GKT3BDT1MGPXJQ3AZPK",
+                "key": "RETRY",
+                "name": "Retry",
+                "synonyms": "try again, reload, refresh",
+                "tier": "domain"
+              },
+              {
+                "description": "Signals a request to edit the record being viewed.",
+                "id": "evt_01M11G7GKT2W4J3T30YBM3SFZV",
+                "key": "EDIT",
+                "name": "Edit",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  {
+                    "name": "row",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "name",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "description",
+                        "type": "string"
+                      },
+                      {
+                        "name": "status",
+                        "type": "string"
+                      },
+                      {
+                        "name": "createdAt",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "synonyms": "modify, update, change",
+                "tier": "domain"
+              },
+              {
+                "description": "Signals a request to remove the record being viewed.",
+                "id": "evt_01M11G7GKTCPVY3J7BKGBCXK3T",
+                "key": "DELETE",
+                "name": "Delete",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  {
+                    "name": "row",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "name",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "description",
+                        "type": "string"
+                      },
+                      {
+                        "name": "status",
+                        "type": "string"
+                      },
+                      {
+                        "name": "createdAt",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "synonyms": "remove, discard, delete, archive",
+                "tier": "domain"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              },
+              {
+                "name": "loading"
+              },
+              {
+                "name": "viewing"
+              },
+              {
+                "name": "error"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@payload.id",
+                      "include": "@config.include"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "rows": 4.0,
+                      "type": "skeleton"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M11G7GKTQS53CSYF3WN812EB",
+                "from": "idle",
+                "guard": [
+                  "=",
+                  "@config.openOn",
+                  "init"
+                ],
+                "to": "loading"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@payload.id",
+                      "include": "@config.include"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "rows": 4.0,
+                      "type": "skeleton"
+                    }
+                  ]
+                ],
+                "event": "OPEN_VIEW",
+                "eventId": "evt_01M11JRVVZSRPRJG40FASZ2Q9H",
+                "from": "idle",
+                "to": "loading"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@payload.id",
+                      "include": "@config.include"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "rows": 4.0,
+                      "type": "skeleton"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M11G7GKTQS53CSYF3WN812EB",
+                "from": "loading",
+                "to": "loading"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.name",
+                    [
+                      "object/get",
+                      "@payload.data",
+                      "@config.titleField"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.description",
+                    [
+                      "object/get",
+                      "@payload.data",
+                      "@config.subtitleField"
+                    ]
+                  ],
+                  [
+                    "if",
+                    [
+                      "=",
+                      "@config.detailLook",
+                      "slide-over"
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      "@config.slideOverBodyContent"
+                    ],
+                    [
+                      "if",
+                      [
+                        "=",
+                        "@config.detailLook",
+                        "page"
+                      ],
+                      [
+                        "render-ui",
+                        "main",
+                        "@config.pageBodyContent"
+                      ],
+                      [
+                        "render-ui",
+                        "main",
+                        "@config.bodyContent"
+                      ]
+                    ]
+                  ]
+                ],
+                "event": "RecordItemLoaded",
+                "eventId": "evt_01M11G7GKTPSHKRVR2KJCCXH83",
+                "from": "loading",
+                "to": "viewing"
+              },
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "message": "@payload.error",
+                      "title": "Couldn't load this record",
+                      "type": "alert",
+                      "variant": "error"
+                    }
+                  ]
+                ],
+                "event": "RecordItemLoadFailed",
+                "eventId": "evt_01M11G7GKTW27F8E4B51MZXT3J",
+                "from": "loading",
+                "to": "error"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@payload.id",
+                      "include": "@config.include"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M11G7GKTQS53CSYF3WN812EB",
+                "from": "viewing",
+                "to": "loading"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.name",
+                    [
+                      "object/get",
+                      "@payload.data",
+                      "@config.titleField"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.description",
+                    [
+                      "object/get",
+                      "@payload.data",
+                      "@config.subtitleField"
+                    ]
+                  ],
+                  [
+                    "if",
+                    [
+                      "=",
+                      "@config.detailLook",
+                      "slide-over"
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      "@config.slideOverBodyContent"
+                    ],
+                    [
+                      "if",
+                      [
+                        "=",
+                        "@config.detailLook",
+                        "page"
+                      ],
+                      [
+                        "render-ui",
+                        "main",
+                        "@config.pageBodyContent"
+                      ],
+                      [
+                        "render-ui",
+                        "main",
+                        "@config.bodyContent"
+                      ]
+                    ]
+                  ]
+                ],
+                "event": "RecordItemLoaded",
+                "eventId": "evt_01M11G7GKTPSHKRVR2KJCCXH83",
+                "from": "viewing",
+                "to": "viewing"
+              },
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "message": "@payload.error",
+                      "title": "Couldn't load this record",
+                      "type": "alert",
+                      "variant": "error"
+                    }
+                  ]
+                ],
+                "event": "RecordItemLoadFailed",
+                "eventId": "evt_01M11G7GKTW27F8E4B51MZXT3J",
+                "from": "viewing",
+                "to": "error"
+              },
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    null
+                  ]
+                ],
+                "event": "CLOSE_VIEW",
+                "eventId": "evt_01M11JRVVZ5NTTZVC714X45YET",
+                "from": "viewing",
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@payload.id",
+                      "include": "@config.include"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "rows": 4.0,
+                      "type": "skeleton"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M11G7GKTQS53CSYF3WN812EB",
+                "from": "error",
+                "to": "loading"
+              },
+              {
+                "effects": [
+                  [
+                    "fetch",
+                    "RecordItem",
+                    {
+                      "emit": {
+                        "failure": "RecordItemLoadFailed",
+                        "success": "RecordItemLoaded"
+                      },
+                      "id": "@entity.id",
+                      "include": "@config.include"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "rows": 4.0,
+                      "type": "skeleton"
+                    }
+                  ]
+                ],
+                "event": "RETRY",
+                "eventId": "evt_01M11G7GKT3BDT1MGPXJQ3AZPK",
+                "from": "error",
+                "to": "loading"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}