@almadar/std 16.236.0 → 16.238.0

package/behaviors/lolo/ui/core/atoms/std-detail-layout.lolo

@@ -1,5 +1,5 @@
 app std-detail-layout "1.0.0"
-"std-detail-layout — detail-page chrome band (back button + navigation-stack breadcrumb trail) above a single contentTrait slot. Use as the contentTrait of a detail page's AppShell binding: the band renders `← Back | Contracts › Contract details` from the orbital-scoped client navigation stack (session history, seeded from declared page-path ancestry on cold loads — the trail is never empty), and the consumer's detail trait renders below it. Back pops the stack; crumb clicks navigate to their level; a list router's `(navigate path payload { crumb: ?row.title })` labels the detail crumb with the real record title. Bind once per detail page — `XDetailLayout = DetailShell.traits.DetailLayout` with `contentTrait: @trait.XDetail`."
+"std-detail-layout — detail-page chrome band (back button + navigation-stack breadcrumb trail) above a single contentTrait slot. Use as the contentTrait of a detail page's AppShell binding: the band renders `Contracts › Contract details` (phones: `← Back`) from the orbital-scoped client navigation stack (session history, seeded from declared page-path ancestry on cold loads — the trail is never empty), and the consumer's detail trait renders below it. Back pops the stack; crumb clicks navigate to their level; a list router's `(navigate path payload { crumb: ?row.title })` labels the detail crumb with the real record title. Bind once per detail page — `XDetailLayout = DetailShell.traits.DetailLayout` with `contentTrait: @trait.XDetail`."
 ;; @capabilities "detail page shell, breadcrumb trail, back navigation, record detail chrome, navigation stack, drill-down hierarchy"
 orbital DetailLayoutOrbital {
   entity DetailLayoutData [runtime] {
@@ -29,10 +29,12 @@ orbital DetailLayoutOrbital {
               icon: arrow-left
               label: @config.backLabel
               action: BACK
+              className: "md:hidden"
             }, {
               type: breadcrumb
               fromNavStack: true
               itemEvent: CRUMB_NAV
+              className: "hidden md:flex"
             }]
           },
           @config.contentTrait]

package/behaviors/lolo/ui/core/atoms/std-esign-flow.lolo

