@ketvietlab/ketsuite 0.1.19 → 0.1.22

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/dist/cli.js +1 -1
  2. package/dist/modules/backend/design/client/backend-shell.d.mts.map +1 -1
  3. package/dist/modules/backend/design/client/backend-shell.mjs +1 -1
  4. package/dist/modules/backend/design/client/backend-shell.mjs.map +2 -2
  5. package/dist/modules/backend/design/content.css +9 -9
  6. package/dist/modules/backend/design/controls.css +5 -5
  7. package/dist/modules/backend/design/forms.css +5 -5
  8. package/dist/modules/backend/design/foundation.css +10 -46
  9. package/dist/modules/backend/design/lists.css +32 -33
  10. package/dist/modules/backend/design/record.css +2 -1
  11. package/dist/modules/backend/design/responsive.css +7 -8
  12. package/dist/modules/backend/design/user-workflow.css +2 -2
  13. package/dist/modules/backend/index.js +1 -1
  14. package/dist/modules/backend/index.js.map +1 -1
  15. package/dist/modules/backend/screen.d.ts +1 -1
  16. package/dist/modules/backend/screen.js +1 -1
  17. package/dist/modules/crm_backend/routes.d.ts.map +1 -1
  18. package/dist/modules/crm_backend/routes.js +39 -10
  19. package/dist/modules/crm_backend/routes.js.map +1 -1
  20. package/dist/scaffold/index.js +1 -1
  21. package/dist/ui/client/activity.css +6 -6
  22. package/dist/ui/client/calendar.css +6 -6
  23. package/dist/ui/client/flow-app.css +1 -1
  24. package/dist/ui/client/mail.css +6 -6
  25. package/dist/ui/client/table-selection-view.js +1 -1
  26. package/dist/ui/client/table-selection-view.js.map +1 -1
  27. package/dist/ui/layout.d.ts +1 -1
  28. package/dist/ui/layout.d.ts.map +1 -1
  29. package/dist/ui/layout.js +12 -5
  30. package/dist/ui/layout.js.map +1 -1
  31. package/dist/ui/nav.d.ts +8 -1
  32. package/dist/ui/nav.d.ts.map +1 -1
  33. package/dist/ui/nav.js +8 -5
  34. package/dist/ui/nav.js.map +1 -1
  35. package/package.json +4 -4
@@ -289,7 +289,7 @@
289
289
  padding-inline: var(--admin-gap);
290
290
  border-block-end: 2px solid transparent;
291
291
  color: var(--admin-ink-secondary);
292
- font-size: 0.8125rem;
292
+ font-size: 0.875rem;
293
293
  font-weight: 600;
294
294
  text-decoration: none;
295
295
  }
@@ -347,7 +347,7 @@
347
347
  [data-ui="doc-title"] {
348
348
  flex: 0 0 auto;
349
349
  color: var(--admin-ink);
350
- font-size: 0.8125rem;
350
+ font-size: 0.875rem;
351
351
  font-weight: 600;
352
352
  }
353
353
  [data-ui="doc-summary"] {
@@ -394,7 +394,7 @@
394
394
  [data-ui="record-title"] {
395
395
  overflow: hidden;
396
396
  color: var(--admin-ink);
397
- font-size: 0.8125rem;
397
+ font-size: 0.875rem;
398
398
  font-weight: 600;
399
399
  text-overflow: ellipsis;
400
400
  white-space: nowrap;
@@ -409,7 +409,7 @@
409
409
  [data-ui="record-value"] {
410
410
  flex: 0 0 auto;
411
411
  color: var(--admin-ink);
412
- font-size: 0.8125rem;
412
+ font-size: 0.875rem;
413
413
  font-weight: 600;
414
414
  font-variant-numeric: tabular-nums;
415
415
  }
@@ -459,13 +459,13 @@
459
459
  margin: 0;
460
460
  }
461
461
  [data-ui="notice-title"] {
462
- font-size: 0.8125rem;
462
+ font-size: 0.875rem;
463
463
  font-weight: 700;
464
464
  }
465
465
  [data-ui="notice-message"] {
466
466
  margin-block-start: 0.125rem;
467
467
  color: var(--admin-ink-secondary);
468
- font-size: 0.8125rem;
468
+ font-size: 0.875rem;
469
469
  }
470
470
  [data-ui="notice"][data-tone="positive"] [data-ui="notice-message"],
471
471
  [data-ui="notice"][data-tone="warning"] [data-ui="notice-message"],
@@ -487,7 +487,7 @@
487
487
  }
