@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-helpdesk.orb CHANGED
@@ -103,20 +103,16 @@
103
103
  "ref": "AppShell.traits.AppLayout",
104
104
  "name": "TicketAppLayout",
105
105
  "config": {
106
- "searchEvent": "TICKET_SEARCH",
107
- "notifications": [],
108
- "appName": "Helpdesk",
109
- "notificationClickEvent": "TICKET_NOTIFICATIONS_OPEN",
110
106
  "navItems": [
111
107
  {
112
108
  "href": "/tickets",
113
- "icon": "inbox",
114
- "label": "Tickets"
109
+ "label": "Tickets",
110
+ "icon": "inbox"
115
111
  },
116
112
  {
117
- "label": "Replies",
113
+ "icon": "message-circle",
118
114
  "href": "/replies",
119
- "icon": "message-circle"
115
+ "label": "Replies"
120
116
  },
121
117
  {
122
118
  "label": "Metrics",
@@ -124,11 +120,15 @@
124
120
  "href": "/metrics"
125
121
  }
126
122
  ],
127
- "contentTrait": "@trait.TicketCatalog"
123
+ "notifications": [],
124
+ "contentTrait": "@trait.TicketCatalog",
125
+ "appName": "Helpdesk",
126
+ "notificationClickEvent": "TICKET_NOTIFICATIONS_OPEN",
127
+ "searchEvent": "TICKET_SEARCH"
128
128
  },
129
129
  "events": {
130
- "NOTIFY_CLICK": "TICKET_NOTIFICATIONS_OPEN",
131
- "SEARCH": "TICKET_SEARCH"
130
+ "SEARCH": "TICKET_SEARCH",
131
+ "NOTIFY_CLICK": "TICKET_NOTIFICATIONS_OPEN"
132
132
  }
133
133
  },
134
134
  {
@@ -211,62 +211,62 @@
211
211
  "render-ui",
212
212
  "main",
213
213
  {
214
- "direction": "vertical",
215
214
  "type": "stack",
216
215
  "gap": "lg",
216
+ "direction": "vertical",
217
217
  "children": [
218
218
  {
219
+ "type": "stack",
220
+ "direction": "horizontal",
221
+ "gap": "md",
222
+ "justify": "between",
219
223
  "children": [
220
224
  {
221
225
  "gap": "sm",
222
- "align": "center",
223
- "type": "stack",
224
- "direction": "horizontal",
225
226
  "children": [
226
227
  {
227
228
  "type": "icon",
228
229
  "name": "inbox"
229
230
  },
230
231
  {
231
- "content": "Tickets",
232
+ "variant": "h2",
232
233
  "type": "typography",
233
- "variant": "h2"
234
+ "content": "Tickets"
234
235
  }
235
- ]
236
- },
237
- {
236
+ ],
238
237
  "direction": "horizontal",
239
238
  "type": "stack",
239
+ "align": "center"
240
+ },
241
+ {
240
242
  "children": [
241
243
  {
244
+ "label": "New Ticket",
242
245
  "action": "CREATE",
243
246
  "type": "button",
244
- "label": "New Ticket",
245
- "icon": "plus",
246
- "variant": "primary"
247
+ "variant": "primary",
248
+ "icon": "plus"
247
249
  }
248
250
  ],
249
- "gap": "sm"
251
+ "gap": "sm",
252
+ "type": "stack",
253
+ "direction": "horizontal"
250
254
  }
251
255
  ],
252
- "align": "center",
253
- "gap": "md",
254
- "justify": "between",
255
- "direction": "horizontal",
256
- "type": "stack"
256
+ "align": "center"
257
257
  },
258
258
  {
259
259
  "type": "divider"
260
260
  },
261
261
  {
262
- "direction": "horizontal",
263
- "gap": "md",
264
262
  "align": "center",
265
263
  "type": "stack",
266
264
  "children": [
267
265
  "@trait.TicketSearch",
268
266
  "@trait.TicketFilter"
269
- ]
267
+ ],
268
+ "gap": "md",
269
+ "direction": "horizontal"
270
270
  },
271
271
  "@trait.TicketStats",
272
272
  "@trait.TicketGraphs",
@@ -293,34 +293,34 @@
293
293
  "render-ui",
294
294
  "main",
295
295
  {
296
- "align": "center",
297
- "gap": "md",
298
296
  "className": "py-8",
297
+ "gap": "md",
298
+ "align": "center",
299
+ "direction": "vertical",
300
+ "type": "stack",
299
301
  "children": [
300
302
  {
301
303
  "type": "icon",
302
304
  "name": "bell"
303
305
  },
304
306
  {
305
- "type": "typography",
306
307
  "variant": "h3",
308
+ "type": "typography",
307
309
  "content": "No notifications"
308
310
  },
309
311
  {
310
- "color": "muted",
311
- "content": "You're all caught up.",
312
+ "variant": "caption",
312
313
  "type": "typography",
313
- "variant": "caption"
314
+ "content": "You're all caught up.",
315
+ "color": "muted"
314
316
  },
315
317
  {
316
- "type": "button",
317
- "label": "Back to tickets",
318
318
  "action": "INIT",
319
- "variant": "ghost"
319
+ "variant": "ghost",
320
+ "type": "button",
321
+ "label": "Back to tickets"
320
322
  }
321
- ],
322
- "direction": "vertical",
323
- "type": "stack"
323
+ ]
324
324
  }
