@almadar/std 14.5.1 → 14.6.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 (51) hide show
  1. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
  2. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
  3. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
  4. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
  5. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
  6. package/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
  7. package/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
  8. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
  9. package/behaviors/registry/app/organisms/std-cms.orb +556 -556
  10. package/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
  11. package/behaviors/registry/app/organisms/std-crm.orb +806 -806
  12. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
  13. package/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
  14. package/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  15. package/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
  16. package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
  17. package/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
  18. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
  19. package/behaviors/registry/app/organisms/std-lms.orb +860 -860
  20. package/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
  21. package/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
  22. package/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
  23. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
  24. package/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
  25. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
  26. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
  27. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
  28. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
  29. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
  30. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
  31. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
  32. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
  33. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
  34. package/dist/behaviors/registry/app/organisms/std-cms.orb +556 -556
  35. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
  36. package/dist/behaviors/registry/app/organisms/std-crm.orb +806 -806
  37. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
  38. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
  39. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  40. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
  41. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
  42. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
  43. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
  44. package/dist/behaviors/registry/app/organisms/std-lms.orb +860 -860
  45. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
  46. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
  47. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
  48. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
  49. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
  50. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
  51. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-social-feed.orb CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "std-social-feed",
3
3
  "version": "1.0.0",
4
- "description": "std-social-feed as a Function",
4
+ "description": "Social feed: posts with comments. Pick for Twitter/Instagram-style timelines with replies.",
5
5
  "orbitals": [
6
6
  {
7
7
  "name": "PostOrbital",
@@ -52,10 +52,7 @@
52
52
  "ref": "AppShell.traits.AppLayout",
53
53
  "name": "PostAppLayout",
54
54
  "config": {
55
- "appName": "SocialFeed",
56
55
  "searchEvent": "POST_SEARCH",
57
- "notifications": [],
58
- "contentTrait": "@trait.PostBrowse",
59
56
  "notificationClickEvent": "POST_NOTIFICATIONS_OPEN",
60
57
  "navItems": [
61
58
  {
@@ -64,15 +61,18 @@
64
61
  "label": "Feed"
65
62
  },
66
63
  {
64
+ "icon": "message-circle",
67
65
  "label": "Messages",
68
- "href": "/messages",
69
- "icon": "message-circle"
66
+ "href": "/messages"
70
67
  }
71
- ]
68
+ ],
69
+ "contentTrait": "@trait.PostBrowse",
70
+ "notifications": [],
71
+ "appName": "SocialFeed"
72
72
  },
73
73
  "events": {
74
- "SEARCH": "POST_SEARCH",
75
- "NOTIFY_CLICK": "POST_NOTIFICATIONS_OPEN"
74
+ "NOTIFY_CLICK": "POST_NOTIFICATIONS_OPEN",
75
+ "SEARCH": "POST_SEARCH"
76
76
  }
77
77
  },
78
78
  {
@@ -360,8 +360,8 @@
360
360
  "Post",
361
361
  {
362
362
  "emit": {
363
- "success": "PostLoaded",
364
- "failure": "PostLoadFailed"
363
+ "failure": "PostLoadFailed",
364
+ "success": "PostLoaded"
365
365
  }
366
366
  }
367
367
  ],
@@ -369,10 +369,11 @@
369
369
  "render-ui",
370
370
  "main",
371
371
  {
372
+ "gap": "md",
372
373
  "direction": "vertical",
374
+ "align": "center",
373
375
  "className": "py-12",
374
376
  "type": "stack",
375
- "align": "center",
376
377
  "children": [
377
378
  {
378
379
  "type": "spinner"
@@ -380,11 +381,10 @@
380
381
  {
381
382
  "type": "typography",
382
383
  "variant": "caption",
383
- "content": "Loading…",
384
- "color": "muted"
384
+ "color": "muted",
385
+ "content": "Loading…"
385
386
  }
386
- ],
387
- "gap": "md"
387
+ ]
388
388
  }
389
389
  ]
390
390
  ]
@@ -408,22 +408,22 @@
408
408
  "render-ui",
