@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/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb CHANGED
@@ -102,9 +102,10 @@
102
102
  "ref": "AppShell.traits.AppLayout",
103
103
  "name": "BuildAppLayout",
104
104
  "config": {
105
- "appName": "CI/CD Pipeline",
106
105
  "searchEvent": "BUILD_SEARCH",
107
106
  "notifications": [],
107
+ "notificationClickEvent": "BUILD_NOTIFICATIONS_OPEN",
108
+ "contentTrait": "@trait.BuildCatalog",
108
109
  "navItems": [
109
110
  {
110
111
  "icon": "hammer",
@@ -117,17 +118,16 @@
117
118
  "href": "/stages"
118
119
  },
119
120
  {
120
- "label": "Deploy",
121
121
  "icon": "rocket",
122
+ "label": "Deploy",
122
123
  "href": "/deploy"
123
124
  }
124
125
  ],
125
- "notificationClickEvent": "BUILD_NOTIFICATIONS_OPEN",
126
- "contentTrait": "@trait.BuildCatalog"
126
+ "appName": "CI/CD Pipeline"
127
127
  },
128
128
  "events": {
129
- "NOTIFY_CLICK": "BUILD_NOTIFICATIONS_OPEN",
130
- "SEARCH": "BUILD_SEARCH"
129
+ "SEARCH": "BUILD_SEARCH",
130
+ "NOTIFY_CLICK": "BUILD_NOTIFICATIONS_OPEN"
131
131
  }
132
132
  },
133
133
  {
@@ -211,15 +211,17 @@
211
211
  "main",
212
212
  {
213
213
  "type": "stack",
214
+ "gap": "lg",
214
215
  "direction": "vertical",
215
216
  "children": [
216
217
  {
217
- "direction": "horizontal",
218
+ "gap": "md",
218
219
  "type": "stack",
220
+ "justify": "between",
219
221
  "children": [
220
222
  {
221
- "type": "stack",
222
223
  "gap": "sm",
224
+ "type": "stack",
223
225
  "children": [
224
226
  {
225
227
  "name": "hammer",
@@ -227,40 +229,39 @@
227
229
  },
228
230
  {
229
231
  "type": "typography",
230
- "variant": "h2",
231
- "content": "Builds"
232
+ "content": "Builds",
233
+ "variant": "h2"
232
234
  }
233
235
  ],
234
236
  "align": "center",
235
237
  "direction": "horizontal"
236
238
  },
237
239
  {
238
- "gap": "sm",
239
- "type": "stack",
240
240
  "direction": "horizontal",
241
+ "type": "stack",
241
242
  "children": [
242
243
  {
244
+ "action": "CREATE",
243
245
  "type": "button",
244
246
  "icon": "plus",
245
247
  "variant": "primary",
246
- "action": "CREATE",
247
248
  "label": "Create Build"
248
249
  }
249
- ]
250
+ ],
251
+ "gap": "sm"
250
252
  }
251
253
  ],
252
- "justify": "between",
253
- "gap": "md",
254
+ "direction": "horizontal",
254
255
  "align": "center"
255
256
  },
256
257
  {
257
258
  "type": "divider"
258
259
  },
259
260
  {
260
- "gap": "md",
261
261
  "type": "stack",
262
- "align": "center",
263
262
  "direction": "horizontal",
263
+ "gap": "md",
264
+ "align": "center",
264
265
  "children": [
265
266
  "@trait.BuildSearch",
266
267
  "@trait.BuildFilter"
@@ -272,8 +273,7 @@
272
273
  "type": "divider"
273
274
  },
274
275
  "@trait.BuildBrowseList"
275
- ],
276
- "gap": "lg"
276
+ ]
277
277
  }
278
278
  ]
279
279
  ]
@@ -292,34 +292,34 @@
292
292
  "render-ui",
293
293
  "main",
294
294
  {
295
- "align": "center",
296
- "type": "stack",
297
295
  "children": [
298
296
  {
299
297
  "type": "icon",
300
298
  "name": "bell"
301
299
  },
302
300
  {
303
- "variant": "h3",
304
301
  "type": "typography",
305
- "content": "No notifications"
302
+ "content": "No notifications",
303
+ "variant": "h3"
306
304
  },
307
305
  {
308
- "variant": "caption",
309
- "type": "typography",
310
306
  "content": "You're all caught up.",
311
- "color": "muted"
307
+ "type": "typography",
308
+ "color": "muted",
309
+ "variant": "caption"
312
310
  },
313
311
  {
314
- "action": "INIT",
312
+ "variant": "ghost",
315
313
  "type": "button",
316
314
  "label": "Back to builds",
317
- "variant": "ghost"
315
+ "action": "INIT"
318
316
  }
319
317
  ],
320
- "className": "py-8",
318
+ "type": "stack",
319
+ "gap": "md",
320
+ "align": "center",
321
321
  "direction": "vertical",
322
- "gap": "md"
322
+ "className": "py-8"
323
323
  }
324
324
  ]
325
325
  ]
@@ -332,18 +332,19 @@
332
332
  "ref": "Search.traits.SearchResultSearch",
333
333
  "name": "BuildSearch",
334
334
  "config": {
335
- "event": "BUILD_SEARCH",
336
- "placeholder": "Search builds…"
335
+ "placeholder": "Search builds…",
336
+ "event": "BUILD_SEARCH"
337
337
  }
338
338
  },
