@almadar/std 16.9.2 → 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 (36) hide show
  1. package/behaviors/registry/core/atoms/std-calendar.orb +121 -58
  2. package/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  3. package/behaviors/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  4. package/behaviors/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  5. package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  6. package/behaviors/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  7. package/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  8. package/behaviors/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  9. package/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  10. package/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  11. package/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  12. package/dist/behaviors/behaviors-registry.json +8 -3
  13. package/dist/behaviors/registry/core/atoms/std-calendar.orb +121 -58
  14. package/dist/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  15. package/dist/behaviors/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  16. package/dist/behaviors/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  17. package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  18. package/dist/behaviors/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  19. package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  20. package/dist/behaviors/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  21. package/dist/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  22. package/dist/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  23. package/dist/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  24. package/dist/behaviors-registry.json +8 -3
  25. package/dist/registry/core/atoms/std-calendar.orb +121 -58
  26. package/dist/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  27. package/dist/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  28. package/dist/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  29. package/dist/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  30. package/dist/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  31. package/dist/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  32. package/dist/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  33. package/dist/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  34. package/dist/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  35. package/dist/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  36. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-browse-triage",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Work-queue triage — prioritized rows with leading queue-position pill, priority badge, and per-row Accept/Defer/Escalate action buttons.",
5
5
  "orbitals": [
6
6
  {
@@ -60,170 +60,150 @@
60
60
  "linkedEntity": "TriageItem",
61
61
  "config": {
62
62
  "bodyContent": {
63
- "className": "max-w-3xl mx-auto p-card-md",
64
- "gap": "md",
65
63
  "direction": "vertical",
64
+ "gap": "md",
66
65
  "type": "stack",
66
+ "className": "max-w-3xl mx-auto p-card-md",
67
67
  "children": [
68
68
  {
69
- "type": "stack",
70
69
  "justify": "between",
70
+ "direction": "horizontal",
71
+ "gap": "sm",
72
+ "align": "center",
71
73
  "className": "px-1",
74
+ "type": "stack",
72
75
  "children": [
73
76
  {
74
- "variant": "overline",
75
77
  "content": "Triage queue",
78
+ "type": "typography",
76
79
  "color": "muted",
77
- "type": "typography"
80
+ "variant": "overline"
78
81
  },
79
82
  {
80
- "label": "@payload.data.length",
81
- "type": "badge",
82
83
  "variant": "neutral",
83
- "size": "sm"
84
+ "label": "@payload.data.length",
85
+ "size": "sm",
86
+ "type": "badge"
84
87
  }
85
- ],
86
- "align": "center",
87
- "gap": "sm",
88
- "direction": "horizontal"
88
+ ]
89
89
  },
90
90
  {
91
91
  "type": "divider"
92
92
  },
93
93
  {
94
- "fields": [],
95
- "type": "data-list",
96
- "entity": "@payload.data",
94
+ "variant": "card",
97
95
  "renderItem": [
98
96
  "fn",
99
97
  "item",
100
98
  {
99
+ "type": "card",
100
+ "className": "group rounded-md bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-hover hover:border-[var(--color-border-strong)] hover:-translate-y-px",
101
101
  "children": [
102
102
  {
103
+ "direction": "horizontal",
103
104
  "children": [
104
105
  {
105
- "direction": "vertical",
106
- "align": "center",
107
- "justify": "center",
108
106
  "children": [
109
107
  {
110
- "weight": "bold",
111
- "variant": "caption",
112
- "type": "typography",
113
- "content": "@item.queueIndex"
114
- }
115
- ],
116
- "type": "stack",
117
- "className": "shrink-0 w-10 h-10 rounded-full bg-[var(--color-primary-soft)] text-[var(--color-primary-strong)] font-semibold",
118
- "gap": "none"
119
- },
120
- {
121
- "className": "shrink-0 text-[var(--color-text-muted)]",
122
- "type": "icon",
123
- "name": "flag"
124
- },
125
- {
126
- "type": "stack",
127
- "gap": "xs",
128
- "direction": "vertical",
129
- "children": [
130
- {
131
- "align": "center",
132
- "className": "flex-wrap",
108
+ "direction": "horizontal",
109
+ "className": "min-w-0",
133
110
  "children": [
134
111
  {
135
- "variant": "body",
136
- "type": "typography",
112
+ "variant": "neutral",
113
+ "type": "badge",
114
+ "size": "sm",
115
+ "label": "@item.priority"
116
+ },
117
+ {
137
118
  "weight": "medium",
119
+ "type": "typography",
138
120
  "content": "@item.name",
121
+ "variant": "body",
139
122
  "className": "truncate"
140
- },
141
- {
142
- "type": "badge",
143
- "label": "@item.priority",
144
- "size": "sm",
145
- "variant": "warning"
146
123
  }
147
124
  ],
125
+ "align": "center",
148
126
  "type": "stack",
149
- "direction": "horizontal",
150
- "gap": "xs"
127
+ "gap": "sm"
151
128
  },
152
129
  {
153
- "color": "muted",
130
+ "content": "@item.description",
131
+ "variant": "caption",
154
132
  "type": "typography",
155
133
  "className": "truncate",
156
- "content": "@item.description",
157
- "variant": "caption"
134
+ "color": "muted"
158
135
  },
159
136
  {
160
- "type": "stack",
161
- "align": "center",
162
- "className": "pt-0.5",
163
137
  "direction": "horizontal",
138
+ "className": "pt-0.5",
139
+ "type": "stack",
140
+ "gap": "xs",
164
141
  "children": [
165
142
  {
166
- "type": "icon",
167
143
  "className": "text-[var(--color-text-muted)]",
168
- "name": "user"
144
+ "type": "icon",
145
+ "name": "user",
146
+ "size": "sm"
169
147
  },
170
148
  {
171
- "variant": "caption",
172
- "content": "@item.assignee",
173
149
  "color": "muted",
174
- "type": "typography"
150
+ "type": "typography",
151
+ "content": "@item.assignee",
152
+ "variant": "caption"
175
153
  }
176
154
  ],
177
- "gap": "xs"
155
+ "align": "center"
178
156
  }
179
157
  ],
158
+ "direction": "vertical",
159
+ "type": "stack",
160
+ "gap": "xs",
180
161
  "className": "flex-1 min-w-0"
181
162
  },
182
163
  {
164
+ "gap": "xs",
165
+ "align": "center",
166
+ "type": "stack",
183
167
  "children": [
184
168
  {
185
- "size": "sm",
186
169
  "type": "button",
187
- "action": "DEFER",
188
170
  "label": "Defer",
189
- "variant": "ghost"
171
+ "action": "DEFER",
172
+ "variant": "ghost",
173
+ "size": "sm"
190
174
  },
191
175
  {
176
+ "variant": "warning",
192
177
  "size": "sm",
193
178
  "type": "button",
194
- "variant": "warning",
195
- "action": "ESCALATE",
196
- "label": "Escalate"
179
+ "label": "Escalate",
180
+ "action": "ESCALATE"
197
181
  },
198
182
  {
199
- "size": "sm",
183
+ "action": "ACCEPT",
200
184
  "label": "Accept",
201
- "type": "button",
202
185
  "variant": "primary",
203
- "action": "ACCEPT"
186
+ "type": "button",
187
+ "size": "sm"
204
188
  }
205
189
  ],
206
- "direction": "horizontal",
207
- "gap": "xs",
208
- "type": "stack",
209
- "align": "center",
210
- "className": "shrink-0 opacity-60 group-hover:opacity-100 transition-opacity duration-normal"
190
+ "className": "shrink-0 opacity-60 group-hover:opacity-100 transition-opacity duration-normal",
191
+ "direction": "horizontal"
211
192
  }
212
193
  ],
213
- "align": "center",
194
+ "type": "stack",
214
195
  "gap": "md",
215
- "className": "p-card-md",
216
- "direction": "horizontal",
217
- "type": "stack"
196
+ "align": "center",
197
+ "className": "p-card-md"
218
198
  }
219
199
  ],
220
- "className": "group rounded-md bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-hover hover:border-[var(--color-border-strong)] hover:-translate-y-px",
221
- "type": "card",
222
200
  "look": "flat-bordered"
223
201
  }
224
202
  ],
225
- "gap": "md",
226
- "variant": "card"
203
+ "entity": "@payload.data",
204
+ "type": "data-list",
205
+ "fields": [],
206
+ "gap": "md"
227
207
  }
228
208
  ]
229
209
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-calendar-agenda-list",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Day-grouped agenda — events organized by date with overline day headers (Today, Tomorrow, Mon Jun 5) and a time marker per event. Inherits std-calendar's fetch + SELECT_DAY state machine; only bodyContent differs from std-calendar's month-grid and std-calendar-week-timeline's 7-col timeline. For appointment queues, class-roster schedules, court-deadline lists where users scan a vertical chronological flow grouped by day.",
5
5
  "orbitals": [
6
6
  {
@@ -45,7 +45,7 @@
45
45
  },
46
46
  {
47
47
  "name": "date",
48
- "type": "string",
48
+ "type": "datetime",
49
49
  "default": ""
50
50
  },
51
51
  {
@@ -62,6 +62,11 @@
62
62
  "name": "dateGroup",
63
63
  "type": "string",
64
64
  "default": ""
65
+ },
66
+ {
67
+ "name": "selectedRange",
68
+ "type": "string",
69
+ "default": "month"
65
70
  }
66
71
  ]
67
72
  },
@@ -72,134 +77,135 @@
72
77
  "linkedEntity": "AgendaListEvent",
73
78
  "config": {
74
79
  "bodyContent": {
75
- "gap": "lg",
76
80
  "className": "max-w-3xl mx-auto p-card-md",
81
+ "type": "stack",
82
+ "direction": "vertical",
83
+ "gap": "lg",
77
84
  "children": [
78
85
  {
86
+ "align": "center",
79
87
  "direction": "horizontal",
88
+ "type": "stack",
89
+ "gap": "md",
90
+ "justify": "between",
80
91
  "children": [
81
92
  {
82
- "align": "center",
93
+ "direction": "horizontal",
83
94
  "gap": "sm",
84
95
  "type": "stack",
96
+ "align": "center",
85
97
  "children": [
86
98
  {
87
- "type": "icon",
88
- "name": "list"
99
+ "name": "list",
100
+ "type": "icon"
89
101
  },
90
102
  {
91
- "variant": "h2",
92
103
  "type": "typography",
93
- "content": "Agenda"
104
+ "content": "Agenda",
105
+ "variant": "h2"
94
106
  }
95
- ],
96
- "direction": "horizontal"
107
+ ]
97
108
  },
98
109
  {
99
110
  "onSelect": "SELECT_DAY",
111
+ "selected": "@entity.selectedRange",
100
112
  "type": "date-range-selector"
101
113
  }
102
- ],
103
- "gap": "md",
104
- "align": "center",
105
- "type": "stack",
106
- "justify": "between"
114
+ ]
107
115
  },
108
116
  {
109
117
  "type": "divider"
110
118
  },
111
119
  {
120
+ "gap": "md",
121
+ "variant": "default",
122
+ "groupBy": "dateGroup",
123
+ "fields": [],
112
124
  "renderItem": [
113
125
  "fn",
114
126
  "item",
115
127
  {
116
- "look": "flat-bordered",
128
+ "type": "card",
117
129
  "children": [
118
130
  {
119
131
  "type": "stack",
132
+ "direction": "horizontal",
120
133
  "children": [
121
134
  {
122
- "direction": "vertical",
123
- "type": "stack",
135
+ "align": "center",
136
+ "className": "w-16 shrink-0",
124
137
  "children": [
125
138
  {
126
- "type": "typography",
139
+ "content": "@item.time",
127
140
  "color": "muted",
128
141
  "variant": "overline",
129
- "content": "@item.time"
142
+ "type": "typography"
130
143
  },
131
144
  {
132
- "color": "muted",
133
- "size": "sm",
134
145
  "name": "clock",
146
+ "size": "sm",
147
+ "color": "muted",
135
148
  "type": "icon"
136
149
  }
137
150
  ],
138
151
  "gap": "xs",
139
- "align": "center",
140
- "className": "w-16 shrink-0"
152
+ "direction": "vertical",
153
+ "type": "stack"
141
154
  },
142
155
  {
143
- "type": "divider",
144
- "orientation": "vertical"
156
+ "orientation": "vertical",
157
+ "type": "divider"
145
158
  },
146
159
  {
147
160
  "type": "stack",
148
- "direction": "vertical",
149
- "className": "flex-1 min-w-0",
161
+ "gap": "xs",
150
162
  "children": [
151
163
  {
152
- "direction": "horizontal",
164
+ "type": "stack",
153
165
  "gap": "sm",
154
- "align": "center",
166
+ "direction": "horizontal",
155
167
  "children": [
156
168
  {
157
- "weight": "medium",
158
169
  "type": "typography",
159
170
  "content": "@item.name",
160
- "variant": "h4",
161
- "className": "truncate"
171
+ "className": "truncate",
172
+ "weight": "medium",
173
+ "variant": "h4"
162
174
  },
163
175
  {
164
- "variant": "default",
165
- "label": "@item.status",
166
176
  "type": "badge",
177
+ "label": "@item.status",
178
+ "variant": "default",
167
179
  "size": "sm"
168
180
  }
169
181
  ],
170
- "type": "stack",
182
+ "align": "center",
171
183
  "justify": "between"
172
184
  },
173
185
  {
174
186
  "variant": "body2",
187
+ "className": "truncate",
175
188
  "color": "muted",
176
189
  "type": "typography",
177
- "content": "@item.description",
178
- "className": "truncate"
190
+ "content": "@item.description"
179
191
  }
180
192
  ],
181
- "gap": "xs"
193
+ "direction": "vertical",
194
+ "className": "flex-1 min-w-0"
182
195
  }
183
196
  ],
184
197
  "gap": "md",
185
- "direction": "horizontal",
186
198
  "align": "start"
187
199
  }
188
200
  ],
189
- "padding": "md",
190
- "type": "card"
201
+ "look": "flat-bordered",
202
+ "padding": "md"
191
203
  }
192
204
  ],
193
205
  "type": "data-list",
194
- "entity": "@payload.data",
195
- "groupBy": "dateGroup",
196
- "gap": "md",
197
- "variant": "default",
198
- "fields": []
206
+ "entity": "@payload.data"
199
207
  }
200
- ],
201
- "direction": "vertical",
202
- "type": "stack"
208
+ ]
203
209
  }