488
488
  [data-ui="loading-label"] {
489
489
  color: var(--admin-ink-secondary);
490
- font-size: 0.8125rem;
490
+ font-size: 0.875rem;
491
491
  font-weight: 600;
492
492
  }
493
493
  /* A line that says work is still going on. It reads as status rather than as
@@ -499,7 +499,7 @@
499
499
  gap: var(--admin-gap-xs);
500
500
  margin: 0;
501
501
  color: var(--admin-ink-secondary);
502
- font-size: 0.8125rem;
502
+ font-size: 0.875rem;
503
503
  font-weight: 600;
504
504
  }
505
505
  [data-ui="live-region"]::before {
@@ -530,7 +530,7 @@
530
530
  [data-ui="table-caption"] {
531
531
  padding: var(--admin-gap);
532
532
  color: var(--admin-ink);
533
- font-size: 0.8125rem;
533
+ font-size: 0.875rem;
534
534
  font-weight: 700;
535
535
  text-align: start;
536
536
  }
@@ -79,7 +79,7 @@
79
79
  border-radius: var(--admin-radius-sm);
80
80
  background: var(--admin-surface);
81
81
  color: var(--admin-ink-secondary);
82
- font-size: 0.8125rem;
82
+ font-size: 0.875rem;
83
83
  font-weight: 600;
84
84
  line-height: 1;
85
85
  text-decoration: none;
@@ -95,13 +95,13 @@
95
95
  min-block-size: var(--admin-control-height);
96
96
  padding-inline: 0.5rem;
97
97
  border-radius: var(--admin-radius-sm);
98
- font-size: 0.8125rem;
98
+ font-size: 0.875rem;
99
99
  }
100
100
 
101
101
  :where([data-ui="action"], [data-control="action"])[data-size="prominent"] {
102
102
  min-block-size: var(--admin-control-height);
103
103
  padding-inline: var(--admin-gap);
104
- font-size: 0.8125rem;
104
+ font-size: 0.875rem;
105
105
  }
106
106
 
107
107
  :where([data-ui="action"], [data-control="action"])[data-variant="primary"] {
@@ -305,7 +305,7 @@
305
305
  font-size: var(--admin-size-xs);
306
306
  }
307
307
  [data-ui="schedule-event-detail"] {
308
- font-size: 0.6875rem;
308
+ font-size: 0.75rem;
309
309
  opacity: 0.82;
310
310
  }
311
311
 
@@ -338,7 +338,7 @@
338
338
  border-radius: 9999px;
339
339
  background: var(--admin-accent-soft);
340
340
  color: var(--admin-accent-text);
341
- font-size: 0.625rem;
341
+ font-size: 0.6875rem;
342
342
  font-weight: 700;
343
343
  font-variant-numeric: tabular-nums;
344
344
  }
@@ -97,7 +97,7 @@
97
97
  min-inline-size: 0;
98
98
  overflow-wrap: anywhere;
99
99
  color: var(--admin-accent-text);
100
- font-size: 0.8125rem;
100
+ font-size: 0.875rem;
101
101
  font-weight: 600;
102
102
  text-decoration: none;
103
103
  }
@@ -164,7 +164,7 @@
164
164
  /* The same type metrics as [data-ui="form-control"]. Without them the button
165
165
  inherits the body's larger line box and stands 2px taller than every other
166
166
  control on the row. */
167
- font-size: 0.8125rem;
167
+ font-size: 0.875rem;
168
168
  line-height: 1.3;
169
169
  text-align: start;
170
170
  cursor: pointer;