409
409
  "main",
410
410
  {
411
+ "direction": "vertical",
412
+ "className": "py-12",
411
413
  "align": "center",
412
- "type": "stack",
413
414
  "children": [
414
415
  {
415
416
  "type": "spinner"
416
417
  },
417
418
  {
418
- "variant": "caption",
419
419
  "color": "muted",
420
+ "variant": "caption",
420
421
  "type": "typography",
421
422
  "content": "Searching…"
422
423
  }
423
424
  ],
424
- "direction": "vertical",
425
425
  "gap": "md",
426
- "className": "py-12"
426
+ "type": "stack"
427
427
  }
428
428
  ]
429
429
  ]
@@ -437,34 +437,34 @@
437
437
  "render-ui",
438
438
  "main",
439
439
  {
440
- "align": "center",
441
- "type": "stack",
442
- "className": "py-8",
443
440
  "children": [
444
441
  {
445
442
  "type": "icon",
446
443
  "name": "bell"
447
444
  },
448
445
  {
446
+ "content": "No notifications",
449
447
  "type": "typography",
450
- "variant": "h3",
451
- "content": "No notifications"
448
+ "variant": "h3"
452
449
  },
453
450
  {
454
- "content": "You're all caught up.",
455
- "color": "muted",
456
451
  "variant": "caption",
457
- "type": "typography"
452
+ "color": "muted",
453
+ "type": "typography",
454
+ "content": "You're all caught up."
458
455
  },
459
456
  {
457
+ "type": "button",
460
458
  "variant": "ghost",
461
459
  "label": "Back to feed",
462
- "action": "INIT",
463
- "type": "button"
460
+ "action": "INIT"
464
461
  }
465
462
  ],
463
+ "gap": "md",
466
464
  "direction": "vertical",
467
- "gap": "md"
465
+ "align": "center",
466
+ "type": "stack",
467
+ "className": "py-8"
468
468
  }
469
469
  ]
470
470
  ]
@@ -478,53 +478,55 @@
478
478
  "render-ui",
479
479
  "main",
480
480
  {
481
- "direction": "vertical",
481
+ "type": "stack",
482
482
  "gap": "lg",
483
+ "direction": "vertical",
483
484
  "children": [
484
485
  {
486
+ "align": "center",
485
487
  "direction": "horizontal",
486
488
  "gap": "md",
489
+ "justify": "between",
490
+ "type": "stack",
487
491
  "children": [
488
492
  {
489
- "gap": "sm",
493
+ "type": "stack",
494
+ "direction": "horizontal",
490
495
  "children": [
491
496
  {
492
497
  "type": "icon",
493
498
  "name": "rss"
494
499
  },
495
500
  {
496
- "content": "Feed",
497
501
  "type": "typography",
502
+ "content": "Feed",
498
503
  "variant": "h2"
499
504
  }
500
505
  ],
501
- "direction": "horizontal",
502
- "align": "center",
503
- "type": "stack"
506
+ "gap": "sm",
507
+ "align": "center"
504
508
  },
505
509
  {
506
- "direction": "horizontal",
507
510
  "gap": "sm",
511
+ "type": "stack",
508
512
  "children": [
509
513
  {
514
+ "icon": "plus",
510
515
  "type": "button",
516
+ "action": "CREATE",
511
517
  "label": "New Post",
512
- "variant": "primary",
513
- "icon": "plus",
514
- "action": "CREATE"
518
+ "variant": "primary"
515
519
  }
516
520
  ],
517
- "type": "stack"
521
+ "direction": "horizontal"
518
522
  }
519
- ],
520
- "justify": "between",
521
- "type": "stack",
522
- "align": "center"
523
+ ]
523
524
  },
524
525
  {
525
526
  "type": "divider"
526
527
  },
527
528
  {
529
+ "gap": "sm",
528
530
  "fields": [
529
531
  {
530
532
  "name": "title",
@@ -532,39 +534,37 @@
532
534
  "icon": "rss"
533
535
  },
534
536
  {
535
- "name": "likes",
537
+ "format": "number",
536
538
  "variant": "badge",
537
- "format": "number"
539
+ "name": "likes"
538
540
  },
539
541
  {
540
- "name": "author",
541
- "variant": "body"
542
+ "variant": "body",
543
+ "name": "author"
542
544
  },
543
545
  {
544
- "variant": "body",
545
- "name": "content"
546
+ "name": "content",
547
+ "variant": "body"
546
548
  },
547
549
  {
548
- "variant": "caption",
549
550
  "label": "Posted",
550
- "name": "createdAt",
551
- "format": "date"
551
+ "variant": "caption",
552
+ "format": "date",
553
+ "name": "createdAt"
552
554
  }
553
555
  ],
554
- "type": "data-list",
555
556
  "variant": "card",
557
+ "entity": "@payload.data",
558
+ "type": "data-list",
556
559
  "itemActions": [
557
560
  {
558
- "event": "VIEW",
561
+ "label": "View",
559
562
  "variant": "ghost",
560
- "label": "View"
563
+ "event": "VIEW"
561
564
  }
562
- ],
563
- "gap": "sm",
564
- "entity": "@payload.data"
565
+ ]
565
566
  }
