@almadar/std 16.148.0 → 16.150.0

package/behaviors/lolo/ui/core/atoms/std-browse.lolo

@@ -1,8 +1,8 @@
 app std-browse "2.3.0"
-"std-browse as a Function — single primitive: data-grid. Owns the fetch + REFETCH (query/filter/page) state machine. Consumers configure fields/imageField/itemActions/cols/gap/variant; the atom renders the grid. Each `fields[]` entry accepts `{ name, label, variant }` plus optional `referenceEntity` + `displayField` to render a foreign-key column as the joined entity's display value (data-grid resolves @list[referenceEntity] at render time when both keys are present). `browseLook` (table default / dense / feed / gallery) selects one of four render bodies; dense/feed/gallery were folded in from std-browse-dense/-feed/-gallery (Phase 5.B) and their consumers retarget by setting browseLook."
-type FieldSpec = { name : string!, label : string, variant : string, icon : string, format : string, key : string, header : string }
-type ItemAction = { label : string!, event : string, navigatesTo : string, variant : string, icon : string }
-type ColumnSpec = { key : string!, field : string, header : string, width : string, align : string, className : string, weight : string, format : string, icon : string }
+"std-browse as a Function — single primitive: data-grid. Owns the fetch + REFETCH (query/filter/page) state machine. Consumers configure fields/imageField/itemActions/cols/gap/variant; the atom renders the grid. Each `fields[]` entry accepts `{ name, label, variant }` plus optional `referenceEntity` + `displayField` to render a foreign-key column as the joined entity's display value (data-grid resolves @list[referenceEntity] at render time when both keys are present). `browseLook` (table default / dense / feed / gallery / master-detail / triage) selects one of six render bodies; dense/feed/gallery were folded in from std-browse-dense/-feed/-gallery (Phase 5.B); master-detail (split record view driven by the guarded VIEW/CLOSE self-transitions) and triage (inbox rows) were folded in 2026-07-26. Consumers retarget by setting browseLook."
+type FieldSpec = { name : string!, label : string, variant : h3 | h4 | body | caption | badge | small | progress, icon : string, format : date | currency | number | boolean | percent, key : string, header : string }
+type ItemAction = { label : string!, event : string, navigatesTo : string, variant : primary | secondary | ghost | danger, icon : string }
+type ColumnSpec = { key : string!, field : string, header : string, width : string, align : left | center | right, className : string, weight : normal | medium | semibold, format : badge | date | currency | number | percent | boolean, icon : string }
 type FilterSpec = { field : string!, label : string, options : [string] }
 orbital BrowseItemOrbital {
     type BrowseItemLoaded = Event { data : [BrowseItem], totalCount : number } "Fired when the BrowseItem collection finishes loading; payload.data holds the (possibly paginated) slice and totalCount holds the unsliced filter total. totalCount is optional so compiled-path emitters that haven't been migrated yet still validate"
@@ -20,6 +20,7 @@ orbital BrowseItemOrbital {
   uses Typography from "std/behaviors/ui-typography"
   uses DataGrid from "std/behaviors/ui-data-grid"
   uses TableView from "std/behaviors/ui-table-view"
+  uses DataList from "std/behaviors/ui-data-list"
 
   trait DataGrid1 = DataGrid.traits.DataGridRender -> BrowseItem {
     config {
@@ -28,6 +29,7 @@ orbital BrowseItemOrbital {
       gap: @config.gap
       imageField: @config.imageField
       itemActions: @config.itemActions
+      maxInlineActions: @config.maxInlineActions
       pageSize: @config.displayPageSize
     }
 
@@ -44,7 +46,7 @@ orbital BrowseItemOrbital {
       look: dense
       maxInlineActions: @config.maxInlineActions
       pageSize: @config.displayPageSize
-      selectable: true
+      selectable: @config.selectable
     }
 
     listens {
@@ -52,6 +54,20 @@ orbital BrowseItemOrbital {
     }
   }
 
+  trait MasterListView = DataList.traits.DataListRender -> BrowseItem {
+    config {
+      fields: @config.fields
+      itemActions: @config.itemActions
+      itemClickEvent: VIEW
+      maxInlineActions: @config.maxInlineActions
+      variant: compact
+    }
+
+    listens {
+      BrowseItemBrowse.BrowseItemLoaded -> DataListLoaded
+    }
+  }
+
   trait BrowseItemBrowse -> @rebindable BrowseItem [interaction, collection] {
     initial: loading
 
@@ -62,7 +78,7 @@ orbital BrowseItemOrbital {
           limit: @config.pageSize
           offset: 0
         })
-        (render-ui main { size: sm, type: spinner })
+        (render-ui main { rows: 4, type: skeleton })
       BrowseItemLoaded -> browsing
         (if ["=", @config.browseLook, dense]
           (render-ui main @config.denseBodyContent)
@@ -70,9 +86,13 @@ orbital BrowseItemOrbital {
             (render-ui main @config.feedBodyContent)
             (if ["=", @config.browseLook, gallery]
               (render-ui main @config.galleryBodyContent)
-              (render-ui main @config.bodyContent))))
+              (if ["=", @config.browseLook, master-detail]
+                (render-ui main @config.masterDetailBodyContent)
+                (if ["=", @config.browseLook, triage]
+                  (render-ui main @config.triageBodyContent)
+                  (render-ui main @config.bodyContent))))))
       BrowseItemLoadFailed -> error
-        (render-ui main { children: [{ color: error, content: ?error, type: typography, variant: caption }], direction: vertical, type: stack })
+        (render-ui main { message: ?error, title: "Couldn't load this list", type: alert, variant: error })
     }
 
     state browsing {
@@ -82,7 +102,7 @@ orbital BrowseItemOrbital {
           limit: @config.pageSize
           offset: 0
         })