339
339
  {
340
340
  "ref": "Filter.traits.FilterTargetFilter",
341
341
  "name": "BuildFilter",
342
342
  "config": {
343
+ "event": "BUILD_FILTER",
343
344
  "filters": [
344
345
  {
345
- "label": "Status",
346
346
  "field": "status",
347
+ "label": "Status",
347
348
  "options": [
348
349
  "running",
349
350
  "success",
@@ -352,12 +353,11 @@
352
353
  "filterType": "select"
353
354
  },
354
355
  {
355
- "field": "branch",
356
+ "filterType": "text",
356
357
  "label": "Branch",
357
- "filterType": "text"
358
+ "field": "branch"
358
359
  }
359
- ],
360
- "event": "BUILD_FILTER"
360
+ ]
361
361
  }
362
362
  },
363
363
  {
@@ -368,15 +368,16 @@
368
368
  "metrics": [
369
369
  {
370
370
  "aggregation": "count",
371
+ "format": "number",
371
372
  "icon": "hammer",
372
373
  "label": "Total Today",
373
- "variant": "primary",
374
- "format": "number"
374
+ "variant": "primary"
375
375
  },
376
376
  {
377
+ "aggregation": "count",
377
378
  "icon": "check-circle",
378
- "variant": "success",
379
379
  "format": "number",
380
+ "label": "Success",
380
381
  "filter": [
381
382
  "fn",
382
383
  "row",
@@ -386,15 +387,12 @@
386
387
  "success"
387
388
  ]
388
389
  ],
389
- "aggregation": "count",
390
- "label": "Success"
390
+ "variant": "success"
391
391
  },
392
392
  {
393
- "icon": "x-circle",
393
+ "variant": "danger",
394
394
  "aggregation": "count",
395
395
  "format": "number",
396
- "label": "Failed",
397
- "variant": "danger",
398
396
  "filter": [
399
397
  "fn",
400
398
  "row",
@@ -403,15 +401,17 @@
403
401
  "@row.status",
404
402
  "failed"
405
403
  ]
406
- ]
404
+ ],
405
+ "label": "Failed",
406
+ "icon": "x-circle"
407
407
  },
408
408
  {
409
- "label": "Avg Duration",
410
- "variant": "default",
411
409
  "icon": "clock",
412
410
  "aggregation": "avg",
413
- "format": "number",
414
- "field": "duration"
411
+ "label": "Avg Duration",
412
+ "field": "duration",
413
+ "variant": "default",
414
+ "format": "number"
415
415
  }
416
416
  ]
417
417
  },
@@ -430,13 +430,13 @@
430
430
  "ref": "Graphs.traits.GraphItemGraph",
431
431
  "name": "BuildGraphs",
432
432
  "config": {
433
- "title": "Builds per day",
434
- "categoryField": "day",
435
- "chartType": "bar",
436
433
  "subtitle": "Volume across the past period",
437
- "height": 240.0,
438
434
  "aggregation": "count",
439
- "showLegend": false
435
+ "height": 240.0,
436
+ "showLegend": false,
437
+ "categoryField": "day",
438
+ "chartType": "bar",
439
+ "title": "Builds per day"
440
440
  },