566
- ],
567
- "type": "stack"
567
+ ]
568
568
  }
569
569
  ]
570
570
  ]
@@ -581,33 +581,33 @@
581
581
  "children": [
582
582
  {
583
583
  "type": "icon",
584
- "color": "destructive",
585
- "name": "alert-triangle"
584
+ "name": "alert-triangle",
585
+ "color": "destructive"
586
586
  },
587
587
  {
588
- "variant": "h3",
589
588
  "content": "Failed to load post",
590
- "type": "typography"
589
+ "type": "typography",
590
+ "variant": "h3"
591
591
  },
592
592
  {
593
- "variant": "body",
594
- "type": "typography",
595
593
  "color": "muted",
596
- "content": "@payload.error"
594
+ "variant": "body",
595
+ "content": "@payload.error",
596
+ "type": "typography"
597
597
  },
598
598
  {
599
599
  "icon": "rotate-ccw",
600
- "label": "Retry",
601
- "variant": "primary",
602
600
  "type": "button",
601
+ "variant": "primary",
602
+ "label": "Retry",
603
603
  "action": "INIT"
604
604
  }
605
605
  ],
606
- "type": "stack",
606
+ "align": "center",
607
+ "direction": "vertical",
607
608
  "className": "py-12",
608
609
  "gap": "md",
609
- "align": "center",
610
- "direction": "vertical"
610
+ "type": "stack"
611
611
  }
612
612
  ]
613
613
  ]
@@ -776,8 +776,8 @@
776
776
  "Post",
777
777
  {
778
778
  "emit": {
779
- "failure": "PostLoadFailed",
780
- "success": "PostLoaded"
779
+ "success": "PostLoaded",
780
+ "failure": "PostLoadFailed"
781
781
  }
782
782
  }
783
783
  ]
@@ -802,29 +802,31 @@
802
802
  "render-ui",
803
803
  "modal",
804
804
  {
805
- "type": "stack",
806
805
  "gap": "md",
806
+ "type": "stack",
807
807
  "children": [
808
808
  {
809
- "type": "stack",
810
- "gap": "sm",
811
809
  "children": [
812
810
  {
813
- "type": "icon",
814
- "name": "plus-circle"
811
+ "name": "plus-circle",
812
+ "type": "icon"
815
813
  },
816
814
  {
817
815
  "variant": "h3",
818
- "type": "typography",
819
- "content": "Create Post"
816
+ "content": "Create Post",
817
+ "type": "typography"
820
818
  }
821
819
  ],
820
+ "gap": "sm",
821
+ "type": "stack",
822
822
  "direction": "horizontal"
823
823
  },
824
824
  {
825
825
  "type": "divider"
826
826
  },
827
827
  {
828
+ "type": "form-section",
829
+ "cancelEvent": "CLOSE",
828
830
  "submitEvent": "SAVE",
829
831
  "fields": [
830
832
  "title",
@@ -832,9 +834,7 @@
832
834
  "author",
833
835
  "likes"
834
836
  ],
835
- "type": "form-section",
836
- "mode": "create",
837
- "cancelEvent": "CLOSE"
837
+ "mode": "create"
838
838
  }
839
839
  ],
840
840
  "direction": "vertical"
@@ -878,8 +878,8 @@
878
878
  "@payload.data",
879
879
  {
880
880
  "emit": {
881
- "failure": "PostSaveFailed",
882
- "success": "PostSaved"
881
+ "success": "PostSaved",
882
+ "failure": "PostSaveFailed"
883
883
  }
884
884
  }
885
885
  ],
