@almadar/std 14.9.0 → 14.10.0

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 (35) hide show
  1. package/behaviors/registry/app/organisms/std-api-gateway.orb +419 -171
  2. package/behaviors/registry/app/organisms/std-booking-system.orb +760 -620
  3. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +477 -229
  4. package/behaviors/registry/app/organisms/std-cms.orb +433 -298
  5. package/behaviors/registry/app/organisms/std-crm.orb +355 -215
  6. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +504 -369
  7. package/behaviors/registry/app/organisms/std-finance-tracker.orb +271 -189
  8. package/behaviors/registry/app/organisms/std-healthcare.orb +676 -468
  9. package/behaviors/registry/app/organisms/std-helpdesk.orb +246 -166
  10. package/behaviors/registry/app/organisms/std-hr-portal.orb +534 -399
  11. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +420 -340
  12. package/behaviors/registry/app/organisms/std-lms.orb +462 -378
  13. package/behaviors/registry/app/organisms/std-project-manager.orb +282 -200
  14. package/behaviors/registry/app/organisms/std-realtime-chat.orb +317 -235
  15. package/behaviors/registry/app/organisms/std-social-feed.orb +256 -137
  16. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +342 -218
  17. package/behaviors/registry/core/molecules/std-app-layout.orb +90 -21
  18. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +419 -171
  19. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +760 -620
  20. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +477 -229
  21. package/dist/behaviors/registry/app/organisms/std-cms.orb +433 -298
  22. package/dist/behaviors/registry/app/organisms/std-crm.orb +355 -215
  23. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +504 -369
  24. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +271 -189
  25. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +676 -468
  26. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +246 -166
  27. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +534 -399
  28. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +420 -340
  29. package/dist/behaviors/registry/app/organisms/std-lms.orb +462 -378
  30. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +282 -200
  31. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +317 -235
  32. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +256 -137
  33. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +342 -218
  34. package/dist/behaviors/registry/core/molecules/std-app-layout.orb +90 -21
  35. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-realtime-chat.orb CHANGED
@@ -80,28 +80,28 @@
80
80
  "ref": "AppShell.traits.AppLayout",
81
81
  "name": "ChatAppLayout",
82
82
  "config": {
83
+ "contentTrait": "@trait.ChatRoom",
84
+ "notifications": [],
85
+ "notificationClickEvent": "CHAT_NOTIFICATIONS_OPEN",
86
+ "appName": "Realtime Chat",
83
87
  "navItems": [
84
88
  {
85
- "icon": "message-circle",
86
89
  "label": "Chat",
87
- "href": "/chat"
90
+ "href": "/chat",
91
+ "icon": "message-circle"
88
92
  },
89
93
  {
90
94
  "href": "/channels",
91
- "label": "Channels",
92
- "icon": "hash"
95
+ "icon": "hash",
96
+ "label": "Channels"
93
97
  },
94
98
  {
95
99
  "icon": "users",
96
- "href": "/online",
97
- "label": "Online"
100
+ "label": "Online",
101
+ "href": "/online"
98
102
  }
99
103
  ],
100
- "appName": "Realtime Chat",
101
- "searchEvent": "CHAT_SEARCH",
102
- "notificationClickEvent": "CHAT_NOTIFICATIONS_OPEN",
103
- "contentTrait": "@trait.ChatRoom",
104
- "notifications": []
104
+ "searchEvent": "CHAT_SEARCH"
105
105
  },
106
106
  "events": {
107
107
  "NOTIFY_CLICK": "CHAT_NOTIFICATIONS_OPEN",
@@ -188,17 +188,12 @@
188
188
  "render-ui",
189
189
  "main",
190
190
  {
191
- "type": "stack",
191
+ "direction": "vertical",
192
192
  "children": [
193
193
  {
194
194
  "gap": "md",
195
- "justify": "between",
196
- "type": "stack",
197
- "align": "center",
198
195
  "children": [
199
196
  {
200
- "direction": "horizontal",
201
- "gap": "sm",
202
197
  "children": [
203
198
  {
204
199
  "type": "icon",
@@ -210,25 +205,30 @@
210
205
  "variant": "h2"
211
206
  }
212
207
  ],
213
- "align": "center",
214
- "type": "stack"
208
+ "type": "stack",
209
+ "gap": "sm",
210
+ "direction": "horizontal",
211
+ "align": "center"
215
212
  },
216
213
  {
217
- "gap": "sm",
218
- "type": "stack",
214
+ "direction": "horizontal",
219
215
  "children": [
220
216
  {
217
+ "action": "CREATE_CHANNEL",
221
218
  "icon": "plus",
222
- "type": "button",
219
+ "variant": "primary",
223
220
  "label": "New Channel",
224
- "action": "CREATE_CHANNEL",
225
- "variant": "primary"
221
+ "type": "button"
226
222
  }
227
223
  ],
228
- "direction": "horizontal"
224
+ "type": "stack",
225
+ "gap": "sm"
229
226
  }
230
227
  ],
231
- "direction": "horizontal"
228
+ "align": "center",
229
+ "direction": "horizontal",
230
+ "type": "stack",
231
+ "justify": "between"
232
232
  },
233
233
  {
234
234
  "type": "divider"
@@ -240,7 +240,7 @@
240
240
  },
241
241
  "@trait.ChatMessageBrowse"
242
242
  ],
243
- "direction": "vertical",
243
+ "type": "stack",
244
244
  "gap": "lg"
245
245
  }
246
246
  ]