441
441
  "listens": [
442
442
  {
@@ -454,16 +454,34 @@
454
454
  "name": "BuildBrowseList",
455
455
  "linkedEntity": "Build",
456
456
  "config": {
457
+ "cols": 1.0,
458
+ "itemActions": [
459
+ {
460
+ "event": "VIEW",
461
+ "variant": "ghost",
462
+ "label": "View"
463
+ },
464
+ {
465
+ "label": "Edit",
466
+ "variant": "ghost",
467
+ "event": "EDIT"
468
+ },
469
+ {
470
+ "label": "Delete",
471
+ "event": "DELETE",
472
+ "variant": "danger"
473
+ }
474
+ ],
457
475
  "gap": "sm",
458
476
  "fields": [
459
477
  {
460
- "variant": "caption",
461
- "name": "id"
478
+ "name": "id",
479
+ "variant": "caption"
462
480
  },
463
481
  {
464
- "name": "branch",
465
482
  "icon": "git-branch",
466
- "variant": "h4"
483
+ "variant": "h4",
484
+ "name": "branch"
467
485
  },
468
486
  {
469
487
  "name": "commit",
@@ -474,34 +492,16 @@
474
492
  "variant": "badge"
475
493
  },
476
494
  {
477
- "name": "duration",
478
- "variant": "caption"
495
+ "variant": "caption",
496
+ "name": "duration"
479
497
  },
480
498
  {
481
- "format": "date",
482
499
  "name": "startedAt",
500
+ "format": "date",
483
501
  "variant": "caption",
484
502
  "label": "Started"
485
503
  }
486
- ],
487
- "itemActions": [
488
- {
489
- "label": "View",
490
- "event": "VIEW",
491
- "variant": "ghost"
492
- },
493
- {
494
- "event": "EDIT",
495
- "variant": "ghost",
496
- "label": "Edit"
497
- },
498
- {
499
- "event": "DELETE",
500
- "variant": "danger",
501
- "label": "Delete"
502
- }
503
- ],
504
- "cols": 1.0
504
+ ]
505
505
  },
506
506
  "listens": [
507
507
  {
@@ -553,14 +553,14 @@
553
553
  "config": {
554
554
  "icon": "plus-circle",
555
555
  "title": "Create Build",
556
- "mode": "create",
557
556
  "fields": [
558
557
  "branch",
559
558
  "commit",
560
559
  "status",
561
560
  "duration",
562
561
  "triggeredBy"
563
- ]
562
+ ],
563
+ "mode": "create"
564
564
  },
565
565
  "events": {
566
566
  "OPEN": "CREATE"
@@ -588,9 +588,9 @@
588
588
  "duration",
589
589
  "triggeredBy"
590
590
  ],
591
- "mode": "edit",
591
+ "icon": "edit",
592
592
  "title": "Edit Build",
593
- "icon": "edit"
593
+ "mode": "edit"
594
594
  },
595
595
  "events": {
596
596
  "OPEN": "EDIT"
@@ -611,16 +611,16 @@
611
611
  "name": "BuildView",
612
612
  "linkedEntity": "Build",
613
613
  "config": {
614
- "icon": "eye",
615
614
  "mode": "edit",
615
+ "icon": "eye",
616
+ "title": "View Build",
616
617
  "fields": [
617
618
  "branch",
618
619
  "commit",
619
620
  "status",
620
621
  "duration",
621
622
  "triggeredBy"
622
- ],
623
- "title": "View Build"
623
+ ]
624
624
  },
625
625
  "events": {
626
626
  "OPEN": "VIEW"
@@ -641,10 +641,10 @@
641
641
  "name": "BuildDelete",
642
642
  "linkedEntity": "Build",
643
643
  "config": {
644
- "icon": "alert-triangle",
645
- "alertMessage": "This action cannot be undone.",
644
+ "title": "Delete Build",
646
645
  "confirmLabel": "Delete",
647
- "title": "Delete Build"
646
+ "icon": "alert-triangle",
647
+ "alertMessage": "This action cannot be undone."
648
648
  },
649
649
  "events": {
650
650
  "REQUEST": "DELETE",
@@ -893,6 +893,10 @@
893
893
  {
894
894
  "name": "StageOrbital",
895
895
  "uses": [
896
+ {
897
+ "from": "std/behaviors/std-app-layout",
898
+ "as": "AppShell"
899
+ },
896
900
  {
897
901
  "from": "std/behaviors/std-modal",
898
902
  "as": "Modal"
@@ -955,6 +959,39 @@
955
959
  ]
956
960
  },
957
961
  "traits": [
962
+ {
963
+ "ref": "AppShell.traits.AppLayout",
964
+ "name": "StageAppLayout",
965
+ "linkedEntity": "Stage",
966
+ "config": {
967
+ "contentTrait": "@trait.StageCatalog",
968
+ "searchEvent": "STAGE_SEARCH",
969
+ "appName": "CI/CD Pipeline",
970
+ "navItems": [
971
+ {
972
+ "label": "Builds",
973
+ "icon": "hammer",
974
+ "href": "/builds"
975
+ },
976
+ {
977
+ "label": "Stages",
978
+ "href": "/stages",
979
+ "icon": "layers"
980
+ },
981
+ {
982
+ "icon": "rocket",
983
+ "label": "Deploy",
984
+ "href": "/deploy"
985
+ }
986
+ ],
987
+ "notifications": [],
988
+ "notificationClickEvent": "STAGE_NOTIFICATIONS_OPEN"
989
+ },
990
+ "events": {
991
+ "SEARCH": "STAGE_SEARCH",
992
+ "NOTIFY_CLICK": "STAGE_NOTIFICATIONS_OPEN"
993
+ }
994
+ },
958
995
  {
959
996
  "name": "StageCatalog",
960
997
  "category": "interaction",
@@ -970,6 +1007,24 @@
970
1007
  ]
971
1008
  }
972
1009
  ],
1010
+ "listens": [
1011
+ {
1012
+ "event": "STAGE_SEARCH",
1013
+ "triggers": "STAGE_SEARCH",
1014
+ "source": {
1015
+ "kind": "trait",
1016
+ "trait": "StageAppLayout"
1017
+ }
1018
+ },
1019
+ {
1020
+ "event": "STAGE_NOTIFICATIONS_OPEN",
1021
+ "triggers": "STAGE_NOTIFICATIONS_OPEN",
1022
+ "source": {
1023
+ "kind": "trait",
1024
+ "trait": "StageAppLayout"
1025
+ }
1026
+ }
1027
+ ],
973
1028
  "stateMachine": {
974
1029
  "states": [
975
1030
  {
@@ -982,6 +1037,26 @@
982
1037
  "key": "INIT",
983
1038
  "name": "Initialize"
984
1039
  },
1040
+ {
1041
+ "key": "STAGE_SEARCH",
1042
+ "name": "Stage Search",
1043
+ "payloadSchema": [
1044
+ {
1045
+ "name": "value",
1046
+ "type": "string"
1047
+ }
1048
+ ]
1049
+ },
1050
+ {
1051
+ "key": "STAGE_NOTIFICATIONS_OPEN",
1052
+ "name": "Stage Notifications Open",
1053
+ "payloadSchema": [
1054
+ {
1055
+ "name": "id",
1056
+ "type": "string"
1057
+ }
1058
+ ]
1059
+ },
985
1060
  {
986
1061
  "key": "CREATE",
987
1062
  "name": "Create"
@@ -997,47 +1072,47 @@
997
1072
  "render-ui",
998
1073
  "main",
999
1074
  {
1000
- "gap": "lg",
1075
+ "type": "stack",
1001
1076
  "children": [
1002
1077
  {
1003
- "align": "center",
1004
- "direction": "horizontal",
1078
+ "justify": "between",
1005
1079
  "gap": "md",
1080
+ "direction": "horizontal",
1006
1081
  "children": [
1007
1082
  {
1008
1083
  "type": "stack",
1084
+ "gap": "sm",
1009
1085
  "align": "center",
1086
+ "direction": "horizontal",
1010
1087
  "children": [
1011
1088
  {
1012
- "type": "icon",
1013
- "name": "layers"
1089
+ "name": "layers",
1090
+ "type": "icon"
1014
1091
  },
1015
1092
  {
1016
1093
  "variant": "h2",
1017
1094
  "content": "Stages",
1018
1095
  "type": "typography"
1019
1096
  }
1020
- ],
1021
- "direction": "horizontal",
1022
- "gap": "sm"
1097
+ ]
1023
1098
  },
1024
1099
  {
1025
1100
  "type": "stack",
1101
+ "gap": "sm",
1026
1102
  "children": [
1027
1103
  {
1028
- "icon": "plus",
1029
- "type": "button",
1104
+ "variant": "primary",
1030
1105
  "label": "Create Stage",
1031
1106
  "action": "CREATE",
1032
- "variant": "primary"
1107
+ "icon": "plus",
1108
+ "type": "button"
1033
1109
  }
1034
1110
  ],
1035
- "direction": "horizontal",
1036
- "gap": "sm"
1111
+ "direction": "horizontal"
1037
1112
  }
1038
1113
  ],
1039
1114
  "type": "stack",
1040
- "justify": "between"
1115
+ "align": "center"
1041
1116
  },
1042
1117
  {
1043
1118
  "type": "divider"
@@ -1045,7 +1120,53 @@
1045
1120
  "@trait.StageBrowseList"
1046
1121
  ],
1047
1122
  "direction": "vertical",
1048
- "type": "stack"
1123
+ "gap": "lg"
1124
+ }
1125
+ ]
1126
+ ]
1127
+ },
1128
+ {
1129
+ "from": "composing",
1130
+ "to": "composing",
1131
+ "event": "STAGE_SEARCH"
1132
+ },
1133
+ {
1134
+ "from": "composing",
1135
+ "to": "composing",
1136
+ "event": "STAGE_NOTIFICATIONS_OPEN",
1137
+ "effects": [
1138
+ [
1139
+ "render-ui",
1140
+ "main",
1141
+ {
1142
+ "className": "py-8",
1143
+ "children": [
1144
+ {
1145
+ "name": "bell",
1146
+ "type": "icon"
1147
+ },
1148
+ {
1149
+ "variant": "h3",
1150
+ "content": "No notifications",
1151
+ "type": "typography"
1152
+ },
1153
+ {
1154
+ "variant": "caption",
1155
+ "color": "muted",
1156
+ "content": "You're all caught up.",
1157
+ "type": "typography"
1158
+ },
1159
+ {
1160
+ "variant": "ghost",
1161
+ "label": "Back to stages",
1162
+ "action": "INIT",
1163
+ "type": "button"
1164
+ }
1165
+ ],
1166
+ "type": "stack",
1167
+ "direction": "vertical",
1168
+ "align": "center",
1169
+ "gap": "md"
1049
1170
  }
1050
1171
  ]
1051
1172
  ]
@@ -1066,25 +1187,23 @@
1066
1187
  "icon": "layers"
1067
1188
  },
1068
1189
  {
1190
+ "label": "Build",
1069
1191
  "variant": "caption",
1070
- "name": "buildId",
1071
- "label": "Build"
1192
+ "name": "buildId"
1072
1193
  },
1073
1194
  {
1074
- "name": "status",
1075
- "variant": "badge"
1195
+ "variant": "badge",
1196
+ "name": "status"
1076
1197
  },
1077
1198
  {
1078
- "name": "duration",
1079
- "variant": "caption"
1199
+ "variant": "caption",
1200
+ "name": "duration"
1080
1201
  },
1081
1202
  {
1082
1203
  "name": "output",
1083
1204
  "variant": "body"
1084
1205
  }
1085
1206
  ],
1086
- "cols": 1.0,
1087
- "gap": "sm",
1088
1207
  "itemActions": [
1089
1208
  {
1090
1209
  "variant": "ghost",
@@ -1097,11 +1216,13 @@
1097
1216
  "variant": "ghost"
1098
1217
  },
1099
1218
  {
1100
- "label": "Delete",
1101
1219
  "event": "DELETE",
1102
- "variant": "danger"
1220
+ "variant": "danger",
1221
+ "label": "Delete"
1103
1222
  }
1104
- ]
1223
+ ],
1224
+ "gap": "sm",
1225
+ "cols": 1.0
1105
1226
  },