@@ -1045,8 +1045,8 @@
1045
1045
  "Post",
1046
1046
  {
1047
1047
  "emit": {
1048
- "failure": "PostLoadFailed",
1049
- "success": "PostLoaded"
1048
+ "success": "PostLoaded",
1049
+ "failure": "PostLoadFailed"
1050
1050
  }
1051
1051
  }
1052
1052
  ]
@@ -1061,95 +1061,91 @@
1061
1061
  "fetch",
1062
1062
  "Post",
1063
1063
  {
1064
+ "id": "@payload.id",
1064
1065
  "emit": {
1065
- "success": "PostLoaded",
1066
- "failure": "PostLoadFailed"
1067
- },
1068
- "id": "@payload.id"
1066
+ "failure": "PostLoadFailed",
1067
+ "success": "PostLoaded"
1068
+ }
1069
1069
  }
1070
1070
  ],
1071
1071
  [
1072
1072
  "render-ui",
1073
1073
  "modal",
1074
1074
  {
1075
- "gap": "md",
1076
1075
  "direction": "vertical",
1077
- "type": "stack",
1078
1076
  "children": [
1079
1077
  {
1080
- "align": "center",
1081
- "gap": "sm",
1082
1078
  "children": [
1083
1079
  {
1084
- "type": "icon",
1085
- "name": "eye"
1080
+ "name": "eye",
1081
+ "type": "icon"
1086
1082
  },
1087
1083
  {
1088
- "type": "typography",
1089
1084
  "variant": "h3",
1085
+ "type": "typography",
1090
1086
  "content": "@entity.title"
1091
1087
  }
1092
1088
  ],
1089
+ "align": "center",
1090
+ "direction": "horizontal",
1093
1091
  "type": "stack",
1094
- "direction": "horizontal"
1092
+ "gap": "sm"
1095
1093
  },
1096
1094
  {
1097
1095
  "type": "divider"
1098
1096
  },
1099
1097
  {
1100
- "direction": "horizontal",
1101
- "type": "stack",
1102
1098
  "gap": "md",
1103
1099
  "children": [
1104
1100
  {
1105
- "content": "Title",
1106
1101
  "variant": "caption",
1102
+ "content": "Title",
1107
1103
  "type": "typography"
1108
1104
  },
1109
1105
  {
1110
- "type": "typography",
1111
1106
  "content": "@entity.title",
1107
+ "type": "typography",
1112
1108
  "variant": "body"
1113
1109
  }
1114
- ]
1110
+ ],
1111
+ "type": "stack",
1112
+ "direction": "horizontal"
1115
1113
  },
1116
1114
  {
1117
1115
  "type": "stack",
1116
+ "direction": "horizontal",
1117
+ "gap": "md",
1118
1118
  "children": [
1119
1119
  {
1120
- "variant": "caption",
1120
+ "content": "Content",
1121
1121
  "type": "typography",
1122
- "content": "Content"
1122
+ "variant": "caption"
1123
1123
  },
1124
1124
  {
1125
1125
  "variant": "body",
1126
1126
  "content": "@entity.content",
1127
1127
  "type": "typography"
1128
1128
  }
1129
- ],
1130
- "direction": "horizontal",
1131
- "gap": "md"
1129
+ ]
1132
1130
  },
1133
1131
  {
1134
- "type": "stack",
1135
- "gap": "md",
1136
- "direction": "horizontal",
1137
1132
  "children": [
1138
1133
  {
1139
- "variant": "caption",
1140
1134
  "type": "typography",
1135
+ "variant": "caption",
1141
1136
  "content": "Author"
1142
1137
  },
1143
1138
  {
1144
- "type": "typography",
1139
+ "content": "@entity.author",
1145
1140
  "variant": "body",
1146
- "content": "@entity.author"
1141
+ "type": "typography"
1147
1142
  }
1148
- ]
1143
+ ],
1144
+ "type": "stack",
1145
+ "direction": "horizontal",
1146
+ "gap": "md"
1149
1147
  },
