@almadar/std 14.26.0 → 14.27.0

package/behaviors/registry/core/atoms/std-gallery.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-gallery",
   "version": "1.0.0",
-  "description": "std-gallery as a Function",
+  "description": "std-gallery — image gallery primitive. Browses GalleryItems in a media-gallery grid; opens a lightbox modal for full-size viewing.",
   "orbitals": [
     {
       "name": "GalleryItemOrbital",
@@ -50,10 +50,47 @@
           "category": "interaction",
           "linkedEntity": "GalleryItem",
           "emits": [
+            {
+              "event": "VIEW",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.name",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.description",
+                  "type": "string"
+                },
+                {
+                  "name": "row.status",
+                  "type": "string"
+                },
+                {
+                  "name": "row.createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "row.imageUrl",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "CLOSE"
+            },
             {
               "event": "GalleryItemLoaded",
-              "description": "Fired when GalleryItem finishes loading; payload.data holds the gallery",
-              "scope": "internal",
               "payloadSchema": [
                 {
                   "name": "data",
@@ -63,8 +100,6 @@
             },
             {
               "event": "GalleryItemLoadFailed",
-              "description": "Fired when GalleryItem fails to load",
-              "scope": "internal",
               "payloadSchema": [
                 {
                   "name": "error",
@@ -130,6 +165,10 @@
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "GalleryItem"
                   }
                 ]
               },
@@ -158,22 +197,22 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "type": "stack",
                       "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Loading…",
+                          "type": "typography",
+                          "content": "Loading gallery…",
                           "color": "muted",
-                          "variant": "caption",
-                          "type": "typography"
+                          "variant": "caption"
                         }
-                      ],
-                      "gap": "md",
-                      "direction": "vertical",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -187,72 +226,35 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
+                          "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
-                              "gap": "sm",
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "image"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "GalleryItems Gallery",
-                                  "variant": "h2"
-                                }
-                              ]
+                              "type": "icon",
+                              "name": "image"
                             },
                             {
-                              "color": "muted",
+                              "content": "@config.title",
                               "type": "typography",
-                              "variant": "caption",
-                              "content": "Click any image to view full size"
+                              "variant": "h3"
                             }
                           ],
-                          "justify": "between",
-                          "align": "center",
                           "direction": "horizontal",
-                          "gap": "md",
                           "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "md",
-                          "imageField": "imageUrl",
-                          "type": "data-grid",
-                          "itemActions": [
-                            {
-                              "icon": "maximize",
-                              "label": "View",
-                              "event": "VIEW"
-                            }
-                          ],
-                          "fields": [
-                            {
-                              "label": "Title",
-                              "variant": "h4",
-                              "name": "name"
-                            },
-                            {
-                              "name": "status",
-                              "variant": "badge",
-                              "label": "Status"
-                            }
-                          ],
-                          "cols": 3.0,
+                          "type": "media-gallery",
                           "entity": "@payload.data"
                         }
-                      ],
-                      "type": "stack",
-                      "gap": "lg",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -266,36 +268,9 @@
                     "render-ui",
                     "main",
                     {
-                      "children": [
-                        {
-                          "type": "icon",
-                          "name": "alert-triangle",
-                          "color": "destructive"
-                        },
-                        {
-                          "variant": "h3",
-                          "content": "Failed to load",
-                          "type": "typography"
-                        },
-                        {
-                          "type": "typography",
-                          "variant": "body",
-                          "content": "@payload.error",
-                          "color": "muted"
-                        },
-                        {
-                          "icon": "rotate-ccw",
-                          "type": "button",
-                          "action": "INIT",
-                          "label": "Retry",
-                          "variant": "primary"
-                        }
-                      ],
-                      "gap": "md",
-                      "direction": "vertical",
-                      "align": "center",
-                      "className": "py-12",
-                      "type": "stack"
+                      "message": "@payload.error",
+                      "type": "alert",
+                      "variant": "error"
                     }
                   ]
                 ]
