@almadar/std 6.5.2 → 7.2.0

package/dist/behaviors/registry/molecules/std-quiz.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-quiz",
   "version": "1.0.0",
-  "description": "Quiz molecule composing flip-card atom with question/answer flow. Absorbs: quiz-block.",
+  "description": "std-quiz as a Function",
   "orbitals": [
     {
       "name": "QuizItemOrbital",
@@ -73,70 +73,96 @@
           {
             "name": "currentIndex",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "totalQuestions",
             "type": "number",
-            "default": 3
-          }
-        ],
-        "instances": [
-          {
-            "id": "q-1",
-            "name": "What planet is closest to the Sun?",
-            "description": "Mercury",
-            "status": "active",
-            "createdAt": "2026-01-01",
-            "question": "What planet is closest to the Sun?",
-            "answer": "Mercury",
-            "optionA": "Mercury",
-            "optionB": "Venus",
-            "optionC": "Mars",
-            "optionD": "Earth",
-            "difficulty": "easy",
-            "currentIndex": 0,
-            "totalQuestions": 3
-          },
-          {
-            "id": "q-2",
-            "name": "What is the chemical symbol for gold?",
-            "description": "Au",
-            "status": "active",
-            "createdAt": "2026-01-02",
-            "question": "What is the chemical symbol for gold?",
-            "answer": "Au",
-            "optionA": "Ag",
-            "optionB": "Au",
-            "optionC": "Fe",
-            "optionD": "Cu",
-            "difficulty": "medium",
-            "currentIndex": 0,
-            "totalQuestions": 3
-          },
-          {
-            "id": "q-3",
-            "name": "Who painted the Mona Lisa?",
-            "description": "Leonardo da Vinci",
-            "status": "active",
-            "createdAt": "2026-01-03",
-            "question": "Who painted the Mona Lisa?",
-            "answer": "Leonardo da Vinci",
-            "optionA": "Michelangelo",
-            "optionB": "Raphael",
-            "optionC": "Leonardo da Vinci",
-            "optionD": "Donatello",
-            "difficulty": "easy",
-            "currentIndex": 0,
-            "totalQuestions": 3
+            "default": 3.0
           }
         ]
       },
       "traits": [
         {
           "name": "QuizItemQuiz",
-          "linkedEntity": "QuizItem",
           "category": "interaction",
+          "linkedEntity": "QuizItem",
+          "emits": [
+            {
+              "event": "QuizItemLoaded",
+              "description": "Fired when QuizItem finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "name": "status",
+                  "type": "string"
+                },
+                {
+                  "name": "createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "question",
+                  "type": "string"
+                },
+                {
+                  "name": "answer",
+                  "type": "string"
+                },
+                {
+                  "name": "optionA",
+                  "type": "string"
+                },
+                {
+                  "name": "optionB",
+                  "type": "string"
+                },
+                {
+                  "name": "optionC",
+                  "type": "string"
+                },
+                {
+                  "name": "optionD",
+                  "type": "string"
+                },
+                {
+                  "name": "difficulty",
+                  "type": "string"
+                },
+                {
+                  "name": "currentIndex",
+                  "type": "number"
+                },
+                {
+                  "name": "totalQuestions",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "event": "QuizItemLoadFailed",
+              "description": "Fired when QuizItem fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -168,11 +194,25 @@
               },
               {
                 "key": "NEXT",
-                "name": "Next Question"
+                "name": "Next"
               },
               {
                 "key": "RESTART",
                 "name": "Restart"
+              },
+              {
+                "key": "QuizItemLoaded",
+                "name": "QuizItem loaded"
+              },
+              {
+                "key": "QuizItemLoadFailed",
+                "name": "QuizItem load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -183,25 +223,31 @@
                 "effects": [
                   [
                     "fetch",
-                    "QuizItem"
+                    "QuizItem",
+                    {
+                      "emit": {
+                        "success": "QuizItemLoaded",
+                        "failure": "QuizItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
+                      "type": "stack",
                       "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
+                          "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "help-circle",
+                              "type": "icon",
                               "size": "lg"
                             },
                             {
@@ -218,10 +264,6 @@
                           "type": "card",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
@@ -229,8 +271,8 @@
                                   "size": "lg"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "h3",
+                                  "type": "typography",
                                   "content": [
                                     "object/get",
                                     [
@@ -240,16 +282,19 @@
                                     "name"
                                   ]
                                 }
-                              ]
+                              ],
+                              "gap": "md",
+                              "direction": "vertical",
+                              "type": "stack",
+                              "align": "center"
                             }
                           ]
                         },
                         {
                           "type": "simple-grid",
-                          "columns": 2,
+                          "columns": 2.0,
                           "children": [
                             {
-                              "type": "button",
                               "label": [
                                 "object/get",
                                 [
@@ -258,14 +303,14 @@
                                 ],
                                 "optionA"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
                               "actionPayload": {
                                 "answer": "A"
-                              }
+                              },
+                              "type": "button",
+                              "variant": "secondary",
+                              "event": "ANSWER"
                             },
                             {
-                              "type": "button",
                               "label": [
                                 "object/get",
                                 [
@@ -274,13 +319,18 @@
                                 ],
                                 "optionB"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
+                              "type": "button",
                               "actionPayload": {
                                 "answer": "B"
-                              }
+                              },
+                              "event": "ANSWER",
+                              "variant": "secondary"
                             },
                             {
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "answer": "C"
+                              },
                               "type": "button",
                               "label": [
                                 "object/get",
@@ -290,14 +340,12 @@
                                 ],
                                 "optionC"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
-                              "actionPayload": {
-                                "answer": "C"
-                              }
+                              "event": "ANSWER"
                             },
                             {
                               "type": "button",
+                              "event": "ANSWER",
+                              "variant": "secondary",
                               "label": [
                                 "object/get",
                                 [
@@ -306,8 +354,6 @@
                                 ],
                                 "optionD"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
                               "actionPayload": {
                                 "answer": "D"
                               }
@@ -315,31 +361,30 @@
                           ]
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
                           "align": "center",
                           "justify": "space-between",
+                          "direction": "horizontal",
+                          "type": "stack",
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "horizontal",
                               "gap": "sm",
+                              "direction": "horizontal",
                               "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
-                                  "name": "signal",
-                                  "size": "sm"
+                                  "size": "sm",
+                                  "name": "signal"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
+                                  "type": "typography",
                                   "color": "muted",
                                   "content": "Difficulty:"
                                 },
                                 {
-                                  "type": "badge",
                                   "label": [
                                     "object/get",
                                     [
@@ -347,21 +392,18 @@
                                       "@entity"
                                     ],
                                     "difficulty"
-                                  ]
+                                  ],
+                                  "type": "badge"
                                 }
                               ]
                             },
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "xs",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Question"
+                                  "content": "Question",
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
                                   "type": "typography",
@@ -378,9 +420,9 @@
                                         ],
                                         "currentIndex"
                                       ],