1106
1227
  "listens": [
1107
1228
  {
@@ -1135,7 +1256,7 @@
1135
1256
  "name": "StageCreate",
1136
1257
  "linkedEntity": "Stage",
1137
1258
  "config": {
1138
- "icon": "plus-circle",
1259
+ "mode": "create",
1139
1260
  "title": "Create Stage",
1140
1261
  "fields": [
1141
1262
  "name",
@@ -1144,7 +1265,7 @@
1144
1265
  "duration",
1145
1266
  "output"
1146
1267
  ],
1147
- "mode": "create"
1268
+ "icon": "plus-circle"
1148
1269
  },
1149
1270
  "events": {
1150
1271
  "OPEN": "CREATE"
@@ -1172,9 +1293,9 @@
1172
1293
  "duration",
1173
1294
  "output"
1174
1295
  ],
1175
- "title": "Edit Stage",
1296
+ "icon": "edit",
1176
1297
  "mode": "edit",
1177
- "icon": "edit"
1298
+ "title": "Edit Stage"
1178
1299
  },
1179
1300
  "events": {
1180
1301
  "OPEN": "EDIT"
@@ -1196,7 +1317,6 @@
1196
1317
  "linkedEntity": "Stage",
1197
1318
  "config": {
1198
1319
  "icon": "eye",
1199
- "title": "View Stage",
1200
1320
  "mode": "edit",
1201
1321
  "fields": [
1202
1322
  "name",
@@ -1204,7 +1324,8 @@
1204
1324
  "status",
1205
1325
  "duration",
1206
1326
  "output"
1207
- ]
1327
+ ],
1328
+ "title": "View Stage"
1208
1329
  },
1209
1330
  "events": {
1210
1331
  "OPEN": "VIEW"
@@ -1225,14 +1346,14 @@
1225
1346
  "name": "StageDelete",
1226
1347
  "linkedEntity": "Stage",
1227
1348
  "config": {
1349
+ "alertMessage": "This action cannot be undone.",
1228
1350
  "title": "Delete Stage",
1229
1351
  "confirmLabel": "Delete",
1230
- "icon": "alert-triangle",
1231
- "alertMessage": "This action cannot be undone."
1352
+ "icon": "alert-triangle"
1232
1353
  },
1233
1354
  "events": {
1234
- "CONFIRM": "CONFIRM_DELETE",
1235
- "REQUEST": "DELETE"
1355
+ "REQUEST": "DELETE",
1356
+ "CONFIRM": "CONFIRM_DELETE"
1236
1357
  },
1237
1358
  "listens": [
1238
1359
  {
@@ -1434,6 +1555,9 @@
1434
1555
  "name": "Stages",
1435
1556
  "path": "/stages",
1436
1557
  "traits": [
1558
+ {
1559
+ "ref": "StageAppLayout"
1560
+ },
1437
1561
  {
1438
1562
  "ref": "StageCatalog"
1439
1563
  },
@@ -1462,6 +1586,10 @@
1462
1586
  {
1463
1587
  "name": "DeploymentOrbital",
1464
1588
  "uses": [
1589
+ {
1590
+ "from": "std/behaviors/std-app-layout",
1591
+ "as": "AppShell"
1592
+ },
1465
1593
  {
1466
1594
  "from": "std/behaviors/std-browse",
1467
1595
  "as": "Browse"
@@ -1510,17 +1638,51 @@
1510
1638
  ]
1511
1639
  },
1512
1640
  "traits": [
1641
+ {
1642
+ "ref": "AppShell.traits.AppLayout",
1643
+ "name": "DeploymentAppLayout",
1644
+ "linkedEntity": "Deployment",
1645
+ "config": {
1646
+ "notifications": [],
1647
+ "contentTrait": "@trait.DeploymentDisplay",
1648
+ "appName": "CI/CD Pipeline",
1649
+ "navItems": [
1650
+ {
1651
+ "label": "Builds",
1652
+ "icon": "hammer",
1653
+ "href": "/builds"
1654
+ },
1655
+ {
1656
+ "label": "Stages",
1657
+ "href": "/stages",
1658
+ "icon": "layers"
1659
+ },
1660
+ {
1661
+ "label": "Deploy",
1662
+ "href": "/deploy",
1663
+ "icon": "rocket"
1664
+ }
1665
+ ],
1666
+ "notificationClickEvent": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1667
+ "searchEvent": "DEPLOYMENT_SEARCH"
1668
+ },
1669
+ "events": {
1670
+ "NOTIFY_CLICK": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1671
+ "SEARCH": "DEPLOYMENT_SEARCH"
1672
+ }
1673
+ },
1513
1674
  {
1514
1675
  "ref": "Browse.traits.BrowseItemBrowse",
1515
1676
  "name": "DeploymentBrowseList",
1516
1677
  "linkedEntity": "Deployment",
1517
1678
  "config": {
1518
1679
  "gap": "sm",
1680
+ "cols": 1.0,
1519
1681
  "fields": [
1520
1682
  {
1521
- "variant": "h4",
1683
+ "icon": "rocket",
1522
1684
  "name": "environment",
1523
- "icon": "rocket"
1685
+ "variant": "h4"
1524
1686
  },
1525
1687
  {
1526
1688
  "name": "version",
@@ -1531,18 +1693,35 @@
1531
1693
  "name": "status"
1532
1694
  },
1533
1695
  {
1696
+ "label": "Deployed",
1534
1697
  "name": "deployedAt",
1535
1698
  "variant": "caption",
1536
- "label": "Deployed",
1537
1699
  "format": "date"
1538
1700
  }
1539
- ],
1540
- "cols": 1.0
1701
+ ]
1541
1702
  }
1542
1703
  },
1543
1704
  {
1544
1705
  "name": "DeploymentDisplay",
1545
1706
  "category": "interaction",
1707
+ "listens": [
1708
+ {
1709
+ "event": "DEPLOYMENT_SEARCH",
1710
+ "triggers": "DEPLOYMENT_SEARCH",
1711
+ "source": {
1712
+ "kind": "trait",
1713
+ "trait": "DeploymentAppLayout"
1714
+ }
1715
+ },
1716
+ {
1717
+ "event": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1718
+ "triggers": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1719
+ "source": {
1720
+ "kind": "trait",
1721
+ "trait": "DeploymentAppLayout"
1722
+ }
1723
+ }
1724
+ ],
1546
1725
  "stateMachine": {
1547
1726
  "states": [
1548
1727
  {
@@ -1554,6 +1733,26 @@
1554
1733
  {
1555
1734
  "key": "INIT",
1556
1735
  "name": "Initialize"
1736
+ },
1737
+ {
1738
+ "key": "DEPLOYMENT_SEARCH",
1739
+ "name": "Deployment Search",
1740
+ "payloadSchema": [
1741
+ {
1742
+ "name": "value",
1743
+ "type": "string"
1744
+ }
1745
+ ]
1746
+ },
1747
+ {
1748
+ "key": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1749
+ "name": "Deployment Notifications Open",
1750
+ "payloadSchema": [
1751
+ {
1752
+ "name": "id",
1753
+ "type": "string"
1754
+ }
1755
+ ]
1557
1756
  }
1558
1757
  ],
1559
1758
  "transitions": [
@@ -1566,17 +1765,16 @@
1566
1765
  "render-ui",
1567
1766
  "main",
1568
1767
  {
1569
- "type": "stack",
1570
1768
  "gap": "lg",
1769
+ "type": "stack",
1770
+ "direction": "vertical",
1571
1771
  "children": [
1572
1772
  {
1573
1773
  "type": "stack",
1574
- "direction": "horizontal",
1575
- "align": "center",
1576
1774
  "children": [
1577
1775
  {
1578
- "name": "rocket",
1579
- "type": "icon"
1776
+ "type": "icon",
1777
+ "name": "rocket"
1580
1778
  },
1581
1779
  {
1582
1780
  "variant": "h2",
@@ -1584,7 +1782,9 @@
1584
1782
  "type": "typography"
1585
1783
  }
1586
1784
  ],
1587
- "gap": "sm"
1785
+ "gap": "sm",
1786
+ "align": "center",
1787
+ "direction": "horizontal"
1588
1788
  },
1589
1789
  {
1590
1790
  "type": "divider"
@@ -1594,13 +1794,58 @@
1594
1794
  "type": "divider"
1595
1795
  },
1596
1796
  {
1797
+ "variant": "h3",
1597
1798
  "type": "typography",
1598
- "content": "Recent Commits",
1599
- "variant": "h3"
1799
+ "content": "Recent Commits"
1600
1800
  },
1601
1801
  "@trait.DeploymentGitHub"
1802
+ ]
1803
+ }
1804
+ ]
1805
+ ]
1806
+ },
1807
+ {
1808
+ "from": "composing",
1809
+ "to": "composing",
1810
+ "event": "DEPLOYMENT_SEARCH"
1811
+ },
1812
+ {
1813
+ "from": "composing",
1814
+ "to": "composing",
1815
+ "event": "DEPLOYMENT_NOTIFICATIONS_OPEN",
1816
+ "effects": [
1817
+ [
1818
+ "render-ui",
1819
+ "main",
1820
+ {
1821
+ "children": [
1822
+ {
1823
+ "type": "icon",
1824
+ "name": "bell"
1825
+ },
1826
+ {
1827
+ "type": "typography",
1828
+ "variant": "h3",
1829
+ "content": "No notifications"
1830
+ },
1831
+ {
1832
+ "color": "muted",
1833
+ "type": "typography",
1834
+ "variant": "caption",
1835
+ "content": "You're all caught up."
1836
+ },
1837
+ {
1838
+ "variant": "ghost",
1839
+ "action": "INIT",
1840
+ "type": "button",
1841
+ "label": "Back to deploy"
1842
+ }
1602
1843
  ],
1603
- "direction": "vertical"
1844
+ "direction": "vertical",
1845
+ "align": "center",
1846
+ "type": "stack",
1847
+ "className": "py-8",
1848
+ "gap": "md"
1604
1849
  }
1605
1850
  ]
1606
1851
  ]
@@ -1635,16 +1880,16 @@
1635
1880
  "render-ui",
1636
1881
  "main",
1637
1882
  {
1638
- "direction": "vertical",
1639
- "type": "stack",
1640
1883
  "gap": "md",
1884
+ "type": "stack",
1641
1885
  "children": [
1642
1886
  {
1643
- "type": "alert",
1644
1887
  "variant": "info",
1888
+ "type": "alert",
1645
1889
  "message": "Loading recent commits from GitHub…"
1646
1890
  }
1647
- ]
1891
+ ],
1892
+ "direction": "vertical"
1648
1893
  }
1649
1894
  ]
1650
1895
  ]
@@ -1657,12 +1902,12 @@
1657
1902
  "ref": "GitHub.traits.ServiceGithubGithub",
1658
1903
  "name": "DeploymentGitHub",
1659
1904
  "config": {
1660
- "path": "",
1661
- "repo": "repo-placeholder",
1662
1905
  "owner": "owner-placeholder",
1906
+ "repo": "repo-placeholder",
1907
+ "uiTrait": "@trait.DeploymentCommitsPanel",
1663
1908
  "ref": "main",
1664
- "op": "listCommits",
1665
- "uiTrait": "@trait.DeploymentCommitsPanel"
1909
+ "path": "",
1910
+ "op": "listCommits"
1666
1911
  }
1667
1912
  },
1668
1913
  {
@@ -1828,8 +2073,8 @@
1828
2073
  "Deployment",
1829
2074
  {
1830
2075
  "emit": {
1831
- "failure": "DeploymentLoadFailed",
1832
- "success": "DeploymentLoaded"
2076
+ "success": "DeploymentLoaded",
2077
+ "failure": "DeploymentLoadFailed"
1833
2078
  }
1834
2079
  }
1835
2080
  ],
@@ -1837,44 +2082,44 @@
1837
2082
  "render-ui",
1838
2083
  "main",
1839
2084
  {
2085
+ "direction": "vertical",
1840
2086
  "align": "center",
1841
2087
  "type": "stack",
1842
2088
  "children": [
1843
2089
  {
2090
+ "type": "stack",
2091
+ "direction": "horizontal",
1844
2092
  "gap": "md",
2093
+ "align": "center",
1845
2094
  "children": [
1846
2095
  {
1847
2096
  "name": "upload-cloud",
1848
2097
  "type": "icon"
1849
2098
  },
1850
2099
  {
1851
- "variant": "h2",
2100
+ "type": "typography",
1852
2101
  "content": "Deployment",
1853
- "type": "typography"
2102
+ "variant": "h2"
1854
2103
  }
1855
- ],
1856
- "align": "center",
1857
- "type": "stack",
1858
- "direction": "horizontal"
2104
+ ]
1859
2105
  },
1860
2106
  {
1861
2107
  "type": "divider"
1862
2108
  },
1863
2109
  {
1864
- "color": "muted",
1865
- "type": "typography",
2110
+ "content": "Ready to start deployment operation.",
1866
2111
  "variant": "body",
1867
- "content": "Ready to start deployment operation."
2112
+ "type": "typography",
2113
+ "color": "muted"
1868
2114
  },
1869
2115
  {
1870
- "action": "START",
1871
- "type": "button",
2116
+ "icon": "play",
1872
2117
  "variant": "primary",
1873
2118
  "label": "Start",
1874
- "icon": "play"
2119
+ "type": "button",
2120
+ "action": "START"
1875
2121
  }
1876
2122
  ],
1877
- "direction": "vertical",
1878
2123
  "gap": "lg"
1879
2124
  }
1880
2125
  ]
@@ -1889,21 +2134,21 @@
1889
2134
  "render-ui",
1890
2135
  "main",
1891
2136
  {
1892
- "direction": "vertical",
1893
- "gap": "lg",
1894
2137
  "align": "center",
2138
+ "gap": "lg",
2139
+ "type": "stack",
1895
2140
  "children": [
1896
2141
  {
1897
- "type": "loading-state",
2142
+ "title": "Deploying...",
1898
2143
  "message": "Processing deployment...",
1899
- "title": "Deploying..."
2144
+ "type": "loading-state"
1900
2145
  },
1901
2146
  {
1902
2147
  "type": "skeleton",
1903
2148
  "variant": "text"
1904
2149
  }
1905
2150
  ],
1906
- "type": "stack"
2151
+ "direction": "vertical"
1907
2152
  }
1908
2153
  ]
1909
2154
  ]
