@puckeditor/plugin-ai 0.1.0-canary.ffa73f47 → 0.1.1-canary.a2fafdb0

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.
package/dist/index.css CHANGED
@@ -1,3 +1,68 @@
1
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
2
+ ._Chat_1mv7h_1 {
3
+ background: white;
4
+ height: 100%;
5
+ display: flex;
6
+ flex-direction: column;
7
+ }
8
+ ._Chat-header_1mv7h_8 {
9
+ display: block;
10
+ padding: 8px 16px;
11
+ font-weight: 600;
12
+ border-bottom: 1px solid var(--puck-color-grey-09);
13
+ }
14
+ @media (min-width: 638px) {
15
+ ._Chat-header_1mv7h_8 {
16
+ display: block;
17
+ padding: 16px;
18
+ }
19
+ }
20
+ ._Chat-placeholder_1mv7h_22 {
21
+ align-items: center;
22
+ color: var(--puck-color-grey-06);
23
+ display: none;
24
+ justify-content: center;
25
+ flex-direction: column;
26
+ height: 100%;
27
+ text-align: center;
28
+ padding: 32px;
29
+ gap: 8px;
30
+ }
31
+ @media (min-width: 638px) {
32
+ ._Chat-placeholder_1mv7h_22 {
33
+ display: flex;
34
+ }
35
+ }
36
+ ._Chat-actions_1mv7h_40 {
37
+ display: flex;
38
+ gap: 8px;
39
+ justify-content: center;
40
+ flex-wrap: wrap;
41
+ margin-top: 4px;
42
+ }
43
+ ._Chat-action_1mv7h_40,
44
+ ._Chat-actionOutlined_1mv7h_49 {
45
+ border: 1px solid var(--puck-color-azure-04);
46
+ border-radius: 16px;
47
+ padding: 4px 12px;
48
+ font-size: 12px;
49
+ cursor: pointer;
50
+ }
51
+ ._Chat-action_1mv7h_40 {
52
+ background: var(--puck-color-azure-04);
53
+ color: white;
54
+ }
55
+ ._Chat-action_1mv7h_40:hover {
56
+ opacity: 0.8;
57
+ }
58
+ ._Chat-actionOutlined_1mv7h_49 {
59
+ background: transparent;
60
+ color: var(--puck-color-azure-04);
61
+ }
62
+ ._Chat-actionOutlined_1mv7h_49:hover {
63
+ background: var(--puck-color-azure-11);
64
+ }
65
+
1
66
  /* ../platform-client/styles/color.css */