@@ -260,34 +260,34 @@
260
260
  "render-ui",
261
261
  "main",
262
262
  {
263
- "gap": "md",
264
- "align": "center",
263
+ "direction": "vertical",
265
264
  "type": "stack",
266
- "className": "py-8",
265
+ "gap": "md",
267
266
  "children": [
268
267
  {
269
268
  "type": "icon",
270
269
  "name": "bell"
271
270
  },
272
271
  {
273
- "content": "No notifications",
274
272
  "type": "typography",
273
+ "content": "No notifications",
275
274
  "variant": "h3"
276
275
  },
277
276
  {
278
- "color": "muted",
279
277
  "variant": "caption",
278
+ "content": "You're all caught up.",
280
279
  "type": "typography",
281
- "content": "You're all caught up."
280
+ "color": "muted"
282
281
  },
283
282
  {
284
- "variant": "ghost",
285
- "label": "Back to chat",
286
283
  "type": "button",
287
- "action": "INIT"
284
+ "variant": "ghost",
285
+ "action": "INIT",
286
+ "label": "Back to chat"
288
287
  }
289
288
  ],
290
- "direction": "vertical"
289
+ "className": "py-8",
290
+ "align": "center"
291
291
  }
292
292
  ]
293
293
  ]
@@ -300,8 +300,8 @@
300
300
  "ref": "Search.traits.SearchResultSearch",
301
301
  "name": "ChatSearch",
302
302
  "config": {
303
- "event": "CHAT_SEARCH",
304
- "placeholder": "Search messages…"
303
+ "placeholder": "Search messages…",
304
+ "event": "CHAT_SEARCH"
305
305
  }
306
306
  },
307
307
  {
@@ -311,25 +311,25 @@
311
311
  "title": "Chat Activity",
312
312
  "metrics": [
313
313
  {
314
+ "variant": "primary",
314
315
  "icon": "message-circle",
315
316
  "label": "Messages",
316
- "variant": "primary",
317
317
  "format": "number",
318
318
  "aggregation": "count"
319
319
  },
320
320
  {
321
- "aggregation": "count",
322
- "label": "Active Channels",
323
321
  "format": "number",
324
- "icon": "hash",
325
- "variant": "info"
322
+ "label": "Active Channels",
323
+ "aggregation": "count",
324
+ "variant": "info",
325
+ "icon": "hash"
326
326
  },
327
327
  {
328
- "aggregation": "count",
329
328
  "icon": "user",
330
329
  "variant": "success",
331
330
  "label": "Top Author",
332
- "format": "number"
331
+ "format": "number",
332
+ "aggregation": "count"
333
333
  }
334
334
  ]
335
335
  },
@@ -511,22 +511,22 @@
511
511
  "render-ui",
512
512
  "main",
513
513
  {
514
- "type": "stack",
514
+ "gap": "md",
515
515
  "align": "center",
516
+ "type": "stack",
517
+ "direction": "vertical",
518
+ "className": "py-12",
516
519
  "children": [
517
520
  {
518
521
  "type": "spinner"
519
522
  },
520
523
  {
521
- "variant": "caption",
522
- "content": "Loading…",
523
524
  "color": "muted",
524
- "type": "typography"
525
+ "variant": "caption",
526
+ "type": "typography",
527
+ "content": "Loading…"
525
528
  }
526
- ],
527
- "direction": "vertical",
528
- "gap": "md",
529
- "className": "py-12"
529
+ ]
530
530
  }
531
531
  ]
532
532
  ]
@@ -541,8 +541,8 @@
541
541
  "ChatMessage",
542
542
  {
543
543
  "emit": {
544
- "failure": "ChatMessageLoadFailed",
545
- "success": "ChatMessageLoaded"
544
+ "success": "ChatMessageLoaded",
545
+ "failure": "ChatMessageLoadFailed"
546
546
  }
547
547
  }
548
548
  ]
@@ -557,22 +557,26 @@
557
557
  "render-ui",
558
558
  "main",