@@ -566,7 +566,7 @@
566
566
  background: var(--admin-surface);
567
567
  color: var(--admin-ink-secondary);
568
568
  cursor: pointer;
569
- font-size: 0.8125rem;
569
+ font-size: 0.875rem;
570
570
  font-weight: 600;
571
571
  line-height: 1;
572
572
  }
@@ -669,7 +669,7 @@
669
669
  color: var(--admin-ink);
670
670
  background: var(--admin-control-bg);
671
671
  font: inherit;
672
- font-size: 0.8125rem;
672
+ font-size: 0.875rem;
673
673
  line-height: 1.3;
674
674
  transition:
675
675
  border-color var(--admin-motion-fast),
@@ -845,7 +845,7 @@
845
845
  color: var(--admin-ink);
846
846
  background: var(--admin-surface);
847
847
  font: inherit;
848
- font-size: 0.8125rem;
848
+ font-size: 0.875rem;
849
849
  line-height: 1.3;
850
850
  color-scheme: light dark;
851
851
  transition:
@@ -64,58 +64,22 @@
64
64
  scrollbar-width: thin;
65
65
  }
66
66
 
67
- /* ── Application shell ─────────────────────────────────────────────────── */
67
+ /* ── Application shell ─────────────────────────────────────────────────────
68
+ The grid, the sticky 100dvh sidebar and the main region come from the
69
+ design-system `AppShell`. The admin keeps one column that carries the brand,
70
+ a menu search, the apps, the open app's menu and the systray at the foot; the
71
+ navigation takes the overflow inside so the document stays the scroller. */
68
72
 
69
- [data-ui="shell"] {
70
- display: grid;
71
- grid-template-columns: var(--admin-sidebar-width) minmax(0, 1fr);
72
- min-inline-size: 0;
73
- background: var(--admin-bg);
74
- }
75
-
76
- body > [data-ui="shell"] {
77
- min-block-size: 100dvh;
78
- }
79
-
80
- /* ── Sidebar ───────────────────────────────────────────────────────────────
81
- The shell uses a 228px quiet tinted ground and one column that
82
- carries the brand, a menu search, the apps, the open app's menu, and the
83
- systray at the foot. There is no application bar across the top — the row
84
- above the content is the control panel, and it belongs to the view. */
85
-
86
- /* The sidebar is as tall as the window, not as tall as the page.
87
- As a plain grid item it stretched to the shell's row, which is the content's
88
- height — so on a list of forty rows the systray, the message and activity
89
- counts and the settings link sat eight hundred pixels below the fold, and you
90
- scrolled the whole page to reach them. Sticky at 100dvh keeps the document the
91
- scroller, so the browser's own scrollbar and the navigation runtime's scroll
92
- restoration go on working; `navigation-groups` takes the overflow inside. */
93
- [data-ui="sidebar"] {
73
+ [data-ui="app-sidebar"] {
94
74
  z-index: 20;
95
75
  display: flex;
96
- position: sticky;
97
- inset-block-start: 0;
98
- min-inline-size: 0;
99
- align-self: start;
100
- block-size: 100dvh;
101
76
  flex-direction: column;
102
77
  overflow: hidden;
103
78
  padding: 0;
104
- background: var(--admin-sidebar-bg);
105
- border-inline-end: 1px solid var(--admin-divider-subtle);
106
79
  white-space: nowrap;
107
80
  }
108
81
 
109
- [data-ui="sidebar-main"] {
110
- display: flex;
111
- min-block-size: 0;
112
- min-inline-size: 0;
113
- flex: 1 1 auto;
114
- flex-direction: column;
115
- overflow: hidden;
116
- }
117
-
118
- [data-ui="sidebar-main"] > [data-ui="app-navigation"] {
82
+ [data-ui="app-sidebar"] > [data-ui="app-navigation"] {
119
83
  flex: 1 1 auto;
120
84
  min-block-size: 0;
121
85
  }
@@ -157,7 +121,7 @@
157
121
  background: var(--admin-control-bg);
158
122
  color: var(--admin-ink);
159
123
  font: inherit;
160
- font-size: 0.8125rem;
124
+ font-size: 0.875rem;
161
125
  line-height: 1.3;
162
126
  outline: none;
163
127
  transition:
@@ -177,7 +141,7 @@
177
141
  [data-ui="sidebar-empty"] {
178
142
  margin: 0.5rem;
179
143
  color: var(--admin-ink-muted);
180
- font-size: 0.75rem;
144
+ font-size: 0.8125rem;
181
145
  white-space: normal;
182
146
  }
183
147
 
@@ -188,7 +152,7 @@
188
152
  place-items: center;
189
153
  border-radius: var(--admin-radius-xs);
190
154
  background: var(--admin-surface-hover);
191
- font-size: 0.625rem;
155
+ font-size: 0.6875rem;
192
156
  font-weight: 700;
193
157
  }
194
158
 
@@ -115,7 +115,7 @@
115
115
  border-radius: var(--admin-radius-sm);
116
116
  background: var(--admin-accent);
117
117
  color: var(--admin-accent-ink);
118
- font-size: 0.8125rem;
118
+ font-size: 0.875rem;
119
119
  font-weight: 600;
120
120
  text-decoration: none;
121
121
  }