325
325
  ]
326
326
  ]
@@ -341,48 +341,50 @@
341
341
  "ref": "Filter.traits.FilterTargetFilter",
342
342
  "name": "TicketFilter",
343
343
  "config": {
344
- "event": "TICKET_FILTER",
345
344
  "filters": [
346
345
  {
346
+ "filterType": "select",
347
347
  "options": [
348
348
  "low",
349
349
  "medium",
350
350
  "high",
351
351
  "critical"
352
352
  ],
353
- "filterType": "select",
354
- "label": "Priority",
355
- "field": "priority"
353
+ "field": "priority",
354
+ "label": "Priority"
356
355
  },
357
356
  {
358
- "filterType": "select",
359
357
  "options": [
360
358
  "open",
361
359
  "in-progress",
362
360
  "resolved",
363
361
  "closed"
364
362
  ],
365
- "field": "status",
366
- "label": "Status"
363
+ "label": "Status",
364
+ "filterType": "select",
365
+ "field": "status"
367
366
  }
368
- ]
367
+ ],
368
+ "event": "TICKET_FILTER"
369
369
  }
370
370
  },
371
371
  {
372
372
  "ref": "Stats.traits.StatsItemStats",
373
373
  "name": "TicketStats",
374
374
  "config": {
375
+ "title": "Tickets",
375
376
  "metrics": [
376
377
  {
377
378
  "format": "number",
378
- "label": "Total",
379
- "icon": "inbox",
380
379
  "variant": "primary",
380
+ "icon": "inbox",
381
+ "label": "Total",
381
382
  "aggregation": "count"
382
383
  },
383
384
  {
384
- "format": "number",
385
385
  "icon": "circle",
386
+ "label": "Open",
387
+ "aggregation": "count",
386
388
  "filter": [
387
389
  "fn",
388
390
  "row",
@@ -393,15 +395,11 @@
393
395
  ]
394
396
  ],
395
397
  "variant": "warning",
396
- "aggregation": "count",
397
- "label": "Open"
398
+ "format": "number"
398
399
  },
399
400
  {
400
- "variant": "success",
401
- "aggregation": "count",
402
- "label": "Resolved",
403
401
  "icon": "check-circle",
404
- "format": "number",
402
+ "variant": "success",
405
403
  "filter": [
406
404
  "fn",
407
405
  "row",
@@ -410,10 +408,12 @@
410
408
  "@row.status",
411
409
  "resolved"
412
410
  ]
413
- ]
411
+ ],
412
+ "format": "number",
413
+ "aggregation": "count",
414
+ "label": "Resolved"
414
415
  }
415
- ],
416
- "title": "Tickets"
416
+ ]
417
417
  },