-                                      0
+                                      0.0
                                     ],
-                                    1
+                                    1.0
                                   ]
                                 },
                                 {
@@ -402,10 +444,14 @@
                                       ],
                                       "totalQuestions"
                                     ],
-                                    0
+                                    0.0
                                   ]
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "align": "center",
+                              "gap": "xs"
                             }
                           ]
                         }
@@ -423,27 +469,25 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
+                              "size": "lg",
                               "type": "icon",
-                              "name": "help-circle",
-                              "size": "lg"
+                              "name": "help-circle"
                             },
                             {
-                              "type": "typography",
                               "content": "Answer Revealed",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
@@ -453,12 +497,12 @@
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "vertical",
                               "gap": "md",
+                              "direction": "vertical",
                               "children": [
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
+                                  "type": "typography",
                                   "color": "muted",
                                   "content": "Question"
                                 },
@@ -478,14 +522,14 @@
                                   "type": "divider"
                                 },
                                 {
+                                  "content": "Answer",
                                   "type": "typography",
                                   "variant": "caption",
-                                  "color": "muted",
-                                  "content": "Answer"
+                                  "color": "muted"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "h3",
+                                  "type": "typography",
                                   "content": [
                                     "object/get",
                                     [
@@ -500,26 +544,28 @@
                           ]
                         },
                         {
-                          "type": "alert",
                           "variant": "info",
-                          "message": "Review the answer above."
+                          "message": "Review the answer above.",
+                          "type": "alert"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "justify": "center",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "button",
-                              "label": "Next Question",
                               "event": "NEXT",
                               "variant": "primary",
+                              "type": "button",
+                              "label": "Next Question",
                               "icon": "arrow-right"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "direction": "horizontal"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -535,38 +581,42 @@
                     [
                       "+",
                       "@entity.currentIndex",
-                      1
+                      1.0
                     ]
                   ],
                   [
                     "fetch",
-                    "QuizItem"
+                    "QuizItem",
+                    {
+                      "emit": {
+                        "failure": "QuizItemLoadFailed",
+                        "success": "QuizItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "type": "stack",
                           "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "help-circle",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
                               "content": "Quiz",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
@@ -575,19 +625,16 @@
                           "type": "card",
                           "children": [
                             {
+                              "align": "center",
                               "type": "stack",
-                              "direction": "vertical",
                               "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "help-circle",
+                                  "type": "icon",
                                   "size": "lg"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "h3",
                                   "content": [
                                     "object/get",
                                     [
@@ -595,18 +642,25 @@
                                       "@entity"
                                     ],
                                     "name"
-                                  ]
+                                  ],
+                                  "variant": "h3",
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "direction": "vertical"
                             }
                           ]
                         },
                         {
                           "type": "simple-grid",
-                          "columns": 2,
                           "children": [
                             {
                               "type": "button",
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "answer": "A"
+                              },
+                              "event": "ANSWER",
                               "label": [
                                 "object/get",
                                 [
@@ -614,15 +668,14 @@
                                   "@entity"
                                 ],
                                 "optionA"
-                              ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
-                              "actionPayload": {
-                                "answer": "A"
-                              }
+                              ]
                             },
                             {
                               "type": "button",
+                              "event": "ANSWER",
+                              "actionPayload": {
+                                "answer": "B"
+                              },
                               "label": [
                                 "object/get",
                                 [
@@ -631,14 +684,9 @@
                                 ],
                                 "optionB"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
-                              "actionPayload": {
-                                "answer": "B"
-                              }
+                              "variant": "secondary"
                             },
                             {
-                              "type": "button",
                               "label": [
                                 "object/get",
                                 [
@@ -647,14 +695,18 @@
                                 ],
                                 "optionC"
                               ],
-                              "event": "ANSWER",
                               "variant": "secondary",
                               "actionPayload": {
                                 "answer": "C"
-                              }
+                              },
+                              "event": "ANSWER",
+                              "type": "button"
                             },
                             {
-                              "type": "button",
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "answer": "D"
+                              },
                               "label": [
                                 "object/get",
                                 [
@@ -663,40 +715,32 @@
                                 ],
                                 "optionD"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
-                              "actionPayload": {
-                                "answer": "D"
-                              }
+                              "type": "button",
+                              "event": "ANSWER"
                             }
-                          ]
+                          ],
+                          "columns": 2.0
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "align": "center",
-                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
+                              "gap": "sm",
+                              "type": "stack",
                               "children": [
                                 {
+                                  "size": "sm",
                                   "type": "icon",
-                                  "name": "signal",
-                                  "size": "sm"
+                                  "name": "signal"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
+                                  "type": "typography",
                                   "content": "Difficulty:"
                                 },
                                 {
-                                  "type": "badge",
                                   "label": [
                                     "object/get",
                                     [
@@ -704,25 +748,25 @@
                                       "@entity"
                                     ],
                                     "difficulty"
-                                  ]
+                                  ],
+                                  "type": "badge"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal"
                             },
                             {
                               "type": "stack",
+                              "align": "center",
                               "direction": "horizontal",
                               "gap": "xs",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
-                                  "color": "muted",
-                                  "content": "Question"
+                                  "content": "Question",
+                                  "type": "typography",
+                                  "color": "muted"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "content": [
                                     "+",
                                     [
@@ -735,20 +779,22 @@
                                         ],
                                         "currentIndex"
                                       ],
-                                      0
+                                      0.0
                                     ],
-                                    1
-                                  ]
+                                    1.0
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
+                                  "variant": "caption",
+                                  "type": "typography",
                                   "content": "of"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