-        (render-ui main { size: sm, type: spinner })
+        (render-ui main { rows: 4, type: skeleton })
       ;; REFETCH_* stays in `browsing` and DOES NOT replace the data-grid
       ;; with a spinner. Replacing during search-as-you-type unmounts the
       ;; grid every keystroke and causes a visible flicker. The fetch fires
@@ -109,6 +129,14 @@ orbital BrowseItemOrbital {
           limit: @config.pageSize
           offset: ["*", ["-", ?page, 1], @config.pageSize]
         })
+      ;; master-detail only: opening a row re-renders the split view with the
+      ;; clicked row's detail (payload ?row feeds the panel). Guard keeps every
+      ;; other look's machine untouched — VIEW still reaches external listeners
+      ;; either way, and no effect here re-emits the trigger.
+      VIEW -> browsing when ["=", @config.browseLook, "master-detail"]
+        (render-ui main @config.masterDetailRecordBodyContent)
+      CLOSE -> browsing when ["=", @config.browseLook, "master-detail"]
+        (render-ui main @config.masterDetailBodyContent)
       BrowseItemLoaded -> browsing
         (if ["=", @config.browseLook, dense]
           (render-ui main @config.denseBodyContent)
@@ -116,7 +144,11 @@ orbital BrowseItemOrbital {
             (render-ui main @config.feedBodyContent)
             (if ["=", @config.browseLook, gallery]
               (render-ui main @config.galleryBodyContent)
-              (render-ui main @config.bodyContent))))
+              (if ["=", @config.browseLook, master-detail]
+                (render-ui main @config.masterDetailBodyContent)
+                (if ["=", @config.browseLook, triage]
+                  (render-ui main @config.triageBodyContent)
+                  (render-ui main @config.bodyContent))))))
     }
 
     state error {
@@ -126,7 +158,7 @@ orbital BrowseItemOrbital {
           limit: @config.pageSize
           offset: 0
         })
