@almadar/std 16.9.1 → 16.10.0

package/behaviors/registry/core-variations/atoms/std-browse-dense.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-browse-dense",
-  "version": "1.0.0",
-  "description": "Spreadsheet-style dense browse — sortable column-row table, sticky header, monospaced numerics, tight 8px row padding.",
+  "version": "1.1.0",
+  "description": "Spreadsheet-style dense browse — column-row data-table molecule with sticky header, monospaced numerics, status badges, tight row padding.",
   "orbitals": [
     {
       "name": "DenseBrowseOrbital",
@@ -66,118 +66,112 @@
             "bodyContent": {
               "children": [
                 {
-                  "gap": "sm",
-                  "align": "center",
+                  "className": "max-w-md",
+                  "type": "stack",
+                  "direction": "horizontal",
                   "children": [
                     {
                       "type": "icon",
                       "name": "search"
                     },
                     {
-                      "type": "input",
-                      "placeholder": "Filter records…",
                       "inputType": "search",
-                      "action": "REFETCH_QUERY"
+                      "type": "input",
+                      "action": "REFETCH_QUERY",
+                      "placeholder": "Filter records…"
                     }
                   ],
-                  "type": "stack",
-                  "direction": "horizontal",
-                  "className": "max-w-md"
+                  "align": "center",
+                  "gap": "sm"
                 },
                 {
-                  "type": "stack",
-                  "gap": "none",
-                  "className": "rounded-md border border-[var(--color-border)] overflow-hidden bg-[var(--color-surface)]",
-                  "direction": "vertical",
                   "children": [
                     {
                       "columns": [
                         {
-                          "width": "w-28",
-                          "label": "ID",
-                          "field": "id",
+                          "key": "id",
+                          "header": "ID",
                           "align": "left",
                           "className": "font-mono text-[var(--color-text-muted)] truncate",
-                          "header": "ID",
-                          "key": "id"
+                          "width": "w-28",
+                          "field": "id"
                         },
                         {
-                          "key": "name",
-                          "field": "name",
-                          "header": "NAME",
                           "weight": "medium",
-                          "label": "Name",
                           "className": "truncate",
-                          "width": "flex-1 min-w-[10rem]",
+                          "header": "Name",
+                          "field": "name",
+                          "key": "name",
+                          "width": "min-w-[10rem]",
                           "align": "left"
                         },
                         {
+                          "width": "min-w-[12rem]",
+                          "header": "Detail",
+                          "className": "text-[var(--color-text-muted)] truncate",
                           "field": "description",
-                          "label": "Detail",
                           "align": "left",
-                          "header": "DETAIL",
-                          "width": "flex-1 min-w-[12rem]",
-                          "className": "text-[var(--color-text-muted)] truncate",
                           "key": "description"
                         },
                         {
-                          "className": "font-mono tabular-nums",
-                          "label": "Value",
+                          "align": "right",
                           "field": "value",
-                          "header": "VALUE",
-                          "key": "value",
                           "width": "w-28",
-                          "align": "right"
+                          "className": "font-mono tabular-nums",
+                          "header": "Value",
+                          "key": "value"
                         },
                         {
-                          "label": "Change",
-                          "align": "right",
                           "field": "change",
-                          "className": "font-mono tabular-nums",
-                          "header": "CHANGE",
+                          "align": "right",
                           "key": "change",
-                          "width": "w-24"
+                          "header": "Change",
+                          "width": "w-24",
+                          "className": "font-mono tabular-nums"
                         },
                         {
-                          "label": "Volume",
+                          "key": "volume",
+                          "header": "Volume",
                           "field": "volume",
-                          "header": "VOLUME",
                           "width": "w-24",
                           "align": "right",
-                          "className": "font-mono tabular-nums text-[var(--color-text-muted)]",
-                          "key": "volume"
+                          "className": "font-mono tabular-nums text-[var(--color-text-muted)]"
                         },
                         {
-                          "width": "w-24",
+                          "header": "Status",
                           "field": "status",
-                          "header": "STATUS",
-                          "label": "Status",
+                          "width": "w-24",
                           "align": "center",
+                          "format": "badge",
                           "key": "status"
                         },
                         {
-                          "field": "createdAt",
-                          "align": "right",
-                          "header": "CREATED",
+                          "width": "w-36",
+                          "className": "font-mono tabular-nums text-[var(--color-text-muted)] whitespace-nowrap",
+                          "format": "date",
                           "key": "createdAt",
-                          "width": "w-32",
-                          "label": "Created",
-                          "className": "font-mono tabular-nums text-[var(--color-text-muted)] truncate"
+                          "field": "createdAt",
+                          "header": "Created",
+                          "align": "right"
                         }
                       ],
+                      "type": "table-view",
+                      "look": "dense",
                       "selectable": true,
-                      "entity": "@payload.data",
-                      "type": "table",
-                      "className": "w-full text-sm [&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[var(--color-surface-muted)] [&_thead]:text-[var(--color-text-muted)] [&_thead]:uppercase [&_thead]:text-xs [&_thead]:font-semibold [&_thead]:tracking-wide [&_thead]:border-b [&_thead]:border-[var(--color-border)] [&_tbody_tr]:border-b [&_tbody_tr]:border-[var(--color-border)] [&_tbody_tr:last-child]:border-b-0 [&_tbody_tr:hover]:bg-[var(--color-surface-muted)] [&_td]:px-3 [&_td]:py-2 [&_th]:px-3 [&_th]:py-2",
-                      "emptyMessage": "No records"
+                      "emptyMessage": "No records",
+                      "entity": "@payload.data"
                     }
-                  ]
+                  ],
+                  "direction": "vertical",
+                  "gap": "none",
+                  "type": "stack",
+                  "className": "rounded-lg border border-[var(--color-border)] overflow-x-auto bg-[var(--color-card)] shadow-sm"
                 }
               ],
               "gap": "sm",
               "className": "p-card-md",
-              "direction": "vertical",
-              "type": "stack"
+              "type": "stack",
+              "direction": "vertical"
             }
           }
         }

