@almadar/std 16.10.0 → 16.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/behaviors/registry/core/atoms/std-calendar.orb +70 -65
  2. package/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  3. package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +49 -50
  4. package/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +58 -52
  5. package/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +41 -35
  6. package/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  7. package/dist/behaviors/behaviors-registry.json +6 -1
  8. package/dist/behaviors/registry/core/atoms/std-calendar.orb +70 -65
  9. package/dist/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  10. package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +49 -50
  11. package/dist/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +58 -52
  12. package/dist/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +41 -35
  13. package/dist/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  14. package/dist/behaviors-registry.json +6 -1
  15. package/dist/registry/core/atoms/std-calendar.orb +70 -65
  16. package/dist/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  17. package/dist/registry/core-variations/atoms/std-browse-dense.orb +49 -50
  18. package/dist/registry/core-variations/atoms/std-calendar-agenda-list.orb +58 -52
  19. package/dist/registry/core-variations/atoms/std-calendar-week-timeline.orb +41 -35
  20. package/dist/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  21. package/package.json +1 -1
package/behaviors/registry/core/atoms/std-calendar.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-calendar",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "std-calendar as a Function — owns the fetch + SELECT_DAY state machine; default bodyContent renders the month-grid + upcoming-events tree. Layer 3 variants override bodyContent to deliver agenda, week-timeline, etc. while inheriting the same trait, state machine, emits, and listens.",
5
5
  "orbitals": [
6
6
  {
@@ -51,6 +51,11 @@
51
51
  "name": "duration",
52
52
  "type": "number",
53
53
  "default": 60.0
54
+ },
55
+ {
56
+ "name": "selectedRange",
57
+ "type": "string",
58
+ "default": "month"
54
59
  }
55
60
  ]
56
61
  },
@@ -61,7 +66,8 @@
61
66
  "entityContract": {
62
67
  "requires": [],
63
68
  "provides": [
64
- "date"
69
+ "date",
70
+ "selectedRange"
65
71
  ]
66
72
  },
67
73
  "category": "interaction",
@@ -179,6 +185,7 @@
179
185
  "render-ui",
180
186
  "main",
181
187
  {
188
+ "direction": "vertical",
182
189
  "children": [
183
190
  {
184
191
  "type": "spinner"
@@ -186,15 +193,14 @@
186
193
  {
187
194
  "type": "typography",
188
195
  "content": "Loading calendar…",
189
- "variant": "caption",
190
- "color": "muted"
196
+ "color": "muted",
197
+ "variant": "caption"
191
198
  }
192
199
  ],
193
200
  "align": "center",
194
201
  "className": "py-12",
195
- "gap": "md",
196
- "direction": "vertical",
197
- "type": "stack"
202
+ "type": "stack",
203
+ "gap": "md"
198
204
  }
199
205
  ]
200
206
  ]
@@ -220,36 +226,36 @@
220
226
  "render-ui",
221
227
  "main",
222
228
  {
229
+ "align": "center",
230
+ "gap": "md",
231
+ "type": "stack",
232
+ "className": "py-12",
223
233
  "children": [
224
234
  {
225
235
  "type": "icon",
226
- "color": "destructive",
227
- "name": "alert-triangle"
236
+ "name": "alert-triangle",
237
+ "color": "destructive"
228
238
  },
229
239
  {
230
- "type": "typography",
231
240
  "content": "Failed to load",
232
- "variant": "h3"
241
+ "variant": "h3",
242
+ "type": "typography"
233
243
  },
234
244
  {
235
- "color": "muted",
236
- "type": "typography",
237
245
  "variant": "body",
238
- "content": "@payload.error"
246
+ "type": "typography",
247
+ "content": "@payload.error",
248
+ "color": "muted"
239
249
  },
240
250
  {
251
+ "label": "Retry",
241
252
  "variant": "primary",
242
- "type": "button",
253
+ "icon": "rotate-ccw",
243
254
  "action": "INIT",
244
- "label": "Retry",
245
- "icon": "rotate-ccw"
255
+ "type": "button"
246
256
  }
247
257
  ],
248
- "align": "center",
249
- "direction": "vertical",
250
- "className": "py-12",
251
- "gap": "md",
252
- "type": "stack"
258
+ "direction": "vertical"
253
259
  }