2
67
  :root {
3
68
  --puck-color-rose-01: #4a001c;
@@ -169,7 +234,7 @@ p {
169
234
  }
170
235
 
171
236
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
172
- ._Modal-background_874yi_1 {
237
+ ._Modal-background_1bedq_1 {
173
238
  align-items: center;
174
239
  display: flex;
175
240
  justify-content: center;
@@ -183,24 +248,26 @@ p {
183
248
  opacity: 0;
184
249
  pointer-events: none;
185
250
  }
186
- ._Modal--visible_874yi_16 ._Modal-background_874yi_1 {
251
+ ._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
187
252
  opacity: 1;
188
253
  transition: opacity ease 100ms;
189
254
  pointer-events: auto;
190
255
  }
191
- ._Modal-modal_874yi_22 {
256
+ ._Modal-modal_1bedq_22 {
192
257
  background: white;
193
- border-radius: 8px;
258
+ border-radius: 16px;
194
259
  display: block;
195
- overflow: hidden;
260
+ max-height: calc(100vh - 24px);
261
+ margin-inline: 24px;
262
+ overflow: auto;
196
263
  }
197
264
 
198
265
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
199
- ._Button_w2ngt_1 {
266
+ ._Button_1fon5_1 {
200
267
  appearance: none;
201
268
  background: none;
202
269
  border: 1px solid transparent;
203
- border-radius: 4px;
270
+ border-radius: 8px;
204
271
  color: var(--puck-color-white);
205
272
  display: inline-flex;
206
273
  align-items: center;
@@ -218,69 +285,80 @@ p {
218
285
  white-space: nowrap;
219
286
  margin: 0;
220
287
  }
221
- ._Button_w2ngt_1:hover,
222
- ._Button_w2ngt_1:active {
288
+ ._Button_1fon5_1:hover,
289
+ ._Button_1fon5_1:active {
223
290
  transition: none;
224
291
  }
225
- ._Button--medium_w2ngt_29 {
292
+ ._Button--medium_1fon5_29 {
226
293
  min-height: 34px;
227
294
  padding-bottom: 7px;
228
295
  padding-left: 19px;
229
296
  padding-right: 19px;
230
297
  padding-top: 7px;
231
298
  }
232
- ._Button--large_w2ngt_37 {
299
+ ._Button--large_1fon5_37 {
233
300
  padding-bottom: 11px;
234
301
  padding-left: 19px;
235
302
  padding-right: 19px;
236
303
  padding-top: 11px;
237
304
  }
238
- ._Button-icon_w2ngt_44 {
305
+ ._Button-icon_1fon5_44 {
239
306
  margin-top: 2px;
240
307
  }
241
- ._Button--primary_w2ngt_48 {
308
+ ._Button--primary_1fon5_48 {
242
309
  background: var(--puck-color-azure-04);
243
310
  }
244
- ._Button_w2ngt_1:focus-visible {
311
+ ._Button_1fon5_1:focus-visible {
245
312
  outline: 2px solid var(--puck-color-azure-05);
246
313
  outline-offset: 2px;
247
314
  }
248
315
  @media (hover: hover) and (pointer: fine) {
249
- ._Button--primary_w2ngt_48:hover {
316
+ ._Button--primary_1fon5_48:hover {
250
317
  background-color: var(--puck-color-azure-03);
251
318
  }
252
319
  }
253
- ._Button--primary_w2ngt_48:active {
320
+ ._Button--primary_1fon5_48:active {
254
321
  background-color: var(--puck-color-azure-02);
255
322
  }
256
- ._Button--secondary_w2ngt_67 {
323
+ ._Button--secondary_1fon5_67 {
257
324
  border: 1px solid currentColor;
258
325
  color: currentColor;
259
326
  }
260
327
  @media (hover: hover) and (pointer: fine) {
261
- ._Button--secondary_w2ngt_67:hover {
328
+ ._Button--secondary_1fon5_67:hover {
262
329
  background-color: var(--puck-color-azure-12);
263
330
  color: var(--puck-color-black);
264
331
  }
265
332
  }
266
- ._Button--secondary_w2ngt_67:active {
333
+ ._Button--secondary_1fon5_67:active {
267
334
  background-color: var(--puck-color-azure-11);
268
335
  color: var(--puck-color-black);
269
336
  }
270
- ._Button--flush_w2ngt_84 {
337
+ ._Button--danger_1fon5_84 {
338
+ background: var(--puck-color-red-04);
339
+ }
340
+ @media (hover: hover) and (pointer: fine) {
341
+ ._Button--danger_1fon5_84:hover {
342
+ background-color: var(--puck-color-red-03);
343
+ }
344
+ }
345
+ ._Button--danger_1fon5_84:active {
346
+ background-color: var(--puck-color-red-02);
347
+ }
348
+ ._Button--flush_1fon5_98 {
271
349
  border-radius: 0;
272
350
  }
273
- ._Button--disabled_w2ngt_88,
274
- ._Button--disabled_w2ngt_88:hover {
351
+ ._Button--disabled_1fon5_102,
352
+ ._Button--disabled_1fon5_102:hover {
275
353
  background-color: var(--puck-color-grey-09);
276
- color: var(--puck-color-grey-03);
354
+ color: var(--puck-color-grey-05);
277
355
  cursor: not-allowed;
278
356
  }
279
- ._Button--fullWidth_w2ngt_95 {
357
+ ._Button--fullWidth_1fon5_109 {
280
358
  justify-content: center;
281
359
  width: 100%;
282
360
  }
283
- ._Button-spinner_w2ngt_100 {
361
+ ._Button-spinner_1fon5_114 {
284
362
  padding-left: 8px;
285
363
  }
286
364
 
@@ -307,43 +385,72 @@ p {
307
385
  }
308
386
 
309
387
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
310
- ._Heading_1czuc_1 {
388
+ ._Heading_qkzg9_1 {
311
389
  display: block;
312
390
  font-weight: 700;
313
391
  margin: 0;
314
392
  }
315
- ._Heading_1czuc_1 b {
393
+ ._Heading_qkzg9_1 b {
316
394
  font-weight: 700;
317
395
  }
318
- ._Heading--xxxxl_1czuc_11 {
319
- font-size: var(--puck-font-size-xxxxl);
320
- letter-spacing: 0.08ch;
321
- font-weight: 800;
322
- }
323
- ._Heading--xxxl_1czuc_17 {
396
+ ._Heading--xxxxl_qkzg9_11 {
324
397
  font-size: var(--puck-font-size-xxxl);
325
398
  }
326
- ._Heading--xxl_1czuc_21 {
399
+ ._Heading--xxxl_qkzg9_15 {
327
400
  font-size: var(--puck-font-size-xxl);
328
401
  }
329
- ._Heading--xl_1czuc_25 {
402
+ ._Heading--xxl_qkzg9_19 {
330
403
  font-size: var(--puck-font-size-xl);
331
404
  }
332
- ._Heading--l_1czuc_29 {
405
+ ._Heading--xl_qkzg9_23 {
333
406
  font-size: var(--puck-font-size-l);
334
407
  }
335
- ._Heading--m_1czuc_33 {
408
+ ._Heading--l_qkzg9_27 {
336
409
  font-size: var(--puck-font-size-m);
337
410
  }
338
- ._Heading--s_1czuc_37 {
411
+ ._Heading--m_qkzg9_31 {
339
412
  font-size: var(--puck-font-size-s);
340
413
  }
341
- ._Heading--xs_1czuc_41 {
414
+ ._Heading--s_qkzg9_35 {
342
415
  font-size: var(--puck-font-size-xs);
343
416
  }
344
- ._Heading--xxs_1czuc_45 {
417
+ ._Heading--xs_qkzg9_39 {
418
+ font-size: var(--puck-font-size-xxs);
419
+ }
420
+ ._Heading--xxs_qkzg9_43 {
345
421
  font-size: var(--puck-font-size-xxs);
346
422
  }
423
+ @media (min-width: 768px) {
424
+ ._Heading--xxxxl_qkzg9_11 {
425
+ font-size: var(--puck-font-size-xxxxl);
426
+ letter-spacing: 0.08ch;
427
+ font-weight: 800;
428
+ }
429
+ ._Heading--xxxl_qkzg9_15 {
430
+ font-size: var(--puck-font-size-xxxl);
431
+ }
432
+ ._Heading--xxl_qkzg9_19 {
433
+ font-size: var(--puck-font-size-xxl);
434
+ }
435
+ ._Heading--xl_qkzg9_23 {
436
+ font-size: var(--puck-font-size-xl);
437
+ }
438
+ ._Heading--l_qkzg9_27 {
439
+ font-size: var(--puck-font-size-l);
440
+ }
441
+ ._Heading--m_qkzg9_31 {
442
+ font-size: var(--puck-font-size-m);
443
+ }
444
+ ._Heading--s_qkzg9_35 {
445
+ font-size: var(--puck-font-size-s);
446
+ }
447
+ ._Heading--xs_qkzg9_39 {
448
+ font-size: var(--puck-font-size-xs);
449
+ }
450
+ ._Heading--xxs_qkzg9_43 {
451
+ font-size: var(--puck-font-size-xxs);
452
+ }
453
+ }
347
454
 
348
455
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
349
456
  ._Align_oewlu_1 {
@@ -380,59 +487,6 @@ p {
380
487
  padding: 0px !important;
381
488
  }
382
489
 
383
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Avatar/Avatar.module.css/#css-module-data */
384
- ._Avatar_meij0_1 {
385
- align-items: center;
386
- border-radius: 4px;
387
- display: flex;
388
- gap: 16px;
389
- height: 100%;
390
- padding: 8px 12px;
391
- text-decoration: none;
392
- }
393
- a._Avatar_meij0_1:hover {
394
- background-color: var(--puck-color-azure-11);
395
- }
396
- a._Avatar--onLightGrey_meij0_15:hover {
397
- background-color: var(--puck-color-azure-10);
398
- }
399
- ._Avatar--flush_meij0_19 {
400
- gap: 8px;
401
- padding: 0;
402
- }
403
- ._Avatar-image_meij0_24 {
404
- align-items: center;
405
- border-radius: 100%;
406
- background-color: var(--puck-color-grey-10);
407
- border: 1px solid var(--puck-color-grey-10);
408
- color: var(--puck-color-grey-06);
409
- display: flex;
410
- justify-content: center;
411
- font-size: var(--puck-font-size-xxs);
412
- overflow: hidden;
413
- }
414
- ._Avatar-image_meij0_24 img {
415
- width: 100%;
416
- height: 100%;
417
- }
418
- ._Avatar-name_meij0_41 {
419
- color: black;
420
- font-weight: 600;
421
- }
422
- a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
423
- color: var(--puck-color-azure-04);
424
- }
425
- ._Avatar--smallText_meij0_50 ._Avatar-name_meij0_41 {
426
- font-size: var(--puck-font-size-xxs);
427
- }
428
- ._Avatar--inline_meij0_54 {
429
- align-self: baseline;
430
- display: inline-flex;
431
- }
432
- ._Avatar--muted_meij0_59 ._Avatar-name_meij0_41 {
433
- color: var(--puck-color-grey-06);
434
- }
435
-
436
490
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
437
491
  ._Card_jzb6b_1 {
438
492
  background-color: white;
@@ -472,98 +526,124 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
472
526
  color: var(--puck-color-azure-04);
473
527
  }
474
528
 
475
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Footer/styles.module.css/#css-module-data */
476
- ._Footer_eew04_1 {
477
- background-color: var(--puck-color-grey-11);
478
- border-top: 1px solid var(--puck-color-grey-09);
479
- color: var(--puck-color-grey-01);
529
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Code/Code.module.css/#css-module-data */
530
+ ._Code_d4378_1 {
531
+ border-radius: 8px;
532
+ position: relative;
533
+ overflow: hidden;
534
+ border: 1px solid var(--puck-color-grey-09);
480
535
  }
481
- ._Footer--dark_eew04_7 {
482
- background-color: var(--puck-color-grey-02);
483
- border-top: 1px solid var(--puck-color-grey-03);
484
- color: var(--puck-color-grey-10);
536
+ ._Code-body_d4378_8 pre {
537
+ margin: 0;
485
538
  }
486
- ._Footer-inner_eew04_13 {
487
- font-size: var(--puck-font-size-xxs);
488
- margin-left: auto;
489
- margin-right: auto;
490
- max-width: 1440px;
491
- padding: 32px 24px;
539
+ ._Code-body_d4378_8 code {
540
+ display: block;
541
+ font-size: var(--puck-font-size-xs);
542
+ padding-block: 16px;
543
+ overflow-y: auto;
492
544
  }
493
- ._Footer-brand_eew04_21 {
494
- display: flex;
495
- flex-direction: column;
545
+ ._Code--light_d4378_19 {
546
+ background-color: white;
496
547
  }
497
- ._Footer-main_eew04_26 {
498
- display: flex;
499
- flex-direction: column;
500
- gap: 16px;
501
- margin-bottom: 64px;
548
+ ._Code-body_d4378_8 code > span {
549
+ padding-left: 16px;
550
+ padding-right: 64px;
502
551
  }
503
552
  @media (min-width: 768px) {
504
- ._Footer-main_eew04_26 {
505
- gap: 128px;
506
- flex-direction: row;
507
- margin-bottom: 16px;
553
+ ._Code-body_d4378_8 code > span {
554
+ padding-right: 16px;
508
555
  }
509
556
  }
510
- ._Footer-logo_eew04_41 {
511
- flex-grow: 1;
512
- margin-bottom: 16px;
557
+ ._Code-header_d4378_34 {
558
+ align-items: center;
559
+ background-color: #24292e;
560
+ border-bottom: 1px solid var(--puck-color-grey-03);
561
+ color: white;
562
+ display: flex;
563
+ padding-left: 12px;
564
+ padding-right: 12px;
565
+ overflow-y: auto;
513
566
  }
514
- ._Footer-copyright_eew04_46 {
515
- color: var(--puck-color-grey-05);
567
+ ._Code--light_d4378_19 ._Code-header_d4378_34 {
568
+ background-color: white;
569
+ border-bottom-color: var(--puck-color-grey-09);
570
+ color: var(--puck-color-grey-03);
516
571
  }
517
- ._Footer--dark_eew04_7 ._Footer-copyright_eew04_46 {
518
- color: var(--puck-color-grey-08);
572
+ ._Code-corner_d4378_51 {
573
+ background-color: #24292e80;
574
+ border-bottom-left-radius: 4px;
575
+ color: white;
576
+ display: none;
577
+ position: absolute;
578
+ padding: 12px 16px;
579
+ pointer-events: none;
580
+ right: 0;
519
581
  }
520
- ._Footer-sections_eew04_54 {
582
+ ._Code_d4378_1:hover ._Code-corner_d4378_51 {
521
583
  display: flex;
522
- gap: 32px;
523
- flex-grow: 1;
524
- flex-direction: column;
525
584
  }
526
- @media (min-width: 768px) {
527
- ._Footer-sections_eew04_54 {
528
- gap: 16px;
529
- flex-direction: row;
530
- }
531
- }
532
- ._Footer-section_eew04_54 {
533
- flex-grow: 1;
585
+ ._Code--light_d4378_19 ._Code-corner_d4378_51 {
586
+ background-color: #ffffff80;
587
+ color: var(--puck-color-grey-03);
534
588
  }
535
- ._Footer-sectionHeader_eew04_72 {
536
- margin-bottom: 8px;
537
- font-weight: 600;
589
+ ._Code-actions_d4378_71 {
590
+ margin-left: auto;
591
+ pointer-events: auto;
538
592
  }
539
- ._Footer-icon_eew04_77 {
540
- color: var(--puck-color-grey-05);
541
- width: 16px;
593
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code {
594
+ counter-reset: step;
595
+ counter-increment: step 0;
542
596
  }
543
- ._Footer--dark_eew04_7 ._Footer-icon_eew04_77 {
544
- color: var(--puck-color-grey-08);
597
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code .line::before {
598
+ content: counter(step);
599
+ counter-increment: step;
600
+ width: 1rem;
601
+ margin-right: 1.5rem;
602
+ display: inline-block;
603
+ text-align: right;
604
+ color: rgba(115, 138, 148, 0.4);
545
605
  }
546
- ._Footer-link_eew04_86 {
547
- align-items: center;
606
+ ._Code-tabs_d4378_91 {
548
607
  display: flex;
549
- gap: 8px;
550
- padding-top: 4px;
551
- padding-bottom: 4px;
608
+ list-style: none;
609
+ padding: 0;
610
+ margin: 0;
611
+ padding-right: 8px;
612
+ }
613
+ ._Tab_d4378_99 {
614
+ border-block: 3px solid transparent;
615
+ padding: 4px 2px;
552
616
  }
553
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86 {
617
+ ._Tab--isActive_d4378_104 {
618
+ border-bottom-color: white;
619
+ }
620
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 {
621
+ border-bottom-color: var(--puck-color-grey-03);
622
+ }
623
+ ._Tab-button_d4378_112 {
624
+ background-color: transparent;
625
+ border: none;
626
+ border-radius: 8px;
554
627
  color: var(--puck-color-grey-08);
628
+ font-size: var(--puck-font-size-xxs);
629
+ padding: 8px;
630
+ cursor: pointer;
631
+ white-space: nowrap;
555
632
  }
556
- ._Footer-link_eew04_86:hover {
557
- color: var(--puck-color-azure-04);
633
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112 {
634
+ color: var(--puck-color-grey-06);
635
+ }
636
+ ._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
637
+ color: white;
558
638
  }
559
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover {
560
- color: var(--puck-color-azure-08);
639
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
640
+ color: var(--puck-color-grey-01);
561
641
  }
562
- ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
563
- color: var(--puck-color-azure-05);
642
+ ._Tab-button_d4378_112:hover {
643
+ background: var(--puck-color-grey-03);
564
644
  }
565
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
566
- color: var(--puck-color-azure-09);
645
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112:hover {
646
+ background: var(--puck-color-grey-11);
567
647
  }
568
648
 
569
649
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
@@ -674,252 +754,118 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
674
754
  flex-grow: 1;
675
755
  }
676
756
 
677
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Layout/Layout.module.css/#css-module-data */
678
- ._Layout_hy65k_1 {
679
- --header-height: 76px;
680
- --nav-width: 256px;
681
- display: grid;
682
- background-color: white;
683
- grid-template-areas: "switcher bar" "nav page";
684
- grid-template-columns: var(--nav-width) auto;
685
- grid-template-rows: var(--header-height) auto;
686
- height: 100vh;
757
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
758
+ ._Link_1j70m_1 {
759
+ color: var(--puck-color-azure-04);
760
+ text-decoration: none;
687
761
  }
688
- ._Layout-switcher_hy65k_12 {
689
- border-right: 1px solid var(--puck-color-grey-09);
690
- border-bottom: 1px solid var(--puck-color-grey-09);
691
- grid-area: switcher;
762
+ ._Link_1j70m_1:hover {
763
+ color: var(--puck-color-azure-05);
764
+ }
765
+
766
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
767
+ ._Page_nkzj9_1 {
768
+ display: flex;
769
+ flex-direction: column;
770
+ height: 100%;
771
+ overflow: hidden;
692
772
  }
693
- ._Layout-bar_hy65k_18 {
773
+ ._Page-masthead_nkzj9_8 {
694
774
  align-items: center;
695
- border-bottom: 1px solid var(--puck-color-grey-09);
696
- grid-area: bar;
697
775
  display: flex;
776
+ gap: 16px;
777
+ padding: 16px 24px;
778
+ box-sizing: border-box;
779
+ border-bottom: 1px solid var(--puck-color-grey-10);
780
+ min-height: 64px;
698
781
  }
699
- ._Layout-nav_hy65k_25 {
700
- border-right: 1px solid var(--puck-color-grey-09);
701
- grid-area: nav;
782
+ ._Page-crumbs_nkzj9_18 {
783
+ display: flex;
784
+ gap: 32px;
702
785
  }
703
- ._Layout-page_hy65k_30 {
704
- grid-area: page;
786
+ ._Page-crumb_nkzj9_18 {
787
+ color: var(--puck-color-grey-05);
788
+ position: relative;
789
+ white-space: nowrap;
705
790
  }
706
-
707
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Nav/Nav.module.css/#css-module-data */
708
- ._Nav-list_b6txo_1 {
709
- list-style: none;
710
- margin: 0;
711
- padding: 0;
791
+ ._Page-crumbLink_nkzj9_29 {
792
+ color: var(--puck-color-grey-05);
793
+ text-decoration: none;
712
794
  }
713
- ._NavSection_b6txo_7 {
714
- padding: 16px;
795
+ ._Page-crumbLink_nkzj9_29:hover {
796
+ color: var(--puck-color-azure-04);
715
797
  }
716
- ._NavSection_b6txo_7:first-of-type {
717
- padding-top: 32px;
798
+ ._Page-crumb_nkzj9_18:last-of-type {
799
+ color: var(--puck-color-grey-01);
800
+ font-weight: 600;
718
801
  }
719
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
720
- padding-left: 0;
721
- padding-right: 0;
802
+ ._Page-crumb_nkzj9_18::before {
803
+ position: absolute;
804
+ content: "/";
805
+ left: -19px;
806
+ color: var(--puck-color-grey-09);
807
+ font-weight: 400;
722
808
  }
723
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
724
- border-top: 1px solid var(--puck-color-grey-09);
809
+ ._Page-crumb_nkzj9_18:first-of-type::before {
810
+ display: none;
725
811
  }
726
- ._NavSection-list_b6txo_24 {
727
- display: flex;
728
- flex-direction: column;
729
- list-style: none;
730
- margin: 0;
731
- padding: 0;
732
- }
733
- ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
734
- gap: 16px;
735
- }
736
- ._NavSection-title_b6txo_36 {
737
- font-weight: 700;
738
- margin-bottom: 8px;
739
- padding-left: 8px;
740
- padding-right: 8px;
741
- }
742
- ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
743
- opacity: 0;
744
- }
745
- ._NavItem-link_b6txo_47 {
746
- align-items: center;
747
- color: var(--puck-color-grey-03);
748
- display: flex;
749
- gap: 8px;
812
+ ._Page-crumb_nkzj9_18 {
813
+ color: var(--puck-color-grey-05);
814
+ position: relative;
750
815
  text-decoration: none;
751
- cursor: pointer;
752
- border-radius: 4px;
753
- padding: 8px 4px;
754
- }
755
- ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
756
- border-left: 4px solid transparent;
757
- border-right: 4px solid transparent;
758
- border-radius: 0;
759
- flex-direction: column;
760
- font-size: var(--puck-font-size-xxxs);
761
- }
762
- ._NavItem-linkIcon_b6txo_67 {
763
- height: 24px;
764
- width: 24px;
765
- }
766
- ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
767
- background-color: var(--puck-color-azure-10);
768
- color: var(--puck-color-azure-04);
769
- font-weight: 600;
770
816
  }
771
- ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
772
- background-color: transparent;
773
- border-right-color: var(--puck-color-azure-04);
774
- border-top-right-radius: 0;
775
- border-bottom-right-radius: 0;
776
- font-weight: 600;
777
- }
778
- ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
779
- background-color: var(--puck-color-azure-11);
780
- color: var(--puck-color-azure-04);
781
- }
782
- ._NavItem-list_b6txo_91 {
783
- border-left: 1px solid var(--puck-color-grey-09);
784
- display: flex;
785
- flex-direction: column;
786
- list-style: none;
787
- margin-top: 8px;
788
- margin-left: 4px;
789
- padding: 0;
790
- padding-left: 8px;
791
- }
792
- ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
793
- border-left: 0;
794
- padding-left: 0;
795
- margin-left: 0;
796
- }
797
-
798
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
799
- ._Link_1j70m_1 {
800
- color: var(--puck-color-azure-04);
801
- text-decoration: none;
817
+ ._Page-actions_nkzj9_61 {
818
+ margin-left: auto;
802
819
  }
803
- ._Link_1j70m_1:hover {
804
- color: var(--puck-color-azure-05);
820
+ ._Page-footer_nkzj9_65 {
821
+ border-top: 1px solid var(--puck-color-grey-10);
822
+ padding: 16px 24px;
805
823
  }
806
824
 
807
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
808
- ._Page_1uz1e_1 {
825
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css/#css-module-data */
826
+ ._Pagination_1okv2_1 {
827
+ align-items: baseline;
809
828
  display: flex;
810
- flex-direction: column;
811
- height: 100%;
812
- overflow: hidden;
829
+ gap: 4px;
813
830
  }
814
- ._Page-masthead_1uz1e_8 {
831
+ ._PaginationButton_1okv2_8 {
815
832
  align-items: center;
816
- display: flex;
817
- gap: 16px;
818
- padding: 16px 24px;
819
- box-sizing: border-box;
820
- border-bottom: 1px solid var(--puck-color-grey-10);
821
- min-height: 64px;
822
- }
823
- ._Page-crumbs_1uz1e_18 {
824
- display: flex;
825
- gap: 32px;
826
- }
827
- ._Page-crumb_1uz1e_18 {
828
- color: var(--puck-color-grey-05);
829
- position: relative;
830
- }
831
- ._Page-crumbLink_1uz1e_28 {
833
+ border-radius: 4px;
832
834
  color: var(--puck-color-grey-05);
835
+ display: flex;
836
+ justify-content: center;
833
837
  text-decoration: none;
838
+ min-width: 40px;
839
+ height: 40px;
834
840
  }
835
- ._Page-crumbLink_1uz1e_28:hover {
841
+ ._PaginationButton--isActive_1okv2_20 {
842
+ background-color: var(--puck-color-azure-11);
836
843
  color: var(--puck-color-azure-04);
837
844
  }
838
- ._Page-crumb_1uz1e_18:last-of-type {
839
- color: var(--puck-color-grey-01);
840
- font-weight: 600;
841
- }
842
- ._Page-crumb_1uz1e_18::before {
843
- position: absolute;
844
- content: "/";
845
- left: -19px;
846
- color: var(--puck-color-grey-09);
847
- font-weight: 400;
848
- }
849
- ._Page-crumb_1uz1e_18:first-of-type::before {
850
- display: none;
845
+ ._PaginationButton_1okv2_8:hover {
846
+ background-color: var(--puck-color-azure-11);
847
+ color: var(--puck-color-azure-04);
851
848
  }
852
- ._Page-crumb_1uz1e_18 {
849
+ ._Pagination-ellipsis_1okv2_30 {
853
850
  color: var(--puck-color-grey-05);
854
- position: relative;
855
- text-decoration: none;
856
- }
857
- ._Page-actions_1uz1e_60 {
858
- margin-left: auto;
859
851
  }
860
852
 
861
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PuckHeader/PuckHeader.module.css/#css-module-data */
862
- ._PuckHeader_19h0f_1 {
863
- align-items: center;
864
- background-color: var(--puck-color-grey-12);
865
- border-bottom: 1px solid var(--puck-color-grey-09);
866
- display: grid;
867
- box-sizing: border-box;
868
- grid-area: header;
869
- grid-template-columns: min-content auto 256px;
870
- height: var(--header-height);
871
- width: 100%;
872
- }
873
- ._PuckHeader-left_19h0f_16 {
874
- align-items: center;
875
- display: flex;
876
- padding-left: 16px;
877
- }
878
- ._PuckHeader-center_19h0f_22 {
879
- padding-left: 16px;
880
- padding-right: 16px;
881
- }
882
- ._PuckHeader-right_19h0f_27 {
883
- display: flex;
884
- justify-content: flex-end;
885
- gap: 8px;
886
- padding-right: 16px;
887
- }
888
- ._PuckHeader-pageInput_19h0f_34 {
889
- align-items: center;
890
- background-color: var(--puck-color-grey-10);
891
- border: none;
892
- border-radius: 4px;
893
- box-sizing: border-box;
894
- color: var(--puck-color-grey-04);
895
- display: flex;
896
- font-weight: 600;
897
- width: 100%;
898
- }
899
- ._PuckHeader-pageInput_19h0f_34:focus-within {
900
- outline: 2px solid var(--puck-color-azure-05);
901
- }
902
- ._PuckHeader-pageInputActions_19h0f_50 {
903
- display: flex;
904
- gap: 8px;
905
- padding-right: 12px;
853
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
854
+ ._Section-inner_1uwo0_1 {
855
+ margin-left: auto;
856
+ margin-right: auto;
857
+ max-width: 1280px;
858
+ padding: 16px;
906
859
  }
907
- ._PuckHeader-input_19h0f_56 {
908
- background-color: transparent;
909
- border: none;
910
- color: var(--puck-color-grey-04);
911
- font-weight: 600;
912
- padding: 12px 16px;
913
- width: 100%;
860
+ ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
861
+ padding-bottom: 0;
862
+ padding-top: 0;
914
863
  }
915
- ._PuckHeader-input_19h0f_56:focus {
916
- outline: none;
864
+ ._Section_1uwo0_1 + ._Section_1uwo0_1 {
865
+ border-top: 1px solid var(--puck-color-grey-09);
917
866
  }
918
- ._PuckHeader-historyActions_19h0f_69 {
919
- display: flex;
920
- border-right: 1px solid var(--puck-color-grey-09);
921
- padding-right: 12px;
922
- margin-right: 4px;
867
+ ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
868
+ max-width: unset;
923
869
  }
924
870
 
925
871
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
@@ -985,248 +931,27 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
985
931
  }
986
932
  }
987
933
 
988
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/AppSwitchers/AppSwitchers.module.css/#css-module-data */
989
- ._AppSwitchers_b7m1z_1 {
990
- align-items: center;
991
- display: flex;
992
- gap: 8px;
993
- padding: 12px 16px;
994
- }
995
- ._AppSwitchers-divider_b7m1z_8 {
996
- color: var(--puck-color-grey-10);
997
- font-size: var(--puck-font-size-l);
998
- }
999
-
1000
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Switcher/Switcher.module.css/#css-module-data */
1001
- ._Switcher_134wo_1 {
1002
- --switcher-width: 32px;
1003
- align-items: center;
1004
- display: flex;
1005
- position: relative;
1006
- }
1007
- ._Switcher-link_134wo_8 {
1008
- align-items: center;
1009
- border-radius: 4px;
1010
- display: flex;
1011
- gap: 16px;
1012
- height: 100%;
1013
- padding: 8px 12px;
1014
- text-decoration: none;
1015
- }
1016
- ._Switcher-switcher_134wo_18 {
1017
- align-items: center;
1018
- background-color: transparent;
1019
- border: none;
1020
- border-radius: 4px;
1021
- color: var(--puck-color-grey-08);
1022
- padding: 8px;
1023
- display: flex;
1024
- width: var(--switcher-width);
1025
- }
1026
- ._Switcher--hasHref_134wo_29 ._Switcher-switcher_134wo_18:hover {
1027
- background-color: var(--puck-color-azure-11);
1028
- color: var(--puck-color-azure-04);
1029
- cursor: pointer;
1030
- }
1031
- ._Switcher-logoInner_134wo_35 {
1032
- border-radius: 100%;
1033
- background-color: var(--puck-color-grey-09);
1034
- height: 24px;
1035
- width: 24px;
1036
- }
1037
- ._Switcher-label_134wo_42 {
1038
- color: black;
1039
- font-weight: 600;
1040
- }
1041
- ._Switcher-link_134wo_8:hover {
1042
- background-color: var(--puck-color-azure-11);
1043
- }
1044
- ._Switcher-link_134wo_8:hover ._Switcher-label_134wo_42 {
1045
- color: var(--puck-color-azure-04);
1046
- }
1047
- ._Switcher--slim_134wo_55 ._Switcher-label_134wo_42 {
1048
- display: none;
1049
- }
1050
- ._Switcher--slim_134wo_55 ._Switcher-logo_134wo_35 {
1051
- transform: translateX(-6px);
1052
- transition: transform 250ms ease-in;
1053
- }
1054
- ._Switcher-menu_134wo_64 {
1055
- background: white;
1056
- border: 1px solid var(--puck-color-grey-09);
1057
- border-radius: 4px;
1058
- display: none;
1059
- position: absolute;
1060
- top: 100%;
1061
- left: calc(100% - var(--switcher-width));
1062
- z-index: 1;
1063
- }
1064
- ._Switcher--menuVisible_134wo_75 ._Switcher-menu_134wo_64 {
1065
- display: block;
1066
- }
1067
- ._Switcher-menuList_134wo_79 {
1068
- list-style: none;
1069
- margin: 0;
1070
- padding: 8px;
1071
- }
1072
- ._Switcher-menuItemAction_134wo_85 {
1073
- background-color: transparent;
1074
- border: none;
1075
- color: black;
1076
- display: block;
1077
- font-size: var(--puck-font-size-xs);
1078
- font-weight: 500;
1079
- padding: 12px 16px;
1080
- text-align: left;
1081
- text-decoration: none;
1082
- }
1083
- ._Switcher-menuItemAction_134wo_85:hover {
1084
- background-color: var(--puck-color-azure-11);
1085
- }
1086
-
1087
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PuckLayout/PuckLayout.module.css/#css-module-data */
1088
- ._PuckLayout_1yvk1_1 {
1089
- display: flex;
1090
- flex-direction: column;
1091
- width: 100vw;
1092
- height: 100vh;
1093
- }
1094
- ._PuckLayout-layout_1yvk1_8 {
1095
- display: grid;
1096
- grid-template-columns: 68px 256px auto 256px;
1097
- flex-grow: 1;
1098
- min-height: 0;
1099
- }
1100
- ._PuckLayout-loader_1yvk1_15 {
1101
- align-items: center;
1102
- border: 1px solid var(--puck-color-grey-09);
1103
- display: flex;
1104
- justify-content: center;
1105
- background-color: white;
1106
- height: 100%;
1107
- }
1108
- ._PuckLayout-sideHeader_1yvk1_24 {
1109
- align-items: center;
1110
- display: flex;
1111
- border-bottom: 1px solid var(--puck-color-grey-09);
1112
- border-right: 1px solid var(--puck-color-grey-09);
1113
- padding-left: 16px;
1114
- }
1115
- ._PuckLayout-switcher_1yvk1_32 {
1116
- border-bottom: 1px solid var(--puck-color-grey-09);
1117
- border-right: 1px solid var(--puck-color-grey-09);
1118
- }
1119
- ._PuckLayout-nav_1yvk1_37 {
1120
- border-right: 1px solid var(--puck-color-grey-09);
1121
- background-color: var(--puck-color-grey-12);
1122
- }
1123
- ._PuckLayout-versionLoader_1yvk1_42 {
1124
- align-items: center;
1125
- display: flex;
1126
- justify-content: center;
1127
- }
1128
- ._PuckLayout-versionList_1yvk1_48 {
1129
- list-style: none;
1130
- display: flex;
1131
- flex-direction: column;
1132
- gap: 16px;
1133
- margin: 0;
1134
- padding: 16px;
1135
- }
1136
- ._PuckLayout-version_1yvk1_42 {
1137
- background-color: white;
1138
- padding: 8px 12px;
1139
- border: 1px solid var(--puck-color-grey-10);
1140
- border-radius: 4px;
1141
- }
1142
- ._PuckLayout-versionBody_1yvk1_64 {
1143
- display: flex;
1144
- padding-bottom: 4px;
1145
- margin-bottom: 8px;
1146
- border-bottom: 1px solid var(--puck-color-grey-10);
1147
- }
1148
- ._PuckLayout-versionDetails_1yvk1_71 {
1149
- display: flex;
1150
- }
1151
- ._PuckLayout-version_1yvk1_42:hover {
1152
- background-color: var(--puck-color-azure-11);
1153
- border-color: var(--puck-color-azure-04);
1154
- cursor: pointer;
1155
- }
1156
- ._PuckLayout-versionInner_1yvk1_81 {
1157
- color: unset;
1158
- text-decoration: none;
1159
- }
1160
- ._PuckLayout-versionVersion_1yvk1_86 {
1161
- font-weight: 600;
1162
- }
1163
- ._PuckLayout-versionStatus_1yvk1_90 {
1164
- margin-left: auto;
1165
- text-transform: uppercase;
1166
- font-weight: 600;
1167
- font-size: var(--puck-font-size-xxs);
1168
- border-radius: 4px;
1169
- border: 1px solid var(--puck-color-grey-01);
1170
- padding: 4px 8px;
1171
- }
1172
- ._PuckLayout-versionDetails_1yvk1_71 {
1173
- width: 100%;
1174
- }
1175
- ._PuckLayout-versionAuthor_1yvk1_104 {
1176
- flex-grow: 1;
1177
- }
1178
- ._PuckLayout-versionAuthorName_1yvk1_108 {
1179
- font-size: var(--puck-font-size-xxs);
1180
- }
1181
- ._PuckLayout-versionDate_1yvk1_112 {
1182
- font-size: var(--puck-font-size-xxs);
1183
- margin-left: auto;
1184
- }
1185
- ._PuckLayout-fields_1yvk1_117 {
1186
- border-left: 1px solid var(--puck-color-grey-09);
1187
- }
1188
- ._PuckLayout-sidebar_1yvk1_121 {
1189
- background-color: var(--puck-color-grey-12);
1190
- border-right: 1px solid var(--puck-color-grey-09);
1191
- overflow: auto;
1192
- }
1193
-
1194
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
1195
- ._Section-inner_1uwo0_1 {
1196
- margin-left: auto;
1197
- margin-right: auto;
1198
- max-width: 1280px;
1199
- padding: 16px;
1200
- }
1201
- ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
1202
- padding-bottom: 0;
1203
- padding-top: 0;
1204
- }
1205
- ._Section_1uwo0_1 + ._Section_1uwo0_1 {
1206
- border-top: 1px solid var(--puck-color-grey-09);
1207
- }
1208
- ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
1209
- max-width: unset;
1210
- }
1211
-
1212
934
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
1213
- ._Table_1t44j_1 {
935
+ ._Table_o345u_1 {
1214
936
  color: black;
1215
937
  display: flex;
1216
938
  flex-direction: column;
1217
939
  flex-grow: 1;
940
+ overflow-y: auto;
1218
941
  }
1219
- ._Table-filters_1t44j_8 {
942
+ ._Table-filters_o345u_9 {
1220
943
  margin: 16px;
1221
944
  }
1222
- ._Table-inner_1t44j_12 {
945
+ ._Table-inner_o345u_13 {
1223
946
  text-align: left;
1224
947
  }
1225
- ._Table-table_1t44j_16 {
948
+ ._Table-table_o345u_17 {
949
+ color: var(--puck-color-grey-02);
950
+ font-size: var(--puck-font-size-xxs);
1226
951
  position: relative;
1227
952
  width: 100%;
1228
953
  }
1229
- ._Table_1t44j_1 thead {
954
+ ._Table_o345u_1 thead {
1230
955
  background: white;
1231
956
  font-size: var(--puck-font-size-xxs);
1232
957
  position: sticky;
@@ -1234,95 +959,76 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1234
959
  white-space: nowrap;
1235
960
  z-index: 1;
1236
961
  }
1237
- ._Table_1t44j_1 thead::after {
962
+ ._Table_o345u_1 thead::after {
1238
963
  content: "";
1239
964
  position: absolute;
1240
965
  height: 1px;
1241
966
  width: 100%;
1242
- background-color: var(--puck-color-grey-09);
967
+ background-color: var(--puck-color-grey-10);
1243
968
  }
1244
- ._Table_1t44j_1 tbody tr {
969
+ ._Table--hideHeader_o345u_41 thead {
970
+ display: none;
971
+ }
972
+ ._Table_o345u_1 tbody tr {
1245
973
  z-index: 0;
1246
974
  }
1247
- ._Table_1t44j_1 th {
1248
- background: white;
1249
- font-weight: 600;
975
+ ._Table_o345u_1 th {
976
+ background: var(--puck-color-grey-12);
977
+ font-weight: 400;
1250
978
  padding-left: 24px;
1251
979
  padding-right: 24px;
1252
- padding-bottom: 20px;
1253
- padding-top: 20px;
980
+ padding-bottom: 12px;
981
+ padding-top: 12px;
1254
982
  }
1255
983
  @media (--standard-viewport) {
1256
- ._Table_1t44j_1 th {
984
+ ._Table_o345u_1 th {
1257
985
  padding-left: 32px;
1258
986
  padding-right: 32px;
1259
987
  }
1260
988
  }
1261
- ._Table_1t44j_1 td {
989
+ ._Table_o345u_1 td {
1262
990
  border-bottom: 1px solid var(--puck-color-grey-10);
1263
991
  padding-left: 24px;
1264
992
  padding-right: 24px;
1265
- padding-bottom: 20px;
1266
- padding-top: 20px;
993
+ padding-bottom: 16px;
994
+ padding-top: 16px;
1267
995
  white-space: nowrap;
1268
996
  }
1269
- ._Table_1t44j_1 tbody tr:last-of-type td {
997
+ ._Table_o345u_1 td:not(:first-of-type) {
998
+ color: var(--puck-color-grey-05);
999
+ }
1000
+ ._Table_o345u_1 tbody tr:last-of-type td {
1270
1001
  border-bottom: none;
1271
1002
  }
1272
1003
  @media (--standard-viewport) {
1273
- ._Table_1t44j_1 td {
1004
+ ._Table_o345u_1 td {
1274
1005
  padding-left: 32px;
1275
1006
  padding-right: 32px;
1276
1007
  }
1277
1008
  }
1278
- ._Table-footer_1t44j_78 {
1009
+ ._Table-footer_o345u_89 {
1279
1010
  border-top: 1px solid var(--puck-color-grey-09);
1280
1011
  }
1281
- ._Table--clickableRows_1t44j_82 tbody tr:hover {
1012
+ ._Table--clickableRows_o345u_93 tbody tr:hover {
1282
1013
  background: var(--puck-color-azure-12);
1283
1014
  cursor: pointer;
1284
1015
  }
1285
- ._Table-placeholder_1t44j_87 {
1016
+ ._Table-placeholder_o345u_98 {
1286
1017
  align-items: center;
1287
- color: var(--puck-color-grey-06);
1018
+ color: var(--puck-color-grey-04);
1288
1019
  justify-content: center;
1289
1020
  display: flex;
1290
1021
  gap: 8px;
1291
1022
  flex-direction: column;
1292
1023
  width: 100%;
1293
1024
  height: 100%;
1025
+ text-align: center;
1294
1026
  }
1295
-
1296
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Tabs/Tabs.module.css/#css-module-data */
1297
- ._Tabs_1d592_1 {
1298
- display: flex;
1299
- margin: 0;
1300
- padding: 0;
1301
- list-style: none;
1302
- }
1303
- ._TabItem_1d592_8 {
1304
- display: flex;
1305
- }
1306
- ._TabItem-link_1d592_12 {
1307
- align-items: center;
1308
- border-bottom: 3px solid transparent;
1309
- border-top: 3px solid transparent;
1310
- color: black;
1311
- display: flex;
1312
- gap: 4px;
1313
- text-decoration: none;
1314
- padding: 16px;
1315
- }
1316
- ._TabItem-icon_1d592_23 {
1317
- align-items: center;
1318
- color: var(--puck-color-grey-05);
1319
- display: flex;
1320
- }
1321
- ._TabItem--isActive_1d592_29 ._TabItem-link_1d592_12 {
1322
- border-bottom-color: var(--puck-color-azure-04);
1027
+ ._Table-loader_o345u_110 {
1028
+ padding: 16px 24px;
1323
1029
  }
1324
- ._TabItem-link_1d592_12:hover {
1325
- background-color: var(--puck-color-azure-10);
1030
+ ._TableRow--highlightRow_o345u_114 {
1031
+ background-color: var(--puck-color-grey-12);
1326
1032
  }
1327
1033
 
1328
1034
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
@@ -1357,73 +1063,43 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1357
1063
  padding-top: 128px;
1358
1064
  }
1359
1065
 
1360
- /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
1361
- ._Chat_1mv7h_1 {
1362
- background: white;
1363
- height: 100%;
1364
- display: flex;
1365
- flex-direction: column;
1366
- }
1367
- ._Chat-header_1mv7h_8 {
1368
- display: block;
1369
- padding: 8px 16px;
1370
- font-weight: 600;
1371
- border-bottom: 1px solid var(--puck-color-grey-09);
1066
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Viewport/styles.module.css/#css-module-data */
1067
+ ._Viewport_1vvhm_3 {
1372
1068
  }
1373
- @media (min-width: 638px) {
1374
- ._Chat-header_1mv7h_8 {
1375
- display: block;
1376
- padding: 16px;
1377
- }
1378
- }
1379
- ._Chat-placeholder_1mv7h_22 {
1380
- align-items: center;
1381
- color: var(--puck-color-grey-06);
1069
+ ._Viewport--standard_1vvhm_6,
1070
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1382
1071
  display: none;
1383
- justify-content: center;
1384
- flex-direction: column;
1385
- height: 100%;
1386
- text-align: center;
1387
- padding: 32px;
1388
- gap: 8px;
1389
1072
  }
1390
- @media (min-width: 638px) {
1391
- ._Chat-placeholder_1mv7h_22 {
1392
- display: flex;
1393
- }
1394
- }
1395
- ._Chat-actions_1mv7h_40 {
1396
- display: flex;
1397
- gap: 8px;
1398
- justify-content: center;
1399
- flex-wrap: wrap;
1400
- margin-top: 4px;
1401
- }
1402
- ._Chat-action_1mv7h_40,
1403
- ._Chat-actionOutlined_1mv7h_49 {
1404
- border: 1px solid var(--puck-color-azure-04);
1405
- border-radius: 16px;
1406
- padding: 4px 12px;
1407
- font-size: 12px;
1408
- cursor: pointer;
1073
+ ._Viewport--narrow_1vvhm_11 {
1074
+ display: block;
1409
1075
  }
1410
- ._Chat-action_1mv7h_40 {
1411
- background: var(--puck-color-azure-04);
1412
- color: white;
1076
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11 {
1077
+ display: inline;
1413
1078
  }
1414
- ._Chat-action_1mv7h_40:hover {
1415
- opacity: 0.8;
1079
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1080
+ display: flex;
1416
1081
  }
1417
- ._Chat-actionOutlined_1mv7h_49 {
1418
- background: transparent;
1419
- color: var(--puck-color-azure-04);
1082
+ @media (min-width: 768px) {
1083
+ ._Viewport--narrow_1vvhm_11,
1084
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11,
1085
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1086
+ display: none;
1087
+ }
1420
1088
  }
1421
- ._Chat-actionOutlined_1mv7h_49:hover {
1422
- background: var(--puck-color-azure-11);
1089
+ @media (min-width: 768px) {
1090
+ ._Viewport--standard_1vvhm_6 {
1091
+ display: block;
1092
+ }
1093
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1094
+ display: inline;
1095
+ }
1096
+ ._Viewport--flex_1vvhm_19._Viewport--standard_1vvhm_6 {
1097
+ display: flex;
1098
+ }
1423
1099
  }
1424
1100
 
1425
1101
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
1426
- ._Chat_14j71_1 {
1102
+ ._Chat_150yz_1 {
1427
1103
  --fade-size: 32px;
1428
1104
  --chat-background-color: white;
1429
1105
  display: flex;
@@ -1433,46 +1109,46 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1433
1109
  overflow: hidden;
1434
1110
  }
1435
1111
  @media (min-width: 638px) {
1436
- ._Chat_14j71_1 {
1112
+ ._Chat_150yz_1 {
1437
1113
  max-height: none;
1438
1114
  }
1439
1115
  }
1440
- ._Chat-inner_14j71_17 {
1116
+ ._Chat-inner_150yz_17 {
1441
1117
  background-color: var(--chat-background-color);
1442
1118
  display: flex;
1443
1119
  flex-direction: column;
1444
1120
  max-height: 100%;
1445
1121
  position: relative;
1446
1122
  }
1447
- ._Chat--hasMessages_14j71_25 ._Chat-inner_14j71_17 {
1123
+ ._Chat--hasMessages_150yz_25 ._Chat-inner_150yz_17 {
1448
1124
  padding-top: 0;
1449
1125
  }
1450
- ._Chat_14j71_1:not(._Chat--hasChildren_14j71_29) ._Chat-inner_14j71_17 {
1126
+ ._Chat_150yz_1:not(._Chat--hasChildren_150yz_29) ._Chat-inner_150yz_17 {
1451
1127
  height: 100%;
1452
1128
  padding-top: 0;
1453
1129
  }
1454
- ._Chat--hasMessages_14j71_25 ._Chat-messages_14j71_34 {
1130
+ ._Chat--hasMessages_150yz_25 ._Chat-messages_150yz_34 {
1455
1131
  display: flex;
1456
1132
  flex-direction: column-reverse;
1457
1133
  padding: 16px;
1458
1134
  overflow: auto;
1459
1135
  }
1460
- ._Chat-form_14j71_41 {
1136
+ ._Chat-form_150yz_41 {
1461
1137
  background-color: white;
1462
1138
  padding: 16px;
1463
1139
  }
1464
- ._Chat--hideInput_14j71_46 ._Chat-form_14j71_41 {
1140
+ ._Chat--hideInput_150yz_46 ._Chat-form_150yz_41 {
1465
1141
  display: none;
1466
1142
  }
1467
- ._Chat--hasMessages_14j71_25 ._Chat-form_14j71_41 {
1143
+ ._Chat--hasMessages_150yz_25 ._Chat-form_150yz_41 {
1468
1144
  border-top: 1px solid var(--puck-color-grey-09);
1469
1145
  }
1470
1146
  @media (min-width: 638px) {
1471
- ._Chat-form_14j71_41 {
1147
+ ._Chat-form_150yz_41 {
1472
1148
  border-top: 1px solid var(--puck-color-grey-09);
1473
1149
  }
1474
1150
  }
1475
- ._Chat-formHelper_14j71_60 {
1151
+ ._Chat-formHelper_150yz_60 {
1476
1152
  align-items: center;
1477
1153
  display: flex;
1478
1154
  color: var(--puck-color-grey-04);
@@ -1481,11 +1157,11 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1481
1157
  gap: 8px;
1482
1158
  padding-bottom: 12px;
1483
1159
  }
1484
- ._Chat--hasMessages_14j71_25 ._Chat-formHelper_14j71_60 {
1160
+ ._Chat--hasMessages_150yz_25 ._Chat-formHelper_150yz_60 {
1485
1161
  opacity: 0;
1486
1162
  transition: opacity 250ms ease-in;
1487
1163
  }
1488
- ._Chat-examplePrompts_14j71_75 {
1164
+ ._Chat-examplePrompts_150yz_75 {
1489
1165
  align-items: center;
1490
1166
  display: flex;
1491
1167
  flex-wrap: nowrap;
@@ -1494,7 +1170,7 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1494
1170
  width: 100%;
1495
1171
  overflow-x: auto;
1496
1172
  }
1497
- ._Chat-examplePrompt_14j71_75 {
1173
+ ._Chat-examplePrompt_150yz_75 {
1498
1174
  align-items: center;
1499
1175
  background: white;
1500
1176
  border: 1px solid var(--puck-color-grey-09);
@@ -1505,33 +1181,34 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1505
1181
  padding: 6px 12px;
1506
1182
  text-wrap: nowrap;
1507
1183
  }
1508
- ._Chat-examplePrompt_14j71_75:hover {
1184
+ ._Chat-examplePrompt_150yz_75:hover {
1509
1185
  background: var(--puck-color-azure-11);
1510
1186
  border-color: var(--puck-color-azure-08);
1511
1187
  color: var(--puck-color-azure-04);
1512
1188
  }
1513
- ._Chat-examplePromptArrow_14j71_103 {
1189
+ ._Chat-examplePromptArrow_150yz_103 {
1514
1190
  margin-left: auto;
1515
1191
  }
1516
- ._Chat-default_14j71_107 {
1192
+ ._Chat-default_150yz_107 {
1517
1193
  overflow-y: auto;
1518
1194
  flex-grow: 1;
1519
1195
  }
1520
- ._Chat--hasMessages_14j71_25 ._Chat-default_14j71_107 {
1196
+ ._Chat--hasMessages_150yz_25 ._Chat-default_150yz_107 {
1521
1197
  opacity: 0;
1522
1198
  padding: 0;
1523
1199
  pointer-events: none;
1524
1200
  transition: opacity 250ms ease-in;
1525
1201
  }
1526
- ._Chat--hasMessages_14j71_25 {
1202
+ ._Chat--hasMessages_150yz_25 {
1527
1203
  background-color: white;
1528
1204
  transition: background-color 250ms ease-in;
1529
1205
  }
1530
- ._ChatMessage_14j71_124 {
1206
+ ._ChatMessage_150yz_124 {
1531
1207
  font-size: var(--puck-font-size-xs);
1532
1208
  line-height: var(--line-height-s);
1209
+ overflow-wrap: break-word;
1533
1210
  }
1534
- ._ChatMessage--userRole_14j71_129 ._ChatMessage-text_14j71_129 {
1211
+ ._ChatMessage--userRole_150yz_130 ._ChatMessage-text_150yz_130 {
1535
1212
  background: var(--puck-color-azure-10);
1536
1213
  border-radius: 16px;
1537
1214
  color: var(--puck-color-grey-03);
@@ -1540,64 +1217,64 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1540
1217
  margin-top: 8px;
1541
1218
  padding: 12px 16px;
1542
1219
  }
1543
- ._ChatMessage_14j71_124 ul,
1544
- ._ChatMessage_14j71_124 ol {
1220
+ ._ChatMessage_150yz_124 ul,
1221
+ ._ChatMessage_150yz_124 ol {
1545
1222
  list-style: decimal;
1546
1223
  margin: 0;
1547
1224
  margin-bottom: 12px;
1548
1225
  margin-top: 12px;
1549
1226
  padding-left: 32px;
1550
1227
  }
1551
- ._ChatMessage_14j71_124 li {
1228
+ ._ChatMessage_150yz_124 li {
1552
1229
  margin-bottom: 8px;
1553
1230
  margin-top: 8px;
1554
1231
  padding-left: 8px;
1555
1232
  }
1556
- ._ChatMessage_14j71_124 h1,
1557
- ._ChatMessage_14j71_124 h2,
1558
- ._ChatMessage_14j71_124 h3,
1559
- ._ChatMessage_14j71_124 h4,
1560
- ._ChatMessage_14j71_124 h5,
1561
- ._ChatMessage_14j71_124 h6 {
1233
+ ._ChatMessage_150yz_124 h1,
1234
+ ._ChatMessage_150yz_124 h2,
1235
+ ._ChatMessage_150yz_124 h3,
1236
+ ._ChatMessage_150yz_124 h4,
1237
+ ._ChatMessage_150yz_124 h5,
1238
+ ._ChatMessage_150yz_124 h6 {
1562
1239
  font-weight: 600;
1563
1240
  }
1564
- ._ChatMessage_14j71_124 h1 {
1241
+ ._ChatMessage_150yz_124 h1 {
1565
1242
  font-size: var(--puck-font-l);
1566
1243
  }
1567
- ._ChatMessage_14j71_124 h2 {
1244
+ ._ChatMessage_150yz_124 h2 {
1568
1245
  font-size: var(--puck-font-m);
1569
1246
  }
1570
- ._ChatMessage_14j71_124 h3 {
1247
+ ._ChatMessage_150yz_124 h3 {
1571
1248
  font-size: var(--puck-font-m);
1572
1249
  }
1573
- ._ChatMessage_14j71_124 h4 {
1250
+ ._ChatMessage_150yz_124 h4 {
1574
1251
  font-size: var(--puck-font-s);
1575
1252
  }
1576
- ._ChatMessage_14j71_124 h5 {
1253
+ ._ChatMessage_150yz_124 h5 {
1577
1254
  font-size: var(--puck-font-xs);
1578
1255
  }
1579
- ._ChatMessage_14j71_124 h6 {
1256
+ ._ChatMessage_150yz_124 h6 {
1580
1257
  font-size: var(--puck-font-xm);
1581
1258
  }
1582
- ._ChatMessage_14j71_124 p {
1259
+ ._ChatMessage_150yz_124 p {
1583
1260
  margin-bottom: 8px;
1584
1261
  margin-top: 8px;
1585
1262
  }
1586
- ._ChatMessage_14j71_124 a {
1263
+ ._ChatMessage_150yz_124 a {
1587
1264
  color: var(--puck-color-azure-04);
1588
1265
  font-weight: 600;
1589
1266
  text-decoration: none;
1590
1267
  }
1591
- ._ChatMessage_14j71_124 a:hover {
1268
+ ._ChatMessage_150yz_124 a:hover {
1592
1269
  color: var(--puck-color-azure-05);
1593
1270
  }
1594
- ._ChatMessage_14j71_124 hr {
1271
+ ._ChatMessage_150yz_124 hr {
1595
1272
  border-top: none;
1596
1273
  border-bottom-color: var(--puck-color-grey-09);
1597
1274
  margin-bottom: 16px;
1598
1275
  margin-top: 16px;
1599
1276
  }
1600
- ._ChatMessage_14j71_124 blockquote {
1277
+ ._ChatMessage_150yz_124 blockquote {
1601
1278
  margin-bottom: 8px;
1602
1279
  margin-top: 8px;
1603
1280
  margin-left: 0;
@@ -1606,7 +1283,7 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1606
1283
  padding-bottom: 2px;
1607
1284
  padding-top: 2px;
1608
1285
  }
1609
- ._ChatMessage-data_14j71_219 {
1286
+ ._ChatMessage-data_150yz_220 {
1610
1287
  background: var(--puck-color-grey-12);
1611
1288
  border: 1px solid var(--puck-color-grey-08);
1612
1289
  border-radius: 16px;
@@ -1616,19 +1293,19 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1616
1293
  margin-top: 12px;
1617
1294
  padding: 12px 16px;
1618
1295
  }
1619
- ._ChatMessage-dataInner_14j71_230 {
1296
+ ._ChatMessage-dataInner_150yz_231 {
1620
1297
  align-items: center;
1621
1298
  display: flex;
1622
1299
  gap: 8px;
1623
1300
  }
1624
- ._ChatMessage-dataIcon_14j71_236 {
1301
+ ._ChatMessage-dataIcon_150yz_237 {
1625
1302
  display: flex;
1626
1303
  }
1627
- ._Chat-loader_14j71_240 {
1304
+ ._Chat-loader_150yz_241 {
1628
1305
  padding: 16px;
1629
1306
  padding-top: 0;
1630
1307
  }
1631
- ._Chat-error_14j71_245 {
1308
+ ._Chat-error_150yz_246 {
1632
1309
  align-items: center;
1633
1310
  display: flex;
1634
1311
  gap: 8px;
@@ -1636,10 +1313,10 @@ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
1636
1313
  margin: 16px;
1637
1314
  margin-top: 0;
1638
1315
  }
1639
- ._Chat-errorLabel_14j71_254 {
1316
+ ._Chat-errorLabel_150yz_255 {
1640
1317
  color: var(--puck-color-red-04);
1641
1318
  }
1642
- ._Chat-errorAction_14j71_258 {
1319
+ ._Chat-errorAction_150yz_259 {
1643
1320
  margin-left: auto;
1644
1321
  }
1645
1322