559
559
  {
560
- "gap": "md",
561
560
  "children": [
562
561
  {
563
- "senderField": "sender",
564
- "type": "data-list",
565
562
  "entity": "@payload.data",
566
563
  "gap": "sm",
567
- "variant": "message",
564
+ "itemActions": [
565
+ {
566
+ "label": "View",
567
+ "variant": "ghost",
568
+ "event": "VIEW"
569
+ }
570
+ ],
571
+ "type": "data-list",
568
572
  "fields": [
569
573
  {
570
574
  "variant": "h4",
571
575
  "name": "sender"
572
576
  },
573
577
  {
574
- "name": "content",
575
- "variant": "body"
578
+ "variant": "body",
579
+ "name": "content"
576
580
  },
577
581
  {
578
582
  "name": "timestamp",
@@ -580,32 +584,28 @@
580
584
  "format": "date"
581
585
  }
582
586
  ],
583
- "itemActions": [
584
- {
585
- "label": "View",
586
- "variant": "ghost",
587
- "event": "VIEW"
588
- }
589
- ]
587
+ "variant": "message",
588
+ "senderField": "sender"
590
589
  },
591
590
  {
592
591
  "direction": "horizontal",
593
- "type": "stack",
594
592
  "gap": "sm",
595
593
  "justify": "end",
596
594
  "children": [
597
595
  {
596
+ "variant": "primary",
598
597
  "label": "Compose",
599
598
  "icon": "edit",
600
- "variant": "primary",
601
599
  "type": "button",
602
600
  "action": "COMPOSE"
603
601
  }
604
- ]
602
+ ],
603
+ "type": "stack"
605
604
  }
606
605
  ],
607
- "direction": "vertical",
608
- "type": "stack"
606
+ "gap": "md",
607
+ "type": "stack",
608
+ "direction": "vertical"
609
609
  }
610
610
  ]
611
611
  ]
@@ -620,35 +620,35 @@
620
620
  "main",
621
621
  {
622
622
  "align": "center",
623
+ "direction": "vertical",
624
+ "gap": "md",
625
+ "type": "stack",
626
+ "className": "py-12",
623
627
  "children": [
624
628
  {
625
- "color": "destructive",
626
629
  "name": "alert-triangle",
630
+ "color": "destructive",
627
631
  "type": "icon"
628
632
  },
629
633
  {
630
634
  "content": "Failed to load messages",
631
- "type": "typography",
632
- "variant": "h3"
635
+ "variant": "h3",
636
+ "type": "typography"
633
637
  },
634
638
  {
635
- "variant": "body",
636
- "content": "@payload.error",
637
639
  "type": "typography",
638
- "color": "muted"
640
+ "color": "muted",
641
+ "variant": "body",
642
+ "content": "@payload.error"
639
643
  },
640
644
  {
641
- "icon": "rotate-ccw",
642
- "variant": "primary",
643
645
  "type": "button",
644
646
  "label": "Retry",
645
- "action": "INIT"
647
+ "action": "INIT",
648
+ "variant": "primary",
649
+ "icon": "rotate-ccw"
646
650
  }
647
- ],
648
- "gap": "md",
649
- "direction": "vertical",
650
- "type": "stack",
651
- "className": "py-12"
651
+ ]
652
652
  }
653
653
  ]
654
654
  ]
@@ -662,6 +662,7 @@
662
662
  "name": "ChatMessageCompose",
663
663
  "linkedEntity": "ChatMessage",
664
664
  "config": {
665
+ "mode": "create",
665
666
  "icon": "edit",
666
667
  "fields": [
667
668
  "sender",
@@ -669,7 +670,6 @@
669
670
  "channel",
670
671
  "timestamp"
671
672
  ],
672
- "mode": "create",
673
673
  "title": "New Message"
674
674
  },
675
675
  "events": {
@@ -691,14 +691,14 @@
691
691
  "name": "ChatMessageView",
692
692
  "linkedEntity": "ChatMessage",
693
693
  "config": {
694
- "icon": "eye",
694
+ "title": "View Message",
695
695
  "fields": [
696
696
  "sender",
697
697
  "content",
698
698
  "channel",
699
699
  "timestamp"
700
700
  ],
701
- "title": "View Message",
701
+ "icon": "eye",
702
702
  "mode": "edit"
703
703
  },
704
704
  "events": {
@@ -891,39 +891,39 @@
891
891
  "main",
892
892
  {
893
893
  "gap": "md",
894
+ "type": "stack",
894
895
  "direction": "vertical",
895
896
  "children": [
896
897
  {
897
- "gap": "sm",
898
898
  "children": [
899
899
  {
900
- "name": "paperclip",
901
- "type": "icon"
900
+ "type": "icon",
901
+ "name": "paperclip"
902
902
  },
903
903
  {
904
904
  "type": "typography",
905
- "variant": "h3",
906
- "content": "Attach File"
905
+ "content": "Attach File",
906
+ "variant": "h3"
907
907
  }
908
908
  ],
909
- "type": "stack",
910
909
  "direction": "horizontal",
911
- "align": "center"
910
+ "gap": "sm",
911
+ "align": "center",
912
+ "type": "stack"
912
913
  },
913
914
  {
914
915
  "inputType": "text",
915
- "type": "input",
916
- "placeholder": "Choose file…"
916
+ "placeholder": "Choose file…",
917
+ "type": "input"
917
918
  },
918
919
  {
919
920
  "label": "Upload",
920
921
  "type": "button",
921
- "variant": "primary",
922
922
  "icon": "upload",
923
- "action": "UPLOAD"
923
+ "action": "UPLOAD",
924
+ "variant": "primary"
924
925
  }
925
- ],
926
- "type": "stack"
926
+ ]
927
927
  }
928
928
  ]