@@ -1929,35 +2174,35 @@
1929
2174
  "render-ui",
1930
2175
  "main",
1931
2176
  {
1932
- "gap": "lg",
1933
- "type": "stack",
1934
2177
  "align": "center",
1935
2178
  "children": [
1936
2179
  {
1937
- "type": "icon",
1938
- "name": "check-circle"
2180
+ "name": "check-circle",
2181
+ "type": "icon"
1939
2182
  },
1940
2183
  {
1941
- "variant": "success",
1942
2184
  "type": "alert",
2185
+ "variant": "success",
1943
2186
  "message": "Deployment successful."
1944
2187
  },
1945
2188
  {
1946
- "type": "stack",
1947
- "direction": "horizontal",
1948
- "gap": "sm",
1949
- "justify": "center",
1950
2189
  "children": [
1951
2190
  {
2191
+ "action": "RESET",
1952
2192
  "type": "button",
1953
2193
  "variant": "ghost",
1954
- "icon": "rotate-ccw",
1955
- "action": "RESET",
1956
- "label": "Reset"
2194
+ "label": "Reset",
2195
+ "icon": "rotate-ccw"
1957
2196
  }
1958
- ]
2197
+ ],
2198
+ "type": "stack",
2199
+ "justify": "center",
2200
+ "gap": "sm",
2201
+ "direction": "horizontal"
1959
2202
  }
1960
2203
  ],