-        (render-ui main { size: sm, type: spinner })
+        (render-ui main { rows: 4, type: skeleton })
     }
 
     emits {
@@ -300,11 +332,16 @@ orbital BrowseItemOrbital {
         @description "Dropdown filter facets by field. Each fires a refetch when the user changes the selection. Empty = no filter bar."
         @synonyms "filter bar, faceted filters, field filters, column filters, dropdowns"
         @tier "presentation"
-      maxInlineActions : number = 99
+      maxInlineActions : number = 3
         @label "How many row actions to show before collapsing?"
         @description "Actions beyond this count collapse into a '⋯' overflow menu. Set 2–3 for dense tables."
         @synonyms "inline actions limit, overflow threshold, max buttons per row"
         @tier "presentation"
+      selectable : boolean = false
+        @label "Show row selection checkboxes?"
+        @description "Adds a checkbox column with select-all to the dense table. Enable only when the surface offers bulk actions — checkboxes with nothing to act on are a dead affordance."
+        @synonyms "row checkboxes, multi-select, bulk select, selection column"
+        @tier "presentation"
       bodySearch : boolean = true
         @label "Show the list's own search box?"
         @description "The dense/feed/gallery looks embed their own search box above the rows. Set false when the page already provides a search affordance (a toolbar Search molecule), so the surface shows one search box instead of two."
@@ -319,9 +356,14 @@ orbital BrowseItemOrbital {
         @label "Render pattern"
         @description "UI pattern used to render the collection. Used by the default bodyContent tree; Layer 3 variants override bodyContent directly instead and may ignore this knob."
         @tier "internal"
-      browseLook : "table" | "dense" | "feed" | "gallery" = table
+      browseLook : "table" | "dense" | "feed" | "gallery" | "master-detail" | "triage" = table
         @label "Browse look"
-        @description "Layer 2 visual treatment for the whole browse surface. table = the default data-grid (bodyContent); dense = spreadsheet-style sticky-header table with search bar (denseBodyContent); feed = chronological card stream (feedBodyContent); gallery = image-first responsive card grid (galleryBodyContent). Selecting a non-table look swaps which body tree renders after rows load; any of the four bodies may still be overridden directly at the call site for a one-off layout."
+        @description "Layer 2 visual treatment for the whole browse surface. table = the default data-grid (bodyContent); dense = spreadsheet-style table with toolbar search (denseBodyContent); feed = chronological card stream (feedBodyContent); gallery = image-first responsive card grid (galleryBodyContent); master-detail = record-work split view — dense list left, clicked record's detail right (masterDetailBodyContent); triage = inbox-register compact rows for queue work (triageBodyContent). Selecting a non-table look swaps which body tree renders after rows load; any body may still be overridden directly at the call site for a one-off layout."
+        @tier "presentation"
+      detailFields : [string] = [name, description, status, createdAt]
+        @label "Which fields appear in the master-detail record pane?"
+        @description "Field names shown in the detail panel when browseLook = master-detail; the first entry doubles as the pane title. Consumers overriding columns/fields should override this list to match their entity."
+        @synonyms "detail columns, record fields, detail pane fields"
         @tier "presentation"
       bodyContent : render-ui = {
         children: [@trait.DataGrid1]
@@ -334,13 +376,13 @@ orbital BrowseItemOrbital {
       denseBodyContent : render-ui = {
         children: [(if @config.bodySearch {
           children: [{
-            className: w-full
+            className: "w-full max-w-md"
             clearable: true
             event: REFETCH_QUERY
             placeholder: @config.searchPlaceholder
             type: search-input
           }]
-          className: w-full
+          className: "px-card-md py-card-sm border-b border-[var(--color-border)]"
           direction: horizontal
           gap: sm
           type: stack
@@ -350,13 +392,14 @@ orbital BrowseItemOrbital {
           type: stack
         }), {
           children: [@trait.DenseTableView]
-          className: "rounded-lg border border-[var(--color-border)] overflow-x-auto bg-[var(--color-card)] shadow-sm"
+          className: overflow-x-auto
           direction: vertical
           gap: none
           type: stack
         }]
+        className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] shadow-sm overflow-hidden"
         direction: vertical
-        gap: sm
+        gap: none
         type: stack
       }
         @label "Dense look body"
@@ -448,6 +491,7 @@ orbital BrowseItemOrbital {
             }]
             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
+            padding: none
             type: card
           })
           type: data-list
@@ -471,7 +515,7 @@ orbital BrowseItemOrbital {
             placeholder: @config.searchPlaceholder
             type: search-input
           }]
-          className: "sticky top-0 z-10 -mx-6 px-6 py-3 bg-[var(--color-surface)]/95 backdrop-blur border-b border-[var(--color-border)]"
+          className: "sticky top-0 z-10 py-3 bg-[var(--color-surface)]/95 backdrop-blur"
           direction: horizontal
           gap: sm
           type: stack
@@ -482,76 +526,12 @@ orbital BrowseItemOrbital {
         }), {
           className: w-full
           entity: ?data
-          fields: []
+          fields: @config.fields
           gap: lg
+          imageField: @config.imageField
           itemActions: @config.itemActions
           maxInlineActions: @config.maxInlineActions
           minCardWidth: 260
-          renderItem: (fn item {
-            children: [{
-              align: center
-              children: [{
-                className: "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105"
-                name: image
-                size: lg
-                type: icon
-              }, {
-                className: "px-2 text-center truncate max-w-full"
-                color: muted
-                content: @config.imageLabelBinding
-                type: typography
-                variant: caption
-              }, {
-                align: center
-                children: [{
-                  label: @config.priceBinding
-                  type: badge
-                  variant: primary
-                }]
-                className: "absolute top-2 right-2"
-                direction: horizontal
-                gap: xs
-                type: stack
-              }, {
-                align: center
-                children: [{
-                  label: @config.badgeBinding
-                  type: badge
-                  variant: neutral
-                }]
-                className: "absolute top-2 left-2"
-                direction: horizontal
-                gap: xs
-                type: stack
-              }]
-              className: "relative aspect-square w-full bg-muted overflow-hidden"
-              direction: vertical
-              gap: xs
-              justify: center
-              type: stack
-            }, {
-              children: [{
-                className: truncate
-                content: @config.titleBinding
-                type: typography
-                variant: h4
-              }, {
-                className: line-clamp-2
-                color: muted
-                content: @config.descriptionBinding
-                type: typography
-                variant: caption
-              }]
-              className: p-card-md
-              direction: vertical
-              gap: xs
-              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"
-            direction: vertical
-            gap: sm
-            type: stack
-          })
           type: data-grid
         }]
         className: w-full
@@ -560,7 +540,131 @@ orbital BrowseItemOrbital {
         type: stack
       }
         @label "Gallery look body"
-        @description "Render-ui SExpr rendered after rows load when browseLook = gallery. Image-first responsive card grid with auto-fit minCardWidth; composes titleBinding/descriptionBinding/badgeBinding/imageLabelBinding/priceBinding/searchPlaceholder. Folded from std-browse-gallery (Phase 5.B)."
+        @description "Render-ui SExpr rendered after rows load when browseLook = gallery. Image-first responsive card grid (auto-fit minCardWidth) on the data-grid fields path: imageField renders the card photo when set (falsy-safe when empty), fields drive title/badges/meta. One tree, no renderItem lambda — lambdas do not survive inside (if) arms (2026-07-27)."
+        @tier "internal"
+      triageBodyContent : render-ui = {
+        children: [(if @config.bodySearch {
+          children: [{
+            className: "w-full max-w-md"
+            clearable: true
+            event: REFETCH_QUERY
+            placeholder: @config.searchPlaceholder
+            type: search-input
+          }]
+          className: "px-card-md py-card-sm border-b border-[var(--color-border)]"
+          direction: horizontal
+          gap: sm
+          type: stack
+        } {
+          children: []
+          gap: none
+          type: stack
+        }), {
+          children: [{
+            entity: ?data
+            fields: @config.fields
+            itemActions: @config.itemActions
+            maxInlineActions: @config.maxInlineActions
+            type: data-list
+            variant: compact
+          }]
+          className: overflow-x-auto
+          direction: vertical
+          gap: none
+          type: stack
+        }]
+        className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] shadow-sm overflow-hidden"
+        direction: vertical
+        gap: none
+        type: stack
+      }
+        @label "Triage look body"
+        @description "Render-ui SExpr rendered after rows load when browseLook = triage. Inbox-register queue: one surface with a toolbar search and compact list rows (title + badges + inline meta) built for keyboard-pace queue work; row actions collapse per maxInlineActions. Composes fields/itemActions/searchPlaceholder/bodySearch."
+        @tier "internal"
+      masterDetailBodyContent : render-ui = {
+        children: [{
+          children: [{
+            className: "w-full max-w-md"
+            clearable: true
+            event: REFETCH_QUERY
+            placeholder: @config.searchPlaceholder
+            type: search-input
+          }]
+          className: "px-card-md py-card-sm border-b border-[var(--color-border)]"
+          direction: horizontal
+          gap: sm
+          type: stack
+        }, {
+          detail: {
+            children: []
+            gap: none
+            type: stack
+          }
+          emptyDetail: {
+            description: "Select a record from the list to see its details."
+            icon: mouse-pointer-click
+            title: "Nothing selected"
+            type: empty-state
+          }
+          hasSelection: false
+          master: {
+            children: [@trait.MasterListView]
+            className: "overflow-y-auto"
+            direction: vertical
+            gap: none
+            type: stack
+          }
+          type: master-detail-layout
+        }]
+        className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] shadow-sm overflow-hidden"
+        direction: vertical
+        gap: none
+        type: stack
+      }
+        @label "Master-detail look body (no selection)"
+        @description "Render-ui SExpr rendered after rows load when browseLook = master-detail: record-work split view — toolbar search, dense list left, empty-state pane right until a row is opened. Opening a row renders masterDetailRecordBodyContent. The toolbar is always present in this look (bodySearch does not apply)."
+        @tier "internal"
+      masterDetailRecordBodyContent : render-ui = {
+        children: [{
+          children: [{
+            className: "w-full max-w-md"
+            clearable: true
+            event: REFETCH_QUERY
+            placeholder: @config.searchPlaceholder
+            type: search-input
+          }]
+          className: "px-card-md py-card-sm border-b border-[var(--color-border)]"
+          direction: horizontal
+          gap: sm
+          type: stack
+        }, {
+          detail: {
+            actions: [{
+              event: CLOSE
+              label: Close
+            }]
+            fieldNames: @config.detailFields
+            initialData: ?row
+            showActions: false
+            type: detail-panel
+          }
+          hasSelection: true
+          master: {
+            children: [@trait.MasterListView]
+            className: "overflow-y-auto"
+            direction: vertical
+            gap: none
+            type: stack
+          }
+          type: master-detail-layout
+        }]
+        className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] shadow-sm overflow-hidden"
+        direction: vertical
+        gap: none
+        type: stack
+      }
+        @label "Master-detail look body (record open)"
+        @description "Render-ui SExpr rendered by the VIEW transition when browseLook = master-detail: the same split view with the clicked record's detail panel on the right, fed by the VIEW payload row and detailFields."
         @tier "internal"
     }
   }