929
929
  ]
@@ -938,9 +938,9 @@
938
938
  "storage",
939
939
  "upload",
940
940
  {
941
- "file": "@payload.file",
942
941
  "bucket": "chat-attachments",
943
942
  "maxSize": 10485760.0,
943
+ "file": "@payload.file",
944
944
  "acl": "private"
945
945
  },
946
946
  {
@@ -954,21 +954,21 @@
954
954
  "render-ui",
955
955
  "main",
956
956
  {
957
+ "align": "center",
958
+ "type": "stack",
957
959
  "direction": "vertical",
960
+ "gap": "md",
958
961
  "children": [
959
962
  {
960
963
  "type": "spinner"
961
964
  },
962
965
  {
963
- "content": "Uploading…",
964
966
  "variant": "caption",
965
- "color": "muted",
966
- "type": "typography"
967
+ "type": "typography",
968
+ "content": "Uploading…",
969
+ "color": "muted"
967
970
  }
968
- ],
969
- "gap": "md",
970
- "type": "stack",
971
- "align": "center"
971
+ ]
972
972
  }
973
973
  ]
974
974
  ]
@@ -1088,12 +1088,11 @@
1088
1088
  "render-ui",
1089
1089
  "main",
1090
1090
  {
1091
- "gap": "md",
1092
1091
  "direction": "vertical",
1093
- "type": "stack",
1094
1092
  "children": [
1095
1093
  {
1096
1094
  "align": "center",
1095
+ "gap": "sm",
1097
1096
  "type": "stack",
1098
1097
  "children": [
1099
1098
  {
@@ -1102,21 +1101,22 @@
1102
1101
  },
1103
1102
  {
1104
1103
  "type": "typography",
1105
- "variant": "h3",
1106
- "content": "Send SMS Notify"
1104
+ "content": "Send SMS Notify",
1105
+ "variant": "h3"
1107
1106
  }
1108
1107
  ],
1109
- "gap": "sm",
1110
1108
  "direction": "horizontal"
1111
1109
  },
1112
1110
  {
1111
+ "type": "button",
1113
1112
  "action": "SMS_NOTIFY",
1114
1113
  "variant": "primary",
1115
1114
  "icon": "send",
1116
- "type": "button",
1117
1115
  "label": "Send Notification"
1118
1116
  }
1119
- ]
1117
+ ],
1118
+ "gap": "md",
1119
+ "type": "stack"
1120
1120
  }
1121
1121
  ]
1122
1122
  ]
@@ -1131,9 +1131,9 @@
1131
1131
  "twilio",
1132
1132
  "sendSMS",
1133
1133
  {
1134
+ "sender": "+15551234567",
1134
1135
  "recipient": "@payload.recipient",
1135
- "body": "@payload.body",
1136
- "sender": "+15551234567"
1136
+ "body": "@payload.body"
1137
1137
  },
1138
1138
  {
1139
1139
  "emit": {
@@ -1146,21 +1146,21 @@
1146
1146
  "render-ui",
1147
1147
  "main",
1148
1148
  {
1149
- "gap": "md",
1149
+ "align": "center",
1150
1150
  "type": "stack",
1151
1151
  "direction": "vertical",
1152
+ "gap": "md",
1152
1153
  "children": [
1153
1154
  {
1154
1155
  "type": "spinner"
1155
1156
  },
1156
1157
  {
1157
- "content": "Sending notification…",
1158
+ "variant": "caption",
1158
1159
  "type": "typography",
1159
- "color": "muted",
1160
- "variant": "caption"
1160
+ "content": "Sending notification…",
1161
+ "color": "muted"
1161
1162
  }
1162
- ],
1163
- "align": "center"
1163
+ ]
1164
1164
  }
1165
1165
  ]
1166
1166
  ]