@@ -129,7 +129,7 @@
129
129
  display: none;
130
130
  }
131
131
 
132
- [data-ui="shell"]:has([data-ui="row-select"]:checked) [data-ui="bulk-actions"] {
132
+ [data-ui="app-shell"]:has([data-ui="row-select"]:checked) [data-ui="bulk-actions"] {
133
133
  display: block;
134
134
  }
135
135
 
@@ -142,7 +142,7 @@
142
142
  border-radius: var(--admin-radius-sm);
143
143
  background: var(--admin-surface);
144
144
  color: var(--admin-ink);
145
- font-size: 1rem;
145
+ font-size: 1.0625rem;
146
146
  font-weight: 700;
147
147
  line-height: 1;
148
148
  cursor: pointer;
@@ -244,7 +244,7 @@
244
244
  border-radius: 999px;
245
245
  background: var(--admin-accent);
246
246
  color: var(--admin-accent-ink);
247
- font-size: 0.6875rem;
247
+ font-size: 0.75rem;
248
248
  line-height: 1rem;
249
249
  text-align: center;
250
250
  }
@@ -262,7 +262,7 @@
262
262
  background: none;
263
263
  color: var(--admin-ink);
264
264
  font: inherit;
265
- font-size: 0.8125rem;
265
+ font-size: 0.875rem;
266
266
  outline: none;
267
267
  }
268
268
 
@@ -281,7 +281,7 @@
281
281
  border-radius: var(--admin-radius-sm);
282
282
  background: var(--admin-accent-soft);
283
283
  color: var(--admin-accent-text);
284
- font-size: 0.75rem;
284
+ font-size: 0.8125rem;
285
285
  font-weight: 600;
286
286
  }
287
287
 
@@ -339,7 +339,7 @@
339
339
  border-radius: var(--admin-radius-sm);
340
340
  color: var(--admin-ink-secondary);
341
341
  cursor: pointer;
342
- font-size: 0.75rem;
342
+ font-size: 0.8125rem;
343
343
  font-weight: 600;
344
344
  list-style: none;
345
345
  }
@@ -403,7 +403,7 @@
403
403
  padding: 0.375rem 0.5rem;
404
404
  border-radius: var(--admin-radius-sm);
405
405
  color: var(--admin-ink);
406
- font-size: 0.8125rem;
406
+ font-size: 0.875rem;
407
407
  text-decoration: none;
408
408
  }
409
409
 
@@ -416,7 +416,7 @@
416
416
  display: grid;
417
417
  block-size: auto;
418
418
  color: var(--admin-ink-secondary);
419
- font-size: 0.75rem;
419
+ font-size: 0.8125rem;
420
420
  font-weight: 700;
421
421
  }
422
422
 
@@ -451,7 +451,7 @@
451
451
  align-items: center;
452
452
  gap: var(--admin-gap-xs);