418
418
  "listens": [
419
419
  {
@@ -430,13 +430,13 @@
430
430
  "ref": "Graphs.traits.GraphItemGraph",
431
431
  "name": "TicketGraphs",
432
432
  "config": {
433
- "chartType": "bar",
434
433
  "subtitle": "Volume across priority buckets",
435
434
  "categoryField": "priority",
436
- "height": 240.0,
435
+ "aggregation": "count",
437
436
  "showLegend": false,
438
- "title": "Tickets by Priority",
439
- "aggregation": "count"
437
+ "chartType": "bar",
438
+ "height": 240.0,
439
+ "title": "Tickets by Priority"
440
440
  },
441
441
  "listens": [
442
442
  {
@@ -454,23 +454,22 @@
454
454
  "name": "TicketBrowseList",
455
455
  "linkedEntity": "Ticket",
456
456
  "config": {
457
- "cols": 1.0,
458
457
  "gap": "sm",
459
458
  "itemActions": [
460
459
  {
461
460
  "event": "VIEW",
462
- "variant": "ghost",
463
- "label": "View"
461
+ "label": "View",
462
+ "variant": "ghost"
464
463
  },
465
464
  {
466
- "variant": "ghost",
465
+ "label": "Edit",
467
466
  "event": "EDIT",
468
- "label": "Edit"
467
+ "variant": "ghost"
469
468
  },
470
469
  {
471
- "label": "Delete",
470
+ "variant": "danger",
472
471
  "event": "DELETE",
473
- "variant": "danger"
472
+ "label": "Delete"
474
473
  }
475
474
  ],
476
475
  "fields": [
@@ -480,8 +479,8 @@
480
479
  "icon": "inbox"
481
480
  },
482
481
  {
483
- "name": "priority",
484
- "variant": "badge"
482
+ "variant": "badge",
483
+ "name": "priority"
485
484
  },
486
485
  {
487
486
  "name": "status",
@@ -495,7 +494,8 @@
495
494
  "name": "description",
496
495
  "variant": "caption"
497
496
  }
498
- ]
497
+ ],
498
+ "cols": 1.0
499
499
  },
500
500
  "listens": [
501
501
  {
@@ -545,6 +545,7 @@
545
545
  "name": "TicketCreate",
546
546
  "linkedEntity": "Ticket",
547
547
  "config": {
548
+ "title": "New Ticket",
548
549
  "fields": [
549
550
  "subject",
550
551
  "description",
@@ -554,8 +555,7 @@
554
555
  "customerEmail"
555
556
  ],
556
557
  "mode": "create",
557
- "icon": "plus-circle",
558
- "title": "New Ticket"
558
+ "icon": "plus-circle"
559
559
  },
560
560
  "events": {
561
561
  "OPEN": "CREATE"
@@ -576,6 +576,8 @@
576
576
  "name": "TicketEdit",
577
577
  "linkedEntity": "Ticket",
578
578
  "config": {
579
+ "mode": "edit",
580
+ "icon": "edit",
579
581
  "fields": [
580
582
  "subject",
581
583
  "description",
@@ -584,9 +586,7 @@
584
586
  "assignee",
585
587
  "customerEmail"
586
588
  ],
587
- "title": "Edit Ticket",
588
- "mode": "edit",
589
- "icon": "edit"
589
+ "title": "Edit Ticket"
590
590
  },
591
591
  "events": {
592
592
  "OPEN": "EDIT"
@@ -608,7 +608,6 @@
608
608
  "linkedEntity": "Ticket",
609
609
  "config": {
610
610
  "icon": "eye",
611
- "title": "View Ticket",
612
611
  "mode": "edit",
613
612
  "fields": [
614
613
  "subject",
@@ -617,7 +616,8 @@
617
616
  "status",
618
617
  "assignee",
619
618
  "customerEmail"
620
- ]
619
+ ],
620
+ "title": "View Ticket"
621
621
  },
622
622
  "events": {
623
623
  "OPEN": "VIEW"
@@ -638,14 +638,14 @@
638
638
  "name": "TicketDelete",
639
639
  "linkedEntity": "Ticket",
640
640
  "config": {
641
+ "alertMessage": "This action cannot be undone.",
641
642
  "confirmLabel": "Delete",
642
- "icon": "alert-triangle",
643
643
  "title": "Delete Ticket",
644
- "alertMessage": "This action cannot be undone."
644
+ "icon": "alert-triangle"
645
645
  },
646
646
  "events": {
647
- "REQUEST": "DELETE",
648
- "CONFIRM": "CONFIRM_DELETE"
647
+ "CONFIRM": "CONFIRM_DELETE",
648
+ "REQUEST": "DELETE"
649
649
  },
650
650
  "listens": [
651
651
  {
@@ -890,6 +890,10 @@
890
890
  {
891
891
  "name": "TicketReplyOrbital",
892
892
  "uses": [
893
+ {
894
+ "from": "std/behaviors/std-app-layout",
895
+ "as": "AppShell"
896
+ },
893
897
  {
894
898
  "from": "std/behaviors/std-modal",
895
899
  "as": "Modal"
@@ -947,6 +951,39 @@
947
951
  ]
948
952
  },
949
953
  "traits": [
954
+ {
955
+ "ref": "AppShell.traits.AppLayout",
956
+ "name": "TicketReplyAppLayout",
957
+ "linkedEntity": "TicketReply",
958
+ "config": {
959
+ "navItems": [
960
+ {
961
+ "icon": "inbox",
962
+ "label": "Tickets",
963
+ "href": "/tickets"
964
+ },
965
+ {
966
+ "icon": "message-circle",
967
+ "label": "Replies",
968
+ "href": "/replies"
969
+ },
970
+ {
971
+ "label": "Metrics",
972
+ "icon": "layout-list",
973
+ "href": "/metrics"
974
+ }
975
+ ],
976
+ "searchEvent": "TICKET_REPLY_SEARCH",
977
+ "notifications": [],
978
+ "contentTrait": "@trait.TicketReplyBrowse",
979
+ "appName": "Helpdesk",
980
+ "notificationClickEvent": "TICKET_REPLY_NOTIFICATIONS_OPEN"
981
+ },
982
+ "events": {
983
+ "NOTIFY_CLICK": "TICKET_REPLY_NOTIFICATIONS_OPEN",
984
+ "SEARCH": "TICKET_REPLY_SEARCH"
985
+ }
986
+ },
950
987
  {
951
988
  "name": "TicketReplyBrowse",
952
989
  "category": "interaction",
@@ -1051,8 +1088,8 @@
1051
1088
  "TicketReply",
1052
1089
  {
1053
1090
  "emit": {
1054
- "failure": "TicketReplyLoadFailed",
1055
- "success": "TicketReplyLoaded"
1091
+ "success": "TicketReplyLoaded",
1092
+ "failure": "TicketReplyLoadFailed"
1056
1093
  }
1057
1094
  }
1058
1095
  ],
@@ -1060,22 +1097,22 @@
1060
1097
  "render-ui",
1061
1098
  "main",
1062
1099
  {
1063
- "className": "py-12",
1064
- "direction": "vertical",
1065
- "type": "stack",
1066
- "gap": "md",
1067
1100
  "align": "center",
1101
+ "className": "py-12",
1068
1102
  "children": [
1069
1103
  {
1070
1104
  "type": "spinner"
1071
1105
  },
1072
1106
  {
1073
- "color": "muted",
1074
1107
  "variant": "caption",
1108
+ "type": "typography",
1075
1109
  "content": "Loading…",
1076
- "type": "typography"
1110
+ "color": "muted"
1077
1111
  }
1078
- ]
1112
+ ],
1113
+ "direction": "vertical",
1114
+ "type": "stack",
1115
+ "gap": "md"
1079
1116
  }
1080
1117
  ]
1081
1118
  ]
@@ -1089,43 +1126,39 @@
1089
1126
  "render-ui",
1090
1127
  "main",
1091
1128
  {
1092
- "type": "stack",
1093
- "className": "max-w-5xl mx-auto w-full",
1094
- "gap": "lg",
1095
- "direction": "vertical",
1096
1129
  "children": [
1097
1130
  {
1098
- "justify": "between",
1131
+ "gap": "md",
1099
1132
  "align": "center",
1133
+ "type": "stack",
1134
+ "direction": "horizontal",
1100
1135
  "children": [
1101
1136
  {
1137
+ "direction": "horizontal",
1138
+ "align": "center",
1102
1139
  "type": "stack",
1103
1140
  "children": [
1104
1141
  {
1105
- "type": "icon",
1106
- "name": "message-circle"
1142
+ "name": "message-circle",
1143
+ "type": "icon"
1107
1144
  },
1108
1145
  {
1109
- "variant": "h2",
1110
1146
  "type": "typography",
1111
- "content": "Replies"
1147
+ "content": "Replies",
1148
+ "variant": "h2"
1112
1149
  }
1113
1150
  ],
1114
- "gap": "sm",
1115
- "align": "center",
1116
- "direction": "horizontal"
1151
+ "gap": "sm"
1117
1152
  },
1118
1153
  {
1119
1154
  "type": "button",
1120
- "variant": "primary",
1121
1155
  "label": "Compose",
1122
1156
  "icon": "edit",
1157
+ "variant": "primary",
1123
1158
  "action": "CREATE"
1124
1159
  }
1125
1160
  ],
1126
- "gap": "md",
1127
- "type": "stack",
1128
- "direction": "horizontal"
1161
+ "justify": "between"
1129
1162
  },
1130
1163
  {
1131
1164
  "type": "divider"
@@ -1136,7 +1169,7 @@
1136
1169
  },
1137
1170
  {
1138
1171
  "gap": "sm",
1139
- "entity": "@payload.data",
1172
+ "type": "data-list",
1140
1173
  "fields": [
1141
1174
  {
1142
1175
  "variant": "h4",
@@ -1144,19 +1177,23 @@
1144
1177
  "icon": "message-circle"
1145
1178
  },
1146
1179
  {
1147
- "name": "body",
1148
- "variant": "body"
1180
+ "variant": "body",
1181
+ "name": "body"
1149
1182
  },
1150
1183
  {
1151
- "format": "date",
1184
+ "name": "createdAt",
1152
1185
  "variant": "caption",
1153
- "name": "createdAt"
1186
+ "format": "date"
1154
1187
  }
1155
1188
  ],
1156
- "type": "data-list",
1189
+ "entity": "@payload.data",
1157
1190
  "variant": "card"
1158
1191
  }
1159
- ]
1192
+ ],
1193
+ "type": "stack",
1194
+ "direction": "vertical",
1195
+ "gap": "lg",
1196
+ "className": "max-w-5xl mx-auto w-full"
1160
1197
  }
1161
1198
  ]
1162
1199
  ]
@@ -1170,36 +1207,36 @@
1170
1207
  "render-ui",
1171
1208
  "main",
1172
1209
  {
1173
- "align": "center",
1174
1210
  "className": "py-12",
1175
- "gap": "md",
1176
1211
  "children": [
1177
1212
  {
1178
- "type": "icon",
1213
+ "name": "alert-triangle",
1179
1214
  "color": "destructive",
1180
- "name": "alert-triangle"
1215
+ "type": "icon"
1181
1216
  },
1182
1217
  {
1183
1218
  "variant": "h3",
1184
- "content": "Failed to load replies",
1185
- "type": "typography"
1219
+ "type": "typography",
1220
+ "content": "Failed to load replies"
1186
1221
  },
1187
1222
  {
1188
- "variant": "body",
1189
1223
  "content": "@payload.error",
1224
+ "type": "typography",
1190
1225
  "color": "muted",
1191
- "type": "typography"
1226
+ "variant": "body"
1192
1227
  },
1193
1228
  {
1194
1229
  "label": "Retry",
1195
- "action": "INIT",
1196
1230
  "variant": "primary",
1197
1231
  "icon": "rotate-ccw",
1198
- "type": "button"
1232
+ "type": "button",
1233
+ "action": "INIT"
1199
1234
  }
1200
1235
  ],
1201
1236
  "direction": "vertical",
1202
- "type": "stack"
1237
+ "type": "stack",
1238
+ "gap": "md",
1239
+ "align": "center"
1203
1240
  }
1204
1241
  ]
1205
1242
  ]
@@ -1264,9 +1301,9 @@
1264
1301
  "render-ui",
1265
1302
  "main",
1266
1303
  {
1304
+ "direction": "vertical",
1267
1305
  "type": "stack",
1268
1306
  "gap": "md",
1269
- "direction": "vertical",
1270
1307
  "children": [
1271
1308
  {
1272
1309
  "content": "New reply",
@@ -1279,25 +1316,25 @@
1279
1316
  },
1280
1317
  {
1281
1318
  "direction": "horizontal",
1282
- "gap": "sm",
1283
- "type": "stack",
1284
1319
  "justify": "end",
1320
+ "type": "stack",
1285
1321
  "children": [
1286
1322
  {
1287
1323
  "icon": "save",
1288
- "action": "CREATE",
1289
- "variant": "ghost",
1290
1324
  "type": "button",
1291
- "label": "Save Draft"
1325
+ "label": "Save Draft",
1326
+ "action": "CREATE",
1327
+ "variant": "ghost"
1292
1328
  },
1293
1329
  {
1294
- "action": "SEND",
1330
+ "type": "button",
1331
+ "label": "Send Reply",
1295
1332
  "icon": "send",
1296
1333
  "variant": "primary",
1297
- "type": "button",
1298
- "label": "Send Reply"
1334
+ "action": "SEND"
1299
1335
  }
1300
- ]
1336
+ ],
1337
+ "gap": "sm"
1301
1338
  }
1302
1339
  ]
1303
1340
  }
@@ -1313,6 +1350,8 @@
1313
1350
  "name": "TicketReplyCreate",
1314
1351
  "linkedEntity": "TicketReply",
1315
1352
  "config": {
1353
+ "mode": "create",
1354
+ "title": "New Reply",
1316
1355
  "fields": [
1317
1356
  "ticketId",
1318
1357
  "body",
@@ -1320,9 +1359,7 @@
1320
1359
  "customerEmail",
1321
1360
  "subject"
1322
1361
  ],
1323
- "icon": "message-circle",
1324
- "title": "New Reply",
1325
- "mode": "create"
1362
+ "icon": "message-circle"
1326
1363
  },
1327
1364
  "events": {
1328
1365
  "OPEN": "CREATE"
@@ -1350,11 +1387,11 @@
1350
1387
  "ref": "Email.traits.ServiceEmailEmail",
1351
1388
  "name": "TicketReplyEmail",
1352
1389
  "config": {
1353
- "subject": "Re: your ticket",
1354
1390
  "recipient": "",
1391
+ "uiTrait": "@trait.TicketReplyComposerForm",
1355
1392
  "body": "",
1356
- "sender": "support@example.com",
1357
- "uiTrait": "@trait.TicketReplyComposerForm"
1393
+ "subject": "Re: your ticket",
1394
+ "sender": "support@example.com"
1358
1395
  },
1359
1396
  "listens": [
1360
1397
  {
@@ -1455,6 +1492,9 @@
1455
1492
  "name": "Replies",
1456
1493
  "path": "/replies",
1457
1494
  "traits": [
1495
+ {
1496
+ "ref": "TicketReplyAppLayout"
1497
+ },
1458
1498
  {
1459
1499
  "ref": "TicketReplyBrowse"
1460
1500
  },
@@ -1477,6 +1517,10 @@
1477
1517
  {
1478
1518
  "name": "SupportMetricsOrbital",
1479
1519
  "uses": [
1520
+ {
1521
+ "from": "std/behaviors/std-app-layout",
1522
+ "as": "AppShell"
1523
+ },
1480
1524
  {
1481
1525
  "from": "std/behaviors/std-browse",
1482
1526
  "as": "Browse"
@@ -1530,34 +1574,67 @@
1530
1574
  ]
1531
1575
  },
1532
1576
  "traits": [
1577
+ {
1578
+ "ref": "AppShell.traits.AppLayout",
1579
+ "name": "SupportMetricsAppLayout",
1580
+ "linkedEntity": "SupportMetric",
1581
+ "config": {
1582
+ "searchEvent": "SUPPORT_METRICS_SEARCH",
1583
+ "notifications": [],
1584
+ "notificationClickEvent": "SUPPORT_METRICS_NOTIFICATIONS_OPEN",
1585
+ "appName": "Helpdesk",
1586
+ "contentTrait": "@trait.SupportMetricsDisplay",
1587
+ "navItems": [
1588
+ {
1589
+ "icon": "inbox",
1590
+ "label": "Tickets",
1591
+ "href": "/tickets"
1592
+ },
1593
+ {
1594
+ "href": "/replies",
1595
+ "icon": "message-circle",
1596
+ "label": "Replies"
1597
+ },
1598
+ {
1599
+ "href": "/metrics",
1600
+ "icon": "layout-list",
1601
+ "label": "Metrics"
1602
+ }
1603
+ ]
1604
+ },
1605
+ "events": {
1606
+ "SEARCH": "SUPPORT_METRICS_SEARCH",
1607
+ "NOTIFY_CLICK": "SUPPORT_METRICS_NOTIFICATIONS_OPEN"
1608
+ }
1609
+ },
1533
1610
  {
1534
1611
  "ref": "Browse.traits.BrowseItemBrowse",
1535
1612
  "name": "SupportMetricsBrowse",
1536
1613
  "linkedEntity": "SupportMetric",
1537
1614
  "config": {
1615
+ "pageSize": 100.0,
1538
1616
  "fields": [
1539
1617
  {
1540
- "name": "name",
1541
1618
  "variant": "h4",
1542
- "label": "Name"
1619
+ "label": "Name",
1620
+ "name": "name"
1543
1621
  },
1544
1622
  {
1545
- "label": "Category",
1623
+ "variant": "caption",
1546
1624
  "name": "category",
1547
- "variant": "caption"
1625
+ "label": "Category"
1548
1626
  },
1549
1627
  {
1550
- "name": "status",
1551
1628
  "label": "Status",
1552
- "variant": "badge"
1629
+ "variant": "badge",
1630
+ "name": "status"
1553
1631
  },
1554
1632
  {
1555
- "label": "Priority",
1556
1633
  "name": "priority",
1634
+ "label": "Priority",
1557
1635
  "variant": "badge"
1558
1636
  }
1559
1637
  ],
1560
- "pageSize": 100.0,
1561
1638
  "displayPageSize": 5.0
1562
1639
  }
1563
1640
  },
@@ -1587,25 +1664,25 @@
1587
1664
  "render-ui",
1588
1665
  "main",
1589
1666
  {
1590
- "gap": "lg",
1591
- "direction": "vertical",
1592
1667
  "className": "max-w-6xl mx-auto w-full p-4",
1668
+ "direction": "vertical",
1669
+ "gap": "lg",
1593
1670
  "type": "stack",
1594
1671
  "children": [
1595
1672
  {
1596
- "align": "center",
1597
- "type": "stack",
1598
1673
  "gap": "sm",
1599
1674
  "direction": "horizontal",
1675
+ "type": "stack",
1676
+ "align": "center",
1600
1677
  "children": [
1601
1678
  {
1602
- "type": "icon",
1603
- "name": "activity"
1679
+ "name": "activity",
1680
+ "type": "icon"
1604
1681
  },
1605
1682
  {
1606
- "content": "Support Metrics",
1607
1683
  "type": "typography",
1608
- "variant": "h2"
1684
+ "variant": "h2",
1685
+ "content": "Support Metrics"
1609
1686
  }
1610
1687
  ]
1611
1688
  },
@@ -1613,9 +1690,9 @@
1613
1690
  "type": "divider"
1614
1691
  },
1615
1692
  {
1693
+ "type": "typography",
1616
1694
  "variant": "h3",
1617
- "content": "Recent",
1618
- "type": "typography"
1695
+ "content": "Recent"
1619
1696
  },
1620
1697
  "@trait.SupportMetricsBrowse"
1621
1698
  ]
@@ -1633,6 +1710,9 @@
1633
1710
  "name": "Metrics",
1634
1711
  "path": "/metrics",
1635
1712
  "traits": [
1713
+ {
1714
+ "ref": "SupportMetricsAppLayout"
1715
+ },
1636
1716
  {
1637
1717
  "ref": "SupportMetricsDisplay"
1638
1718
  },