@puckeditor/plugin-ai 0.1.0-canary.cad10367 → 0.1.0-canary.dfd624ec

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
@@ -234,7 +234,7 @@ p {
234
234
  }
235
235
 
236
236
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
237
- ._Modal-background_874yi_1 {
237
+ ._Modal-background_1bedq_1 {
238
238
  align-items: center;
239
239
  display: flex;
240
240
  justify-content: center;
@@ -248,24 +248,26 @@ p {
248
248
  opacity: 0;
249
249
  pointer-events: none;
250
250
  }
251
- ._Modal--visible_874yi_16 ._Modal-background_874yi_1 {
251
+ ._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
252
252
  opacity: 1;
253
253
  transition: opacity ease 100ms;
254
254
  pointer-events: auto;
255
255
  }
256
- ._Modal-modal_874yi_22 {
256
+ ._Modal-modal_1bedq_22 {
257
257
  background: white;
258
- border-radius: 8px;
258
+ border-radius: 16px;
259
259
  display: block;
260
- overflow: hidden;
260
+ max-height: calc(100vh - 24px);
261
+ margin-inline: 24px;
262
+ overflow: auto;
261
263
  }
262
264
 
263
265
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
264
- ._Button_w2ngt_1 {
266
+ ._Button_1wyvm_1 {
265
267
  appearance: none;
266
268
  background: none;
267
269
  border: 1px solid transparent;
268
- border-radius: 4px;
270
+ border-radius: 8px;
269
271
  color: var(--puck-color-white);
270
272
  display: inline-flex;
271
273
  align-items: center;
@@ -283,69 +285,80 @@ p {
283
285
  white-space: nowrap;
284
286
  margin: 0;
285
287
  }
286
- ._Button_w2ngt_1:hover,
287
- ._Button_w2ngt_1:active {
288
+ ._Button_1wyvm_1:hover,
289
+ ._Button_1wyvm_1:active {
288
290
  transition: none;
289
291
  }
290
- ._Button--medium_w2ngt_29 {
292
+ ._Button--medium_1wyvm_29 {
291
293
  min-height: 34px;
292
294
  padding-bottom: 7px;
293
295
  padding-left: 19px;
294
296
  padding-right: 19px;
295
297
  padding-top: 7px;
296
298
  }
297
- ._Button--large_w2ngt_37 {
299
+ ._Button--large_1wyvm_37 {
298
300
  padding-bottom: 11px;
299
301
  padding-left: 19px;
300
302
  padding-right: 19px;
301
303
  padding-top: 11px;
302
304
  }
303
- ._Button-icon_w2ngt_44 {
305
+ ._Button-icon_1wyvm_44 {
304
306
  margin-top: 2px;
305
307
  }
306
- ._Button--primary_w2ngt_48 {
308
+ ._Button--primary_1wyvm_48 {
307
309
  background: var(--puck-color-azure-04);
308
310
  }
309
- ._Button_w2ngt_1:focus-visible {
311
+ ._Button_1wyvm_1:focus-visible {
310
312
  outline: 2px solid var(--puck-color-azure-05);
311
313
  outline-offset: 2px;
312
314
  }
313
315
  @media (hover: hover) and (pointer: fine) {
314
- ._Button--primary_w2ngt_48:hover {
316
+ ._Button--primary_1wyvm_48:hover {
315
317
  background-color: var(--puck-color-azure-03);
316
318
  }
317
319
  }
318
- ._Button--primary_w2ngt_48:active {
320
+ ._Button--primary_1wyvm_48:active {
319
321
  background-color: var(--puck-color-azure-02);
320
322
  }
321
- ._Button--secondary_w2ngt_67 {
323
+ ._Button--secondary_1wyvm_67 {
322
324
  border: 1px solid currentColor;
323
325
  color: currentColor;
324
326
  }
325
327
  @media (hover: hover) and (pointer: fine) {
326
- ._Button--secondary_w2ngt_67:hover {
328
+ ._Button--secondary_1wyvm_67:hover {
327
329
  background-color: var(--puck-color-azure-12);
328
330
  color: var(--puck-color-black);
329
331
  }
330
332
  }
331
- ._Button--secondary_w2ngt_67:active {
333
+ ._Button--secondary_1wyvm_67:active {
332
334
  background-color: var(--puck-color-azure-11);
333
335
  color: var(--puck-color-black);
334
336
  }
335
- ._Button--flush_w2ngt_84 {
337
+ ._Button--danger_1wyvm_84 {
338
+ background: var(--puck-color-red-04);
339
+ }
340
+ @media (hover: hover) and (pointer: fine) {
341
+ ._Button--danger_1wyvm_84:hover {
342
+ background-color: var(--puck-color-red-03);
343
+ }
344
+ }
345
+ ._Button--danger_1wyvm_84:active {
346
+ background-color: var(--puck-color-red-02);
347
+ }
348
+ ._Button--flush_1wyvm_98 {
336
349
  border-radius: 0;
337
350
  }
338
- ._Button--disabled_w2ngt_88,
339
- ._Button--disabled_w2ngt_88:hover {
351
+ ._Button--disabled_1wyvm_102,
352
+ ._Button--disabled_1wyvm_102:hover {
340
353
  background-color: var(--puck-color-grey-09);
341
354
  color: var(--puck-color-grey-03);
342
355
  cursor: not-allowed;
343
356
  }
344
- ._Button--fullWidth_w2ngt_95 {
357
+ ._Button--fullWidth_1wyvm_109 {
345
358
  justify-content: center;
346
359
  width: 100%;
347
360
  }
348
- ._Button-spinner_w2ngt_100 {
361
+ ._Button-spinner_1wyvm_114 {
349
362
  padding-left: 8px;
350
363
  }
351
364
 
@@ -372,43 +385,72 @@ p {
372
385
  }
373
386
 
374
387
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
375
- ._Heading_1czuc_1 {
388
+ ._Heading_qkzg9_1 {
376
389
  display: block;
377
390
  font-weight: 700;
378
391
  margin: 0;
379
392
  }
380
- ._Heading_1czuc_1 b {
393
+ ._Heading_qkzg9_1 b {
381
394
  font-weight: 700;
382
395
  }
383
- ._Heading--xxxxl_1czuc_11 {
384
- font-size: var(--puck-font-size-xxxxl);
385
- letter-spacing: 0.08ch;
386
- font-weight: 800;
387
- }
388
- ._Heading--xxxl_1czuc_17 {
396
+ ._Heading--xxxxl_qkzg9_11 {
389
397
  font-size: var(--puck-font-size-xxxl);
390
398
  }
391
- ._Heading--xxl_1czuc_21 {
399
+ ._Heading--xxxl_qkzg9_15 {
392
400
  font-size: var(--puck-font-size-xxl);
393
401
  }
394
- ._Heading--xl_1czuc_25 {
402
+ ._Heading--xxl_qkzg9_19 {
395
403
  font-size: var(--puck-font-size-xl);
396
404
  }
397
- ._Heading--l_1czuc_29 {
405
+ ._Heading--xl_qkzg9_23 {
398
406
  font-size: var(--puck-font-size-l);
399
407
  }
400
- ._Heading--m_1czuc_33 {
408
+ ._Heading--l_qkzg9_27 {
401
409
  font-size: var(--puck-font-size-m);
402
410
  }
403
- ._Heading--s_1czuc_37 {
411
+ ._Heading--m_qkzg9_31 {
404
412
  font-size: var(--puck-font-size-s);
405
413
  }
406
- ._Heading--xs_1czuc_41 {
414
+ ._Heading--s_qkzg9_35 {
407
415
  font-size: var(--puck-font-size-xs);
408
416
  }
409
- ._Heading--xxs_1czuc_45 {
417
+ ._Heading--xs_qkzg9_39 {
418
+ font-size: var(--puck-font-size-xxs);
419
+ }
420
+ ._Heading--xxs_qkzg9_43 {
410
421
  font-size: var(--puck-font-size-xxs);
411
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
+ }
412
454
 
413
455
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
414
456
  ._Align_oewlu_1 {
@@ -602,13 +644,13 @@ p {
602
644
  }
603
645
 
604
646
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
605
- ._Page_1uz1e_1 {
647
+ ._Page_1ajs1_1 {
606
648
  display: flex;
607
649
  flex-direction: column;
608
650
  height: 100%;
609
651
  overflow: hidden;
610
652
  }
611
- ._Page-masthead_1uz1e_8 {
653
+ ._Page-masthead_1ajs1_8 {
612
654
  align-items: center;
613
655
  display: flex;
614
656
  gap: 16px;
@@ -616,44 +658,78 @@ p {
616
658
  box-sizing: border-box;
617
659
  border-bottom: 1px solid var(--puck-color-grey-10);
618
660
  min-height: 64px;
661
+ overflow-x: auto;
619
662
  }
620
- ._Page-crumbs_1uz1e_18 {
663
+ ._Page-crumbs_1ajs1_19 {
621
664
  display: flex;
622
665
  gap: 32px;
623
666
  }
624
- ._Page-crumb_1uz1e_18 {
667
+ ._Page-crumb_1ajs1_19 {
625
668
  color: var(--puck-color-grey-05);
626
669
  position: relative;
670
+ white-space: nowrap;
627
671
  }
628
- ._Page-crumbLink_1uz1e_28 {
672
+ ._Page-crumbLink_1ajs1_30 {
629
673
  color: var(--puck-color-grey-05);
630
674
  text-decoration: none;
631
675
  }
632
- ._Page-crumbLink_1uz1e_28:hover {
676
+ ._Page-crumbLink_1ajs1_30:hover {
633
677
  color: var(--puck-color-azure-04);
634
678
  }
635
- ._Page-crumb_1uz1e_18:last-of-type {
679
+ ._Page-crumb_1ajs1_19:last-of-type {
636
680
  color: var(--puck-color-grey-01);
637
681
  font-weight: 600;
638
682
  }
639
- ._Page-crumb_1uz1e_18::before {
683
+ ._Page-crumb_1ajs1_19::before {
640
684
  position: absolute;
641
685
  content: "/";
642
686
  left: -19px;
643
687
  color: var(--puck-color-grey-09);
644
688
  font-weight: 400;
645
689
  }
646
- ._Page-crumb_1uz1e_18:first-of-type::before {
690
+ ._Page-crumb_1ajs1_19:first-of-type::before {
647
691
  display: none;
648
692
  }
649
- ._Page-crumb_1uz1e_18 {
693
+ ._Page-crumb_1ajs1_19 {
650
694
  color: var(--puck-color-grey-05);
651
695
  position: relative;
652
696
  text-decoration: none;
653
697
  }
654
- ._Page-actions_1uz1e_60 {
698
+ ._Page-actions_1ajs1_62 {
655
699
  margin-left: auto;
656
700
  }
701
+ ._Page-footer_1ajs1_66 {
702
+ border-top: 1px solid var(--puck-color-grey-10);
703
+ padding: 16px 24px;
704
+ }
705
+
706
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css/#css-module-data */
707
+ ._Pagination_1okv2_1 {
708
+ align-items: baseline;
709
+ display: flex;
710
+ gap: 4px;
711
+ }
712
+ ._PaginationButton_1okv2_8 {
713
+ align-items: center;
714
+ border-radius: 4px;
715
+ color: var(--puck-color-grey-05);
716
+ display: flex;
717
+ justify-content: center;
718
+ text-decoration: none;
719
+ min-width: 40px;
720
+ height: 40px;
721
+ }
722
+ ._PaginationButton--isActive_1okv2_20 {
723
+ background-color: var(--puck-color-azure-11);
724
+ color: var(--puck-color-azure-04);
725
+ }
726
+ ._PaginationButton_1okv2_8:hover {
727
+ background-color: var(--puck-color-azure-11);
728
+ color: var(--puck-color-azure-04);
729
+ }
730
+ ._Pagination-ellipsis_1okv2_30 {
731
+ color: var(--puck-color-grey-05);
732
+ }
657
733
 
658
734
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
659
735
  ._Section-inner_1uwo0_1 {
@@ -737,23 +813,26 @@ p {
737
813
  }
738
814
 
739
815
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
740
- ._Table_1t44j_1 {
816
+ ._Table_1bbu5_1 {
741
817
  color: black;
742
818
  display: flex;
743
819
  flex-direction: column;
744
820
  flex-grow: 1;
821
+ overflow-y: auto;
745
822
  }
746
- ._Table-filters_1t44j_8 {
823
+ ._Table-filters_1bbu5_9 {
747
824
  margin: 16px;
748
825
  }
749
- ._Table-inner_1t44j_12 {
826
+ ._Table-inner_1bbu5_13 {
750
827
  text-align: left;
751
828
  }
752
- ._Table-table_1t44j_16 {
829
+ ._Table-table_1bbu5_17 {
830
+ color: var(--puck-color-grey-02);
831
+ font-size: var(--puck-font-size-xxs);
753
832
  position: relative;
754
833
  width: 100%;
755
834
  }
756
- ._Table_1t44j_1 thead {
835
+ ._Table_1bbu5_1 thead {
757
836
  background: white;
758
837
  font-size: var(--puck-font-size-xxs);
759
838
  position: sticky;
@@ -761,55 +840,61 @@ p {
761
840
  white-space: nowrap;
762
841
  z-index: 1;
763
842
  }
764
- ._Table_1t44j_1 thead::after {
843
+ ._Table_1bbu5_1 thead::after {
765
844
  content: "";
766
845
  position: absolute;
767
846
  height: 1px;
768
847
  width: 100%;
769
- background-color: var(--puck-color-grey-09);
848
+ background-color: var(--puck-color-grey-10);
849
+ }
850
+ ._Table--hideHeader_1bbu5_41 thead {
851
+ display: none;
770
852
  }
771
- ._Table_1t44j_1 tbody tr {
853
+ ._Table_1bbu5_1 tbody tr {
772
854
  z-index: 0;
773
855
  }
774
- ._Table_1t44j_1 th {
775
- background: white;
776
- font-weight: 600;
856
+ ._Table_1bbu5_1 th {
857
+ background: var(--puck-color-grey-12);
858
+ font-weight: 400;
777
859
  padding-left: 24px;
778
860
  padding-right: 24px;
779
- padding-bottom: 20px;
780
- padding-top: 20px;
861
+ padding-bottom: 12px;
862
+ padding-top: 12px;
781
863
  }
782
864
  @media (--standard-viewport) {
783
- ._Table_1t44j_1 th {
865
+ ._Table_1bbu5_1 th {
784
866
  padding-left: 32px;
785
867
  padding-right: 32px;
786
868
  }
787
869
  }
788
- ._Table_1t44j_1 td {
870
+ ._Table_1bbu5_1 td {
789
871
  border-bottom: 1px solid var(--puck-color-grey-10);
790
872
  padding-left: 24px;
791
873
  padding-right: 24px;
792
- padding-bottom: 20px;
793
- padding-top: 20px;
874
+ padding-bottom: 16px;
875
+ padding-top: 16px;
794
876
  white-space: nowrap;
795
877
  }
796
- ._Table_1t44j_1 tbody tr:last-of-type td {
878
+ ._Table_1bbu5_1 td:not(:first-of-type) {
879
+ color: var(--puck-color-grey-05);
880
+ }
881
+ ._Table_1bbu5_1 tbody tr:last-of-type td {
797
882
  border-bottom: none;
798
883
  }
799
884
  @media (--standard-viewport) {
800
- ._Table_1t44j_1 td {
885
+ ._Table_1bbu5_1 td {
801
886
  padding-left: 32px;
802
887
  padding-right: 32px;
803
888
  }
804
889
  }
805
- ._Table-footer_1t44j_78 {
890
+ ._Table-footer_1bbu5_89 {
806
891
  border-top: 1px solid var(--puck-color-grey-09);
807
892
  }
808
- ._Table--clickableRows_1t44j_82 tbody tr:hover {
893
+ ._Table--clickableRows_1bbu5_93 tbody tr:hover {
809
894
  background: var(--puck-color-azure-12);
810
895
  cursor: pointer;
811
896
  }
812
- ._Table-placeholder_1t44j_87 {
897
+ ._Table-placeholder_1bbu5_98 {
813
898
  align-items: center;
814
899
  color: var(--puck-color-grey-06);
815
900
  justify-content: center;
@@ -819,6 +904,12 @@ p {
819
904
  width: 100%;
820
905
  height: 100%;
821
906
  }
907
+ ._Table-loader_1bbu5_109 {
908
+ padding: 16px 24px;
909
+ }
910
+ ._TableRow--highlightRow_1bbu5_113 {
911
+ background-color: var(--puck-color-grey-12);
912
+ }
822
913
 
823
914
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
824
915
  ._VerticalSpace_1tjaw_1 {
@@ -852,8 +943,43 @@ p {
852
943
  padding-top: 128px;
853
944
  }
854
945
 
946
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Viewport/styles.module.css/#css-module-data */
947
+ ._Viewport_1vvhm_3 {
948
+ }
949
+ ._Viewport--standard_1vvhm_6,
950
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
951
+ display: none;
952
+ }
953
+ ._Viewport--narrow_1vvhm_11 {
954
+ display: block;
955
+ }
956
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11 {
957
+ display: inline;
958
+ }
959
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
960
+ display: flex;
961
+ }
962
+ @media (min-width: 768px) {
963
+ ._Viewport--narrow_1vvhm_11,
964
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11,
965
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
966
+ display: none;
967
+ }
968
+ }
969
+ @media (min-width: 768px) {
970
+ ._Viewport--standard_1vvhm_6 {
971
+ display: block;
972
+ }
973
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
974
+ display: inline;
975
+ }
976
+ ._Viewport--flex_1vvhm_19._Viewport--standard_1vvhm_6 {
977
+ display: flex;
978
+ }
979
+ }
980
+
855
981
  /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
856
- ._Chat_14j71_1 {
982
+ ._Chat_150yz_1 {
857
983
  --fade-size: 32px;
858
984
  --chat-background-color: white;
859
985
  display: flex;
@@ -863,46 +989,46 @@ p {
863
989
  overflow: hidden;
864
990
  }
865
991
  @media (min-width: 638px) {
866
- ._Chat_14j71_1 {
992
+ ._Chat_150yz_1 {
867
993
  max-height: none;
868
994
  }
869
995
  }
870
- ._Chat-inner_14j71_17 {
996
+ ._Chat-inner_150yz_17 {
871
997
  background-color: var(--chat-background-color);
872
998
  display: flex;
873
999
  flex-direction: column;
874
1000
  max-height: 100%;
875
1001
  position: relative;
876
1002
  }
877
- ._Chat--hasMessages_14j71_25 ._Chat-inner_14j71_17 {
1003
+ ._Chat--hasMessages_150yz_25 ._Chat-inner_150yz_17 {
878
1004
  padding-top: 0;
879
1005
  }
880
- ._Chat_14j71_1:not(._Chat--hasChildren_14j71_29) ._Chat-inner_14j71_17 {
1006
+ ._Chat_150yz_1:not(._Chat--hasChildren_150yz_29) ._Chat-inner_150yz_17 {
881
1007
  height: 100%;
882
1008
  padding-top: 0;
883
1009
  }
884
- ._Chat--hasMessages_14j71_25 ._Chat-messages_14j71_34 {
1010
+ ._Chat--hasMessages_150yz_25 ._Chat-messages_150yz_34 {
885
1011
  display: flex;
886
1012
  flex-direction: column-reverse;
887
1013
  padding: 16px;
888
1014
  overflow: auto;
889
1015
  }
890
- ._Chat-form_14j71_41 {
1016
+ ._Chat-form_150yz_41 {
891
1017
  background-color: white;
892
1018
  padding: 16px;
893
1019
  }
894
- ._Chat--hideInput_14j71_46 ._Chat-form_14j71_41 {
1020
+ ._Chat--hideInput_150yz_46 ._Chat-form_150yz_41 {
895
1021
  display: none;
896
1022
  }
897
- ._Chat--hasMessages_14j71_25 ._Chat-form_14j71_41 {
1023
+ ._Chat--hasMessages_150yz_25 ._Chat-form_150yz_41 {
898
1024
  border-top: 1px solid var(--puck-color-grey-09);
899
1025
  }
900
1026
  @media (min-width: 638px) {
901
- ._Chat-form_14j71_41 {
1027
+ ._Chat-form_150yz_41 {
902
1028
  border-top: 1px solid var(--puck-color-grey-09);
903
1029
  }
904
1030
  }
905
- ._Chat-formHelper_14j71_60 {
1031
+ ._Chat-formHelper_150yz_60 {
906
1032
  align-items: center;
907
1033
  display: flex;
908
1034
  color: var(--puck-color-grey-04);
@@ -911,11 +1037,11 @@ p {
911
1037
  gap: 8px;
912
1038
  padding-bottom: 12px;
913
1039
  }
914
- ._Chat--hasMessages_14j71_25 ._Chat-formHelper_14j71_60 {
1040
+ ._Chat--hasMessages_150yz_25 ._Chat-formHelper_150yz_60 {
915
1041
  opacity: 0;
916
1042
  transition: opacity 250ms ease-in;
917
1043
  }
918
- ._Chat-examplePrompts_14j71_75 {
1044
+ ._Chat-examplePrompts_150yz_75 {
919
1045
  align-items: center;
920
1046
  display: flex;
921
1047
  flex-wrap: nowrap;
@@ -924,7 +1050,7 @@ p {
924
1050
  width: 100%;
925
1051
  overflow-x: auto;
926
1052
  }
927
- ._Chat-examplePrompt_14j71_75 {
1053
+ ._Chat-examplePrompt_150yz_75 {
928
1054
  align-items: center;
929
1055
  background: white;
930
1056
  border: 1px solid var(--puck-color-grey-09);
@@ -935,33 +1061,34 @@ p {
935
1061
  padding: 6px 12px;
936
1062
  text-wrap: nowrap;
937
1063
  }
938
- ._Chat-examplePrompt_14j71_75:hover {
1064
+ ._Chat-examplePrompt_150yz_75:hover {
939
1065
  background: var(--puck-color-azure-11);
940
1066
  border-color: var(--puck-color-azure-08);
941
1067
  color: var(--puck-color-azure-04);
942
1068
  }
943
- ._Chat-examplePromptArrow_14j71_103 {
1069
+ ._Chat-examplePromptArrow_150yz_103 {
944
1070
  margin-left: auto;
945
1071
  }
946
- ._Chat-default_14j71_107 {
1072
+ ._Chat-default_150yz_107 {
947
1073
  overflow-y: auto;
948
1074
  flex-grow: 1;
949
1075
  }
950
- ._Chat--hasMessages_14j71_25 ._Chat-default_14j71_107 {
1076
+ ._Chat--hasMessages_150yz_25 ._Chat-default_150yz_107 {
951
1077
  opacity: 0;
952
1078
  padding: 0;
953
1079
  pointer-events: none;
954
1080
  transition: opacity 250ms ease-in;
955
1081
  }
956
- ._Chat--hasMessages_14j71_25 {
1082
+ ._Chat--hasMessages_150yz_25 {
957
1083
  background-color: white;
958
1084
  transition: background-color 250ms ease-in;
959
1085
  }
960
- ._ChatMessage_14j71_124 {
1086
+ ._ChatMessage_150yz_124 {
961
1087
  font-size: var(--puck-font-size-xs);
962
1088
  line-height: var(--line-height-s);
1089
+ overflow-wrap: break-word;
963
1090
  }
964
- ._ChatMessage--userRole_14j71_129 ._ChatMessage-text_14j71_129 {
1091
+ ._ChatMessage--userRole_150yz_130 ._ChatMessage-text_150yz_130 {
965
1092
  background: var(--puck-color-azure-10);
966
1093
  border-radius: 16px;
967
1094
  color: var(--puck-color-grey-03);
@@ -970,64 +1097,64 @@ p {
970
1097
  margin-top: 8px;
971
1098
  padding: 12px 16px;
972
1099
  }
973
- ._ChatMessage_14j71_124 ul,
974
- ._ChatMessage_14j71_124 ol {
1100
+ ._ChatMessage_150yz_124 ul,
1101
+ ._ChatMessage_150yz_124 ol {
975
1102
  list-style: decimal;
976
1103
  margin: 0;
977
1104
  margin-bottom: 12px;
978
1105
  margin-top: 12px;
979
1106
  padding-left: 32px;
980
1107
  }
981
- ._ChatMessage_14j71_124 li {
1108
+ ._ChatMessage_150yz_124 li {
982
1109
  margin-bottom: 8px;
983
1110
  margin-top: 8px;
984
1111
  padding-left: 8px;
985
1112
  }
986
- ._ChatMessage_14j71_124 h1,
987
- ._ChatMessage_14j71_124 h2,
988
- ._ChatMessage_14j71_124 h3,
989
- ._ChatMessage_14j71_124 h4,
990
- ._ChatMessage_14j71_124 h5,
991
- ._ChatMessage_14j71_124 h6 {
1113
+ ._ChatMessage_150yz_124 h1,
1114
+ ._ChatMessage_150yz_124 h2,
1115
+ ._ChatMessage_150yz_124 h3,
1116
+ ._ChatMessage_150yz_124 h4,
1117
+ ._ChatMessage_150yz_124 h5,
1118
+ ._ChatMessage_150yz_124 h6 {
992
1119
  font-weight: 600;
993
1120
  }
994
- ._ChatMessage_14j71_124 h1 {
1121
+ ._ChatMessage_150yz_124 h1 {
995
1122
  font-size: var(--puck-font-l);
996
1123
  }
997
- ._ChatMessage_14j71_124 h2 {
1124
+ ._ChatMessage_150yz_124 h2 {
998
1125
  font-size: var(--puck-font-m);
999
1126
  }
1000
- ._ChatMessage_14j71_124 h3 {
1127
+ ._ChatMessage_150yz_124 h3 {
1001
1128
  font-size: var(--puck-font-m);
1002
1129
  }
1003
- ._ChatMessage_14j71_124 h4 {
1130
+ ._ChatMessage_150yz_124 h4 {
1004
1131
  font-size: var(--puck-font-s);
1005
1132
  }
1006
- ._ChatMessage_14j71_124 h5 {
1133
+ ._ChatMessage_150yz_124 h5 {
1007
1134
  font-size: var(--puck-font-xs);
1008
1135
  }
1009
- ._ChatMessage_14j71_124 h6 {
1136
+ ._ChatMessage_150yz_124 h6 {
1010
1137
  font-size: var(--puck-font-xm);
1011
1138
  }
1012
- ._ChatMessage_14j71_124 p {
1139
+ ._ChatMessage_150yz_124 p {
1013
1140
  margin-bottom: 8px;
1014
1141
  margin-top: 8px;
1015
1142
  }
1016
- ._ChatMessage_14j71_124 a {
1143
+ ._ChatMessage_150yz_124 a {
1017
1144
  color: var(--puck-color-azure-04);
1018
1145
  font-weight: 600;
1019
1146
  text-decoration: none;
1020
1147
  }
1021
- ._ChatMessage_14j71_124 a:hover {
1148
+ ._ChatMessage_150yz_124 a:hover {
1022
1149
  color: var(--puck-color-azure-05);
1023
1150
  }
1024
- ._ChatMessage_14j71_124 hr {
1151
+ ._ChatMessage_150yz_124 hr {
1025
1152
  border-top: none;
1026
1153
  border-bottom-color: var(--puck-color-grey-09);
1027
1154
  margin-bottom: 16px;
1028
1155
  margin-top: 16px;
1029
1156
  }
1030
- ._ChatMessage_14j71_124 blockquote {
1157
+ ._ChatMessage_150yz_124 blockquote {
1031
1158
  margin-bottom: 8px;
1032
1159
  margin-top: 8px;
1033
1160
  margin-left: 0;
@@ -1036,7 +1163,7 @@ p {
1036
1163
  padding-bottom: 2px;
1037
1164
  padding-top: 2px;
1038
1165
  }
1039
- ._ChatMessage-data_14j71_219 {
1166
+ ._ChatMessage-data_150yz_220 {
1040
1167
  background: var(--puck-color-grey-12);
1041
1168
  border: 1px solid var(--puck-color-grey-08);
1042
1169
  border-radius: 16px;
@@ -1046,19 +1173,19 @@ p {
1046
1173
  margin-top: 12px;
1047
1174
  padding: 12px 16px;
1048
1175
  }
1049
- ._ChatMessage-dataInner_14j71_230 {
1176
+ ._ChatMessage-dataInner_150yz_231 {
1050
1177
  align-items: center;
1051
1178
  display: flex;
1052
1179
  gap: 8px;
1053
1180
  }
1054
- ._ChatMessage-dataIcon_14j71_236 {
1181
+ ._ChatMessage-dataIcon_150yz_237 {
1055
1182
  display: flex;
1056
1183
  }
1057
- ._Chat-loader_14j71_240 {
1184
+ ._Chat-loader_150yz_241 {
1058
1185
  padding: 16px;
1059
1186
  padding-top: 0;
1060
1187
  }
1061
- ._Chat-error_14j71_245 {
1188
+ ._Chat-error_150yz_246 {
1062
1189
  align-items: center;
1063
1190
  display: flex;
1064
1191
  gap: 8px;
@@ -1066,10 +1193,10 @@ p {
1066
1193
  margin: 16px;
1067
1194
  margin-top: 0;
1068
1195
  }
1069
- ._Chat-errorLabel_14j71_254 {
1196
+ ._Chat-errorLabel_150yz_255 {
1070
1197
  color: var(--puck-color-red-04);
1071
1198
  }
1072
- ._Chat-errorAction_14j71_258 {
1199
+ ._Chat-errorAction_150yz_259 {
1073
1200
  margin-left: auto;
1074
1201
  }
1075
1202