+                                  "type": "typography",
                                   "content": [
                                     "or",
                                     [
@@ -759,14 +805,20 @@
                                       ],
                                       "totalQuestions"
                                     ],
-                                    0
+                                    0.0
                                   ]
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -782,8 +834,6 @@
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
-                      "align": "center",
                       "children": [
                         {
                           "type": "icon",
@@ -791,23 +841,25 @@
                           "size": "lg"
                         },
                         {
-                          "type": "typography",
                           "content": "Quiz Complete!",
+                          "type": "typography",
                           "variant": "h2"
                         },
                         {
                           "type": "alert",
-                          "variant": "success",
-                          "message": "You have completed all questions."
+                          "message": "You have completed all questions.",
+                          "variant": "success"
                         },
                         {
-                          "type": "button",
-                          "label": "Restart",
-                          "event": "RESTART",
                           "variant": "primary",
-                          "icon": "rotate-ccw"
+                          "event": "RESTART",
+                          "label": "Restart",
+                          "icon": "rotate-ccw",
+                          "type": "button"
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -819,26 +871,29 @@
                 "effects": [
                   [
                     "fetch",
-                    "QuizItem"
+                    "QuizItem",
+                    {
+                      "emit": {
+                        "failure": "QuizItemLoadFailed",
+                        "success": "QuizItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "type": "stack",
                           "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "help-circle",
-                              "size": "lg"
+                              "size": "lg",
+                              "name": "help-circle"
                             },
                             {
                               "type": "typography",
@@ -855,18 +910,15 @@
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "vertical",
-                              "gap": "md",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "help-circle",
-                                  "size": "lg"
+                                  "size": "lg",
+                                  "type": "icon"
                                 },
                                 {
                                   "type": "typography",
-                                  "variant": "h3",
                                   "content": [
                                     "object/get",
                                     [
@@ -874,18 +926,19 @@
                                       "@entity"
                                     ],
                                     "name"
-                                  ]
+                                  ],
+                                  "variant": "h3"
                                 }
-                              ]
+                              ],
+                              "direction": "vertical",
+                              "gap": "md"
                             }
                           ]
                         },
                         {
-                          "type": "simple-grid",
-                          "columns": 2,
                           "children": [
                             {
-                              "type": "button",
+                              "variant": "secondary",
                               "label": [
                                 "object/get",
                                 [
@@ -894,14 +947,18 @@
                                 ],
                                 "optionA"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
                               "actionPayload": {
                                 "answer": "A"
-                              }
+                              },
+                              "type": "button",
+                              "event": "ANSWER"
                             },
                             {
-                              "type": "button",
+                              "event": "ANSWER",
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "answer": "B"
+                              },
                               "label": [
                                 "object/get",
                                 [
@@ -910,14 +967,12 @@
                                 ],
                                 "optionB"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
-                              "actionPayload": {
-                                "answer": "B"
-                              }
+                              "type": "button"
                             },
                             {
                               "type": "button",
+                              "event": "ANSWER",
+                              "variant": "secondary",
                               "label": [
                                 "object/get",
                                 [
@@ -926,13 +981,13 @@
                                 ],
                                 "optionC"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
                               "actionPayload": {
                                 "answer": "C"
                               }
                             },
                             {
+                              "variant": "secondary",
+                              "event": "ANSWER",
                               "type": "button",
                               "label": [
                                 "object/get",
@@ -942,37 +997,30 @@
                                 ],
                                 "optionD"
                               ],
-                              "event": "ANSWER",
-                              "variant": "secondary",
                               "actionPayload": {
                                 "answer": "D"
                               }
                             }
-                          ]
+                          ],
+                          "type": "simple-grid",
+                          "columns": 2.0
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "align": "center",
-                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "signal",
-                                  "size": "sm"
+                                  "size": "sm",
+                                  "type": "icon"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Difficulty:"
+                                  "type": "typography",
+                                  "content": "Difficulty:",
+                                  "variant": "caption"
                                 },
                                 {
                                   "type": "badge",
@@ -985,23 +1033,23 @@
                                     "difficulty"
                                   ]
                                 }
-                              ]
+                              ],
+                              "gap": "sm",
+                              "type": "stack"
                             },
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
                               "gap": "xs",
+                              "direction": "horizontal",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "content": "Question"
+                                  "content": "Question",
+                                  "type": "typography"
                                 },
                                 {
                                   "type": "typography",
-                                  "variant": "caption",
                                   "content": [
                                     "+",
                                     [
@@ -1014,20 +1062,20 @@
                                         ],
                                         "currentIndex"
                                       ],
-                                      0
+                                      0.0
                                     ],
-                                    1
-                                  ]
+                                    1.0
+                                  ],
+                                  "variant": "caption"
                                 },
                                 {
                                   "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "of"
+                                  "content": "of",
+                                  "variant": "caption"
                                 },
                                 {
                                   "type": "typography",
-                                  "variant": "caption",
                                   "content": [
                                     "or",
                                     [
@@ -1038,20 +1086,31 @@
                                       ],
                                       "totalQuestions"
                                     ],
-                                    0
-                                  ]
+                                    0.0
+                                  ],
+                                  "variant": "caption"
                                 }
-                              ]
+                              ],
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "align": "center",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "direction": "horizontal"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "type": "stack"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -1067,4 +1126,4 @@
       ]
     }
   ]
-}
+}