1150
1148
  {
1151
- "gap": "md",
1152
- "type": "stack",
1153
1149
  "direction": "horizontal",
1154
1150
  "children": [
1155
1151
  {
@@ -1158,47 +1154,51 @@
1158
1154
  "variant": "caption"
1159
1155
  },
1160
1156
  {
1161
- "variant": "body",
1162
1157
  "type": "typography",
1163
- "content": "@entity.createdAt"
1158
+ "content": "@entity.createdAt",
1159
+ "variant": "body"
1164
1160
  }
1165
- ]
1161
+ ],
1162
+ "gap": "md",
1163
+ "type": "stack"
1166
1164
  },
1167
1165
  {
1168
- "gap": "md",
1169
1166
  "children": [
1170
1167
  {
1171
- "content": "Likes",
1172
1168
  "type": "typography",
1173
- "variant": "caption"
1169
+ "variant": "caption",
1170
+ "content": "Likes"
1174
1171
  },
1175
1172
  {
1176
1173
  "variant": "body",
1177
- "type": "typography",
1178
- "content": "@entity.likes"
1174
+ "content": "@entity.likes",
1175
+ "type": "typography"
1179
1176
  }
1180
1177
  ],
1178
+ "direction": "horizontal",
1181
1179
  "type": "stack",
1182
- "direction": "horizontal"
1180
+ "gap": "md"
1183
1181
  },
1184
1182
  {
1185
1183
  "type": "divider"
1186
1184
  },
1187
1185
  {
1188
- "gap": "sm",
1189
- "justify": "end",
1190
- "direction": "horizontal",
1191
1186
  "type": "stack",
1192
1187
  "children": [
1193
1188
  {
1194
1189
  "type": "button",
1195
- "label": "Close",
1190
+ "action": "CLOSE",
1196
1191
  "variant": "ghost",
1197
- "action": "CLOSE"
1192
+ "label": "Close"
1198
1193
  }
1199
- ]
1194
+ ],
1195
+ "direction": "horizontal",
1196
+ "justify": "end",
1197
+ "gap": "sm"
1200
1198
  }
1201
- ]
1199
+ ],
1200
+ "type": "stack",
1201
+ "gap": "md"
1202
1202
  }
1203
1203
  ]
1204
1204
  ]
@@ -1454,20 +1454,20 @@
1454
1454
  "render-ui",
1455
1455
  "main",
1456
1456
  {
1457
+ "align": "center",
1457
1458
  "children": [
1458
1459
  {
1459
1460
  "type": "spinner"
1460
1461
  },
1461
1462
  {
1462
- "content": "Loading…",
1463
- "type": "typography",
1463
+ "color": "muted",
1464
1464
  "variant": "caption",
1465
- "color": "muted"
1465
+ "content": "Loading…",
1466
+ "type": "typography"
1466
1467
  }
1467
1468
  ],
1468
- "type": "stack",
1469
1469
  "gap": "md",
1470
- "align": "center",
1470
+ "type": "stack",
1471
1471
  "className": "py-12",
1472
1472
  "direction": "vertical"
1473
1473
  }
@@ -1487,22 +1487,13 @@
1487
1487
  "appName": "SocialFeed",