package/behaviors/lolo/ui/core/atoms/std-dashboard-grid-embedded.lolo

@@ -29,6 +29,9 @@ orbital DashboardGridEmbeddedOrbital {
     state composing {
       INIT -> composing
         (render-ui main {
+          data-theme: @config.theme
+          type: box
+          children: [{
           children: [{
             align: center
             children: [{
@@ -54,6 +57,7 @@ orbital DashboardGridEmbeddedOrbital {
           direction: vertical
           gap: md
           type: stack
+          }]
         })
     }
 
@@ -138,6 +142,10 @@ orbital DashboardGridEmbeddedOrbital {
         @label "Tile min width"
         @description "Minimum pixel width per tile before the grid re-flows"
         @tier "presentation"
+      theme : string = ""
+        @label "Theme"
+        @description "Design-system skin applied to the embedded grid surface via data-theme (e.g. 'linear-clean-light'). Empty inherits the surrounding shell's theme. Needed because this atom renders without app-shell chrome, so no layout-level theme cascade reaches it."
+        @tier "presentation"
     }
   }
 

package/behaviors/lolo/ui/core/atoms/std-file-store.lolo

@@ -59,7 +59,7 @@ orbital StoredFileOrbital {
             direction: horizontal
             gap: sm
             type: stack
-          }, { type: divider }, { tree: @config.tree, type: file-tree }, { type: divider }, {
+          }, { type: divider }, { tree: @config.tree, type: file-tree }, {
             entity: ?data
             fields: @config.fields
             gap: sm

package/behaviors/lolo/ui/core/atoms/std-stats.lolo

@@ -33,7 +33,7 @@ orbital StatsItemOrbital {
           sparklineData: (object/get @metric sparklineData [])
           suffix: (object/get @metric suffix "")
           target: (object/get @metric target 0)
-          trend: (object/get @metric trend 0)
+          trend: (object/get @metric trend)
           trendFormat: (object/get @metric trendFormat absolute)
           trendPolarity: (object/get @metric trendPolarity higher-is-better)
           value: (object/get @metric value 0)
@@ -62,7 +62,7 @@ orbital StatsItemOrbital {
           sparklineData: (object/get @metric sparklineData [])
           suffix: (object/get @metric suffix "")
           target: (object/get @metric target 0)
-          trend: (if ["=", (object/get @metric aggregation count), variance] ["-", (array/sum (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")), (array/sum (array/filter ?data (object/get @metric baselineFilter true)) (object/get @metric field ""))] (object/get @metric trend 0))
+          trend: (if ["=", (object/get @metric aggregation count), variance] ["-", (array/sum (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")), (array/sum (array/filter ?data (object/get @metric baselineFilter true)) (object/get @metric field ""))] (object/get @metric trend))
           trendFormat: (object/get @metric trendFormat absolute)
           trendPolarity: (object/get @metric trendPolarity higher-is-better)
           value: (if ["=", (object/get @metric aggregation count), sum] (array/sum (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")) (if ["=", (object/get @metric aggregation count), avg] (array/avg (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")) (if ["=", (object/get @metric aggregation count), min] (array/min (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")) (if ["=", (object/get @metric aggregation count), max] (array/max (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")) (if ["=", (object/get @metric aggregation count), variance] (array/sum (array/filter ?data (object/get @metric filter true)) (object/get @metric field "")) (array/len (array/filter ?data (object/get @metric filter true))))))))
@@ -117,6 +117,10 @@ orbital StatsItemOrbital {
         @description "Heading shown above the stat-card grid"
         @synonyms "the section header text. user phrases: 'rename section to X' / 'title the KPIs X' / 'change section title to X' -> X"
         @tier "presentation"
+      theme : string = ""
+        @label "Theme"
+        @description "Data-theme skin applied to the stat body root — for chrome-less pages composed without an AppShell."
+        @tier "presentation"
       viewPattern : pattern = data-grid
         @label "Render pattern"
         @description "UI pattern used to arrange the stat cards"
@@ -130,7 +134,7 @@ orbital StatsItemOrbital {
         @label "Stats look"
         @description "Layer 3 body layout: default per-metric stat-card grid ('cards'), Stripe-dashboard KPI tile row ('kpi-tiles'), single oversize hero number ('hero-metric'), or chart-first sparkline tile grid ('sparkline-row')."
         @tier "presentation"
-      bodyContent : render-ui = {
+      bodyContent : render-ui = { data-theme: @config.theme, type: box, children: [{
         entity: @entity.cards
         fields: []
         renderItem: (fn card {
@@ -152,11 +156,11 @@ orbital StatsItemOrbital {
           variant: @card.variant
         })
         type: @config.viewPattern
-      }
+      }] }
         @label "Body content tree"
         @description "Render-ui SExpr rendered after metrics aggregate for statsLook='cards' — the canonical data-grid call mapping @entity.cards through stat-display. Other statsLook values render kpiTilesBodyContent / heroMetricBodyContent / sparklineRowBodyContent instead; all four share this trait's state machine, aggregation pipeline, and listens."
         @tier "internal"
-      kpiTilesBodyContent : render-ui = {
+      kpiTilesBodyContent : render-ui = { data-theme: @config.theme, type: box, children: [{
         className: w-full
         entity: @entity.cards
         fields: []
@@ -228,11 +232,11 @@ orbital StatsItemOrbital {
           type: stack
         })
         type: data-grid
-      }
+      }] }
         @label "KPI tiles body content tree"
         @description "Render-ui SExpr for statsLook='kpi-tiles' — Stripe-dashboard style tile grid: huge typography number, label, trend indicator, sparkline hint."
         @tier "internal"
-      heroMetricBodyContent : render-ui = {
+      heroMetricBodyContent : render-ui = { data-theme: @config.theme, type: box, children: [{
         entity: @entity.cards
         fields: []
         gap: none
@@ -313,11 +317,11 @@ orbital StatsItemOrbital {
           type: stack
         })
         type: data-list
-      }
+      }] }
         @label "Hero metric body content tree"
         @description "Render-ui SExpr for statsLook='hero-metric' — one elevated card, one oversize number, background sparkline."
         @tier "internal"
-      sparklineRowBodyContent : render-ui = {
+      sparklineRowBodyContent : render-ui = { data-theme: @config.theme, type: box, children: [{
         className: w-full
         entity: @entity.cards
         fields: []
@@ -391,7 +395,7 @@ orbital StatsItemOrbital {
           type: stack
         })
         type: data-grid
-      }
+      }] }
         @label "Sparkline row body content tree"
         @description "Render-ui SExpr for statsLook='sparkline-row' — chart-first tiles where the mini trend line is the visual centerpiece, label above, value+delta footer."
         @tier "internal"

package/behaviors/lolo/ui/core/atoms/std-version-history.lolo

@@ -56,34 +56,6 @@ orbital RevisionOrbital {
             gap: sm
             type: stack
           }, {
-            children: [{
-              icon: history
-              label: "Total revisions"
-              look: @config.statLook
-              type: stat-display
-              value: ?data.length
-            }, {
-              icon: users
-              label: Authors
-              look: @config.statLook
-              type: stat-display
-              value: "6"
-            }, {
-              icon: save
-              label: "Saves this week"
-              look: @config.statLook
-              type: stat-display
-              value: "14"
-            }, {
-              icon: rotate-ccw
-              label: Rollbacks
-              look: @config.statLook
-              type: stat-display
-              value: "2"
-            }]
-            cols: 4
-            type: simple-grid
-          }, { type: divider }, {
             cols: 1
             entity: ?data
             fields: [{
@@ -108,7 +80,7 @@ orbital RevisionOrbital {
               event: OPEN_REVISION
               icon: arrow-right
               label: Open
-              variant: primary
+              variant: ghost
             }, {
               event: ROLLBACK
               icon: rotate-ccw

package/behaviors/lolo/ui/core/organisms/ui-entity-table.lolo

@@ -47,6 +47,7 @@ orbital EntityTableOrbital {
     label : string!
     icon : icon
     variant : "default" | "danger"
+    event : string
   }
 
   entity EntityTableItem [runtime] {