package/behaviors/registry/core-variations/atoms/std-browse-feed.orb

@@ -1,6 +1,6 @@
 {
   "name": "std-browse-feed",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Activity feed — chronological card-per-item stream with avatar, title, meta, body, timestamp; hover-lift, gap-md rhythm.",
   "orbitals": [
     {
@@ -56,74 +56,75 @@
           "linkedEntity": "FeedPost",
           "config": {
             "bodyContent": {
-              "gap": "lg",
-              "className": "max-w-2xl mx-auto p-card-md",
               "children": [
                 {
-                  "gap": "sm",
                   "type": "stack",
                   "className": "rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
                   "children": [
                     {
-                      "type": "icon",
-                      "name": "search"
+                      "name": "search",
+                      "type": "icon"
                     },
                     {
-                      "type": "input",
                       "placeholder": "Filter the feed…",
-                      "action": "REFETCH_QUERY",
-                      "inputType": "search"
+                      "type": "input",
+                      "className": "flex-1",
+                      "inputType": "search",
+                      "action": "REFETCH_QUERY"
                     }
                   ],
-                  "align": "center",
-                  "direction": "horizontal"
+                  "gap": "sm",
+                  "direction": "horizontal",
+                  "align": "center"
                 },
                 {
-                  "variant": "card",
+                  "entity": "@payload.data",
                   "fields": [],
+                  "type": "data-list",
+                  "variant": "card",
                   "renderItem": [
                     "fn",
                     "item",
                     {
-                      "type": "card",
-                      "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
                       "look": "flat-bordered",
                       "children": [
                         {
-                          "className": "p-card-md",
-                          "gap": "md",
+                          "direction": "horizontal",
+                          "align": "start",
                           "children": [
                             {
-                              "size": "md",
-                              "type": "avatar",
                               "fallback": "@item.name",
-                              "className": "rounded-full flex-shrink-0"
+                              "size": "md",
+                              "className": "rounded-full flex-shrink-0",
+                              "type": "avatar"
                             },
                             {
-                              "className": "flex-1 min-w-0",
                               "gap": "xs",
+                              "className": "flex-1 min-w-0",
+                              "type": "stack",
+                              "direction": "vertical",
                               "children": [
                                 {
-                                  "type": "stack",
+                                  "direction": "horizontal",
                                   "align": "center",
+                                  "className": "flex-wrap",
+                                  "gap": "xs",
+                                  "type": "stack",
                                   "children": [
                                     {
-                                      "className": "truncate",
+                                      "variant": "body",
                                       "content": "@item.name",
                                       "weight": "medium",
-                                      "variant": "body",
-                                      "type": "typography"
+                                      "type": "typography",
+                                      "className": "truncate"
                                     },
                                     {
-                                      "size": "sm",
-                                      "label": "@item.category",
                                       "variant": "neutral",
+                                      "label": "@item.category",
+                                      "size": "sm",
                                       "type": "badge"
                                     }
-                                  ],
-                                  "direction": "horizontal",
-                                  "gap": "xs",
-                                  "className": "flex-wrap"
+                                  ]
                                 },
                                 {
                                   "className": "text-[var(--color-foreground)] whitespace-pre-wrap break-words leading-relaxed",
@@ -132,46 +133,46 @@
                                   "type": "typography"
                                 },
                                 {
-                                  "direction": "horizontal",
-                                  "align": "center",
                                   "type": "stack",
+                                  "direction": "horizontal",
                                   "justify": "between",
                                   "className": "pt-1",
                                   "children": [
                                     {
-                                      "content": "@item.createdAt",
                                       "variant": "caption",
+                                      "type": "typography",
                                       "color": "muted",
-                                      "type": "typography"
+                                      "content": "@item.createdAt"
                                     },
                                     {
                                       "variant": "default",
+                                      "type": "badge",
                                       "label": "@item.status",
-                                      "size": "sm",
-                                      "type": "badge"
+                                      "size": "sm"
                                     }
                                   ],
-                                  "gap": "sm"
+                                  "gap": "sm",
+                                  "align": "center"
                                 }
-                              ],
-                              "type": "stack",
-                              "direction": "vertical"
+                              ]
                             }
                           ],
-                          "align": "start",
                           "type": "stack",
-                          "direction": "horizontal"
+                          "gap": "md",
+                          "className": "p-card-md"
                         }
-                      ]
+                      ],
+                      "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
+                      "type": "card"
                     }
                   ],
-                  "entity": "@payload.data",
-                  "gap": "md",
-                  "type": "data-list"
+                  "gap": "md"
                 }
               ],
               "type": "stack",
-              "direction": "vertical"
+              "className": "max-w-2xl mx-auto p-card-md",
+              "direction": "vertical",
+              "gap": "lg"
             }
           }
         }

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

