@almadar/std 16.147.0 → 16.149.0

package/behaviors/lolo/ui/core/atoms/std-app-search.lolo

@@ -113,7 +113,7 @@ orbital AppSearchOrbital {
             type: typography
             variant: caption
             color: muted
-            content: "Matching “@entity.searchTerm”"
+            content: (str/concat (str/concat "Matching “" @entity.searchTerm) "”")
           }, { type: divider }, {
             type: data-grid
             entity: @payload.data

package/behaviors/lolo/ui/core/atoms/std-billable-hour.lolo

@@ -1,6 +1,10 @@
 app std-billable-hour "1.0.0"
 "std-billable-hour — generic billable-hour timesheet primitive for legal, agency, and consulting domains. Lists entries in `browsing`; opens entry detail in `viewing_single` with Invoice / Write Off actions."
+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 }
 orbital BillableHourOrbital {
+  uses TableView from "std/behaviors/ui-table-view"
+
     type BillableHourLoaded = Event { data : [BillableHour] } "Fired when the billable-hour collection finishes loading"
 
     type BillableHourLoadFailed = Event { error : string, code : string } "Fired when the billable-hour collection fails to load"
@@ -19,6 +23,20 @@ orbital BillableHourOrbital {
     invoiceStatus : "unbilled" | "invoiced" | "paid" | "written_off" @description "The current billing status of the hour entry." @synonyms "status, billing status, payment status" = unbilled
   }
 
+  trait DenseHoursTable = TableView.traits.TableViewRender -> BillableHour {
+    config {
+      columns: @config.columns
+      emptyMessage: "No time entries"
+      itemActions: @config.itemActions
+      look: @config.tableLook
+      maxInlineActions: 2
+    }
+
+    listens {
+      BillableHourTimesheet.BillableHourLoaded -> TableViewLoaded
+    }
+  }
+
   trait BillableHourTimesheet -> BillableHour [interaction, collection] {
     initial: loading
 
@@ -53,46 +71,11 @@ orbital BillableHourOrbital {
             gap: sm
             type: stack
           }, { type: divider }, {
-            cols: 1
-            entity: ?data
-            fields: [{
-              label: Worker
-              name: workerName
-              variant: caption
-            }, {
-              label: Matter
-              name: matterId
-              variant: caption
-            }, {
-              label: Date
-              name: workDate
-              variant: caption
-            }, {
-              label: Hours
-              name: hours
-              variant: caption
-            }, {
-              label: Rate
-              name: rate
-              variant: caption
-            }, {
-              label: Status
-              name: invoiceStatus
-              variant: badge
-            }]
-            gap: sm
-            itemActions: [{
-              event: OPEN_HOURS
-              icon: arrow-right
-              label: Open
-              variant: primary
-            }, {
-              event: WRITE_OFF_HOURS
-              label: "Write Off"
-              variant: danger
-            }]
-            look: @config.tableLook
-            type: data-grid
+            children: [@trait.DenseHoursTable]
+            className: overflow-x-auto
+            direction: vertical
+            gap: none
+            type: stack
           }]
           direction: vertical
           gap: md
@@ -107,6 +90,11 @@ orbital BillableHourOrbital {
     }
 
     state browsing {
+      INIT -> loading
+        (fetch BillableHour {
+          emit: { failure: BillableHourLoadFailed, success: BillableHourLoaded }
+        })
+        (render-ui main { rows: 4, type: skeleton })
       OPEN_HOURS -> viewing_single
         (set @entity.id ?row.id)
         (set @entity.workerId ?row.workerId)
@@ -398,10 +386,67 @@ orbital BillableHourOrbital {
         @label "Section title"
         @description "Heading shown above the time-entries list"
         @tier "presentation"
-      tableLook : "dense" | "spacious" | "striped" | "borderless" | "card-rows" = dense
+      tableLook : "dense" | "spacious" | "striped" | "borderless" | "bordered" = dense
         @label "Table look"
         @description "Layer 2 visual treatment for the data table rendered by this atom."
         @tier "presentation"
+      columns : [ColumnSpec] = [{
+        align: left
+        field: workerName
+        header: Worker
+        key: workerName
+        width: "minmax(8rem, 1fr)"
+      }, {
+        align: left
+        field: matterId
+        header: Matter
+        key: matterId
+        width: "8rem"
+      }, {
+        align: left
+        field: workDate
+        format: date
+        header: Date
+        key: workDate
+        width: "8rem"
+      }, {
+        align: right
+        field: hours
+        format: number
+        header: Hours
+        key: hours
+        width: "6rem"
+      }, {
+        align: right
+        field: rate
+        format: currency
+        header: Rate
+        key: rate
+        width: "7rem"
+      }, {
+        align: center
+        field: invoiceStatus
+        format: badge
+        header: Status
+        key: invoiceStatus
+        width: "8rem"
+      }]
+        @label "Table columns"
+        @description "ColumnSpec list for the dense hours ledger table."
+        @tier "presentation"
+      itemActions : [ItemAction] = [{
+        event: OPEN_HOURS
+        icon: arrow-right
+        label: Open
+        variant: ghost
+      }, {
+        event: WRITE_OFF_HOURS
+        label: "Write Off"
+        variant: danger
+      }]
+        @label "Row actions"
+        @description "Per-row actions rendered by the hours table."
+        @tier "presentation"
       statLook : "elevated" | "flat" | "progress-backed" | "gauge" | "sparkline" = elevated
         @label "Stat display look"
         @description "Layer 2 visual treatment for stat / KPI cards."

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

@@ -28,6 +28,7 @@ orbital BoardOrbital {
     currentDescription : string @intrinsic = ""
     currentStage : string @intrinsic = ""
     currentNotes : string @intrinsic = ""
+    currentRow : object @intrinsic = {}
     errorMessage : string @intrinsic = ""
   }
 
@@ -97,6 +98,7 @@ orbital BoardOrbital {
         (set @entity.currentDescription ?description)
         (set @entity.currentStage ?stage)
         (set @entity.currentNotes ?row.notes)
+        (set @entity.currentRow ?row)
         (render-ui main {
           children: [{
             align: center
@@ -164,20 +166,7 @@ orbital BoardOrbital {
             })
             type: data-list
             variant: default
-          }, {
-            align: center
-            children: [{
-              action: DELETE_CARD
-              actionPayload: { id: @entity.currentId }
-              icon: trash-2
-              label: Delete
-              type: button
-              variant: danger
-            }]
-            direction: horizontal
-            gap: sm
-            type: stack
-          }]
+          }, @config.cardActionsContent]
           direction: vertical
           gap: md
           type: stack
@@ -341,6 +330,13 @@ orbital BoardOrbital {
         @description "Signals removal of a card from the board."
         @synonyms "remove, delete, discard"
         @tier "presentation"
+      EDIT_CARD -> external {
+        id : string!
+        row : object
+      }
+        @description "Signals a request to edit the currently open card. The board renders no edit form itself — consumers override cardActionsContent with an Edit button and wire this emit to their edit modal/form trait."
+        @synonyms "edit, modify, update, change"
+        @tier "domain"
       BoardItemsLoaded {
         data : [ObjectSpec]
       }
@@ -516,6 +512,23 @@ orbital BoardOrbital {
         @label "Board look"
         @description "Layer 3 body layout: default N-column data-grid ('columns'), or a Trello-style wide-column kanban with sticky column headers ('kanban-classic')."
         @tier "presentation"
+      cardActionsContent : render-ui = {
+        align: center
+        children: [{
+          action: DELETE_CARD
+          actionPayload: { id: @entity.currentId }
+          icon: trash-2
+          label: Delete
+          type: button
+          variant: danger
+        }]
+        direction: horizontal
+        gap: sm
+        type: stack
+      }
+        @label "Card panel actions"
+        @description "Actions row of the open-card panel. Default is the Delete button only. Override to add consumer-wired actions — e.g. an Edit button with action: EDIT_CARD and actionPayload: { id: @entity.currentId, row: @entity.currentRow }, listened to by the organism's edit modal. Never leave a button here without a listener."
+        @tier "presentation"
       bodyContent : render-ui = {
         children: [{
           align: center
@@ -702,7 +715,7 @@ orbital BoardOrbital {
                     type: stack
                   }]
                   className: "cursor-grab hover:shadow-lg transition-shadow"
-                  look: elevated
+                  look: @config.cardLook
                   padding: sm
                   type: card
                 })
@@ -734,7 +747,7 @@ orbital BoardOrbital {
         type: stack
       }
         @label "Kanban classic body content tree"
-        @description "Render-ui SExpr for boardLook='kanban-classic' — Trello-style wide elevated columns with sticky headers, dense cards with a status badge, always-elevated card look."
+        @description "Render-ui SExpr for boardLook='kanban-classic' — Trello-style wide elevated columns with sticky headers, dense cards with a status badge; per-item cards honor config.cardLook (the column wrapper stays elevated — it is column chrome, not a card)."
         @tier "internal"
     }
   }