@almadar/std 14.25.0 → 14.27.0

package/behaviors/registry/app/molecules/std-form-builder.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-form-builder",
   "version": "1.0.0",
-  "description": "std-form-builder — survey form composer. One Survey entity holds metadata, a JSON-encoded question library, and JSON-encoded branching rules. Three traits coordinate authoring on a single page: SurveyManage (CRUD on the survey), SurveyQuestions (in-place editing of questionsJson), SurveyBranching (in-place editing of rulesJson).",
+  "description": "std-form-builder — survey form composer with list/detail browse + sidebar question and rules editors.",
   "orbitals": [
     {
       "name": "FormBuilderOrbital",
@@ -54,20 +54,10 @@
           "linkedEntity": "Survey",
           "emits": [
             {
-              "event": "CREATE",
-              "payloadSchema": [
-                {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
-                }
-              ]
-            },
-            {
-              "event": "UPDATE",
+              "event": "OPEN_SURVEY",
               "payloadSchema": [
                 {
-                  "name": "surveyId",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 },
@@ -100,6 +90,19 @@
                 {
                   "name": "row.createdAt",
                   "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "CLOSE_VIEW"
+            },
+            {
+              "event": "CREATE",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
                 },
                 {
                   "name": "data",
@@ -111,6 +114,11 @@
             {
               "event": "PUBLISH",
               "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
                 {
                   "name": "surveyId",
                   "type": "string",
@@ -279,7 +287,7 @@
                 "name": "browsing"
               },
               {
-                "name": "editing"
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -315,29 +323,29 @@
                 ]
               },
               {
-                "key": "CREATE",
-                "name": "Create",
+                "key": "OPEN_SURVEY",
+                "name": "Open Survey",
                 "payloadSchema": [
                   {
-                    "name": "data",
-                    "type": "object",
+                    "name": "id",
+                    "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "Survey"
                   }
                 ]
               },
               {
-                "key": "UPDATE",
-                "name": "Update",
+                "key": "CREATE",
+                "name": "Create",
                 "payloadSchema": [
                   {
-                    "name": "surveyId",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   },
-                  {
-                    "name": "row",
-                    "type": "Survey"
-                  },
                   {
                     "name": "data",
                     "type": "object",
@@ -349,6 +357,11 @@
                 "key": "PUBLISH",
                 "name": "Publish",
                 "payloadSchema": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
                   {
                     "name": "surveyId",
                     "type": "string",
@@ -390,6 +403,10 @@
                     "required": true
                   }
                 ]
+              },
+              {
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               }
             ],
             "transitions": [
@@ -403,8 +420,8 @@
                     "Survey",
                     {
                       "emit": {
-                        "failure": "SurveyLoadFailed",
-                        "success": "SurveyLoaded"
+                        "success": "SurveyLoaded",
+                        "failure": "SurveyLoadFailed"
                       }
                     }
                   ],
@@ -412,22 +429,22 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
+                          "variant": "caption",
                           "type": "typography",
                           "content": "Loading surveys…",
-                          "variant": "caption"
+                          "color": "muted"
                         }
                       ],
-                      "direction": "vertical",
                       "gap": "md",
-                      "align": "center",
-                      "className": "py-12",
-                      "type": "stack"
+                      "align": "center"
                     }
                   ]
                 ]
@@ -444,68 +461,81 @@
                       "type": "stack",
                       "children": [
                         {
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "clipboard-list"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "h3",
+                              "content": "@config.title"
+                            }
+                          ],
                           "type": "stack",
-                          "justify": "between",
-                          "direction": "horizontal",
+                          "direction": "horizontal"
+                        },
+                        {
                           "children": [
                             {
-                              "children": [
-                                {
-                                  "name": "clipboard-list",
-                                  "type": "icon"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "@config.title",
-                                  "variant": "h2"
-                                }
-                              ],
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm"
+                              "value": "@payload.data.length",
+                              "label": "Total surveys",
+                              "type": "stat-display",
+                              "icon": "clipboard-list"
                             },
                             {
-                              "icon": "plus",
-                              "label": "New survey",
-                              "type": "button",
-                              "action": "CREATE",
-                              "variant": "primary"
+                              "type": "stat-display",
+                              "value": "5",
+                              "icon": "edit",
+                              "label": "Drafts"
+                            },
+                            {
+                              "label": "Published",
+                              "type": "stat-display",
+                              "value": "12",
+                              "icon": "send"
+                            },
+                            {
+                              "type": "stat-display",
+                              "icon": "users",
+                              "value": "284",
+                              "label": "Responses today"
                             }
                           ],
-                          "gap": "sm"
+                          "cols": 4.0,
+                          "type": "simple-grid"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "entity": "@payload.data",
-                          "gap": "sm",
+                          "type": "data-grid",
                           "itemActions": [
                             {
-                              "icon": "edit",
-                              "label": "Edit",
-                              "variant": "ghost",
-                              "event": "UPDATE"
+                              "variant": "primary",
+                              "label": "Open",
+                              "event": "OPEN_SURVEY",
+                              "icon": "arrow-right"
                             },
                             {
-                              "variant": "primary",
                               "label": "Publish",
+                              "event": "PUBLISH",
                               "icon": "send",
-                              "event": "PUBLISH"
+                              "variant": "secondary"
                             }
                           ],
-                          "cols": 1.0,
-                          "type": "data-grid",
                           "fields": [
                             {
+                              "variant": "caption",
                               "name": "title",
-                              "label": "Title",
-                              "variant": "h4"
+                              "label": "Title"
                             },
                             {
+                              "name": "description",
                               "variant": "caption",
-                              "label": "Description",
-                              "name": "description"
+                              "label": "Description"
                             },
                             {
                               "variant": "badge",
@@ -517,11 +547,14 @@
                               "label": "Created",
                               "variant": "caption"
                             }
-                          ]
+                          ],
+                          "entity": "@payload.data",
+                          "cols": 1.0,
+                          "gap": "sm"
                         }
                       ],
                       "direction": "vertical",