@@ -305,22 +280,42 @@
                 "to": "viewing",
                 "event": "VIEW",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.name",
+                    "@payload.row.name"
+                  ],
+                  [
+                    "set",
+                    "@entity.description",
+                    "@payload.row.description"
+                  ],
+                  [
+                    "set",
+                    "@entity.imageUrl",
+                    "@payload.row.imageUrl"
+                  ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "type": "lightbox",
-                      "closeAction": "CLOSE",
                       "images": [
                         {
-                          "src": "https://picsum.photos/seed/gallery1/800/600",
-                          "alt": "Image",
-                          "caption": "Image"
+                          "alt": "@entity.name",
+                          "src": "@entity.imageUrl",
+                          "caption": "@entity.name"
                         }
                       ],
-                      "isOpen": true,
                       "showCounter": true,
-                      "currentIndex": 0.0
+                      "type": "lightbox",
+                      "isOpen": true,
+                      "currentIndex": 0.0,
+                      "closeAction": "CLOSE"
                     }
                   ]
                 ]
@@ -340,8 +335,8 @@
                     "GalleryItem",
                     {
                       "emit": {
-                        "failure": "GalleryItemLoadFailed",
-                        "success": "GalleryItemLoaded"
+                        "success": "GalleryItemLoaded",
+                        "failure": "GalleryItemLoadFailed"
                       }
                     }
                   ],
@@ -349,7 +344,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "spinner"
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Loading gallery…",
+                          "color": "muted"
+                        }
+                      ],
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -373,6 +383,7 @@
                     "render-ui",
                     "main",
                     {
+                      "size": "sm",
                       "type": "spinner"
                     }
                   ]
@@ -380,6 +391,12 @@
               }
             ]
           },
+          "config": {
+            "title": {
+              "type": "string",
+              "default": "Gallery"
+            }
+          },
           "scope": "collection"
         }
       ],

package/behaviors/registry/core/atoms/std-image-upload-multi.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-image-upload-multi",
   "version": "1.0.0",
-  "description": "std-image-upload-multi — multi-image upload with drop zone, gallery preview, and per-batch progress. Owns an UploadedImage entity scoped by parentId/parentType so listings, marketplaces, restaurant menus, and vendor onboarding can all reuse the same upload contract.",
+  "description": "std-image-upload-multi — multi-image upload with drop zone, gallery preview, and per-batch progress.",
   "orbitals": [
     {
       "name": "UploadedImageOrbital",
@@ -314,8 +314,8 @@
                     "UploadedImage",
                     {
                       "emit": {
-                        "failure": "UploadedImageLoadFailed",
-                        "success": "UploadedImageLoaded"
+                        "success": "UploadedImageLoaded",
+                        "failure": "UploadedImageLoadFailed"
                       }
                     }
                   ],
@@ -323,19 +323,19 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "align": "center",
-                      "direction": "vertical",
                       "gap": "md",
                       "className": "py-12",
+                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
+                          "variant": "caption",
                           "content": "Loading images…"
                         }
                       ]
@@ -352,30 +352,45 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "children": [
                         {
-                          "variant": "h3",
-                          "content": "@config.title",
-                          "type": "typography"
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "image-plus"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "@config.title",
+                              "variant": "h3"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "type": "stack",
+                          "align": "center"
+                        },
+                        {
+                          "type": "divider"
                         },
                         {
-                          "type": "upload-drop-zone",
-                          "maxFiles": "@config.maxImages",
-                          "label": "Drop images here",
-                          "description": "or click to browse",
-                          "icon": "image-plus",
                           "action": "UPLOAD",
+                          "description": "or click to browse",
+                          "maxFiles": "@config.maxImages",
                           "maxSize": "@config.maxBytesPerImage",
-                          "accept": "@config.accept"
+                          "label": "Drop images here",
+                          "type": "upload-drop-zone",
+                          "accept": "@config.accept",
+                          "icon": "image-plus"
                         },
                         {
                           "entity": "@payload.data",
                           "type": "media-gallery"
                         }
                       ],