453
453
  color: var(--admin-ink-secondary);
454
- font-size: 0.75rem;
454
+ font-size: 0.8125rem;
455
455
  font-variant-numeric: tabular-nums;
456
456
  }
457
457
 
@@ -463,7 +463,7 @@
463
463
  border: 1px solid var(--admin-line-strong);
464
464
  border-radius: var(--admin-radius-sm);
465
465
  color: var(--admin-ink);
466
- font-size: 0.875rem;
466
+ font-size: 0.9375rem;
467
467
  line-height: 1;
468
468
  text-decoration: none;
469
469
  }
@@ -493,7 +493,7 @@
493
493
  [data-ui="group-pager"] > td > span:first-child {
494
494
  display: inline;
495
495
  margin-inline-end: var(--admin-gap-xs);
496
- font-size: 0.75rem;
496
+ font-size: 0.8125rem;
497
497
  }
498
498
 
499
499
  [data-ui="view-switch"] {
@@ -509,7 +509,7 @@
509
509
  block-size: var(--admin-control-height);
510
510
  place-items: center;
511
511
  color: var(--admin-ink-secondary);
512
- font-size: 0.8125rem;
512
+ font-size: 0.875rem;
513
513
  line-height: 1;
514
514
  text-decoration: none;
515
515
  }
@@ -700,7 +700,7 @@
700
700
  background: var(--admin-success-icon, var(--admin-accent, currentColor));
701
701
  }
702
702
 
703
- [data-ui="main"] {
703
+ [data-ui="app-main"] {
704
704
  min-inline-size: 0;
705
705
  }
706
706
 
@@ -724,7 +724,7 @@
724
724
  display: contents;
725
725
  }
726
726
 
727
- body > [data-ui="shell"] [data-ui="topbar"] {
727
+ [data-ui="app-main"] [data-ui="topbar"] {
728
728
  position: sticky;
729
729
  inset-block-start: 0;
730
730
  }
@@ -778,14 +778,14 @@
778
778
  padding: 0;
779
779
  }
780
780
 