@@ -1236,6 +1236,10 @@
1236
1236
  {
1237
1237
  "name": "ChannelOrbital",
1238
1238
  "uses": [
1239
+ {
1240
+ "from": "std/behaviors/std-app-layout",
1241
+ "as": "AppShell"
1242
+ },
1239
1243
  {
1240
1244
  "from": "std/behaviors/std-modal",
1241
1245
  "as": "Modal"
@@ -1287,6 +1291,39 @@
1287
1291
  ]
1288
1292
  },
1289
1293
  "traits": [
1294
+ {
1295
+ "ref": "AppShell.traits.AppLayout",
1296
+ "name": "ChannelAppLayout",
1297
+ "linkedEntity": "Channel",
1298
+ "config": {
1299
+ "searchEvent": "CHANNEL_SEARCH",
1300
+ "notifications": [],
1301
+ "navItems": [
1302
+ {
1303
+ "href": "/chat",
1304
+ "label": "Chat",
1305
+ "icon": "message-circle"
1306
+ },
1307
+ {
1308
+ "icon": "hash",
1309
+ "label": "Channels",
1310
+ "href": "/channels"
1311
+ },
1312
+ {
1313
+ "href": "/online",
1314
+ "label": "Online",
1315
+ "icon": "users"
1316
+ }
1317
+ ],
1318
+ "appName": "Realtime Chat",
1319
+ "notificationClickEvent": "CHANNEL_NOTIFICATIONS_OPEN",
1320
+ "contentTrait": "@trait.ChannelCatalog"
1321
+ },
1322
+ "events": {
1323
+ "SEARCH": "CHANNEL_SEARCH",
1324
+ "NOTIFY_CLICK": "CHANNEL_NOTIFICATIONS_OPEN"
1325
+ }
1326
+ },
1290
1327
  {
1291
1328
  "name": "ChannelCatalog",
1292
1329
  "category": "interaction",
@@ -1345,14 +1382,12 @@
1345
1382
  "className": "max-w-5xl mx-auto w-full",
1346
1383
  "children": [
1347
1384
  {
1348
- "align": "center",
1349
- "gap": "md",
1350
- "type": "stack",
1351
1385
  "justify": "between",
1386
+ "type": "stack",
1352
1387
  "children": [
1353
1388
  {
1389
+ "direction": "horizontal",
1354
1390
  "type": "stack",
1355
- "gap": "sm",
1356
1391
  "align": "center",
1357
1392
  "children": [
1358
1393
  {
@@ -1360,29 +1395,31 @@
1360
1395
  "name": "hash"
1361
1396
  },
1362
1397
  {
1363
- "content": "Channels",
1364
1398
  "type": "typography",
1399
+ "content": "Channels",
1365
1400
  "variant": "h2"
1366
1401
  }
1367
1402
  ],
1368
- "direction": "horizontal"
1403
+ "gap": "sm"
1369
1404
  },
1370
1405
  {
1371
- "type": "stack",
1372
- "direction": "horizontal",
1373
- "gap": "sm",
1374
1406
  "children": [
1375
1407
  {
1376
- "icon": "plus",
1377
- "label": "Create Channel",
1378
- "variant": "primary",
1379
1408
  "type": "button",
1380
- "action": "CREATE"
1409
+ "action": "CREATE",
1410
+ "variant": "primary",
1411
+ "icon": "plus",
1412
+ "label": "Create Channel"
1381
1413
  }
1382
- ]
1414
+ ],
1415
+ "direction": "horizontal",
1416
+ "type": "stack",
1417
+ "gap": "sm"
1383
1418
  }
1384
1419
  ],
1385
- "direction": "horizontal"
1420
+ "direction": "horizontal",
1421
+ "gap": "md",
1422
+ "align": "center"
1386
1423
  },
1387
1424
  {
1388
1425
  "type": "divider"
@@ -1403,48 +1440,48 @@
1403
1440
  "name": "ChannelBrowseList",
1404
1441
  "linkedEntity": "Channel",
1405
1442
  "config": {
1443
+ "gap": "sm",
1406
1444
  "itemActions": [
1407
1445
  {
1408
- "event": "VIEW",
1409
1446
  "label": "View",
1447
+ "event": "VIEW",
1410
1448
  "variant": "ghost"
1411
1449
  },
1412
1450
  {
1413
- "label": "Edit",
1414
1451
  "variant": "ghost",
1415
- "event": "EDIT"
1452
+ "event": "EDIT",
1453
+ "label": "Edit"
1416
1454
  },
1417
1455
  {
1418
- "label": "Delete",
1419
1456
  "event": "DELETE",
1457
+ "label": "Delete",
1420
1458
  "variant": "danger"
1421
1459
  }
1422
1460
  ],
1461
+ "cols": 1.0,
1423
1462
  "fields": [
1424
1463
  {
1464
+ "icon": "hash",
1425
1465
  "variant": "h3",
1426
- "name": "name",
1427
- "icon": "hash"
1466
+ "name": "name"
1428
1467
  },
1429
1468
  {
1430
- "label": "Members",
1431
- "name": "memberCount",
1469
+ "format": "number",
1432
1470
  "variant": "badge",
1433
- "format": "number"
1471
+ "name": "memberCount",
1472
+ "label": "Members"
1434
1473
  },
1435
1474
  {
1436
- "variant": "body",
1437
- "name": "description"
1475
+ "name": "description",
1476
+ "variant": "body"
1438
1477
  },
1439
1478
  {
1479
+ "variant": "body",
1440
1480
  "name": "isPrivate",
1441
- "label": "Private",
1442
1481
  "format": "boolean",
1443
- "variant": "body"
1482
+ "label": "Private"
1444
1483
  }
1445
- ],
1446
- "cols": 1.0,
1447
- "gap": "sm"
1484
+ ]
1448
1485
  },
1449
1486
  "listens": [
1450
1487
  {
@@ -1478,15 +1515,15 @@
1478
1515
  "name": "ChannelCreate",
1479
1516
  "linkedEntity": "Channel",
1480
1517
  "config": {
1518
+ "mode": "create",
1481
1519
  "fields": [
1482
1520
  "name",
1483
1521
  "description",
1484
1522
  "memberCount",
1485
1523
  "isPrivate"
1486
1524
  ],
1487
- "title": "Create Channel",
1488
- "mode": "create",
1489
- "icon": "plus-circle"
1525
+ "icon": "plus-circle",
1526
+ "title": "Create Channel"
1490
1527
  },
1491
1528
  "events": {
1492
1529
  "OPEN": "CREATE"
@@ -1507,15 +1544,15 @@
1507
1544
  "name": "ChannelEdit",
1508
1545
  "linkedEntity": "Channel",
1509
1546
  "config": {
1547
+ "icon": "edit",
1548
+ "title": "Edit Channel",
1549
+ "mode": "edit",
1510
1550
  "fields": [
1511
1551
  "name",
1512
1552
  "description",
1513
1553
  "memberCount",
1514
1554
  "isPrivate"
1515
- ],
1516
- "icon": "edit",
1517
- "mode": "edit",
1518
- "title": "Edit Channel"
1555
+ ]
1519
1556
  },
1520
1557
  "events": {
1521
1558
  "OPEN": "EDIT"
@@ -1536,15 +1573,15 @@
1536
1573
  "name": "ChannelView",
1537
1574
  "linkedEntity": "Channel",
1538
1575
  "config": {
1576
+ "title": "View Channel",
1577
+ "mode": "edit",
1539
1578
  "fields": [
1540
1579
  "name",
1541
1580
  "description",
1542
1581
  "memberCount",
1543
1582
  "isPrivate"
1544
1583
  ],
1545
- "icon": "eye",
1546
- "mode": "edit",
1547
- "title": "View Channel"
1584
+ "icon": "eye"
1548
1585
  },
1549
1586
  "events": {
1550
1587
  "OPEN": "VIEW"
@@ -1565,10 +1602,10 @@
1565
1602
  "name": "ChannelDelete",
1566
1603
  "linkedEntity": "Channel",
1567
1604
  "config": {
1568
- "icon": "alert-triangle",
1569
1605
  "title": "Delete Channel",
1570
- "confirmLabel": "Delete",
1571
- "alertMessage": "This action cannot be undone."
1606
+ "icon": "alert-triangle",
1607
+ "alertMessage": "This action cannot be undone.",
1608
+ "confirmLabel": "Delete"
1572
1609
  },
1573
1610
  "events": {
1574
1611
  "REQUEST": "DELETE",
@@ -1774,6 +1811,9 @@
1774
1811
  "name": "Channels",
1775
1812
  "path": "/channels",
1776
1813
  "traits": [
1814
+ {
1815
+ "ref": "ChannelAppLayout"
1816
+ },
1777
1817
  {
1778
1818
  "ref": "ChannelCatalog"
1779
1819
  },
@@ -1801,6 +1841,12 @@
1801
1841
  },
1802
1842
  {
1803
1843
  "name": "OnlineUserOrbital",
1844
+ "uses": [
1845
+ {
1846
+ "from": "std/behaviors/std-app-layout",
1847
+ "as": "AppShell"
1848
+ }
1849
+ ],
1804
1850
  "entity": {
1805
1851
  "name": "OnlineUser",
1806
1852
  "persistence": "runtime",
@@ -1837,6 +1883,39 @@
1837
1883
  ]
1838
1884
  },
1839
1885
  "traits": [
1886
+ {
1887
+ "ref": "AppShell.traits.AppLayout",
1888
+ "name": "OnlineUserAppLayout",
1889
+ "linkedEntity": "OnlineUser",
1890
+ "config": {
1891
+ "navItems": [
1892
+ {
1893
+ "href": "/chat",
1894
+ "icon": "message-circle",
1895
+ "label": "Chat"
1896
+ },
1897
+ {
1898
+ "label": "Channels",
1899
+ "href": "/channels",
1900
+ "icon": "hash"
1901
+ },
1902
+ {
1903
+ "icon": "users",
1904
+ "label": "Online",
1905
+ "href": "/online"
1906
+ }
1907
+ ],
1908
+ "contentTrait": "@trait.OnlineUserDisplay",
1909
+ "notifications": [],
1910
+ "notificationClickEvent": "ONLINE_USER_NOTIFICATIONS_OPEN",
1911
+ "appName": "Realtime Chat",
1912
+ "searchEvent": "ONLINE_USER_SEARCH"
1913
+ },
1914
+ "events": {
1915
+ "SEARCH": "ONLINE_USER_SEARCH",
1916
+ "NOTIFY_CLICK": "ONLINE_USER_NOTIFICATIONS_OPEN"
1917
+ }
1918
+ },
1840
1919
  {
1841
1920
  "name": "OnlineUserDisplay",
1842
1921
  "category": "interaction",
@@ -1924,8 +2003,8 @@
1924
2003
  "OnlineUser",
1925
2004
  {
1926
2005
  "emit": {
1927
- "failure": "OnlineUserLoadFailed",
1928
- "success": "OnlineUserLoaded"
2006
+ "success": "OnlineUserLoaded",
2007
+ "failure": "OnlineUserLoadFailed"
1929
2008
  }
1930
2009
  }
1931
2010
  ],
@@ -1933,66 +2012,66 @@
1933
2012
  "render-ui",
1934
2013
  "main",
1935
2014
  {
1936
- "direction": "vertical",
2015
+ "type": "stack",
1937
2016
  "gap": "lg",
1938
- "className": "max-w-5xl mx-auto w-full",
1939
2017
  "children": [
1940
2018
  {
1941
2019
  "type": "stack",
1942
2020
  "gap": "md",
2021
+ "direction": "horizontal",
2022
+ "justify": "between",
1943
2023
  "align": "center",
1944
2024
  "children": [
1945
2025
  {
1946
2026
  "type": "stack",
1947
- "direction": "horizontal",
1948
- "align": "center",
1949
- "gap": "sm",
1950
2027
  "children": [
1951
2028
  {
1952
- "name": "users",
1953
- "type": "icon"
2029
+ "type": "icon",
2030
+ "name": "users"
1954
2031
  },
1955
2032
  {
1956
2033
  "content": "Online Users",
1957
2034
  "variant": "h2",
1958
2035
  "type": "typography"
1959
2036
  }
1960
- ]
2037
+ ],
2038
+ "align": "center",
2039
+ "direction": "horizontal",
2040
+ "gap": "sm"
1961
2041
  },
1962
2042
  {
2043
+ "variant": "secondary",
2044
+ "icon": "refresh-cw",
1963
2045
  "type": "button",
1964
2046
  "label": "Refresh",
1965
- "action": "REFRESH",
1966
- "icon": "refresh-cw",
1967
- "variant": "secondary"
2047
+ "action": "REFRESH"
1968
2048
  }
1969
- ],
1970
- "justify": "between",
1971
- "direction": "horizontal"
2049
+ ]
1972
2050
  },
1973
2051
  {
1974
2052
  "type": "divider"
1975
2053
  },
1976
2054
  {
2055
+ "type": "stack",
2056
+ "align": "center",
2057
+ "className": "py-12",
2058
+ "gap": "md",
1977
2059
  "children": [
1978
2060
  {
1979
2061
  "type": "spinner"
1980
2062
  },
1981
2063
  {
1982
- "variant": "caption",
1983
- "content": "Loading presence…",
2064
+ "type": "typography",
1984
2065
  "color": "muted",
1985
- "type": "typography"
2066
+ "content": "Loading presence…",
2067
+ "variant": "caption"
1986
2068
  }
1987
2069
  ],
1988
- "type": "stack",
1989
- "direction": "vertical",
1990
- "className": "py-12",
1991
- "align": "center",
1992
- "gap": "md"
2070
+ "direction": "vertical"
1993
2071
  }
1994
2072
  ],
1995
- "type": "stack"
2073
+ "direction": "vertical",
2074
+ "className": "max-w-5xl mx-auto w-full"
1996
2075
  }
1997
2076
  ]
1998
2077
  ]
@@ -2006,56 +2085,52 @@
2006
2085
  "render-ui",
2007
2086
  "main",
2008
2087
  {
2009
- "className": "max-w-5xl mx-auto w-full",
2010
2088
  "type": "stack",
2011
- "direction": "vertical",
2089
+ "className": "max-w-5xl mx-auto w-full",
2012
2090
  "gap": "lg",
2091
+ "direction": "vertical",
2013
2092
  "children": [
2014
2093
  {
2015
- "direction": "horizontal",
2016
- "justify": "between",
2017
2094
  "type": "stack",
2018
- "align": "center",
2095
+ "justify": "between",
2019
2096
  "children": [
2020
2097
  {
2021
- "type": "stack",
2022
2098
  "direction": "horizontal",
2099
+ "align": "center",
2100
+ "gap": "sm",
2101
+ "type": "stack",
2023
2102
  "children": [
2024
2103
  {
2025
2104
  "name": "users",
2026
2105
  "type": "icon"
2027
2106
  },
2028
2107
  {
2108
+ "content": "Online Users",
2029
2109
  "variant": "h2",
2030
- "type": "typography",
2031
- "content": "Online Users"
2110
+ "type": "typography"
2032
2111
  }
2033
- ],
2034
- "align": "center",
2035
- "gap": "sm"
2112
+ ]
2036
2113
  },
2037
2114
  {
2038
- "variant": "secondary",
2115
+ "icon": "refresh-cw",
2039
2116
  "type": "button",
2117
+ "variant": "secondary",
2040
2118
  "label": "Refresh",
2041
- "action": "REFRESH",
2042
- "icon": "refresh-cw"
2119
+ "action": "REFRESH"
2043
2120
  }
2044
2121
  ],
2045
- "gap": "md"
2122
+ "direction": "horizontal",
2123
+ "gap": "md",
2124
+ "align": "center"
2046
2125
  },
2047
2126
  {
2048
2127
  "type": "divider"
2049
2128
  },
2050
2129
  {
2051
- "entity": "@payload.data",
2052
- "gap": "sm",
2053
- "type": "data-list",
2054
- "variant": "card",
2055
2130
  "fields": [
2056
2131
  {
2057
- "variant": "h4",
2058
- "name": "username"
2132
+ "name": "username",
2133
+ "variant": "h4"
2059
2134
  },
2060
2135
  {
2061
2136
  "name": "status",
@@ -2066,7 +2141,11 @@
2066
2141
  "format": "date",
2067
2142
  "name": "lastActive"
2068
2143
  }
2069
- ]
2144
+ ],
2145
+ "gap": "sm",
2146
+ "entity": "@payload.data",
2147
+ "type": "data-list",
2148
+ "variant": "card"
2070
2149
  }
2071
2150
  ]
2072
2151
  }
@@ -2083,8 +2162,8 @@
2083
2162
  "OnlineUser",
2084
2163
  {
2085
2164
  "emit": {
2086
- "success": "OnlineUserLoaded",
2087
- "failure": "OnlineUserLoadFailed"
2165
+ "failure": "OnlineUserLoadFailed",
2166
+ "success": "OnlineUserLoaded"
2088
2167
  }
2089
2168
  }
2090
2169
  ],
@@ -2097,17 +2176,17 @@
2097
2176
  "type": "spinner"
2098
2177
  },
2099
2178
  {
2100
- "type": "typography",
2101
2179
  "content": "Refreshing…",
2102
- "color": "muted",
2103
- "variant": "caption"
2180
+ "variant": "caption",
2181
+ "type": "typography",
2182
+ "color": "muted"
2104
2183
  }
2105
2184
  ],