-                      "gap": "md",
-                      "type": "stack"
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -389,9 +404,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
+                      "message": "@payload.error",
                       "type": "alert",
-                      "message": "@payload.error"
+                      "variant": "error"
                     }
                   ]
                 ]
@@ -408,8 +423,8 @@
                     "@payload.files",
                     {
                       "emit": {
-                        "success": "UploadedImageCreated",
-                        "failure": "UploadedImageUploadFailed"
+                        "failure": "UploadedImageUploadFailed",
+                        "success": "UploadedImageCreated"
                       }
                     }
                   ],
@@ -417,24 +432,24 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "py-12",
                       "gap": "md",
                       "direction": "vertical",
-                      "className": "py-12",
                       "children": [
                         {
-                          "content": "Uploading images…",
                           "type": "typography",
-                          "variant": "h3"
+                          "variant": "h3",
+                          "content": "Uploading images…"
                         },
                         {
-                          "max": 100.0,
                           "progressType": "linear",
                           "value": 0.0,
-                          "type": "progress-bar"
+                          "type": "progress-bar",
+                          "max": 100.0
                         }
                       ],
-                      "align": "center",
-                      "type": "stack"
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -501,8 +516,8 @@
                     "UploadedImage",
                     {
                       "emit": {
-                        "success": "UploadedImageLoaded",
-                        "failure": "UploadedImageLoadFailed"
+                        "failure": "UploadedImageLoadFailed",
+                        "success": "UploadedImageLoaded"
                       }
                     }
                   ],
@@ -510,23 +525,23 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "align": "center",
                       "direction": "vertical",
+                      "className": "py-12",
+                      "type": "stack",
                       "children": [
                         {
-                          "name": "check-circle",
+                          "color": "success",
                           "type": "icon",
-                          "color": "success"
+                          "name": "check-circle"
                         },
                         {
+                          "type": "typography",
                           "variant": "h3",
-                          "content": "Upload complete",
-                          "type": "typography"
+                          "content": "Upload complete"
                         }
-                      ],
-                      "align": "center",
-                      "gap": "md",
-                      "type": "stack",
-                      "className": "py-12"
+                      ]
                     }
                   ]
                 ]
@@ -540,9 +555,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error"
+                      "message": "@payload.error",
+                      "type": "alert"
                     }
                   ]
                 ]
@@ -558,28 +573,43 @@
                     {
                       "children": [
                         {
-                          "type": "typography",
-                          "variant": "h3",
-                          "content": "@config.title"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "align": "center",
+                          "children": [
+                            {
+                              "name": "image-plus",
+                              "type": "icon"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "@config.title",
+                              "variant": "h3"
+                            }
+                          ],
+                          "gap": "sm"
                         },
                         {
-                          "type": "upload-drop-zone",
+                          "type": "divider"
+                        },
+                        {
+                          "action": "UPLOAD",
                           "description": "or click to browse",
-                          "maxSize": "@config.maxBytesPerImage",
-                          "maxFiles": "@config.maxImages",
                           "accept": "@config.accept",
+                          "maxFiles": "@config.maxImages",
                           "label": "Drop images here",
-                          "action": "UPLOAD",
+                          "maxSize": "@config.maxBytesPerImage",
+                          "type": "upload-drop-zone",
                           "icon": "image-plus"
                         },
                         {
-                          "entity": "@payload.data",
-                          "type": "media-gallery"
+                          "type": "media-gallery",
+                          "entity": "@payload.data"
                         }
                       ],
-                      "type": "stack",
                       "gap": "md",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -591,14 +621,14 @@
               "type": "string",
               "default": "Upload Images"
             },
-            "maxBytesPerImage": {
-              "type": "number",
-              "default": 10485760.0
-            },
             "accept": {
               "type": "string",
               "default": "image/*"
             },
+            "maxBytesPerImage": {
+              "type": "number",
+              "default": 10485760.0
+            },
             "maxImages": {
               "type": "number",
               "default": 10.0