781
- [data-ui="main"]:has(
781
+ [data-ui="app-main"]:has(
782
782
  > [data-ket-slot="backend.topbar"] > [data-ui="topbar"] [data-ui="list-chrome"][data-layout="catalogue"]
783
783
  )
784
784
  > [data-ui="content"] {
785
785
  padding: 0 var(--admin-gap-lg) var(--admin-gap-lg);
786
786
  }
787
787
 
788
- [data-ui="main"]:has(
788
+ [data-ui="app-main"]:has(
789
789
  > [data-ket-slot="backend.topbar"] > [data-ui="topbar"] [data-ui="list-chrome"][data-layout="catalogue"]
790
790
  )
791
791
  [data-ui="table-scroll"][data-gutter="compact"] {
@@ -870,7 +870,7 @@
870
870
  white-space: nowrap;
871
871
  }
872
872
 
873
- [data-ui="main"]:has(
873
+ [data-ui="app-main"]:has(
874
874
  > [data-ket-slot="backend.topbar"] > [data-ui="topbar"] [data-ui="list-chrome"][data-layout="catalogue"]
875
875
  )
876
876
  [data-ui="table"]
@@ -879,14 +879,14 @@
879
879
  background: var(--admin-table-header);
880
880
  }
881
881
 
882
- [data-ui="main"]:has(
882
+ [data-ui="app-main"]:has(
883
883
  > [data-ket-slot="backend.topbar"] > [data-ui="topbar"] [data-ui="list-chrome"][data-layout="catalogue"]
884
884
  )
885
885
  [data-ui="row"] {
886
886
  block-size: var(--table-row-height);
887
887
  }
888
888
 
889
- [data-ui="main"]:has(
889
+ [data-ui="app-main"]:has(
890
890
  > [data-ket-slot="backend.topbar"] > [data-ui="topbar"] [data-ui="list-chrome"][data-layout="catalogue"]
891
891
  )
892
892
  [data-ui="row"]
@@ -911,7 +911,7 @@
911
911
  gap: 0.5rem;
912
912
  padding-inline: var(--admin-gap);
913
913
  color: var(--admin-ink);
914
- font-size: 0.8125rem;
914
+ font-size: 0.875rem;
915
915
  font-weight: 650;
916
916
  text-decoration: none;
917
917
  }
@@ -933,7 +933,7 @@
933
933
  border-radius: 999px;
934
934
  background: var(--admin-surface-hover);
935
935
  color: var(--admin-ink-secondary);
936
- font-size: 0.75rem;
936
+ font-size: 0.8125rem;
937
937
  font-variant-numeric: tabular-nums;
938
938
  text-align: center;
939
939
  }
@@ -946,7 +946,7 @@
946
946
  padding: 0.375rem var(--admin-gap);
947
947
  border-block-end: 1px solid var(--admin-table-line);
948
948
  color: var(--admin-ink-secondary);
949
- font-size: 0.8125rem;
949
+ font-size: 0.875rem;
950
950
  line-height: 1.35;
951
951
  text-align: start;
952
952
  vertical-align: middle;
@@ -964,10 +964,9 @@
964
964
  text-align: center;
965
965
  }
966
966
 
967
+ /* The size comes from the design-system data table. */
967
968
  [data-ui="select-all"],
968
969
  [data-ui="row-select"] {
969
- inline-size: 0.875rem;
970
- block-size: 0.875rem;
971
970
  margin: 0;
972
971
  accent-color: var(--admin-accent);
973
972
  cursor: pointer;
@@ -1020,7 +1019,7 @@
1020
1019
  border-radius: var(--admin-radius-sm);
1021
1020
  color: var(--admin-ink-secondary);
1022
1021
  cursor: pointer;
1023
- font-size: 0.75rem;
1022
+ font-size: 0.8125rem;
1024
1023
  line-height: 1;
1025
1024
  list-style: none;
1026
1025
  }
@@ -1052,7 +1051,7 @@
1052
1051
  padding-inline: 0.375rem;
1053
1052
  border-radius: var(--admin-radius-sm);
1054
1053
  color: var(--admin-ink-secondary);
1055
- font-size: 0.8125rem;
1054
+ font-size: 0.875rem;
1056
1055
  text-decoration: none;
1057
1056
  text-transform: none;
1058
1057
  letter-spacing: normal;
@@ -1154,7 +1153,7 @@
1154
1153
  border-radius: 50%;
1155
1154
  background: var(--admin-accent-soft);
1156
1155
  color: var(--admin-accent-text);
1157
- font-size: 0.625rem;
1156
+ font-size: 0.6875rem;
1158
1157
  font-weight: 700;
1159
1158
  letter-spacing: 0.02em;
1160
1159
  line-height: 1;
@@ -1281,7 +1280,7 @@
1281
1280
 
1282
1281
  [data-ui="empty-hint"] {
1283
1282
  color: var(--admin-ink-secondary);
1284
- font-size: 0.8125rem;
1283
+ font-size: 0.875rem;
1285
1284
  }
1286
1285
 
1287
1286
  [data-ui="error"] {
@@ -1306,7 +1305,7 @@
1306
1305
  }
1307
1306
 
1308
1307
  [data-ui="error-message"] {
1309
- font-size: 0.8125rem;
1308
+ font-size: 0.875rem;
1310
1309
  font-weight: 600;
1311
1310
  }
1312
1311
 
@@ -1315,7 +1314,7 @@
1315
1314
  padding-block-start: var(--admin-gap-sm);
1316
1315
  border-block-start: 1px solid var(--admin-danger-line);
1317
1316
  color: var(--admin-status-fixed-ink-secondary);
1318
- font-size: 0.8125rem;
1317
+ font-size: 0.875rem;
1319
1318
  }
1320
1319
 
1321
1320
  /* ── Design catalogue ─────────────────────────────────────────────────── */
@@ -1379,7 +1378,7 @@
1379
1378
 