@@ -37,17 +37,10 @@ orbital SignatureSessionOrbital {
           emit: { failure: SignatureSessionLoadFailed, success: SignatureSessionLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading signature requests…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
         })
       SignatureSessionLoaded -> browsing
         (render-ui main {
@@ -139,7 +132,12 @@ orbital SignatureSessionOrbital {
         (fetch SignatureSession {
           emit: { failure: SignatureSessionLoadFailed, success: SignatureSessionLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
+        })
     }
 
     state error {
@@ -147,14 +145,24 @@ orbital SignatureSessionOrbital {
         (fetch SignatureSession {
           emit: { failure: SignatureSessionLoadFailed, success: SignatureSessionLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
+        })
       ;; the error screen's Retry button: INIT is lifecycle-only and the bus never
       ;; delivers it, so the affordance must target a first-class user event
       RETRY -> loading
         (fetch SignatureSession {
           emit: { failure: SignatureSessionLoadFailed, success: SignatureSessionLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
+        })
     }
 
     emits {

package/behaviors/lolo/ui/core/atoms/std-esign-request.lolo

@@ -82,7 +82,12 @@ orbital ESignRequestOrbital {
         (fetch ESignRequest {
           emit: { failure: ESignRequestLoadFailed, success: ESignRequestLoaded }
         })
-        (render-ui main { size: md, type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
+        })
       ESignRequestLoaded -> browsing
         (render-ui main {
           children: [@trait.TitleHeading, @trait.RequestDataGrid]
@@ -111,7 +116,12 @@ orbital ESignRequestOrbital {
         (fetch ESignRequest {
           emit: { failure: ESignRequestLoadFailed, success: ESignRequestLoaded }
         })
-        (render-ui main { size: md, type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
+        })
     }
 
     emits {

package/behaviors/lolo/ui/core/atoms/std-event-log.lolo

@@ -44,8 +44,10 @@ orbital EventLogOrbital {
           emit: { failure: EventLogLoadFailed, success: EventLogLoaded }
         })
         (render-ui main {
-          title: "Loading activity…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       EventLogLoaded -> viewing
         (set @entity.filterChips (array/prepend (array/map @config.kindOptions (fn k {
@@ -128,6 +130,10 @@ orbital EventLogOrbital {
           }, {
             entity: @entity.entries
             fields: (title description date status)
+            titleField: @config.titleField
+            descriptionField: @config.descriptionField
+            dateField: @config.dateField
+            statusField: @config.statusField
             look: @config.timelineLook
             type: timeline
           }]
@@ -147,8 +153,10 @@ orbital EventLogOrbital {
           emit: { failure: EventLogLoadFailed, success: EventLogLoaded }
         })
         (render-ui main {
-          title: "Refreshing…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       EventLogSaveFailed -> error
         (set @entity.errorMessage ?error)
@@ -224,6 +232,10 @@ orbital EventLogOrbital {
           }, {
             entity: @entity.entries
             fields: (title description date status)
+            titleField: @config.titleField
+            descriptionField: @config.descriptionField
+            dateField: @config.dateField
+            statusField: @config.statusField
             look: @config.timelineLook
             type: timeline
           }]
@@ -339,6 +351,10 @@ orbital EventLogOrbital {
           }, {
             entity: @entity.entries
             fields: (title description date status)
+            titleField: @config.titleField
+            descriptionField: @config.descriptionField
+            dateField: @config.dateField
+            statusField: @config.statusField
             look: @config.timelineLook
             type: timeline
           }]
@@ -391,10 +407,6 @@ orbital EventLogOrbital {
         (persist create EventLogView ?data {
           emit: { failure: EventLogSaveFailed, success: EventLogSaved }
         })
-        (render-ui main {
-          title: "Saving entry…"
-          type: loading-state
-        })
       CANCEL_BACKFILL -> viewing
         (render-ui main {
           children: [{
@@ -451,6 +463,10 @@ orbital EventLogOrbital {
           }, {
             entity: @entity.entries
             fields: (title description date status)
+            titleField: @config.titleField
+            descriptionField: @config.descriptionField
+            dateField: @config.dateField
+            statusField: @config.statusField
             look: @config.timelineLook
             type: timeline
           }]
@@ -463,8 +479,10 @@ orbital EventLogOrbital {
     state error {
       INIT -> loading
         (render-ui main {
-          title: "Retrying…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
     }
 
@@ -630,6 +648,22 @@ orbital EventLogOrbital {
         @label "Card look"
         @description "Layer 2 visual treatment for cards rendered by this atom."
         @tier "presentation"
+      titleField : string = "title"
+        @label "Title field"
+        @description "Entity field holding each event's title."
+        @tier "presentation"
+      descriptionField : string = "description"
+        @label "Description field"
+        @description "Entity field holding each event's description."
+        @tier "presentation"
+      dateField : string = "date"
+        @label "Date field"
+        @description "Entity field holding each event's date."
+        @tier "presentation"
+      statusField : string = "status"
+        @label "Status field"
+        @description "Entity field holding each event's status (complete | active | pending | error)."
+        @tier "presentation"
       timelineLook : "vertical-compact" | "vertical-spacious" | "horizontal" | "swimlane" = vertical-spacious
         @label "Timeline look"
         @description "Layer 2 visual treatment for the timeline."

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

@@ -30,17 +30,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       StoredFileLoaded -> browsing
         (render-ui main {
@@ -63,6 +56,7 @@ orbital StoredFileOrbital {
             entity: ?data
             fields: @config.fields
             gap: sm
+            itemClickEvent: @config.itemClickEvent
             itemActions: (array/filter @config.itemActions (fn action (or (= (array/len (object/get @action roles [])) 0) (array/includes (object/get @action roles []) @config.viewerRole))))
             look: @config.tableLook
             reorderEvent: REORDER
@@ -87,17 +81,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       OPEN_FILE -> viewing_single
         (set @entity.id ?row.id)
@@ -177,17 +164,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Reordering…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       ARCHIVE_FILE -> loading
         (set @entity.id ?id)
@@ -195,17 +175,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Archiving…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
     }
 
@@ -215,17 +188,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       DOWNLOAD_FILE -> loading
         (set @entity.id ?id)
@@ -233,17 +199,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Preparing…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       ARCHIVE_FILE -> loading
         (set @entity.id ?id)
@@ -251,17 +210,10 @@ orbital StoredFileOrbital {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Archiving…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
     }
 
@@ -270,7 +222,12 @@ orbital StoredFileOrbital {
         (fetch StoredFile {
           emit: { failure: StoredFileLoadFailed, success: StoredFileLoaded }
         })
-        (render-ui main { size: sm, type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
+        })
     }
 
     emits {
@@ -385,7 +342,7 @@ orbital StoredFileOrbital {
       fields : [FieldSpec] = [{
         label: Name
         name: name
-        variant: caption
+        variant: h4
       }, {
         label: Folder
         name: folder
@@ -399,6 +356,7 @@ orbital StoredFileOrbital {
         name: sizeBytes
         variant: caption
       }, {
+        format: date
         label: Uploaded
         name: uploadedAt
         variant: caption
@@ -406,6 +364,11 @@ orbital StoredFileOrbital {
         @label "Columns to show"
         @description "Each column maps to one field on the linked entity"
         @tier "presentation"
+      itemClickEvent : event = OPEN_FILE
+        @label "Which event does clicking a row fire?"
+        @description "Row-click channel; empty = rows are not clickable."
+        @synonyms "row click event, item click, open event"
+        @tier "presentation"
       itemActions : [ItemAction] = [{
         event: OPEN_FILE
         icon: arrow-right

package/behaviors/lolo/ui/core/atoms/std-gantt-schedule.lolo

@@ -2,6 +2,7 @@ app std-gantt-schedule "1.0.0"
 "std-gantt-schedule — GENERIC view-only Gantt/timeline atom: fetches a task collection on INIT and renders it as bars on a day-scale axis via the gantt pattern, with group headers, dependency arrows, and a today marker. Fully rebindable: a host overrides the linked entity and points the field-mapping configs (labelField/startField/endField/durationField/statusField/groupField) at its own columns; clicking a bar emits the config-named onBarClick event with the row id. No drag-edit, no zoom — schedule viewing only."
 type GanttLinkSpec = { from : string!, to : string! }
 orbital GanttScheduleOrbital {
+  type BarColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "error" | "info" | "neutral" | "destructive"
     type TaskLoaded = Event { data : [Task] } "Fired when Task finishes loading; payload.data holds the tasks"
 
     type TaskLoadFailed = Event { error : string, code : string } "Fired when Task fails to load"
@@ -25,17 +26,10 @@ orbital GanttScheduleOrbital {
           include: @config.include
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading schedule…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
       TaskLoaded -> chart
         (render-ui main {
@@ -61,6 +55,7 @@ orbital GanttScheduleOrbital {
             showToday: @config.showToday
             startField: @config.startField
             statusField: @config.statusField
+            statusColorMap: @config.statusColorMap
             tasks: ?data
             titleField: @config.labelField
             type: gantt
@@ -106,7 +101,12 @@ orbital GanttScheduleOrbital {
           emit: { failure: TaskLoadFailed, success: TaskLoaded }
           include: @config.include
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
+        })
     }
 
     state error {
@@ -115,13 +115,23 @@ orbital GanttScheduleOrbital {
           emit: { failure: TaskLoadFailed, success: TaskLoaded }
           include: @config.include
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
+        })
       RETRY -> loading
         (fetch Task {
           emit: { failure: TaskLoadFailed, success: TaskLoaded }
           include: @config.include
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
+        })
     }
 
     emits {
@@ -167,9 +177,14 @@ orbital GanttScheduleOrbital {
         @tier "presentation"
       statusField : string = "status"
         @label "Status field"
-        @description "Row column holding the status value that drives bar colour."
+        @description "Row column holding each bar's status value."
         @synonyms "status column, state field, stage field"
         @tier "presentation"
+      statusColorMap : Map string BarColor = {}
+        @label "Bar colour per status"
+        @description "Bar colour for each exact status value, e.g. {blocked: danger, complete: success}. Unmapped statuses are primary bars."
+        @synonyms "status colours, bar colours, colour map"
+        @tier "presentation"
       groupField : string = ""
         @label "Group field"
         @description "Row column rows are grouped under header rows by (e.g. team, project). Empty (default) = flat list, no group headers."

package/behaviors/lolo/ui/core/atoms/std-image-upload-multi.lolo

@@ -35,17 +35,10 @@ orbital UploadedImageOrbital {
           emit: { failure: UploadedImageLoadFailed, success: UploadedImageLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading images…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
         })
       UploadedImageLoaded -> browsing
         (render-ui main {
@@ -68,7 +61,7 @@ orbital UploadedImageOrbital {
             maxFiles: @config.maxImages
             maxSize: @config.maxBytesPerImage
             type: upload-drop-zone
-          }, { entity: ?data, type: media-gallery }]
+          }, { captionField: name, entity: ?data, srcField: url, type: media-gallery }]
           direction: vertical
           gap: md
           type: stack
@@ -87,17 +80,10 @@ orbital UploadedImageOrbital {
           emit: { failure: UploadedImageLoadFailed, success: UploadedImageLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading images…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: grid, rows: 6 }]
         })
       UPLOAD -> uploading
         (call-service storage uploadMany {
@@ -199,7 +185,7 @@ orbital UploadedImageOrbital {
             maxFiles: @config.maxImages
             maxSize: @config.maxBytesPerImage
             type: upload-drop-zone
-          }, { entity: ?data, type: media-gallery }]
+          }, { captionField: name, entity: ?data, srcField: url, type: media-gallery }]
           direction: vertical
           gap: md
           type: stack

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

@@ -42,17 +42,10 @@ orbital ListItemOrbital {
           emit: { failure: ListItemLoadFailed, success: ListItemLoaded }
         })
         (render-ui main {
-          align: center
-          children: [{ type: spinner }, {
-            color: muted
-            content: "Loading list…"
-            type: typography
-            variant: caption
-          }]
-          className: py-12
-          direction: vertical
-          gap: md
           type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
         })
       ListItemLoaded -> browsing
         (render-ui main {
@@ -117,6 +110,7 @@ orbital ListItemOrbital {
               name: status
               variant: badge
             }]
+            itemClickEvent: @config.itemClickEvent
             itemActions: (array/filter @config.itemActions (fn action (or (= (array/len (object/get @action roles [])) 0) (array/includes (object/get @action roles []) @config.viewerRole))))
             pageSize: @config.displayPageSize
             type: data-grid
@@ -162,7 +156,12 @@ orbital ListItemOrbital {
         (fetch ListItem {
           emit: { failure: ListItemLoadFailed, success: ListItemLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
+        })
       ;; REFETCH_* stays in `browsing` and DOES NOT replace the grid with a
       ;; spinner — same reasoning as std-browse's REFETCH_* arms: a skeleton
       ;; on refetch unmounts the grid and flickers every keystroke. The fetch
@@ -250,6 +249,7 @@ orbital ListItemOrbital {
               name: status
               variant: badge
             }]
+            itemClickEvent: @config.itemClickEvent
             itemActions: (array/filter @config.itemActions (fn action (or (= (array/len (object/get @action roles [])) 0) (array/includes (object/get @action roles []) @config.viewerRole))))
             pageSize: @config.displayPageSize
             type: data-grid
@@ -266,14 +266,24 @@ orbital ListItemOrbital {
         (fetch ListItem {
           emit: { failure: ListItemLoadFailed, success: ListItemLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
+        })
       ;; the error screen's Retry button: INIT is lifecycle-only and the bus never
       ;; delivers it, so the affordance must target a first-class user event
       RETRY -> loading
         (fetch ListItem {
           emit: { failure: ListItemLoadFailed, success: ListItemLoaded }
         })
-        (render-ui main { type: spinner })
+        (render-ui main {
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: list, rows: 6 }]
+        })
     }
 
     emits {
@@ -369,6 +379,11 @@ orbital ListItemOrbital {
         @description "Rows visible per page before the data-grid's own pagination control appears — 20 matches the CRUD-list density sweet spot (Miller's law, 10-25 rows)."
         @synonyms "visible rows, items per page, display limit, show per page"
         @tier "presentation"
+      itemClickEvent : event = EDIT
+        @label "Which event does clicking a row fire?"
+        @description "Row-click channel; empty = rows are not clickable."
+        @synonyms "row click event, item click, open event"
+        @tier "presentation"
       itemActions : [ItemAction] = [{
         event: EDIT
         label: Edit