1488
1488
  "children": [
1489
1489
  {
1490
- "gap": "lg",
1491
1490
  "className": "max-w-5xl mx-auto w-full",
1492
1491
  "direction": "vertical",
1493
1492
  "children": [
1494
1493
  {
1495
1494
  "justify": "between",
1496
- "gap": "md",
1497
- "align": "center",
1498
- "direction": "horizontal",
1499
- "type": "stack",
1500
1495
  "children": [
1501
1496
  {
1502
- "direction": "horizontal",
1503
- "gap": "sm",
1504
- "type": "stack",
1505
- "align": "center",
1506
1497
  "children": [
1507
1498
  {
1508
1499
  "type": "icon",
@@ -1510,10 +1501,14 @@
1510
1501
  },
1511
1502
  {
1512
1503
  "type": "typography",
1513
- "content": "Messages",
1514
- "variant": "h2"
1504
+ "variant": "h2",
1505
+ "content": "Messages"
1515
1506
  }
1516
- ]
1507
+ ],
1508
+ "type": "stack",
1509
+ "direction": "horizontal",
1510
+ "gap": "sm",
1511
+ "align": "center"
1517
1512
  },
1518
1513
  {
1519
1514
  "gap": "sm",
@@ -1521,62 +1516,67 @@
1521
1516
  "direction": "horizontal",
1522
1517
  "children": [
1523
1518
  {
1524
- "icon": "edit",
1525
- "action": "COMPOSE",
1526
- "label": "Compose",
1527
1519
  "variant": "primary",
1528
- "type": "button"
1520
+ "label": "Compose",
1521
+ "icon": "edit",
1522
+ "type": "button",
1523
+ "action": "COMPOSE"
1529
1524
  }
1530
1525
  ]
1531
1526
  }
1532
- ]
1527
+ ],
1528
+ "align": "center",
1529
+ "direction": "horizontal",
1530
+ "gap": "md",
1531
+ "type": "stack"
1533
1532
  },
1534
1533
  {
1535
1534
  "type": "divider"
1536
1535
  },
1537
1536
  {
1537
+ "gap": "sm",
1538
+ "entity": "@payload.data",
1539
+ "type": "data-list",
1538
1540
  "itemActions": [
1539
1541
  {
1542
+ "variant": "ghost",
1540
1543
  "label": "View",
1541
- "event": "VIEW",
1542
- "variant": "ghost"
1544
+ "event": "VIEW"
1543
1545
  }
1544
1546
  ],
1545
- "type": "data-list",
1546
- "entity": "@payload.data",
1547
1547
  "fields": [
1548
1548
  {
1549
- "variant": "h4",
1550
1549
  "name": "author",
1550
+ "variant": "h4",
1551
1551
  "icon": "message-circle"
1552
1552
  },
1553
1553
  {
1554
- "variant": "body",
1555
- "name": "body"
1554
+ "name": "body",
1555
+ "variant": "body"
1556
1556
  },
1557
1557
  {
1558
+ "format": "date",
1558
1559
  "variant": "caption",
1559
- "name": "createdAt",
1560
- "format": "date"
1560
+ "name": "createdAt"
1561
1561
  }
1562
1562
  ],
1563
- "gap": "sm",
1564
1563
  "variant": "card"
1565
1564
  }
1566
1565
  ],
1566
+ "gap": "lg",
1567
1567
  "type": "stack"
1568
1568
  }
1569
1569
  ],
1570
1570
  "navItems": [
1571
1571
  {
1572
+ "href": "/feed",
1572
1573
  "icon": "layout-list",
1573
- "label": "Feed",
1574
- "href": "/feed"
1574
+ "label": "Feed"
1575
1575
  },
1576
1576
  {
1577
- "icon": "message-circle",
1577
+ "label": "Messages",
1578
1578
  "href": "/messages",
1579
- "label": "Messages"
1579
+ "icon": "message-circle"
1580
1580
  }
1581
1581
  ]
1582
1582
  }
@@ -1592,16 +1592,19 @@
1592
1592
  "render-ui",
1593
1593
  "main",