1380
1379
  [data-ui="catalogue-head"] p {
1381
1380
  color: var(--admin-ink-secondary);
1382
- font-size: 0.8125rem;
1381
+ font-size: 0.875rem;
1383
1382
  }
1384
1383
 
1385
1384
  [data-ui="catalogue-frame"] {
@@ -1392,7 +1391,7 @@
1392
1391
  box-shadow: var(--admin-shadow-card);
1393
1392
  }
1394
1393
 
1395
- [data-ui="catalogue-frame"] > [data-ui="shell"] {
1394
+ [data-ui="catalogue-frame"] [data-ui="app-shell"] {
1396
1395
  min-inline-size: 50rem;
1397
1396
  min-block-size: 26rem;
1398
1397
  }
@@ -292,7 +292,8 @@
292
292
  border-inline-start: 1px solid var(--admin-divider-subtle);
293
293
  background: var(--admin-rail-bg);
294
294
  }
295
- [data-ui="main"]:has(> [data-ket-slot="backend.topbar"] > [data-ui="topbar"] > *) [data-ui="record-aside"] {
295
+ [data-ui="app-main"]:has(> [data-ket-slot="backend.topbar"] > [data-ui="topbar"] > *)
296
+ [data-ui="record-aside"] {
296
297
  max-block-size: calc(100dvh - var(--admin-topbar-height) - 2 * var(--admin-gap));
297
298
  }
298
299
  [data-ui="record-aside"] :is([data-ui="chatter"], [data-ui="activity-record"]) {
@@ -133,12 +133,11 @@
133
133
  --admin-topbar-height: calc(3.25rem + 10px);
134
134
  }
135
135
 
136
- [data-ui="shell"] {
136
+ [data-ui="app-shell"] {
137
137
  display: block;
138
138
  }
139
139
 
140
- [data-ui="sidebar"],
141
- body > [data-ui="shell"] > [data-ui="sidebar"] {
140
+ [data-ui="app-sidebar"] {
142
141
  position: sticky;
143
142
  inset-block-start: 0;
144
143
  z-index: 30;
@@ -153,7 +152,7 @@
153
152
  border-block-end: 1px solid var(--admin-divider-subtle);
154
153
  }
155
154
 
156
- [data-ui="sidebar-main"] {
155
+ [data-ui="app-sidebar"] > [data-ui="app-navigation"] {
157
156
  inline-size: 100%;
158
157
  overflow: visible;
159
158
  }
@@ -191,7 +190,7 @@
191
190
  box-shadow: inset 0 -2px 0 var(--admin-accent);
192
191
  }
193
192
 
194
- body > [data-ui="shell"] [data-ui="topbar"] {
193
+ [data-ui="app-main"] [data-ui="topbar"] {
195
194
  position: static;
196
195
  flex-wrap: wrap;
197
196
  min-block-size: var(--admin-topbar-height);
@@ -211,7 +210,7 @@
211
210
  flex: 1 0 100%;
212
211
  }
213
212
 
214
- [data-ui="main"]:has(
213
+ [data-ui="app-main"]:has(
215
214
  > [data-ket-slot="backend.topbar"]
216
215
  > [data-ui="topbar"]
217
216
  [data-ui="list-chrome"][data-layout="catalogue"]
@@ -301,12 +300,12 @@
301
300
  }
302
301
 
303
302
  @media print {
304
- [data-ui="sidebar"],
303
+ [data-ui="app-sidebar"],
305
304
  [data-ui="catalogue-nav"] {
306
305
  display: none;
307
306
  }
308
307
 
309
- [data-ui="shell"] {
308
+ [data-ui="app-shell"] {
310
309
  display: block;
311
310
  }
312
311
 
@@ -43,7 +43,7 @@
43
43
  display: block;
44
44
  }
45
45
  .user-steps small {
46
- font-size: 11px;
46
+ font-size: 12px;
47
47
  color: var(--kv-text-muted);
48
48
  }
49
49
  .user-steps .current {
@@ -68,7 +68,7 @@
68
68
  max-inline-size: calc(50% - var(--admin-gap-lg) / 2 - 9rem - var(--admin-gap));
69
69
  margin-inline-start: calc(9rem + var(--admin-gap));
70
70
  min-height: 24px;
71
- font-size: 13px;
71
+ font-size: 14px;
72
72
  }
73
73
  .user-role-search {
74
74
  display: block;
@@ -49,7 +49,7 @@ export default defineModule({
49
49
  'backend.shell': {
50
50
  client: 'client/backend-shell.mjs',
51
51
  export: 'backendShell',
52
- when: '[data-ui="shell"][data-kv-design-system]',
52
+ when: '[data-kv-design-system] [data-ui="app-shell"]',
53
53
  },
54
54
  },
55
55
  fills: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/backend/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,EAAE;AACF,8EAA8E;AAC9E,kFAAkF;AAClF,sFAAsF;AACtF,8EAA8E;AAC9E,wFAAwF;AACxF,EAAE;AACF,kFAAkF;AAClF,iCAAiC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE7E,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,sCAAsC,CAAC,CAAC,CAAA;AAE/F,eAAe,YAAY,CAAC;IAC1B,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,sCAAsC;IAC/C,QAAQ,EAAE,UAAU;IACpB,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC;IAC7C,MAAM,EAAE;QACN,kBAAkB;QAClB,YAAY;QACZ,gBAAgB;QAChB,WAAW;QACX,gBAAgB;QAChB,UAAU;QACV,cAAc;QACd,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,aAAa;QACb,YAAY;KACb;IACD,MAAM;IACN,MAAM,EAAE,iBAAiB;IACzB,SAAS,EAAE,oBAAoB;IAC/B,KAAK;IACL,MAAM;IACN,OAAO;IACP,SAAS,EAAE;QACT,eAAe,EAAE;YACf,MAAM,EAAE,0BAA0B;YAClC,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,0CAA0C;SACjD;KACF;IACD,KAAK,EAAE;QACL,yBAAyB,EAAE,wCAAwC;QACnE,sBAAsB,EAAE,8BAA8B;KACvD;IACD,QAAQ;CACT,CAAC,CAAA;AAEF,0DAA0D;AAC1D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAe,CAAA;AAExD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC;;;;GAIG;AACH,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,QAAQ,GACT,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAQtE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAG5D;;;;;;;GAOG;AACH,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,UAAU,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,IAAI,EACJ,UAAU,EACV,eAAe,EACf,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/backend/index.ts"],"names":[],"mappings":"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"}
@@ -26,7 +26,7 @@ export type FrameOptions = {
26
26
  * The shell's half of a screen.
27
27
  *
28
28
  * `sidebar.foot` is skipped for a navigation fragment on purpose: the foot sits
29
- * outside `[data-ui="sidebar-main"]`, so it is not one of the slots the client
29
+ * outside the `backend.sidebar-main` navigation slot, so it is not one of the slots the client
30
30
  * replaces, and rendering its islands would build markup the browser discards.
31
31
  */
32
32
  export declare const frameOf: (ctx: ServeContext, url: URL, req: Req, options?: FrameOptions) => Promise<Frame>;
@@ -51,7 +51,7 @@ export const timezoneOf = async (ctx, url, req) => (await viewerOf(ctx, url, req
51
51
  * The shell's half of a screen.
52
52
  *
53
53
  * `sidebar.foot` is skipped for a navigation fragment on purpose: the foot sits
54
- * outside `[data-ui="sidebar-main"]`, so it is not one of the slots the client
54
+ * outside the `backend.sidebar-main` navigation slot, so it is not one of the slots the client
55
55
  * replaces, and rendering its islands would build markup the browser discards.
56
56
  */
57
57
  export const frameOf = async (ctx, url, req, options = {}) => {
@@ -1 +1 @@
1
- {"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/crm_backend/routes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,UAAU,EAAgB,MAAM,mBAAmB,CAAA;AA0nBnF,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAu3B7C,CAAA"}
1
+ {"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/crm_backend/routes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,UAAU,EAAgB,MAAM,mBAAmB,CAAA;AAgqBnF,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAu3B7C,CAAA"}