2204
+ "gap": "lg",
2205
+ "type": "stack",
1961
2206
  "direction": "vertical"
1962
2207
  }
1963
2208
  ]
@@ -1972,37 +2217,37 @@
1972
2217
  "render-ui",
1973
2218
  "main",
1974
2219
  {
1975
- "direction": "vertical",
1976
- "gap": "lg",
1977
2220
  "type": "stack",
2221
+ "gap": "lg",
2222
+ "direction": "vertical",
1978
2223
  "children": [
1979
2224
  {
1980
- "onRetry": "RETRY",
1981
- "title": "Operation Failed",
1982
2225
  "message": "Deployment failed.",
1983
- "type": "error-state"
2226
+ "type": "error-state",
2227
+ "title": "Operation Failed",
2228
+ "onRetry": "RETRY"
1984
2229
  },
1985
2230
  {
2231
+ "direction": "horizontal",
2232
+ "type": "stack",
2233
+ "gap": "sm",
1986
2234
  "justify": "center",
1987
2235
  "children": [
1988
2236
  {
1989
- "label": "Retry",
1990
- "action": "RETRY",
1991
2237
  "type": "button",
1992
2238
  "variant": "primary",
1993
- "icon": "refresh-cw"
2239
+ "icon": "refresh-cw",
2240
+ "action": "RETRY",
2241
+ "label": "Retry"
1994
2242
  },
1995
2243
  {
1996
- "type": "button",
2244
+ "label": "Reset",
1997
2245
  "variant": "ghost",
1998
- "icon": "rotate-ccw",
2246
+ "type": "button",
1999
2247
  "action": "RESET",
2000
- "label": "Reset"
2248
+ "icon": "rotate-ccw"
2001
2249
  }
2002
- ],
2003
- "type": "stack",
2004
- "direction": "horizontal",
2005
- "gap": "sm"
2250
+ ]
2006
2251
  }
2007
2252
  ],