-                      "gap": "lg"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -535,8 +568,8 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
                       "message": "@payload.error",
+                      "variant": "error",
                       "type": "alert"
                     }
                   ]
@@ -544,32 +577,13 @@
               },
               {
                 "from": "browsing",
-                "to": "editing",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "Survey",
-                    "@payload.data",
-                    {
-                      "emit": {
-                        "failure": "SurveyLoadFailed",
-                        "success": "SurveyCreated"
-                      }
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "editing",
-                "event": "UPDATE",
+                "to": "viewing_single",
+                "event": "OPEN_SURVEY",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.surveyId"
+                    "@payload.row.id"
                   ],
                   [
                     "set",
@@ -601,23 +615,187 @@
                     "@entity.createdAt",
                     "@payload.row.createdAt"
                   ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "action": "CLOSE_VIEW",
+                              "type": "button",
+                              "variant": "ghost",
+                              "label": "Back"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "clipboard-list"
+                            },
+                            {
+                              "variant": "h3",
+                              "type": "typography",
+                              "content": "@entity.title"
+                            },
+                            {
+                              "type": "badge",
+                              "variant": "default",
+                              "label": "@entity.status"
+                            }
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "direction": "vertical",
+                          "type": "stack",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "content": "Description",
+                                  "color": "muted",
+                                  "type": "typography"
+                                },
+                                {
+                                  "variant": "body",
+                                  "type": "typography",
+                                  "content": "@entity.description"
+                                }
+                              ],
+                              "type": "stack"
+                            },
+                            {
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Survey ID",
+                                  "type": "typography"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.id"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "cols": 2.0,
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "label": "Created",
+                              "value": "@entity.createdAt",
+                              "icon": "calendar"
+                            },
+                            {
+                              "label": "Status",
+                              "type": "stat-display",
+                              "icon": "activity",
+                              "value": "@entity.status"
+                            }
+                          ]
+                        },
+                        {
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Publish",
+                              "actionPayload": {
+                                "id": "@entity.id",
+                                "surveyId": "@entity.id",
+                                "row": "@entity"
+                              },
+                              "variant": "primary",
+                              "action": "PUBLISH"
+                            },
+                            {
+                              "label": "New Survey",
+                              "action": "CREATE",
+                              "variant": "secondary",
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id",
+                                "data": "@entity"
+                              }
+                            }
+                          ],
+                          "type": "stack",
+                          "align": "center",
+                          "gap": "sm"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "loading",
+                "event": "CREATE",
+                "effects": [
                   [
                     "persist",
-                    "update",
+                    "create",
                     "Survey",
-                    "@entity",
+                    "@payload.data",
                     {
                       "emit": {
-                        "success": "SurveyUpdated",
-                        "failure": "SurveyLoadFailed"
+                        "failure": "SurveyLoadFailed",
+                        "success": "SurveyCreated"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "align": "center",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Creating survey…",
+                          "type": "typography",
+                          "color": "muted"
+                        }
+                      ]
+                    }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "editing",
+                "to": "loading",
                 "event": "PUBLISH",
                 "effects": [
                   [
@@ -641,6 +819,28 @@
                         "failure": "SurveyLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "direction": "vertical",
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Publishing survey…",
+                          "type": "typography",
+                          "color": "muted",
+                          "variant": "caption"
+                        }
+                      ],
+                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md"
+                    }
                   ]
                 ]
               },