1594
1594
  {
1595
+ "gap": "md",
1596
+ "type": "stack",
1597
+ "className": "py-12",
1595
1598
  "children": [
1596
1599
  {
1597
- "type": "icon",
1598
1600
  "color": "destructive",
1599
- "name": "alert-triangle"
1601
+ "name": "alert-triangle",
1602
+ "type": "icon"
1600
1603
  },
1601
1604
  {
1602
1605
  "variant": "h3",
1603
- "type": "typography",
1604
- "content": "Failed to load comment"
1606
+ "content": "Failed to load comment",
1607
+ "type": "typography"
1605
1608
  },
1606
1609
  {
1607
1610
  "content": "@payload.error",
@@ -1610,17 +1613,14 @@
1610
1613
  "color": "muted"
1611
1614
  },
1612
1615
  {
1616
+ "variant": "primary",
1613
1617
  "icon": "rotate-ccw",
1614
1618
  "label": "Retry",
1615
- "variant": "primary",
1616
1619
  "type": "button",
1617
1620
  "action": "INIT"
1618
1621
  }
1619
1622
  ],
1620
1623
  "direction": "vertical",
1621
- "className": "py-12",
1622
- "gap": "md",
1623
- "type": "stack",
1624
1624
  "align": "center"
1625
1625
  }
1626
1626
  ]
@@ -1809,9 +1809,12 @@
1809
1809
  "modal",
1810
1810
  {
1811
1811
  "direction": "vertical",
1812
+ "type": "stack",
1812
1813
  "gap": "md",
1813
1814
  "children": [
1814
1815
  {
1816
+ "direction": "horizontal",
1817
+ "type": "stack",
1815
1818
  "children": [
1816
1819
  {
1817
1820
  "type": "icon",
@@ -1823,26 +1826,23 @@
1823
1826
  "variant": "h3"
1824
1827
  }
1825
1828
  ],
1826
- "gap": "sm",
1827
- "direction": "horizontal",
1828
- "type": "stack"
1829
+ "gap": "sm"
1829
1830
  },
1830
1831
  {
1831
1832
  "type": "divider"
1832
1833
  },
1833
1834
  {
1834
- "cancelEvent": "CLOSE",
1835
+ "mode": "create",
1835
1836
  "fields": [
1836
1837
  "body",
1837
1838
  "author",
1838
1839
  "postId"
1839
1840
  ],
1840
- "mode": "create",
1841
+ "type": "form-section",
1841
1842
  "submitEvent": "SEND",
1842
- "type": "form-section"
1843
+ "cancelEvent": "CLOSE"
1843
1844
  }
1844
- ],
1845
- "type": "stack"
1845
+ ]
1846
1846
  }
1847
1847
  ]
1848
1848
  ]
@@ -2037,8 +2037,8 @@
2037
2037
  "Comment",
2038
2038
  {
2039
2039
  "emit": {
2040
- "failure": "CommentLoadFailed",
2041
- "success": "CommentLoaded"
2040
+ "success": "CommentLoaded",
2041
+ "failure": "CommentLoadFailed"
2042
2042
  }
2043
2043
  }
2044
2044
  ]
@@ -2053,57 +2053,61 @@
2053
2053
  "fetch",
2054
2054
  "Comment",
2055
2055
  {
2056
+ "id": "@payload.id",
2056
2057
  "emit": {
2057
- "failure": "CommentLoadFailed",
2058
- "success": "CommentLoaded"
2059
- },
2060
- "id": "@payload.id"
2058
+ "success": "CommentLoaded",
2059
+ "failure": "CommentLoadFailed"
2060
+ }
2061
2061
  }
2062
2062
  ],