@@ -1,6 +1,6 @@
 {
   "name": "std-browse-gallery",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Gallery browse — image-first responsive card grid (Pinterest/Dribbble) using data-grid with auto-fit minCardWidth so it stays a grid from 3 cols above 1200px down to 1 col under 600px.",
   "orbitals": [
     {
@@ -60,57 +60,57 @@
           "linkedEntity": "GalleryItem",
           "config": {
             "bodyContent": {
+              "type": "stack",
               "children": [
                 {
-                  "direction": "horizontal",
                   "type": "stack",
+                  "direction": "horizontal",
                   "className": "sticky top-0 z-10 -mx-card-md px-card-md py-3 bg-[var(--color-surface)]/95 backdrop-blur border-b border-[var(--color-border)]",
+                  "gap": "sm",
                   "children": [
                     {
-                      "className": "text-muted-foreground",
+                      "type": "icon",
                       "name": "search",
-                      "type": "icon"
+                      "className": "text-muted-foreground"
                     },
                     {
+                      "action": "REFETCH_QUERY",
                       "type": "input",
-                      "inputType": "search",
                       "placeholder": "Search the gallery…",
-                      "action": "REFETCH_QUERY"
+                      "inputType": "search"
                     }
                   ],
-                  "align": "center",
-                  "gap": "sm"
+                  "align": "center"
                 },
                 {
-                  "entity": "@payload.data",
                   "gap": "lg",
+                  "minCardWidth": 280.0,
                   "className": "w-full",
                   "renderItem": [
                     "fn",
                     "item",
                     {
-                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "vertical",
                           "className": "relative aspect-square w-full bg-muted overflow-hidden",
-                          "justify": "center",
                           "gap": "xs",
-                          "align": "center",
+                          "justify": "center",
                           "children": [
                             {
-                              "size": "lg",
                               "className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105",
+                              "size": "lg",
                               "name": "image",
                               "type": "icon"
                             },
                             {
-                              "color": "muted",
-                              "variant": "caption",
-                              "className": "px-2 text-center truncate max-w-full",
                               "type": "typography",
-                              "content": "@item.thumbnailLabel"
+                              "className": "px-2 text-center truncate max-w-full",
+                              "variant": "caption",
+                              "content": "@item.thumbnailLabel",
+                              "color": "muted"
                             },
                             {
                               "type": "stack",
@@ -121,63 +121,63 @@
                               "children": [
                                 {
                                   "variant": "primary",
-                                  "type": "badge",
-                                  "label": "@item.price"
+                                  "label": "@item.price",
+                                  "type": "badge"
                                 }
                               ]
                             },
                             {
                               "className": "absolute top-2 left-2",
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "xs",
+                              "align": "center",
                               "children": [
                                 {
                                   "label": "@item.status",
                                   "type": "badge",
                                   "variant": "neutral"
                                 }
-                              ],
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "xs",
-                              "align": "center"
+                              ]
                             }
-                          ]
+                          ],
+                          "align": "center"
                         },
                         {
-                          "className": "px-card-md pb-card-md",
+                          "direction": "vertical",
                           "gap": "xs",
-                          "type": "stack",
+                          "className": "p-card-md",
                           "children": [
                             {
-                              "content": "@item.name",
                               "type": "typography",
+                              "content": "@item.name",
                               "className": "truncate",
                               "variant": "h4"
                             },
                             {
-                              "content": "@item.description",
                               "type": "typography",
-                              "className": "line-clamp-2",
+                              "content": "@item.description",
                               "variant": "caption",
+                              "className": "line-clamp-2",
                               "color": "muted"
                             }
                           ],
-                          "direction": "vertical"
+                          "type": "stack"
                         }
                       ],
-                      "type": "stack",
                       "className": "group rounded-lg overflow-hidden bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm hover:shadow-hover hover:-translate-y-0.5 transition-all duration-normal cursor-pointer",
-                      "gap": "sm"
+                      "gap": "sm",
+                      "direction": "vertical"
                     }
                   ],
-                  "minCardWidth": 280.0,
                   "type": "data-grid",
-                  "fields": []
+                  "fields": [],
+                  "entity": "@payload.data"
                 }
               ],
+              "direction": "vertical",
               "gap": "lg",
-              "className": "max-w-7xl mx-auto px-card-md py-section",
-              "type": "stack",
-              "direction": "vertical"
+              "className": "max-w-7xl mx-auto px-card-md py-section"
             }
           }
         }