@almadar/std 16.237.0 → 16.238.0

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 {
@@ -88,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)
@@ -178,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)
@@ -196,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 }]
         })
     }
 
@@ -216,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)
@@ -234,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)
@@ -252,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 }]
         })
     }
 
@@ -271,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 {

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

@@ -26,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 {
@@ -108,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 {
@@ -117,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 {

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 {
@@ -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 {

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 {
@@ -163,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
@@ -268,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 {

package/behaviors/lolo/ui/core/atoms/std-multi-party-flow.lolo

@@ -44,8 +44,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Loading transaction…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
       FlowLoaded -> awaiting
         (set @entity.currentPartyIndex 0)
@@ -861,8 +863,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Returning…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 
@@ -943,8 +947,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Returning…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 
@@ -1080,8 +1086,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Starting new transaction…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 
@@ -1091,8 +1099,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Starting new transaction…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 
@@ -1102,8 +1112,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Starting new transaction…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 
@@ -1113,8 +1125,10 @@ orbital MultiPartyFlowOrbital {
           emit: { failure: FlowLoadFailed, success: FlowLoaded }
         })
         (render-ui main {
-          title: "Retrying…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }]
         })
     }
 

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

@@ -33,7 +33,8 @@ orbital ProseOrbital {
               }, {
                 type: typography
                 content: @config.heading
-                variant: h2
+                variant: @config.headingLevel
+                size: "3xl"
                 weight: bold
                 className: (if (== @config.heading "") hidden "tracking-tight text-balance")
               }, {
@@ -62,6 +63,11 @@ orbital ProseOrbital {
         @description "Empty hides it"
         @synonyms "title"
         @tier "presentation"
+      headingLevel : "h1" | "h2" = h2
+        @label "Heading level"
+        @description "h1 when this text is the page's main content (its title names the page); h2 when it is one section among others"
+        @synonyms "page title, heading rank, outline level"
+        @tier "presentation"
       meta : string = ""
         @label "Meta line"
         @description "Date, author or reading time under the heading; empty hides it"

package/behaviors/lolo/ui/core/atoms/std-rating-review.lolo

@@ -38,8 +38,10 @@ orbital RatingReviewOrbital {
           emit: { failure: ReviewsLoadFailed, success: ReviewsLoaded }
         })
         (render-ui main {
-          title: "Loading reviews…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }, { type: skeleton, variant: list, rows: 6 }]
         })
       ReviewsLoaded -> viewing
         (set @entity.reviewsSource (array/map ?data (fn row {
@@ -252,8 +254,10 @@ orbital RatingReviewOrbital {
           emit: { failure: ReviewsLoadFailed, success: ReviewsLoaded }
         })
         (render-ui main {
-          title: "Refreshing reviews…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }, { type: skeleton, variant: list, rows: 6 }]
         })
       ReviewSaveFailed -> error
         (set @entity.errorMessage ?error)
@@ -299,6 +303,7 @@ orbital RatingReviewOrbital {
               }, {
                 action: RATE_DRAFT
                 max: 5
+                label: "Your rating"
                 type: star-rating
                 value: @entity.draftRating
               }, {
@@ -1102,6 +1107,7 @@ orbital RatingReviewOrbital {
               }, {
                 action: RATE_DRAFT
                 max: 5
+                label: "Your rating"
                 type: star-rating
                 value: @entity.draftRating
               }, {
@@ -1202,8 +1208,10 @@ orbital RatingReviewOrbital {
           emit: { failure: ReviewsLoadFailed, success: ReviewsLoaded }
         })
         (render-ui main {
-          title: "Refreshing reviews…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }, { type: skeleton, variant: list, rows: 6 }]
         })
     }
 
@@ -1213,8 +1221,10 @@ orbital RatingReviewOrbital {
           emit: { failure: ReviewsLoadFailed, success: ReviewsLoaded }
         })
         (render-ui main {
-          title: "Retrying…"
-          type: loading-state
+          type: stack
+          direction: vertical
+          gap: lg
+          children: [{ type: skeleton, variant: header }, { type: skeleton, variant: card }, { type: skeleton, variant: list, rows: 6 }]
         })
     }
 
@@ -1423,6 +1433,7 @@ orbital RatingReviewOrbital {
             }, {
               action: RATE_DRAFT
               max: @config.maxStars
+              label: "Your rating"
               type: star-rating
               value: @entity.draftRating
             }, {
@@ -1453,6 +1464,7 @@ orbital RatingReviewOrbital {
             }, {
               action: RATE_DRAFT
               max: @config.maxStars
+              label: "Your rating"
               type: star-rating
               value: @entity.draftRating
             }, {
@@ -1503,6 +1515,7 @@ orbital RatingReviewOrbital {
             }, {
               action: RATE_DRAFT
               max: @config.maxStars
+              label: "Your rating"
               type: star-rating
               value: 0
             }, {
@@ -1569,6 +1582,7 @@ orbital RatingReviewOrbital {
             }, {
               action: RATE_DRAFT
               max: @config.maxStars
+              label: "Your rating"
               type: star-rating
               value: 0
             }, {
@@ -1601,6 +1615,7 @@ orbital RatingReviewOrbital {
             }, {
               action: RATE_DRAFT
               max: @config.maxStars
+              label: "Your rating"
               type: star-rating
               value: 0
             }, {