2008
2253
  "align": "center"
@@ -2019,45 +2264,45 @@
2019
2264
  "render-ui",
2020
2265
  "main",
2021
2266
  {
2022
- "type": "stack",
2023
2267
  "direction": "vertical",
2268
+ "type": "stack",
2269
+ "gap": "lg",
2024
2270
  "align": "center",
2025
2271
  "children": [
2026
2272
  {
2273
+ "type": "stack",
2274
+ "align": "center",
2027
2275
  "children": [
2028
2276
  {
2029
- "name": "upload-cloud",
2030
- "type": "icon"
2277
+ "type": "icon",
2278
+ "name": "upload-cloud"
2031
2279
  },
2032
2280
  {
2033
- "content": "Deployment",
2034
2281
  "variant": "h2",
2282
+ "content": "Deployment",
2035
2283
  "type": "typography"
2036
2284
  }
2037
2285
  ],
2038
- "gap": "md",
2039
- "type": "stack",
2040
- "align": "center",
2041
- "direction": "horizontal"
2286
+ "direction": "horizontal",
2287
+ "gap": "md"
2042
2288
  },
2043
2289
  {
2044
2290
  "type": "divider"
2045
2291
  },
2046
2292
  {
2293
+ "content": "Ready to start deployment operation.",
2047
2294
  "type": "typography",
2048
2295
  "variant": "body",
2049
- "content": "Ready to start deployment operation.",
2050
2296
  "color": "muted"
2051
2297
  },
2052
2298
  {
2053
- "label": "Start",
2054
2299
  "icon": "play",
2055
2300
  "type": "button",
2056
- "action": "START",
2057
- "variant": "primary"
2301
+ "label": "Start",
2302
+ "variant": "primary",
2303
+ "action": "START"
2058
2304
  }
2059
- ],
2060
- "gap": "lg"
2305
+ ]
2061
2306
  }