254
260
  ]
255
261
  ]
@@ -264,13 +270,18 @@
264
270
  "@entity.date",
265
271
  "@payload.value"
266
272
  ],
273
+ [
274
+ "set",
275
+ "@entity.selectedRange",
276
+ "@payload.value"
277
+ ],
267
278
  [
268
279
  "fetch",
269
280
  "CalendarEvent",
270
281
  {
271
282
  "emit": {
272
- "failure": "CalendarEventLoadFailed",
273
- "success": "CalendarEventLoaded"
283
+ "success": "CalendarEventLoaded",
284
+ "failure": "CalendarEventLoadFailed"
274
285
  },
275
286
  "filter": [
276
287
  "time/isAfter",
@@ -336,13 +347,6 @@
336
347
  ]
337
348
  ]
338
349
  }
339
- ],
340
- [
341
- "render-ui",
342
- "main",
343
- {
344
- "type": "spinner"
345
- }
346
350
  ]
347
351
  ]
348
352
  },
@@ -390,39 +394,40 @@
390
394
  "bodyContent": {
391
395
  "type": "render-ui",
392
396
  "default": {
393
- "gap": "lg",
394
- "direction": "vertical",
395
397
  "type": "stack",
398
+ "direction": "vertical",
399
+ "gap": "lg",
396
400
  "children": [
397
401
  {
398
- "gap": "md",
399
402
  "type": "stack",
400
- "direction": "horizontal",
401
- "align": "center",
402
403
  "justify": "between",
404
+ "align": "center",
403
405
  "children": [
404
406
  {
407
+ "gap": "sm",
408
+ "align": "center",
405
409
  "type": "stack",
406
410
  "direction": "horizontal",
407
- "align": "center",
408
- "gap": "sm",
409
411
  "children": [
410
412
  {
411
- "name": "calendar",
412
- "type": "icon"
413
+ "type": "icon",
414
+ "name": "calendar"
413
415
  },
414
416
  {
417
+ "variant": "h2",
415
418
  "type": "typography",
416
- "content": "CalendarEvents Calendar",
417
- "variant": "h2"
419
+ "content": "CalendarEvents Calendar"
418
420
  }
419
421
  ]
420
422
  },
421
423
  {
424
+ "type": "date-range-selector",
422
425
  "onSelect": "SELECT_DAY",
423
- "type": "date-range-selector"
426
+ "selected": "@entity.selectedRange"
424
427
  }
425
- ]
428
+ ],
429
+ "direction": "horizontal",
430
+ "gap": "md"
426
431
  },
427
432
  {
428
433
  "type": "divider"
@@ -434,45 +439,45 @@
434
439
  "type": "divider"
435
440
  },
436
441
  {
437
- "type": "typography",
442
+ "content": "Upcoming Events",
438
443
  "variant": "h4",
439
- "content": "Upcoming Events"
444
+ "type": "typography"
440
445
  },
441
446
  {
442
- "type": "data-list",
443
- "entity": "@payload.data",
444
- "itemActions": [
445
- {
446
- "icon": "eye",
447
- "label": "View",
448
- "event": "SELECT_DAY"
449
- }
450
- ],
451
- "look": "@config.tableLook",
452
447
  "fields": [
453
448
  {
454
- "icon": "calendar",
455
- "name": "name",
456
449
  "label": "Event",
450
+ "name": "name",
451
+ "icon": "calendar",
457
452
  "variant": "h4"
458
453
  },
459
454
  {
460
455
  "label": "Time",
461
- "variant": "badge",
462
- "name": "time"
456
+ "name": "time",
457
+ "variant": "badge"
463
458
  },
464
459
  {
465
- "label": "Date",
466
460
  "name": "date",
467
- "format": "date",
468
- "variant": "caption"
461
+ "variant": "caption",
462
+ "label": "Date",
463
+ "format": "date"
469
464
  },
470
465
  {
471
- "label": "Status",
472
466
  "name": "status",
467
+ "label": "Status",
473
468
  "variant": "badge"
474
469
  }
475
- ]
470
+ ],
471
+ "itemActions": [
472
+ {
473
+ "icon": "eye",
474
+ "label": "View",
475
+ "event": "SELECT_DAY"
476
+ }
477
+ ],
478
+ "type": "data-list",
479
+ "look": "@config.tableLook",
480
+ "entity": "@payload.data"
476
481
  }
477
482
  ]