2063
2063
  [
2064
2064
  "render-ui",
2065
2065
  "modal",
2066
2066
  {
2067
+ "type": "stack",
2068
+ "gap": "md",
2067
2069
  "children": [
2068
2070
  {
2069
- "align": "center",
2071
+ "direction": "horizontal",
2072
+ "gap": "sm",
2070
2073
  "type": "stack",
2074
+ "align": "center",
2071
2075
  "children": [
2072
2076
  {
2073
2077
  "name": "eye",
2074
2078
  "type": "icon"
2075
2079
  },
2076
2080
  {
2077
- "variant": "h3",
2078
2081
  "type": "typography",
2082
+ "variant": "h3",
2079
2083
  "content": "@entity.body"
2080
2084
  }
2081
- ],
2082
- "gap": "sm",
2083
- "direction": "horizontal"
2085
+ ]
2084
2086
  },
2085
2087
  {
2086
2088
  "type": "divider"
2087
2089
  },
2088
2090
  {
2089
- "gap": "md",
2090
- "direction": "horizontal",
2091
2091
  "type": "stack",
2092
+ "direction": "horizontal",
2093
+ "gap": "md",
2092
2094
  "children": [
2093
2095
  {
2096
+ "variant": "caption",
2094
2097
  "content": "Body",
2095
- "type": "typography",
2096
- "variant": "caption"
2098
+ "type": "typography"
2097
2099
  },
2098
2100
  {
2101
+ "type": "typography",
2099
2102
  "content": "@entity.body",
2100
- "variant": "body",
2101
- "type": "typography"
2103
+ "variant": "body"
2102
2104
  }
2103
2105
  ]
2104
2106
  },
2105
2107
  {
2108
+ "type": "stack",
2106
2109
  "gap": "md",
2110
+ "direction": "horizontal",
2107
2111
  "children": [
2108
2112
  {
2109
2113
  "content": "Author",
@@ -2112,36 +2116,33 @@
2112
2116
  },
2113
2117
  {
2114
2118
  "variant": "body",
2115
- "type": "typography",
2116
- "content": "@entity.author"
2119
+ "content": "@entity.author",
2120
+ "type": "typography"
2117
2121
  }
2118
- ],
2119
- "type": "stack",
2120
- "direction": "horizontal"
2122
+ ]
2121
2123
  },
2122
2124
  {
2123
2125
  "gap": "md",
2124
- "direction": "horizontal",
2125
2126
  "children": [
2126
2127
  {
2127
- "content": "Post ID",
2128
+ "variant": "caption",
2128
2129
  "type": "typography",
2129
- "variant": "caption"
2130
+ "content": "Post ID"
2130
2131
  },
2131
2132
  {
2133
+ "content": "@entity.postId",
2132
2134
  "type": "typography",
2133
- "variant": "body",
2134
- "content": "@entity.postId"
2135
+ "variant": "body"
2135
2136
  }
2136
2137
  ],
2138
+ "direction": "horizontal",
2137
2139
  "type": "stack"
2138
2140
  },
2139
2141
  {
2140
- "type": "stack",
2141
2142
  "children": [
2142
2143
  {
2143
- "type": "typography",
2144
2144
  "content": "Created At",
2145
+ "type": "typography",
2145
2146
  "variant": "caption"
2146
2147
  },
2147
2148
  {
@@ -2150,30 +2151,29 @@
2150
2151
  "type": "typography"
2151
2152
  }
2152
2153
  ],
2153
- "gap": "md",
2154
- "direction": "horizontal"
2154
+ "direction": "horizontal",
2155
+ "type": "stack",
2156
+ "gap": "md"
2155
2157
  },
2156
2158
  {
2157
2159
  "type": "divider"
2158
2160
  },
2159
2161
  {
2160
- "justify": "end",
2161
- "type": "stack",
2162
2162
  "direction": "horizontal",
2163
+ "type": "stack",
2164
+ "justify": "end",
2163
2165
  "gap": "sm",
2164
2166
  "children": [
2165
2167
  {
2168
+ "variant": "ghost",
2166
2169
  "type": "button",
2167
2170
  "label": "Close",
2168
- "variant": "ghost",
2169
2171
  "action": "CLOSE"
2170
2172
  }
2171
2173
  ]
2172
2174
  }
2173
2175
  ],
2174
- "gap": "md",
2175
- "direction": "vertical",
2176
- "type": "stack"
2176
+ "direction": "vertical"
2177
2177
  }
2178
2178
  ]
2179
2179
  ]