2106
2185
  "type": "stack",
2107
- "direction": "vertical",
2108
2186
  "align": "center",
2109
2187
  "className": "py-12",
2110
- "gap": "md"
2188
+ "gap": "md",
2189
+ "direction": "vertical"
2111
2190
  }
2112
2191
  ]
2113
2192
  ]
@@ -2121,36 +2200,36 @@
2121
2200
  "render-ui",
2122
2201
  "main",
2123
2202
  {
2203
+ "align": "center",
2204
+ "className": "py-12",
2124
2205
  "children": [
2125
2206
  {
2126
- "name": "alert-triangle",
2127
2207
  "color": "destructive",
2208
+ "name": "alert-triangle",
2128
2209
  "type": "icon"
2129
2210
  },
2130
2211
  {
2131
2212
  "content": "Failed to load presence",
2132
- "variant": "h3",
2133
- "type": "typography"
2213
+ "type": "typography",
2214
+ "variant": "h3"
2134
2215
  },
2135
2216
  {
2217
+ "type": "typography",
2136
2218
  "variant": "body",
2137
2219
  "color": "muted",
2138
- "type": "typography",
2139
2220
  "content": "@payload.error"
2140
2221
  },
2141
2222
  {
2142
2223
  "variant": "primary",
2143
- "action": "REFRESH",
2144
2224
  "icon": "rotate-ccw",
2145
2225
  "type": "button",
2146
- "label": "Retry"
2226
+ "label": "Retry",
2227
+ "action": "REFRESH"
2147
2228
  }
2148
2229
  ],
2149
- "className": "py-12",
2150
- "gap": "md",
2151
2230
  "direction": "vertical",
2152
2231
  "type": "stack",
2153
- "align": "center"
2232
+ "gap": "md"
2154
2233
  }
2155
2234
  ]
2156
2235
  ]
@@ -2165,6 +2244,9 @@
2165
2244
  "name": "Online",
2166
2245
  "path": "/online",
2167
2246
  "traits": [
2247
+ {
2248
+ "ref": "OnlineUserAppLayout"
2249
+ },
2168
2250
  {
2169
2251
  "ref": "OnlineUserDisplay"
2170
2252
  }
@@ -2173,4 +2255,4 @@
2173
2255
  ]
2174
2256
  }
2175
2257
  ]
2176
- }
2258
+ }