478
483
  },
package/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-board-kanban-classic",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Trello-style kanban — wide elevated columns side-by-side, sticky column headers with icon + label + count chip, dense cards with title, description, and a status badge. Same BoardItemBoard trait, same state machine, same emits/listens as std-board — only the bodyContent tree differs.",
5
5
  "orbitals": [
6
6
  {
@@ -98,6 +98,7 @@
98
98
  "linkedEntity": "KanbanClassicItem",
99
99
  "config": {
100
100
  "bodyContent": {
101
+ "gap": "md",
101
102
  "type": "stack",
102
103
  "direction": "vertical",
103
104
  "className": "h-full",
@@ -109,15 +110,15 @@
109
110
  "name": "kanban-square"
110
111
  },
111
112
  {
112
- "type": "typography",
113
+ "content": "@config.title",
113
114
  "variant": "h2",
114
- "content": "@config.title"
115
+ "type": "typography"
115
116
  }
116
117
  ],
117
- "className": "px-card-md",
118
+ "gap": "sm",
118
119
  "type": "stack",
120
+ "className": "px-card-md",
119
121
  "direction": "horizontal",
120
- "gap": "sm",
121
122
  "align": "center"
122
123
  },
123
124
  {
@@ -128,135 +129,134 @@
128
129
  "fn",
129
130
  "col",
130
131
  {
132
+ "look": "elevated",
131
133
  "padding": "none",
132
134
  "type": "card",
133
- "look": "elevated",
134
135
  "className": "min-w-[280px] bg-[var(--color-surface-subtle)] rounded-lg overflow-hidden",
135
136
  "children": [
136
137
  {
138
+ "type": "stack",
137
139
  "gap": "none",
138
140
  "children": [
139
141
  {
140
- "direction": "horizontal",
141
- "type": "stack",
142
- "align": "center",
143
142
  "gap": "sm",
144
- "className": "px-card-md py-3 border-b border-[var(--color-border)] sticky top-0 bg-[var(--color-surface)]",
143
+ "align": "center",
144
+ "type": "stack",
145
+ "direction": "horizontal",
146
+ "className": "p-card-md border-b border-[var(--color-border)] sticky top-0 bg-[var(--color-surface)]",
145
147
  "children": [
146
148
  {
147
- "name": "@col.icon",
148
- "type": "icon"
149
+ "type": "icon",
150
+ "name": "@col.icon"
149
151
  },
150
152
  {
151
- "variant": "h4",
152
153
  "content": "@col.label",
154
+ "variant": "h4",
153
155
  "type": "typography",
154
156
  "className": "flex-1"
155
157
  },
156
158
  {
157
- "variant": "primary",
158
159
  "label": "@col.count",
160
+ "variant": "primary",
159
161
  "size": "sm",
160
162
  "type": "badge"
161
163
  }
162
164
  ]
163
165
  },
164
166
  {
167
+ "sortable": true,
168
+ "reorderEvent": "REORDER_CARD",
169
+ "type": "data-list",
170
+ "gap": "sm",
171
+ "entity": "@col.items",
172
+ "dragGroup": "@col.key",
173
+ "accepts": "*",
174
+ "fields": [],
175
+ "dropEvent": "MOVE_CARD",
176
+ "positionEvent": "REORDER_POSITION",
177
+ "className": "p-card-md min-h-[120px]",
165
178
  "renderItem": [
166
179
  "fn",
167
180
  "item",
168
181
  {
169
- "type": "card",
170
182
  "children": [
171
183
  {
184
+ "direction": "vertical",
172
185
  "gap": "xs",
173
186
  "children": [
174
187
  {
175
- "variant": "body",
176
188
  "weight": "medium",
177
189
  "content": "@item.title",
178
- "type": "typography"
190
+ "type": "typography",
191
+ "variant": "body"
179
192
  },
180
193
  {
181
194
  "variant": "caption",
182
- "content": "@item.description",
183
- "color": "muted",
184
195
  "type": "typography",
185
- "className": "line-clamp-2"
196
+ "className": "line-clamp-2",
197
+ "color": "muted",
198
+ "content": "@item.description"
186
199
  },
187
200
  {
188
- "align": "center",
189
- "direction": "horizontal",
190
- "type": "stack",
201
+ "gap": "xs",
191
202
  "children": [
192
203
  {
193
- "variant": "primary",
194
- "type": "badge",
195
204
  "label": "@item.stage",
196
- "size": "sm"
205
+ "size": "sm",
206
+ "type": "badge",
207
+ "variant": "primary"
197
208
  },
198
209
  {
199
- "type": "button",
200
- "action": "OPEN_CARD",
201
210
  "icon": "arrow-right",
202
- "className": "ml-auto",
211
+ "type": "button",
203
212
  "size": "sm",
204
- "label": "Open",
213
+ "className": "ml-auto",
205
214
  "variant": "ghost",
206
215
  "actionPayload": {
207
- "id": "@item.id",
208
- "row": "@item"
209
- }
216
+ "row": "@item",
217
+ "id": "@item.id"
218
+ },
219
+ "label": "Open",
220
+ "action": "OPEN_CARD"
210
221
  }
211
222
  ],
212
- "gap": "xs",
213
- "className": "pt-1"
223
+ "align": "center",
224
+ "type": "stack",
225
+ "className": "pt-1",
226
+ "direction": "horizontal"
214
227
  }
215
228
  ],
216
- "type": "stack",
217
- "direction": "vertical"
229
+ "type": "stack"
218
230
  }
219
231
  ],
220
- "look": "elevated",
221
232
  "className": "cursor-grab hover:shadow-lg transition-shadow",
222
- "padding": "sm"
233
+ "padding": "sm",
234
+ "type": "card",
235
+ "look": "elevated"
223
236
  }
224
- ],
225
- "positionEvent": "REORDER_POSITION",
226
- "fields": [],
227
- "dragGroup": "@col.key",
228
- "reorderEvent": "REORDER_CARD",
229
- "className": "p-card-md min-h-[120px]",
230
- "sortable": true,
231
- "type": "data-list",
232
- "gap": "sm",
233
- "entity": "@col.items",
234
- "accepts": "*",
235
- "dropEvent": "MOVE_CARD"
237
+ ]
236
238
  }
237
239
  ],
238
- "type": "stack",
239
240
  "direction": "vertical"
240
241
  }
241
242
  ]
242
243
  }