2062
2307
  ]
2063
2308
  ]
@@ -2071,25 +2316,25 @@
2071
2316
  "render-ui",
2072
2317
  "main",
2073
2318
  {
2074
- "align": "center",
2075
2319
  "direction": "vertical",
2076
- "gap": "lg",
2320
+ "align": "center",
2077
2321
  "type": "stack",
2322
+ "gap": "lg",
2078
2323
  "children": [
2079
2324
  {
2080
2325
  "align": "center",
2326
+ "type": "stack",
2081
2327
  "gap": "md",
2082
2328
  "direction": "horizontal",
2083
- "type": "stack",
2084
2329
  "children": [
2085
2330
  {
2086
2331
  "name": "upload-cloud",
2087
2332
  "type": "icon"
2088
2333
  },
2089
2334
  {
2090
- "type": "typography",
2335
+ "content": "Deployment",
2091
2336
  "variant": "h2",
2092
- "content": "Deployment"
2337
+ "type": "typography"
2093
2338
  }
2094
2339
  ]
2095
2340
  },
@@ -2097,17 +2342,17 @@
2097
2342
  "type": "divider"
2098
2343
  },
2099
2344
  {
2100
- "color": "muted",
2101
2345
  "content": "Ready to start deployment operation.",
2102
2346
  "variant": "body",
2103
- "type": "typography"
2347
+ "type": "typography",
2348
+ "color": "muted"
2104
2349
  },
2105
2350
  {
2106
2351
  "action": "START",
2107
- "type": "button",
2108
2352
  "variant": "primary",
2109
- "icon": "play",
2110
- "label": "Start"
2353
+ "label": "Start",
2354
+ "type": "button",
2355
+ "icon": "play"
2111
2356
  }
2112
2357
  ]
2113
2358
  }
@@ -2123,21 +2368,21 @@
2123
2368
  "render-ui",
2124
2369
  "main",
2125
2370
  {
2126
- "type": "stack",
2127
- "gap": "lg",
2128
- "direction": "vertical",
2129
- "align": "center",
2130
2371
  "children": [
2131
2372
  {
2132
- "message": "Processing deployment...",
2373
+ "type": "loading-state",
2133
2374
  "title": "Deploying...",
2134
- "type": "loading-state"
2375
+ "message": "Processing deployment..."
2135
2376
  },
2136
2377
  {
2137
2378
  "variant": "text",
2138
2379
  "type": "skeleton"
2139
2380
  }
2140
- ]
2381
+ ],
2382
+ "direction": "vertical",
2383
+ "gap": "lg",
2384
+ "type": "stack",
2385
+ "align": "center"
2141
2386
  }
2142
2387
  ]
2143
2388
  ]
@@ -2152,6 +2397,9 @@
2152
2397
  "name": "Deploy",
2153
2398
  "path": "/deploy",
2154
2399
  "traits": [
2400
+ {
2401
+ "ref": "DeploymentAppLayout"
2402
+ },
2155
2403
  {
2156
2404
  "ref": "DeploymentDisplay"
2157
2405
  },