@@ -671,8 +871,8 @@
                     "Survey",
                     {
                       "emit": {
-                        "success": "SurveyLoaded",
-                        "failure": "SurveyLoadFailed"
+                        "failure": "SurveyLoadFailed",
+                        "success": "SurveyLoaded"
                       }
                     }
                   ]
@@ -704,76 +904,140 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
                       "message": "@payload.error",
-                      "type": "alert"
+                      "type": "alert",
+                      "variant": "error"
                     }
                   ]
                 ]
               },
               {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "SurveyCreated",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
                     "Survey",
                     {
                       "emit": {
-                        "success": "SurveyLoaded",
-                        "failure": "SurveyLoadFailed"
+                        "failure": "SurveyLoadFailed",
+                        "success": "SurveyLoaded"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "content": "Loading surveys…",
+                          "variant": "caption",
+                          "type": "typography"
+                        }
+                      ],
+                      "align": "center"
+                    }
                   ]
                 ]
               },
               {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "SurveyUpdated",
+                "event": "PUBLISH",
                 "effects": [
                   [
-                    "fetch",
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "published"
+                  ],
+                  [
+                    "persist",
+                    "update",
                     "Survey",
+                    "@entity",
                     {
                       "emit": {
-                        "failure": "SurveyLoadFailed",
-                        "success": "SurveyLoaded"
+                        "success": "SurveyPublished",
+                        "failure": "SurveyLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "align": "center",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "content": "Publishing survey…",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical"
+                    }
                   ]
                 ]
               },
               {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "SurveyPublished",
+                "event": "CREATE",
                 "effects": [
                   [
-                    "fetch",
+                    "persist",
+                    "create",
                     "Survey",
+                    "@payload.data",
                     {
                       "emit": {
-                        "success": "SurveyLoaded",
+                        "success": "SurveyCreated",
                         "failure": "SurveyLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "editing",
-                "to": "error",
-                "event": "SurveyLoadFailed",
-                "effects": [
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
-                      "message": "@payload.error",
-                      "type": "alert"
+                      "className": "py-12",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "type": "stack",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Creating survey…",
+                          "variant": "caption",
+                          "color": "muted"
+                        }
+                      ]
                     }
                   ]
                 ]
@@ -797,8 +1061,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]
@@ -948,41 +1212,42 @@
                     "render-ui",
                     "sidebar",
                     {
-                      "gap": "md",
                       "direction": "vertical",
                       "type": "stack",
+                      "gap": "md",
                       "children": [
                         {
+                          "align": "center",
+                          "gap": "sm",
+                          "direction": "horizontal",
                           "type": "stack",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "list-checks"
+                              "name": "list-checks",
+                              "type": "icon"
                             },
                             {
+                              "variant": "h3",
                               "content": "@config.title",
-                              "type": "typography",
-                              "variant": "h3"
+                              "type": "typography"
                             }
-                          ],
-                          "direction": "horizontal",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "placeholder": "Questions JSON",
                           "type": "input",
                           "value": "@entity.questionsJson",
-                          "placeholder": "Questions JSON",
                           "action": "EDIT_QUESTIONS_JSON"
                         },
                         {
                           "type": "button",
                           "label": "Save questions",
-                          "variant": "primary",
                           "action": "SAVE_QUESTIONS",
-                          "icon": "save"
+                          "icon": "save",
+                          "variant": "primary"
                         }
                       ]
                     }
@@ -1039,9 +1304,9 @@
                     "render-ui",
                     "sidebar",
                     {
+                      "variant": "error",
                       "type": "alert",
-                      "message": "@payload.error",
-                      "variant": "error"
+                      "message": "@payload.error"
                     }
                   ]
                 ]
@@ -1191,48 +1456,44 @@
                     "render-ui",
                     "sidebar",
                     {
-                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "type": "stack",
                           "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "git-branch"
+                              "name": "git-branch",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
                               "content": "@config.title",
                               "variant": "h3"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
-                        {
-                          "rules": [],
-                          "type": "branching-logic-builder",
-                          "questions": []
-                        },
                         {
                           "type": "input",
-                          "action": "EDIT_RULES_JSON",
                           "value": "@entity.rulesJson",
+                          "action": "EDIT_RULES_JSON",
                           "placeholder": "Rules JSON"
                         },
                         {
-                          "icon": "save",
                           "type": "button",
-                          "action": "SAVE_RULES",
+                          "variant": "primary",
+                          "icon": "save",
                           "label": "Save rules",
-                          "variant": "primary"
+                          "action": "SAVE_RULES"
                         }
                       ],
                       "gap": "md",
-                      "direction": "vertical"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1287,9 +1548,9 @@
                     "render-ui",
                     "sidebar",
                     {
-                      "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error"
+                      "message": "@payload.error",
+                      "type": "alert"
                     }
                   ]
                 ]
@@ -1324,4 +1585,4 @@
       ]
     }
   ]
-}
+}