243
244
  ],
244
- "gap": "lg",
245
245
  "type": "data-grid",
246
246
  "cols": "@config.gridCols",
247
247
  "entity": "@entity.boards",
248
+ "gap": "lg",
248
249
  "fields": [],
249
250
  "dndRoot": true
250
251
  },
251
252
  {
252
253
  "variant": "primary",
253
- "type": "floating-action-button",
254
254
  "label": "Add card",
255
- "action": "ADD_CARD",
256
- "icon": "plus"
255
+ "icon": "plus",
256
+ "type": "floating-action-button",
257
+ "action": "ADD_CARD"
257
258
  }
258
- ],
259
- "gap": "md"
259
+ ]
260
260
  }
261
261
  }
262
262
  }
package/behaviors/registry/core-variations/atoms/std-browse-dense.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-browse-dense",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Spreadsheet-style dense browse — column-row data-table molecule with sticky header, monospaced numerics, status badges, tight row padding.",
5
5
  "orbitals": [
6
6
  {
@@ -64,114 +64,113 @@
64
64
  "linkedEntity": "DenseRow",
65
65
  "config": {
66
66
  "bodyContent": {
67
+ "direction": "vertical",
68
+ "className": "p-card-md",
67
69
  "children": [
68
70
  {
69
- "className": "max-w-md",
70
71
  "type": "stack",
71
- "direction": "horizontal",
72
72
  "children": [
73
73
  {
74
- "type": "icon",
75
- "name": "search"
74
+ "name": "search",
75
+ "type": "icon"
76
76
  },
77
77
  {
78
- "inputType": "search",
78
+ "placeholder": "Filter records…",
79
79
  "type": "input",
80
80
  "action": "REFETCH_QUERY",
81
- "placeholder": "Filter records…"
81
+ "inputType": "search"
82
82
  }
83
83
  ],
84
+ "gap": "sm",
84
85
  "align": "center",
85
- "gap": "sm"
86
+ "className": "max-w-md",
87
+ "direction": "horizontal"
86
88
  },
87
89
  {
90
+ "gap": "none",
91
+ "direction": "vertical",
88
92
  "children": [
89
93
  {
94
+ "selectable": true,
95
+ "entity": "@payload.data",
96
+ "type": "table-view",
97
+ "look": "dense",
98
+ "emptyMessage": "No records",
90
99
  "columns": [
91
100
  {
92
- "key": "id",
93
- "header": "ID",
94
101
  "align": "left",
95
- "className": "font-mono text-[var(--color-text-muted)] truncate",
96
- "width": "w-28",
97
- "field": "id"
102
+ "header": "ID",
103
+ "field": "id",
104
+ "width": "7rem",
105
+ "className": "font-mono text-[var(--color-text-muted)]",
106
+ "key": "id"
98
107
  },
99
108
  {
100
109
  "weight": "medium",
101
- "className": "truncate",
102
- "header": "Name",
103
- "field": "name",
110
+ "width": "minmax(10rem, 1.5fr)",
104
111
  "key": "name",
105
- "width": "min-w-[10rem]",
112
+ "field": "name",
113
+ "header": "Name",
106
114
  "align": "left"
107
115
  },
108
116
  {
109
- "width": "min-w-[12rem]",
110
- "header": "Detail",
111
- "className": "text-[var(--color-text-muted)] truncate",
117
+ "key": "description",
112
118
  "field": "description",
113
119
  "align": "left",
114
- "key": "description"
120
+ "width": "minmax(12rem, 2fr)",
121
+ "className": "text-[var(--color-text-muted)]",
122
+ "header": "Detail"
115
123
  },
116
124
  {
117
- "align": "right",
118
125
  "field": "value",
119
- "width": "w-28",
120
- "className": "font-mono tabular-nums",
121
126
  "header": "Value",
122
- "key": "value"
127
+ "width": "6rem",
128
+ "className": "font-mono tabular-nums",
129
+ "key": "value",
130
+ "align": "right"
123
131
  },
124
132
  {
133
+ "className": "font-mono tabular-nums",
134
+ "width": "6rem",
125
135
  "field": "change",
126
- "align": "right",
127
136
  "key": "change",
128
- "header": "Change",
129
- "width": "w-24",
130
- "className": "font-mono tabular-nums"
137
+ "align": "right",
138
+ "header": "Change"
131
139
  },
132
140
  {
133
141
  "key": "volume",
134
142
  "header": "Volume",
143
+ "width": "6rem",
135
144
  "field": "volume",
136
- "width": "w-24",
137
145
  "align": "right",
138
146
  "className": "font-mono tabular-nums text-[var(--color-text-muted)]"
139
147
  },
140
148
  {
141
- "header": "Status",
142
- "field": "status",
143
- "width": "w-24",
149
+ "width": "6rem",
150
+ "key": "status",
144
151
  "align": "center",
152
+ "header": "Status",
145
153
  "format": "badge",
146
- "key": "status"
154
+ "field": "status"
147
155
  },
148
156
  {
149
- "width": "w-36",
150
- "className": "font-mono tabular-nums text-[var(--color-text-muted)] whitespace-nowrap",
151
- "format": "date",
152
- "key": "createdAt",
157
+ "align": "right",
158
+ "className": "font-mono tabular-nums text-[var(--color-text-muted)]",
153
159
  "field": "createdAt",
160
+ "format": "date",
161
+ "width": "9rem",
154
162
  "header": "Created",
155
- "align": "right"
163
+ "key": "createdAt"
156
164
  }
157
- ],
158
- "type": "table-view",
159
- "look": "dense",
160
- "selectable": true,
161
- "emptyMessage": "No records",
162
- "entity": "@payload.data"
165
+ ]
163
166
  }
164
167
  ],
165
- "direction": "vertical",
166
- "gap": "none",
167
168
  "type": "stack",
168
169
  "className": "rounded-lg border border-[var(--color-border)] overflow-x-auto bg-[var(--color-card)] shadow-sm"
169
170
  }
170
171
  ],
171
172
  "gap": "sm",
172
- "className": "p-card-md",
173
- "type": "stack",
174
- "direction": "vertical"
173
+ "type": "stack"
175
174
  }
176
175
  }
177
176
  }