204
210
  }
205
211
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-calendar-week-timeline",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Week-timeline calendar — events grouped by weekday in a 7-column timeline. The visible window normalizes to the payload's actual date range, so events stack into whichever day-of-week they fall on. Same CalendarEventCalendar trait, same state machine as std-calendar — only bodyContent differs. For weekly schedule views (fitness class week, healthcare appointment week).",
5
5
  "orbitals": [
6
6
  {
@@ -45,7 +45,7 @@
45
45
  },
46
46
  {
47
47
  "name": "date",
48
- "type": "string",
48
+ "type": "datetime",
49
49
  "default": ""
50
50
  },
51
51
  {
@@ -62,6 +62,11 @@
62
62
  "name": "weekday",
63
63
  "type": "string",
64
64
  "default": ""
65
+ },
66
+ {
67
+ "name": "selectedRange",
68
+ "type": "string",
69
+ "default": "month"
65
70
  }
66
71
  ]
67
72
  },
@@ -72,15 +77,16 @@
72
77
  "linkedEntity": "WeekTimelineEvent",
73
78
  "config": {
74
79
  "bodyContent": {
75
- "type": "stack",
80
+ "gap": "md",
76
81
  "direction": "vertical",
77
82
  "children": [
78
83
  {
84
+ "align": "center",
79
85
  "children": [
80
86
  {
81
- "align": "center",
82
87
  "type": "stack",
83
88
  "gap": "sm",
89
+ "align": "center",
84
90
  "children": [
85
91
  {
86
92
  "type": "icon",
@@ -88,22 +94,22 @@
88
94
  },
89
95
  {
90
96
  "content": "Week",
91
- "variant": "h2",
92
- "type": "typography"
97
+ "type": "typography",
98
+ "variant": "h2"
93
99
  }
94
100
  ],
95
101
  "direction": "horizontal"
96
102
  },
97
103
  {
98
104
  "onSelect": "SELECT_DAY",
105
+ "selected": "@entity.selectedRange",
99
106
  "type": "date-range-selector"
100
107
  }
101
108
  ],
102
- "align": "center",
103
- "direction": "horizontal",
104
- "justify": "between",
109
+ "gap": "md",
105
110
  "type": "stack",
106
- "gap": "md"
111
+ "justify": "between",
112
+ "direction": "horizontal"
107
113
  },
108
114
  {
109
115
  "type": "divider"
@@ -113,66 +119,66 @@
113
119
  "fn",
114
120
  "item",
115
121
  {
116
- "look": "flat-bordered",
117
- "type": "card",
118
- "shadow": "sm",
119
122
  "children": [
120
123
  {
124
+ "gap": "xs",
121
125
  "type": "stack",
122
126
  "direction": "vertical",
123
- "gap": "xs",
124
127
  "children": [
125
128
  {
126
- "align": "center",
127
129
  "gap": "sm",
130
+ "justify": "between",
128
131
  "type": "stack",
132
+ "align": "center",
129
133
  "direction": "horizontal",
130
- "justify": "between",
131
134
  "children": [
132
135
  {
133
- "type": "typography",
134
- "color": "muted",
135
- "variant": "caption",
136
136
  "content": "@item.time",
137
- "weight": "medium"
137
+ "variant": "caption",
138
+ "weight": "medium",
139
+ "type": "typography",
140
+ "color": "muted"
138
141
  },
139
142
  {
143
+ "type": "badge",
140
144
  "size": "sm",
141
145
  "label": "@item.status",
142
- "variant": "default",
143
- "type": "badge"
146
+ "variant": "default"
144
147
  }
145
148
  ]
146
149
  },
147
150
  {
148
151
  "content": "@item.name",
152
+ "variant": "body2",
149
153
  "className": "truncate",
150
154
  "weight": "medium",
151
- "variant": "body2",
152
155
  "type": "typography"
153
156
  },
154
157
  {
155
- "color": "muted",
156
158
  "content": "@item.description",
159
+ "color": "muted",
157
160
  "type": "typography",
158
- "className": "truncate",
159
- "variant": "caption"
161
+ "variant": "caption",
162
+ "className": "truncate"
160
163
  }
161
164
  ]
162
165
  }
163
166
  ],
164
- "padding": "sm"
167
+ "type": "card",
168
+ "padding": "sm",
169
+ "look": "flat-bordered",
170
+ "shadow": "sm"
165
171
  }
166
172
  ],
167
- "groupBy": "weekday",
168
- "entity": "@payload.data",
169
173
  "type": "data-list",
170
174
  "gap": "md",
175
+ "fields": [],
171
176
  "variant": "default",
172
- "fields": []
177
+ "groupBy": "weekday",
178
+ "entity": "@payload.data"
173
179
  }
174
180
  ],
175
- "gap": "md"
181
+ "type": "stack"
176
182
  }
177
183
  }
178
184
  }