@memori.ai/memori-react 7.1.2 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +1 -0
  3. package/dist/components/Chat/Chat.d.ts +1 -0
  4. package/dist/components/Chat/Chat.js +2 -2
  5. package/dist/components/Chat/Chat.js.map +1 -1
  6. package/dist/components/ChatBubble/ChatBubble.css +15 -10
  7. package/dist/components/ChatBubble/ChatBubble.d.ts +1 -0
  8. package/dist/components/ChatBubble/ChatBubble.js +14 -4
  9. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  10. package/dist/components/MemoriWidget/MemoriWidget.d.ts +2 -1
  11. package/dist/components/MemoriWidget/MemoriWidget.js +17 -16
  12. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  13. package/dist/components/icons/Code.d.ts +5 -0
  14. package/dist/components/icons/Code.js +6 -0
  15. package/dist/components/icons/Code.js.map +1 -0
  16. package/dist/components/icons/Copy.js +1 -1
  17. package/dist/components/icons/Copy.js.map +1 -1
  18. package/dist/index.d.ts +1 -0
  19. package/dist/index.js +3 -2
  20. package/dist/index.js.map +1 -1
  21. package/dist/locales/en.json +1 -0
  22. package/dist/locales/it.json +1 -0
  23. package/esm/components/Chat/Chat.d.ts +1 -0
  24. package/esm/components/Chat/Chat.js +2 -2
  25. package/esm/components/Chat/Chat.js.map +1 -1
  26. package/esm/components/ChatBubble/ChatBubble.css +15 -10
  27. package/esm/components/ChatBubble/ChatBubble.d.ts +1 -0
  28. package/esm/components/ChatBubble/ChatBubble.js +14 -4
  29. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  30. package/esm/components/MemoriWidget/MemoriWidget.d.ts +2 -1
  31. package/esm/components/MemoriWidget/MemoriWidget.js +17 -16
  32. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  33. package/esm/components/icons/Code.d.ts +5 -0
  34. package/esm/components/icons/Code.js +4 -0
  35. package/esm/components/icons/Code.js.map +1 -0
  36. package/esm/components/icons/Copy.js +2 -2
  37. package/esm/components/icons/Copy.js.map +1 -1
  38. package/esm/index.d.ts +1 -0
  39. package/esm/index.js +3 -2
  40. package/esm/index.js.map +1 -1
  41. package/esm/locales/en.json +1 -0
  42. package/esm/locales/it.json +1 -0
  43. package/package.json +1 -1
  44. package/src/components/Chat/Chat.tsx +3 -0
  45. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +1672 -44
  46. package/src/components/ChatBubble/ChatBubble.css +15 -10
  47. package/src/components/ChatBubble/ChatBubble.stories.tsx +11 -0
  48. package/src/components/ChatBubble/ChatBubble.test.tsx +16 -0
  49. package/src/components/ChatBubble/ChatBubble.tsx +39 -1
  50. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +764 -11
  51. package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +30 -4
  52. package/src/components/MemoriWidget/MemoriWidget.tsx +18 -15
  53. package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +120 -16
  54. package/src/components/icons/Code.tsx +24 -0
  55. package/src/components/icons/Copy.tsx +8 -2
  56. package/src/index.tsx +4 -0
  57. package/src/locales/en.json +1 -0
  58. package/src/locales/it.json +1 -0
@@ -33,7 +33,7 @@ exports[`renders Chat on X2a state unchanged 1`] = `
33
33
  />
34
34
  </picture>
35
35
  <div
36
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
36
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
37
37
  >
38
38
  <div
39
39
  class="memori-chat--bubble-content"
@@ -43,6 +43,43 @@ exports[`renders Chat on X2a state unchanged 1`] = `
43
43
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
44
44
  </p>
45
45
  </div>
46
+ <div
47
+ class="memori-chat--bubble-addon"
48
+ >
49
+ <button
50
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
51
+ title="copy"
52
+ >
53
+ <span
54
+ class="memori-button--icon"
55
+ >
56
+ <svg
57
+ aria-hidden="true"
58
+ fill="none"
59
+ focusable="false"
60
+ role="img"
61
+ stroke="currentColor"
62
+ stroke-linecap="round"
63
+ stroke-linejoin="round"
64
+ stroke-width="1.5"
65
+ viewBox="0 0 24 24"
66
+ xmlns="http://www.w3.org/2000/svg"
67
+ >
68
+ <rect
69
+ height="14"
70
+ rx="2"
71
+ ry="2"
72
+ width="14"
73
+ x="8"
74
+ y="8"
75
+ />
76
+ <path
77
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
78
+ />
79
+ </svg>
80
+ </span>
81
+ </button>
82
+ </div>
46
83
  </div>
47
84
  </div>
48
85
  <div
@@ -94,7 +131,7 @@ exports[`renders Chat on X2a state unchanged 1`] = `
94
131
  />
95
132
  </picture>
96
133
  <div
97
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
134
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
98
135
  >
99
136
  <div
100
137
  class="memori-chat--bubble-content"
@@ -104,6 +141,43 @@ exports[`renders Chat on X2a state unchanged 1`] = `
104
141
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
105
142
  </p>
106
143
  </div>
144
+ <div
145
+ class="memori-chat--bubble-addon"
146
+ >
147
+ <button
148
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
149
+ title="copy"
150
+ >
151
+ <span
152
+ class="memori-button--icon"
153
+ >
154
+ <svg
155
+ aria-hidden="true"
156
+ fill="none"
157
+ focusable="false"
158
+ role="img"
159
+ stroke="currentColor"
160
+ stroke-linecap="round"
161
+ stroke-linejoin="round"
162
+ stroke-width="1.5"
163
+ viewBox="0 0 24 24"
164
+ xmlns="http://www.w3.org/2000/svg"
165
+ >
166
+ <rect
167
+ height="14"
168
+ rx="2"
169
+ ry="2"
170
+ width="14"
171
+ x="8"
172
+ y="8"
173
+ />
174
+ <path
175
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
176
+ />
177
+ </svg>
178
+ </span>
179
+ </button>
180
+ </div>
107
181
  </div>
108
182
  </div>
109
183
  <div
@@ -155,7 +229,7 @@ exports[`renders Chat on X2a state unchanged 1`] = `
155
229
  />
156
230
  </picture>
157
231
  <div
158
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
232
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
159
233
  >
160
234
  <div
161
235
  class="memori-chat--bubble-content"
@@ -165,6 +239,43 @@ exports[`renders Chat on X2a state unchanged 1`] = `
165
239
  Ecco qui come.
166
240
  </p>
167
241
  </div>
242
+ <div
243
+ class="memori-chat--bubble-addon"
244
+ >
245
+ <button
246
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
247
+ title="copy"
248
+ >
249
+ <span
250
+ class="memori-button--icon"
251
+ >
252
+ <svg
253
+ aria-hidden="true"
254
+ fill="none"
255
+ focusable="false"
256
+ role="img"
257
+ stroke="currentColor"
258
+ stroke-linecap="round"
259
+ stroke-linejoin="round"
260
+ stroke-width="1.5"
261
+ viewBox="0 0 24 24"
262
+ xmlns="http://www.w3.org/2000/svg"
263
+ >
264
+ <rect
265
+ height="14"
266
+ rx="2"
267
+ ry="2"
268
+ width="14"
269
+ x="8"
270
+ y="8"
271
+ />
272
+ <path
273
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
274
+ />
275
+ </svg>
276
+ </span>
277
+ </button>
278
+ </div>
168
279
  </div>
169
280
  </div>
170
281
  <div
@@ -307,7 +418,7 @@ exports[`renders Chat on X2a state unchanged 1`] = `
307
418
  />
308
419
  </picture>
309
420
  <div
310
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
421
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
311
422
  >
312
423
  <div
313
424
  class="memori-chat--bubble-content"
@@ -317,6 +428,43 @@ exports[`renders Chat on X2a state unchanged 1`] = `
317
428
  Arrivederci.
318
429
  </p>
319
430
  </div>
431
+ <div
432
+ class="memori-chat--bubble-addon"
433
+ >
434
+ <button
435
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
436
+ title="copy"
437
+ >
438
+ <span
439
+ class="memori-button--icon"
440
+ >
441
+ <svg
442
+ aria-hidden="true"
443
+ fill="none"
444
+ focusable="false"
445
+ role="img"
446
+ stroke="currentColor"
447
+ stroke-linecap="round"
448
+ stroke-linejoin="round"
449
+ stroke-width="1.5"
450
+ viewBox="0 0 24 24"
451
+ xmlns="http://www.w3.org/2000/svg"
452
+ >
453
+ <rect
454
+ height="14"
455
+ rx="2"
456
+ ry="2"
457
+ width="14"
458
+ x="8"
459
+ y="8"
460
+ />
461
+ <path
462
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
463
+ />
464
+ </svg>
465
+ </span>
466
+ </button>
467
+ </div>
320
468
  </div>
321
469
  </div>
322
470
  <div
@@ -442,7 +590,7 @@ exports[`renders Chat on X3 state unchanged 1`] = `
442
590
  />
443
591
  </picture>
444
592
  <div
445
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
593
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
446
594
  >
447
595
  <div
448
596
  class="memori-chat--bubble-content"
@@ -452,6 +600,43 @@ exports[`renders Chat on X3 state unchanged 1`] = `
452
600
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
453
601
  </p>
454
602
  </div>
603
+ <div
604
+ class="memori-chat--bubble-addon"
605
+ >
606
+ <button
607
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
608
+ title="copy"
609
+ >
610
+ <span
611
+ class="memori-button--icon"
612
+ >
613
+ <svg
614
+ aria-hidden="true"
615
+ fill="none"
616
+ focusable="false"
617
+ role="img"
618
+ stroke="currentColor"
619
+ stroke-linecap="round"
620
+ stroke-linejoin="round"
621
+ stroke-width="1.5"
622
+ viewBox="0 0 24 24"
623
+ xmlns="http://www.w3.org/2000/svg"
624
+ >
625
+ <rect
626
+ height="14"
627
+ rx="2"
628
+ ry="2"
629
+ width="14"
630
+ x="8"
631
+ y="8"
632
+ />
633
+ <path
634
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
635
+ />
636
+ </svg>
637
+ </span>
638
+ </button>
639
+ </div>
455
640
  </div>
456
641
  </div>
457
642
  <div
@@ -503,7 +688,7 @@ exports[`renders Chat on X3 state unchanged 1`] = `
503
688
  />
504
689
  </picture>
505
690
  <div
506
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
691
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
507
692
  >
508
693
  <div
509
694
  class="memori-chat--bubble-content"
@@ -513,6 +698,43 @@ exports[`renders Chat on X3 state unchanged 1`] = `
513
698
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
514
699
  </p>
515
700
  </div>
701
+ <div
702
+ class="memori-chat--bubble-addon"
703
+ >
704
+ <button
705
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
706
+ title="copy"
707
+ >
708
+ <span
709
+ class="memori-button--icon"
710
+ >
711
+ <svg
712
+ aria-hidden="true"
713
+ fill="none"
714
+ focusable="false"
715
+ role="img"
716
+ stroke="currentColor"
717
+ stroke-linecap="round"
718
+ stroke-linejoin="round"
719
+ stroke-width="1.5"
720
+ viewBox="0 0 24 24"
721
+ xmlns="http://www.w3.org/2000/svg"
722
+ >
723
+ <rect
724
+ height="14"
725
+ rx="2"
726
+ ry="2"
727
+ width="14"
728
+ x="8"
729
+ y="8"
730
+ />
731
+ <path
732
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
733
+ />
734
+ </svg>
735
+ </span>
736
+ </button>
737
+ </div>
516
738
  </div>
517
739
  </div>
518
740
  <div
@@ -564,7 +786,7 @@ exports[`renders Chat on X3 state unchanged 1`] = `
564
786
  />
565
787
  </picture>
566
788
  <div
567
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
789
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
568
790
  >
569
791
  <div
570
792
  class="memori-chat--bubble-content"
@@ -574,6 +796,43 @@ exports[`renders Chat on X3 state unchanged 1`] = `
574
796
  Ecco qui come.
575
797
  </p>
576
798
  </div>
799
+ <div
800
+ class="memori-chat--bubble-addon"
801
+ >
802
+ <button
803
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
804
+ title="copy"
805
+ >
806
+ <span
807
+ class="memori-button--icon"
808
+ >
809
+ <svg
810
+ aria-hidden="true"
811
+ fill="none"
812
+ focusable="false"
813
+ role="img"
814
+ stroke="currentColor"
815
+ stroke-linecap="round"
816
+ stroke-linejoin="round"
817
+ stroke-width="1.5"
818
+ viewBox="0 0 24 24"
819
+ xmlns="http://www.w3.org/2000/svg"
820
+ >
821
+ <rect
822
+ height="14"
823
+ rx="2"
824
+ ry="2"
825
+ width="14"
826
+ x="8"
827
+ y="8"
828
+ />
829
+ <path
830
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
831
+ />
832
+ </svg>
833
+ </span>
834
+ </button>
835
+ </div>
577
836
  </div>
578
837
  </div>
579
838
  <div
@@ -716,7 +975,7 @@ exports[`renders Chat on X3 state unchanged 1`] = `
716
975
  />
717
976
  </picture>
718
977
  <div
719
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
978
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
720
979
  >
721
980
  <div
722
981
  class="memori-chat--bubble-content"
@@ -726,6 +985,43 @@ exports[`renders Chat on X3 state unchanged 1`] = `
726
985
  Arrivederci.
727
986
  </p>
728
987
  </div>
988
+ <div
989
+ class="memori-chat--bubble-addon"
990
+ >
991
+ <button
992
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
993
+ title="copy"
994
+ >
995
+ <span
996
+ class="memori-button--icon"
997
+ >
998
+ <svg
999
+ aria-hidden="true"
1000
+ fill="none"
1001
+ focusable="false"
1002
+ role="img"
1003
+ stroke="currentColor"
1004
+ stroke-linecap="round"
1005
+ stroke-linejoin="round"
1006
+ stroke-width="1.5"
1007
+ viewBox="0 0 24 24"
1008
+ xmlns="http://www.w3.org/2000/svg"
1009
+ >
1010
+ <rect
1011
+ height="14"
1012
+ rx="2"
1013
+ ry="2"
1014
+ width="14"
1015
+ x="8"
1016
+ y="8"
1017
+ />
1018
+ <path
1019
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1020
+ />
1021
+ </svg>
1022
+ </span>
1023
+ </button>
1024
+ </div>
729
1025
  </div>
730
1026
  </div>
731
1027
  <div
@@ -884,7 +1180,7 @@ exports[`renders Chat unchanged 1`] = `
884
1180
  />
885
1181
  </picture>
886
1182
  <div
887
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1183
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
888
1184
  >
889
1185
  <div
890
1186
  class="memori-chat--bubble-content"
@@ -894,6 +1190,43 @@ exports[`renders Chat unchanged 1`] = `
894
1190
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
895
1191
  </p>
896
1192
  </div>
1193
+ <div
1194
+ class="memori-chat--bubble-addon"
1195
+ >
1196
+ <button
1197
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1198
+ title="copy"
1199
+ >
1200
+ <span
1201
+ class="memori-button--icon"
1202
+ >
1203
+ <svg
1204
+ aria-hidden="true"
1205
+ fill="none"
1206
+ focusable="false"
1207
+ role="img"
1208
+ stroke="currentColor"
1209
+ stroke-linecap="round"
1210
+ stroke-linejoin="round"
1211
+ stroke-width="1.5"
1212
+ viewBox="0 0 24 24"
1213
+ xmlns="http://www.w3.org/2000/svg"
1214
+ >
1215
+ <rect
1216
+ height="14"
1217
+ rx="2"
1218
+ ry="2"
1219
+ width="14"
1220
+ x="8"
1221
+ y="8"
1222
+ />
1223
+ <path
1224
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1225
+ />
1226
+ </svg>
1227
+ </span>
1228
+ </button>
1229
+ </div>
897
1230
  </div>
898
1231
  </div>
899
1232
  <div
@@ -945,7 +1278,7 @@ exports[`renders Chat unchanged 1`] = `
945
1278
  />
946
1279
  </picture>
947
1280
  <div
948
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1281
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
949
1282
  >
950
1283
  <div
951
1284
  class="memori-chat--bubble-content"
@@ -955,6 +1288,43 @@ exports[`renders Chat unchanged 1`] = `
955
1288
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
956
1289
  </p>
957
1290
  </div>
1291
+ <div
1292
+ class="memori-chat--bubble-addon"
1293
+ >
1294
+ <button
1295
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1296
+ title="copy"
1297
+ >
1298
+ <span
1299
+ class="memori-button--icon"
1300
+ >
1301
+ <svg
1302
+ aria-hidden="true"
1303
+ fill="none"
1304
+ focusable="false"
1305
+ role="img"
1306
+ stroke="currentColor"
1307
+ stroke-linecap="round"
1308
+ stroke-linejoin="round"
1309
+ stroke-width="1.5"
1310
+ viewBox="0 0 24 24"
1311
+ xmlns="http://www.w3.org/2000/svg"
1312
+ >
1313
+ <rect
1314
+ height="14"
1315
+ rx="2"
1316
+ ry="2"
1317
+ width="14"
1318
+ x="8"
1319
+ y="8"
1320
+ />
1321
+ <path
1322
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1323
+ />
1324
+ </svg>
1325
+ </span>
1326
+ </button>
1327
+ </div>
958
1328
  </div>
959
1329
  </div>
960
1330
  <div
@@ -1006,7 +1376,7 @@ exports[`renders Chat unchanged 1`] = `
1006
1376
  />
1007
1377
  </picture>
1008
1378
  <div
1009
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1379
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1010
1380
  >
1011
1381
  <div
1012
1382
  class="memori-chat--bubble-content"
@@ -1016,6 +1386,43 @@ exports[`renders Chat unchanged 1`] = `
1016
1386
  Ecco qui come.
1017
1387
  </p>
1018
1388
  </div>
1389
+ <div
1390
+ class="memori-chat--bubble-addon"
1391
+ >
1392
+ <button
1393
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1394
+ title="copy"
1395
+ >
1396
+ <span
1397
+ class="memori-button--icon"
1398
+ >
1399
+ <svg
1400
+ aria-hidden="true"
1401
+ fill="none"
1402
+ focusable="false"
1403
+ role="img"
1404
+ stroke="currentColor"
1405
+ stroke-linecap="round"
1406
+ stroke-linejoin="round"
1407
+ stroke-width="1.5"
1408
+ viewBox="0 0 24 24"
1409
+ xmlns="http://www.w3.org/2000/svg"
1410
+ >
1411
+ <rect
1412
+ height="14"
1413
+ rx="2"
1414
+ ry="2"
1415
+ width="14"
1416
+ x="8"
1417
+ y="8"
1418
+ />
1419
+ <path
1420
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1421
+ />
1422
+ </svg>
1423
+ </span>
1424
+ </button>
1425
+ </div>
1019
1426
  </div>
1020
1427
  </div>
1021
1428
  <div
@@ -1143,7 +1550,7 @@ exports[`renders Chat unchanged 1`] = `
1143
1550
  />
1144
1551
  </picture>
1145
1552
  <div
1146
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1553
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1147
1554
  >
1148
1555
  <div
1149
1556
  class="memori-chat--bubble-content"
@@ -1153,6 +1560,43 @@ exports[`renders Chat unchanged 1`] = `
1153
1560
  Arrivederci.
1154
1561
  </p>
1155
1562
  </div>
1563
+ <div
1564
+ class="memori-chat--bubble-addon"
1565
+ >
1566
+ <button
1567
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1568
+ title="copy"
1569
+ >
1570
+ <span
1571
+ class="memori-button--icon"
1572
+ >
1573
+ <svg
1574
+ aria-hidden="true"
1575
+ fill="none"
1576
+ focusable="false"
1577
+ role="img"
1578
+ stroke="currentColor"
1579
+ stroke-linecap="round"
1580
+ stroke-linejoin="round"
1581
+ stroke-width="1.5"
1582
+ viewBox="0 0 24 24"
1583
+ xmlns="http://www.w3.org/2000/svg"
1584
+ >
1585
+ <rect
1586
+ height="14"
1587
+ rx="2"
1588
+ ry="2"
1589
+ width="14"
1590
+ x="8"
1591
+ y="8"
1592
+ />
1593
+ <path
1594
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1595
+ />
1596
+ </svg>
1597
+ </span>
1598
+ </button>
1599
+ </div>
1156
1600
  </div>
1157
1601
  </div>
1158
1602
  <div
@@ -1262,7 +1706,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
1262
1706
  />
1263
1707
  </picture>
1264
1708
  <div
1265
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1709
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1266
1710
  >
1267
1711
  <div
1268
1712
  class="memori-chat--bubble-content"
@@ -1272,6 +1716,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
1272
1716
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
1273
1717
  </p>
1274
1718
  </div>
1719
+ <div
1720
+ class="memori-chat--bubble-addon"
1721
+ >
1722
+ <button
1723
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1724
+ title="copy"
1725
+ >
1726
+ <span
1727
+ class="memori-button--icon"
1728
+ >
1729
+ <svg
1730
+ aria-hidden="true"
1731
+ fill="none"
1732
+ focusable="false"
1733
+ role="img"
1734
+ stroke="currentColor"
1735
+ stroke-linecap="round"
1736
+ stroke-linejoin="round"
1737
+ stroke-width="1.5"
1738
+ viewBox="0 0 24 24"
1739
+ xmlns="http://www.w3.org/2000/svg"
1740
+ >
1741
+ <rect
1742
+ height="14"
1743
+ rx="2"
1744
+ ry="2"
1745
+ width="14"
1746
+ x="8"
1747
+ y="8"
1748
+ />
1749
+ <path
1750
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1751
+ />
1752
+ </svg>
1753
+ </span>
1754
+ </button>
1755
+ </div>
1275
1756
  </div>
1276
1757
  </div>
1277
1758
  <div
@@ -1323,7 +1804,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
1323
1804
  />
1324
1805
  </picture>
1325
1806
  <div
1326
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1807
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1327
1808
  >
1328
1809
  <div
1329
1810
  class="memori-chat--bubble-content"
@@ -1333,6 +1814,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
1333
1814
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
1334
1815
  </p>
1335
1816
  </div>
1817
+ <div
1818
+ class="memori-chat--bubble-addon"
1819
+ >
1820
+ <button
1821
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1822
+ title="copy"
1823
+ >
1824
+ <span
1825
+ class="memori-button--icon"
1826
+ >
1827
+ <svg
1828
+ aria-hidden="true"
1829
+ fill="none"
1830
+ focusable="false"
1831
+ role="img"
1832
+ stroke="currentColor"
1833
+ stroke-linecap="round"
1834
+ stroke-linejoin="round"
1835
+ stroke-width="1.5"
1836
+ viewBox="0 0 24 24"
1837
+ xmlns="http://www.w3.org/2000/svg"
1838
+ >
1839
+ <rect
1840
+ height="14"
1841
+ rx="2"
1842
+ ry="2"
1843
+ width="14"
1844
+ x="8"
1845
+ y="8"
1846
+ />
1847
+ <path
1848
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1849
+ />
1850
+ </svg>
1851
+ </span>
1852
+ </button>
1853
+ </div>
1336
1854
  </div>
1337
1855
  </div>
1338
1856
  <div
@@ -1384,7 +1902,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
1384
1902
  />
1385
1903
  </picture>
1386
1904
  <div
1387
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1905
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1388
1906
  >
1389
1907
  <div
1390
1908
  class="memori-chat--bubble-content"
@@ -1394,6 +1912,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
1394
1912
  Ecco qui come.
1395
1913
  </p>
1396
1914
  </div>
1915
+ <div
1916
+ class="memori-chat--bubble-addon"
1917
+ >
1918
+ <button
1919
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1920
+ title="copy"
1921
+ >
1922
+ <span
1923
+ class="memori-button--icon"
1924
+ >
1925
+ <svg
1926
+ aria-hidden="true"
1927
+ fill="none"
1928
+ focusable="false"
1929
+ role="img"
1930
+ stroke="currentColor"
1931
+ stroke-linecap="round"
1932
+ stroke-linejoin="round"
1933
+ stroke-width="1.5"
1934
+ viewBox="0 0 24 24"
1935
+ xmlns="http://www.w3.org/2000/svg"
1936
+ >
1937
+ <rect
1938
+ height="14"
1939
+ rx="2"
1940
+ ry="2"
1941
+ width="14"
1942
+ x="8"
1943
+ y="8"
1944
+ />
1945
+ <path
1946
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1947
+ />
1948
+ </svg>
1949
+ </span>
1950
+ </button>
1951
+ </div>
1397
1952
  </div>
1398
1953
  </div>
1399
1954
  <div
@@ -1536,7 +2091,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
1536
2091
  />
1537
2092
  </picture>
1538
2093
  <div
1539
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2094
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1540
2095
  >
1541
2096
  <div
1542
2097
  class="memori-chat--bubble-content"
@@ -1546,6 +2101,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
1546
2101
  Arrivederci.
1547
2102
  </p>
1548
2103
  </div>
2104
+ <div
2105
+ class="memori-chat--bubble-addon"
2106
+ >
2107
+ <button
2108
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2109
+ title="copy"
2110
+ >
2111
+ <span
2112
+ class="memori-button--icon"
2113
+ >
2114
+ <svg
2115
+ aria-hidden="true"
2116
+ fill="none"
2117
+ focusable="false"
2118
+ role="img"
2119
+ stroke="currentColor"
2120
+ stroke-linecap="round"
2121
+ stroke-linejoin="round"
2122
+ stroke-width="1.5"
2123
+ viewBox="0 0 24 24"
2124
+ xmlns="http://www.w3.org/2000/svg"
2125
+ >
2126
+ <rect
2127
+ height="14"
2128
+ rx="2"
2129
+ ry="2"
2130
+ width="14"
2131
+ x="8"
2132
+ y="8"
2133
+ />
2134
+ <path
2135
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2136
+ />
2137
+ </svg>
2138
+ </span>
2139
+ </button>
2140
+ </div>
1549
2141
  </div>
1550
2142
  </div>
1551
2143
  <div
@@ -1670,7 +2262,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1670
2262
  />
1671
2263
  </picture>
1672
2264
  <div
1673
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2265
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1674
2266
  >
1675
2267
  <div
1676
2268
  class="memori-chat--bubble-content"
@@ -1680,6 +2272,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1680
2272
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
1681
2273
  </p>
1682
2274
  </div>
2275
+ <div
2276
+ class="memori-chat--bubble-addon"
2277
+ >
2278
+ <button
2279
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2280
+ title="copy"
2281
+ >
2282
+ <span
2283
+ class="memori-button--icon"
2284
+ >
2285
+ <svg
2286
+ aria-hidden="true"
2287
+ fill="none"
2288
+ focusable="false"
2289
+ role="img"
2290
+ stroke="currentColor"
2291
+ stroke-linecap="round"
2292
+ stroke-linejoin="round"
2293
+ stroke-width="1.5"
2294
+ viewBox="0 0 24 24"
2295
+ xmlns="http://www.w3.org/2000/svg"
2296
+ >
2297
+ <rect
2298
+ height="14"
2299
+ rx="2"
2300
+ ry="2"
2301
+ width="14"
2302
+ x="8"
2303
+ y="8"
2304
+ />
2305
+ <path
2306
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2307
+ />
2308
+ </svg>
2309
+ </span>
2310
+ </button>
2311
+ </div>
1683
2312
  </div>
1684
2313
  </div>
1685
2314
  <div
@@ -1723,7 +2352,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1723
2352
  />
1724
2353
  </picture>
1725
2354
  <div
1726
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2355
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1727
2356
  >
1728
2357
  <div
1729
2358
  class="memori-chat--bubble-content"
@@ -1733,6 +2362,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1733
2362
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
1734
2363
  </p>
1735
2364
  </div>
2365
+ <div
2366
+ class="memori-chat--bubble-addon"
2367
+ >
2368
+ <button
2369
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2370
+ title="copy"
2371
+ >
2372
+ <span
2373
+ class="memori-button--icon"
2374
+ >
2375
+ <svg
2376
+ aria-hidden="true"
2377
+ fill="none"
2378
+ focusable="false"
2379
+ role="img"
2380
+ stroke="currentColor"
2381
+ stroke-linecap="round"
2382
+ stroke-linejoin="round"
2383
+ stroke-width="1.5"
2384
+ viewBox="0 0 24 24"
2385
+ xmlns="http://www.w3.org/2000/svg"
2386
+ >
2387
+ <rect
2388
+ height="14"
2389
+ rx="2"
2390
+ ry="2"
2391
+ width="14"
2392
+ x="8"
2393
+ y="8"
2394
+ />
2395
+ <path
2396
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2397
+ />
2398
+ </svg>
2399
+ </span>
2400
+ </button>
2401
+ </div>
1736
2402
  </div>
1737
2403
  </div>
1738
2404
  <div
@@ -1776,7 +2442,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1776
2442
  />
1777
2443
  </picture>
1778
2444
  <div
1779
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2445
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1780
2446
  >
1781
2447
  <div
1782
2448
  class="memori-chat--bubble-content"
@@ -1786,6 +2452,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1786
2452
  Ecco qui come.
1787
2453
  </p>
1788
2454
  </div>
2455
+ <div
2456
+ class="memori-chat--bubble-addon"
2457
+ >
2458
+ <button
2459
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2460
+ title="copy"
2461
+ >
2462
+ <span
2463
+ class="memori-button--icon"
2464
+ >
2465
+ <svg
2466
+ aria-hidden="true"
2467
+ fill="none"
2468
+ focusable="false"
2469
+ role="img"
2470
+ stroke="currentColor"
2471
+ stroke-linecap="round"
2472
+ stroke-linejoin="round"
2473
+ stroke-width="1.5"
2474
+ viewBox="0 0 24 24"
2475
+ xmlns="http://www.w3.org/2000/svg"
2476
+ >
2477
+ <rect
2478
+ height="14"
2479
+ rx="2"
2480
+ ry="2"
2481
+ width="14"
2482
+ x="8"
2483
+ y="8"
2484
+ />
2485
+ <path
2486
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2487
+ />
2488
+ </svg>
2489
+ </span>
2490
+ </button>
2491
+ </div>
1789
2492
  </div>
1790
2493
  </div>
1791
2494
  <div
@@ -1905,7 +2608,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1905
2608
  />
1906
2609
  </picture>
1907
2610
  <div
1908
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2611
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
1909
2612
  >
1910
2613
  <div
1911
2614
  class="memori-chat--bubble-content"
@@ -1915,6 +2618,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1915
2618
  Arrivederci.
1916
2619
  </p>
1917
2620
  </div>
2621
+ <div
2622
+ class="memori-chat--bubble-addon"
2623
+ >
2624
+ <button
2625
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2626
+ title="copy"
2627
+ >
2628
+ <span
2629
+ class="memori-button--icon"
2630
+ >
2631
+ <svg
2632
+ aria-hidden="true"
2633
+ fill="none"
2634
+ focusable="false"
2635
+ role="img"
2636
+ stroke="currentColor"
2637
+ stroke-linecap="round"
2638
+ stroke-linejoin="round"
2639
+ stroke-width="1.5"
2640
+ viewBox="0 0 24 24"
2641
+ xmlns="http://www.w3.org/2000/svg"
2642
+ >
2643
+ <rect
2644
+ height="14"
2645
+ rx="2"
2646
+ ry="2"
2647
+ width="14"
2648
+ x="8"
2649
+ y="8"
2650
+ />
2651
+ <path
2652
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2653
+ />
2654
+ </svg>
2655
+ </span>
2656
+ </button>
2657
+ </div>
1918
2658
  </div>
1919
2659
  </div>
1920
2660
  <div
@@ -2024,7 +2764,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2024
2764
  />
2025
2765
  </picture>
2026
2766
  <div
2027
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2767
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2028
2768
  >
2029
2769
  <div
2030
2770
  class="memori-chat--bubble-content"
@@ -2034,6 +2774,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2034
2774
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
2035
2775
  </p>
2036
2776
  </div>
2777
+ <div
2778
+ class="memori-chat--bubble-addon"
2779
+ >
2780
+ <button
2781
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2782
+ title="copy"
2783
+ >
2784
+ <span
2785
+ class="memori-button--icon"
2786
+ >
2787
+ <svg
2788
+ aria-hidden="true"
2789
+ fill="none"
2790
+ focusable="false"
2791
+ role="img"
2792
+ stroke="currentColor"
2793
+ stroke-linecap="round"
2794
+ stroke-linejoin="round"
2795
+ stroke-width="1.5"
2796
+ viewBox="0 0 24 24"
2797
+ xmlns="http://www.w3.org/2000/svg"
2798
+ >
2799
+ <rect
2800
+ height="14"
2801
+ rx="2"
2802
+ ry="2"
2803
+ width="14"
2804
+ x="8"
2805
+ y="8"
2806
+ />
2807
+ <path
2808
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2809
+ />
2810
+ </svg>
2811
+ </span>
2812
+ </button>
2813
+ </div>
2037
2814
  </div>
2038
2815
  </div>
2039
2816
  <div
@@ -2079,7 +2856,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2079
2856
  />
2080
2857
  </picture>
2081
2858
  <div
2082
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2859
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2083
2860
  >
2084
2861
  <div
2085
2862
  class="memori-chat--bubble-content"
@@ -2089,6 +2866,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2089
2866
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
2090
2867
  </p>
2091
2868
  </div>
2869
+ <div
2870
+ class="memori-chat--bubble-addon"
2871
+ >
2872
+ <button
2873
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2874
+ title="copy"
2875
+ >
2876
+ <span
2877
+ class="memori-button--icon"
2878
+ >
2879
+ <svg
2880
+ aria-hidden="true"
2881
+ fill="none"
2882
+ focusable="false"
2883
+ role="img"
2884
+ stroke="currentColor"
2885
+ stroke-linecap="round"
2886
+ stroke-linejoin="round"
2887
+ stroke-width="1.5"
2888
+ viewBox="0 0 24 24"
2889
+ xmlns="http://www.w3.org/2000/svg"
2890
+ >
2891
+ <rect
2892
+ height="14"
2893
+ rx="2"
2894
+ ry="2"
2895
+ width="14"
2896
+ x="8"
2897
+ y="8"
2898
+ />
2899
+ <path
2900
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2901
+ />
2902
+ </svg>
2903
+ </span>
2904
+ </button>
2905
+ </div>
2092
2906
  </div>
2093
2907
  </div>
2094
2908
  <div
@@ -2134,7 +2948,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2134
2948
  />
2135
2949
  </picture>
2136
2950
  <div
2137
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2951
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2138
2952
  >
2139
2953
  <div
2140
2954
  class="memori-chat--bubble-content"
@@ -2144,6 +2958,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2144
2958
  Ecco qui come.
2145
2959
  </p>
2146
2960
  </div>
2961
+ <div
2962
+ class="memori-chat--bubble-addon"
2963
+ >
2964
+ <button
2965
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
2966
+ title="copy"
2967
+ >
2968
+ <span
2969
+ class="memori-button--icon"
2970
+ >
2971
+ <svg
2972
+ aria-hidden="true"
2973
+ fill="none"
2974
+ focusable="false"
2975
+ role="img"
2976
+ stroke="currentColor"
2977
+ stroke-linecap="round"
2978
+ stroke-linejoin="round"
2979
+ stroke-width="1.5"
2980
+ viewBox="0 0 24 24"
2981
+ xmlns="http://www.w3.org/2000/svg"
2982
+ >
2983
+ <rect
2984
+ height="14"
2985
+ rx="2"
2986
+ ry="2"
2987
+ width="14"
2988
+ x="8"
2989
+ y="8"
2990
+ />
2991
+ <path
2992
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
2993
+ />
2994
+ </svg>
2995
+ </span>
2996
+ </button>
2997
+ </div>
2147
2998
  </div>
2148
2999
  </div>
2149
3000
  <div
@@ -2265,7 +3116,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2265
3116
  />
2266
3117
  </picture>
2267
3118
  <div
2268
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3119
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2269
3120
  >
2270
3121
  <div
2271
3122
  class="memori-chat--bubble-content"
@@ -2275,6 +3126,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2275
3126
  Arrivederci.
2276
3127
  </p>
2277
3128
  </div>
3129
+ <div
3130
+ class="memori-chat--bubble-addon"
3131
+ >
3132
+ <button
3133
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3134
+ title="copy"
3135
+ >
3136
+ <span
3137
+ class="memori-button--icon"
3138
+ >
3139
+ <svg
3140
+ aria-hidden="true"
3141
+ fill="none"
3142
+ focusable="false"
3143
+ role="img"
3144
+ stroke="currentColor"
3145
+ stroke-linecap="round"
3146
+ stroke-linejoin="round"
3147
+ stroke-width="1.5"
3148
+ viewBox="0 0 24 24"
3149
+ xmlns="http://www.w3.org/2000/svg"
3150
+ >
3151
+ <rect
3152
+ height="14"
3153
+ rx="2"
3154
+ ry="2"
3155
+ width="14"
3156
+ x="8"
3157
+ y="8"
3158
+ />
3159
+ <path
3160
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3161
+ />
3162
+ </svg>
3163
+ </span>
3164
+ </button>
3165
+ </div>
2278
3166
  </div>
2279
3167
  </div>
2280
3168
  <div
@@ -2384,7 +3272,7 @@ exports[`renders Chat with dates unchanged 1`] = `
2384
3272
  />
2385
3273
  </picture>
2386
3274
  <div
2387
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3275
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2388
3276
  >
2389
3277
  <div
2390
3278
  class="memori-chat--bubble-content"
@@ -2394,6 +3282,43 @@ exports[`renders Chat with dates unchanged 1`] = `
2394
3282
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
2395
3283
  </p>
2396
3284
  </div>
3285
+ <div
3286
+ class="memori-chat--bubble-addon"
3287
+ >
3288
+ <button
3289
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3290
+ title="copy"
3291
+ >
3292
+ <span
3293
+ class="memori-button--icon"
3294
+ >
3295
+ <svg
3296
+ aria-hidden="true"
3297
+ fill="none"
3298
+ focusable="false"
3299
+ role="img"
3300
+ stroke="currentColor"
3301
+ stroke-linecap="round"
3302
+ stroke-linejoin="round"
3303
+ stroke-width="1.5"
3304
+ viewBox="0 0 24 24"
3305
+ xmlns="http://www.w3.org/2000/svg"
3306
+ >
3307
+ <rect
3308
+ height="14"
3309
+ rx="2"
3310
+ ry="2"
3311
+ width="14"
3312
+ x="8"
3313
+ y="8"
3314
+ />
3315
+ <path
3316
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3317
+ />
3318
+ </svg>
3319
+ </span>
3320
+ </button>
3321
+ </div>
2397
3322
  </div>
2398
3323
  </div>
2399
3324
  <small
@@ -2455,7 +3380,7 @@ exports[`renders Chat with dates unchanged 1`] = `
2455
3380
  />
2456
3381
  </picture>
2457
3382
  <div
2458
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3383
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2459
3384
  >
2460
3385
  <div
2461
3386
  class="memori-chat--bubble-content"
@@ -2465,6 +3390,43 @@ exports[`renders Chat with dates unchanged 1`] = `
2465
3390
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
2466
3391
  </p>
2467
3392
  </div>
3393
+ <div
3394
+ class="memori-chat--bubble-addon"
3395
+ >
3396
+ <button
3397
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3398
+ title="copy"
3399
+ >
3400
+ <span
3401
+ class="memori-button--icon"
3402
+ >
3403
+ <svg
3404
+ aria-hidden="true"
3405
+ fill="none"
3406
+ focusable="false"
3407
+ role="img"
3408
+ stroke="currentColor"
3409
+ stroke-linecap="round"
3410
+ stroke-linejoin="round"
3411
+ stroke-width="1.5"
3412
+ viewBox="0 0 24 24"
3413
+ xmlns="http://www.w3.org/2000/svg"
3414
+ >
3415
+ <rect
3416
+ height="14"
3417
+ rx="2"
3418
+ ry="2"
3419
+ width="14"
3420
+ x="8"
3421
+ y="8"
3422
+ />
3423
+ <path
3424
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3425
+ />
3426
+ </svg>
3427
+ </span>
3428
+ </button>
3429
+ </div>
2468
3430
  </div>
2469
3431
  </div>
2470
3432
  <small
@@ -2526,7 +3488,7 @@ exports[`renders Chat with dates unchanged 1`] = `
2526
3488
  />
2527
3489
  </picture>
2528
3490
  <div
2529
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3491
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2530
3492
  >
2531
3493
  <div
2532
3494
  class="memori-chat--bubble-content"
@@ -2536,6 +3498,43 @@ exports[`renders Chat with dates unchanged 1`] = `
2536
3498
  Ecco qui come.
2537
3499
  </p>
2538
3500
  </div>
3501
+ <div
3502
+ class="memori-chat--bubble-addon"
3503
+ >
3504
+ <button
3505
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3506
+ title="copy"
3507
+ >
3508
+ <span
3509
+ class="memori-button--icon"
3510
+ >
3511
+ <svg
3512
+ aria-hidden="true"
3513
+ fill="none"
3514
+ focusable="false"
3515
+ role="img"
3516
+ stroke="currentColor"
3517
+ stroke-linecap="round"
3518
+ stroke-linejoin="round"
3519
+ stroke-width="1.5"
3520
+ viewBox="0 0 24 24"
3521
+ xmlns="http://www.w3.org/2000/svg"
3522
+ >
3523
+ <rect
3524
+ height="14"
3525
+ rx="2"
3526
+ ry="2"
3527
+ width="14"
3528
+ x="8"
3529
+ y="8"
3530
+ />
3531
+ <path
3532
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3533
+ />
3534
+ </svg>
3535
+ </span>
3536
+ </button>
3537
+ </div>
2539
3538
  </div>
2540
3539
  </div>
2541
3540
  <small
@@ -2673,7 +3672,7 @@ exports[`renders Chat with dates unchanged 1`] = `
2673
3672
  />
2674
3673
  </picture>
2675
3674
  <div
2676
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3675
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2677
3676
  >
2678
3677
  <div
2679
3678
  class="memori-chat--bubble-content"
@@ -2683,6 +3682,43 @@ exports[`renders Chat with dates unchanged 1`] = `
2683
3682
  Arrivederci.
2684
3683
  </p>
2685
3684
  </div>
3685
+ <div
3686
+ class="memori-chat--bubble-addon"
3687
+ >
3688
+ <button
3689
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3690
+ title="copy"
3691
+ >
3692
+ <span
3693
+ class="memori-button--icon"
3694
+ >
3695
+ <svg
3696
+ aria-hidden="true"
3697
+ fill="none"
3698
+ focusable="false"
3699
+ role="img"
3700
+ stroke="currentColor"
3701
+ stroke-linecap="round"
3702
+ stroke-linejoin="round"
3703
+ stroke-width="1.5"
3704
+ viewBox="0 0 24 24"
3705
+ xmlns="http://www.w3.org/2000/svg"
3706
+ >
3707
+ <rect
3708
+ height="14"
3709
+ rx="2"
3710
+ ry="2"
3711
+ width="14"
3712
+ x="8"
3713
+ y="8"
3714
+ />
3715
+ <path
3716
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3717
+ />
3718
+ </svg>
3719
+ </span>
3720
+ </button>
3721
+ </div>
2686
3722
  </div>
2687
3723
  </div>
2688
3724
  <small
@@ -2797,7 +3833,7 @@ exports[`renders Chat with hints unchanged 1`] = `
2797
3833
  />
2798
3834
  </picture>
2799
3835
  <div
2800
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3836
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2801
3837
  >
2802
3838
  <div
2803
3839
  class="memori-chat--bubble-content"
@@ -2807,6 +3843,43 @@ exports[`renders Chat with hints unchanged 1`] = `
2807
3843
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
2808
3844
  </p>
2809
3845
  </div>
3846
+ <div
3847
+ class="memori-chat--bubble-addon"
3848
+ >
3849
+ <button
3850
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3851
+ title="copy"
3852
+ >
3853
+ <span
3854
+ class="memori-button--icon"
3855
+ >
3856
+ <svg
3857
+ aria-hidden="true"
3858
+ fill="none"
3859
+ focusable="false"
3860
+ role="img"
3861
+ stroke="currentColor"
3862
+ stroke-linecap="round"
3863
+ stroke-linejoin="round"
3864
+ stroke-width="1.5"
3865
+ viewBox="0 0 24 24"
3866
+ xmlns="http://www.w3.org/2000/svg"
3867
+ >
3868
+ <rect
3869
+ height="14"
3870
+ rx="2"
3871
+ ry="2"
3872
+ width="14"
3873
+ x="8"
3874
+ y="8"
3875
+ />
3876
+ <path
3877
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3878
+ />
3879
+ </svg>
3880
+ </span>
3881
+ </button>
3882
+ </div>
2810
3883
  </div>
2811
3884
  </div>
2812
3885
  <div
@@ -2858,7 +3931,7 @@ exports[`renders Chat with hints unchanged 1`] = `
2858
3931
  />
2859
3932
  </picture>
2860
3933
  <div
2861
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3934
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2862
3935
  >
2863
3936
  <div
2864
3937
  class="memori-chat--bubble-content"
@@ -2868,6 +3941,43 @@ exports[`renders Chat with hints unchanged 1`] = `
2868
3941
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
2869
3942
  </p>
2870
3943
  </div>
3944
+ <div
3945
+ class="memori-chat--bubble-addon"
3946
+ >
3947
+ <button
3948
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
3949
+ title="copy"
3950
+ >
3951
+ <span
3952
+ class="memori-button--icon"
3953
+ >
3954
+ <svg
3955
+ aria-hidden="true"
3956
+ fill="none"
3957
+ focusable="false"
3958
+ role="img"
3959
+ stroke="currentColor"
3960
+ stroke-linecap="round"
3961
+ stroke-linejoin="round"
3962
+ stroke-width="1.5"
3963
+ viewBox="0 0 24 24"
3964
+ xmlns="http://www.w3.org/2000/svg"
3965
+ >
3966
+ <rect
3967
+ height="14"
3968
+ rx="2"
3969
+ ry="2"
3970
+ width="14"
3971
+ x="8"
3972
+ y="8"
3973
+ />
3974
+ <path
3975
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
3976
+ />
3977
+ </svg>
3978
+ </span>
3979
+ </button>
3980
+ </div>
2871
3981
  </div>
2872
3982
  </div>
2873
3983
  <div
@@ -2919,7 +4029,7 @@ exports[`renders Chat with hints unchanged 1`] = `
2919
4029
  />
2920
4030
  </picture>
2921
4031
  <div
2922
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4032
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
2923
4033
  >
2924
4034
  <div
2925
4035
  class="memori-chat--bubble-content"
@@ -2929,6 +4039,43 @@ exports[`renders Chat with hints unchanged 1`] = `
2929
4039
  Ecco qui come.
2930
4040
  </p>
2931
4041
  </div>
4042
+ <div
4043
+ class="memori-chat--bubble-addon"
4044
+ >
4045
+ <button
4046
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4047
+ title="copy"
4048
+ >
4049
+ <span
4050
+ class="memori-button--icon"
4051
+ >
4052
+ <svg
4053
+ aria-hidden="true"
4054
+ fill="none"
4055
+ focusable="false"
4056
+ role="img"
4057
+ stroke="currentColor"
4058
+ stroke-linecap="round"
4059
+ stroke-linejoin="round"
4060
+ stroke-width="1.5"
4061
+ viewBox="0 0 24 24"
4062
+ xmlns="http://www.w3.org/2000/svg"
4063
+ >
4064
+ <rect
4065
+ height="14"
4066
+ rx="2"
4067
+ ry="2"
4068
+ width="14"
4069
+ x="8"
4070
+ y="8"
4071
+ />
4072
+ <path
4073
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4074
+ />
4075
+ </svg>
4076
+ </span>
4077
+ </button>
4078
+ </div>
2932
4079
  </div>
2933
4080
  </div>
2934
4081
  <div
@@ -3056,7 +4203,7 @@ exports[`renders Chat with hints unchanged 1`] = `
3056
4203
  />
3057
4204
  </picture>
3058
4205
  <div
3059
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4206
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3060
4207
  >
3061
4208
  <div
3062
4209
  class="memori-chat--bubble-content"
@@ -3066,6 +4213,43 @@ exports[`renders Chat with hints unchanged 1`] = `
3066
4213
  Arrivederci.
3067
4214
  </p>
3068
4215
  </div>
4216
+ <div
4217
+ class="memori-chat--bubble-addon"
4218
+ >
4219
+ <button
4220
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4221
+ title="copy"
4222
+ >
4223
+ <span
4224
+ class="memori-button--icon"
4225
+ >
4226
+ <svg
4227
+ aria-hidden="true"
4228
+ fill="none"
4229
+ focusable="false"
4230
+ role="img"
4231
+ stroke="currentColor"
4232
+ stroke-linecap="round"
4233
+ stroke-linejoin="round"
4234
+ stroke-width="1.5"
4235
+ viewBox="0 0 24 24"
4236
+ xmlns="http://www.w3.org/2000/svg"
4237
+ >
4238
+ <rect
4239
+ height="14"
4240
+ rx="2"
4241
+ ry="2"
4242
+ width="14"
4243
+ x="8"
4244
+ y="8"
4245
+ />
4246
+ <path
4247
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4248
+ />
4249
+ </svg>
4250
+ </span>
4251
+ </button>
4252
+ </div>
3069
4253
  </div>
3070
4254
  </div>
3071
4255
  <div
@@ -3201,7 +4385,7 @@ exports[`renders Chat with media unchanged 1`] = `
3201
4385
  />
3202
4386
  </picture>
3203
4387
  <div
3204
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4388
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3205
4389
  >
3206
4390
  <div
3207
4391
  class="memori-chat--bubble-content"
@@ -3211,6 +4395,43 @@ exports[`renders Chat with media unchanged 1`] = `
3211
4395
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
3212
4396
  </p>
3213
4397
  </div>
4398
+ <div
4399
+ class="memori-chat--bubble-addon"
4400
+ >
4401
+ <button
4402
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4403
+ title="copy"
4404
+ >
4405
+ <span
4406
+ class="memori-button--icon"
4407
+ >
4408
+ <svg
4409
+ aria-hidden="true"
4410
+ fill="none"
4411
+ focusable="false"
4412
+ role="img"
4413
+ stroke="currentColor"
4414
+ stroke-linecap="round"
4415
+ stroke-linejoin="round"
4416
+ stroke-width="1.5"
4417
+ viewBox="0 0 24 24"
4418
+ xmlns="http://www.w3.org/2000/svg"
4419
+ >
4420
+ <rect
4421
+ height="14"
4422
+ rx="2"
4423
+ ry="2"
4424
+ width="14"
4425
+ x="8"
4426
+ y="8"
4427
+ />
4428
+ <path
4429
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4430
+ />
4431
+ </svg>
4432
+ </span>
4433
+ </button>
4434
+ </div>
3214
4435
  </div>
3215
4436
  </div>
3216
4437
  <div
@@ -3262,7 +4483,7 @@ exports[`renders Chat with media unchanged 1`] = `
3262
4483
  />
3263
4484
  </picture>
3264
4485
  <div
3265
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4486
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3266
4487
  >
3267
4488
  <div
3268
4489
  class="memori-chat--bubble-content"
@@ -3272,6 +4493,43 @@ exports[`renders Chat with media unchanged 1`] = `
3272
4493
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
3273
4494
  </p>
3274
4495
  </div>
4496
+ <div
4497
+ class="memori-chat--bubble-addon"
4498
+ >
4499
+ <button
4500
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4501
+ title="copy"
4502
+ >
4503
+ <span
4504
+ class="memori-button--icon"
4505
+ >
4506
+ <svg
4507
+ aria-hidden="true"
4508
+ fill="none"
4509
+ focusable="false"
4510
+ role="img"
4511
+ stroke="currentColor"
4512
+ stroke-linecap="round"
4513
+ stroke-linejoin="round"
4514
+ stroke-width="1.5"
4515
+ viewBox="0 0 24 24"
4516
+ xmlns="http://www.w3.org/2000/svg"
4517
+ >
4518
+ <rect
4519
+ height="14"
4520
+ rx="2"
4521
+ ry="2"
4522
+ width="14"
4523
+ x="8"
4524
+ y="8"
4525
+ />
4526
+ <path
4527
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4528
+ />
4529
+ </svg>
4530
+ </span>
4531
+ </button>
4532
+ </div>
3275
4533
  </div>
3276
4534
  </div>
3277
4535
  <div
@@ -3323,7 +4581,7 @@ exports[`renders Chat with media unchanged 1`] = `
3323
4581
  />
3324
4582
  </picture>
3325
4583
  <div
3326
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4584
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3327
4585
  >
3328
4586
  <div
3329
4587
  class="memori-chat--bubble-content"
@@ -3333,6 +4591,43 @@ exports[`renders Chat with media unchanged 1`] = `
3333
4591
  Ecco qui delle cose per te.
3334
4592
  </p>
3335
4593
  </div>
4594
+ <div
4595
+ class="memori-chat--bubble-addon"
4596
+ >
4597
+ <button
4598
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4599
+ title="copy"
4600
+ >
4601
+ <span
4602
+ class="memori-button--icon"
4603
+ >
4604
+ <svg
4605
+ aria-hidden="true"
4606
+ fill="none"
4607
+ focusable="false"
4608
+ role="img"
4609
+ stroke="currentColor"
4610
+ stroke-linecap="round"
4611
+ stroke-linejoin="round"
4612
+ stroke-width="1.5"
4613
+ viewBox="0 0 24 24"
4614
+ xmlns="http://www.w3.org/2000/svg"
4615
+ >
4616
+ <rect
4617
+ height="14"
4618
+ rx="2"
4619
+ ry="2"
4620
+ width="14"
4621
+ x="8"
4622
+ y="8"
4623
+ />
4624
+ <path
4625
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4626
+ />
4627
+ </svg>
4628
+ </span>
4629
+ </button>
4630
+ </div>
3336
4631
  </div>
3337
4632
  </div>
3338
4633
  <div
@@ -3861,7 +5156,7 @@ exports[`renders Chat with media unchanged 1`] = `
3861
5156
  />
3862
5157
  </picture>
3863
5158
  <div
3864
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5159
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3865
5160
  >
3866
5161
  <div
3867
5162
  class="memori-chat--bubble-content"
@@ -3871,6 +5166,43 @@ exports[`renders Chat with media unchanged 1`] = `
3871
5166
  Arrivederci.
3872
5167
  </p>
3873
5168
  </div>
5169
+ <div
5170
+ class="memori-chat--bubble-addon"
5171
+ >
5172
+ <button
5173
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5174
+ title="copy"
5175
+ >
5176
+ <span
5177
+ class="memori-button--icon"
5178
+ >
5179
+ <svg
5180
+ aria-hidden="true"
5181
+ fill="none"
5182
+ focusable="false"
5183
+ role="img"
5184
+ stroke="currentColor"
5185
+ stroke-linecap="round"
5186
+ stroke-linejoin="round"
5187
+ stroke-width="1.5"
5188
+ viewBox="0 0 24 24"
5189
+ xmlns="http://www.w3.org/2000/svg"
5190
+ >
5191
+ <rect
5192
+ height="14"
5193
+ rx="2"
5194
+ ry="2"
5195
+ width="14"
5196
+ x="8"
5197
+ y="8"
5198
+ />
5199
+ <path
5200
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5201
+ />
5202
+ </svg>
5203
+ </span>
5204
+ </button>
5205
+ </div>
3874
5206
  </div>
3875
5207
  </div>
3876
5208
  <div
@@ -3980,7 +5312,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
3980
5312
  />
3981
5313
  </picture>
3982
5314
  <div
3983
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5315
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
3984
5316
  >
3985
5317
  <div
3986
5318
  class="memori-chat--bubble-content"
@@ -3990,6 +5322,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
3990
5322
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
3991
5323
  </p>
3992
5324
  </div>
5325
+ <div
5326
+ class="memori-chat--bubble-addon"
5327
+ >
5328
+ <button
5329
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5330
+ title="copy"
5331
+ >
5332
+ <span
5333
+ class="memori-button--icon"
5334
+ >
5335
+ <svg
5336
+ aria-hidden="true"
5337
+ fill="none"
5338
+ focusable="false"
5339
+ role="img"
5340
+ stroke="currentColor"
5341
+ stroke-linecap="round"
5342
+ stroke-linejoin="round"
5343
+ stroke-width="1.5"
5344
+ viewBox="0 0 24 24"
5345
+ xmlns="http://www.w3.org/2000/svg"
5346
+ >
5347
+ <rect
5348
+ height="14"
5349
+ rx="2"
5350
+ ry="2"
5351
+ width="14"
5352
+ x="8"
5353
+ y="8"
5354
+ />
5355
+ <path
5356
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5357
+ />
5358
+ </svg>
5359
+ </span>
5360
+ </button>
5361
+ </div>
3993
5362
  </div>
3994
5363
  </div>
3995
5364
  <div
@@ -4041,7 +5410,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4041
5410
  />
4042
5411
  </picture>
4043
5412
  <div
4044
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5413
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4045
5414
  >
4046
5415
  <div
4047
5416
  class="memori-chat--bubble-content"
@@ -4051,6 +5420,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4051
5420
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
4052
5421
  </p>
4053
5422
  </div>
5423
+ <div
5424
+ class="memori-chat--bubble-addon"
5425
+ >
5426
+ <button
5427
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5428
+ title="copy"
5429
+ >
5430
+ <span
5431
+ class="memori-button--icon"
5432
+ >
5433
+ <svg
5434
+ aria-hidden="true"
5435
+ fill="none"
5436
+ focusable="false"
5437
+ role="img"
5438
+ stroke="currentColor"
5439
+ stroke-linecap="round"
5440
+ stroke-linejoin="round"
5441
+ stroke-width="1.5"
5442
+ viewBox="0 0 24 24"
5443
+ xmlns="http://www.w3.org/2000/svg"
5444
+ >
5445
+ <rect
5446
+ height="14"
5447
+ rx="2"
5448
+ ry="2"
5449
+ width="14"
5450
+ x="8"
5451
+ y="8"
5452
+ />
5453
+ <path
5454
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5455
+ />
5456
+ </svg>
5457
+ </span>
5458
+ </button>
5459
+ </div>
4054
5460
  </div>
4055
5461
  </div>
4056
5462
  <div
@@ -4102,7 +5508,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4102
5508
  />
4103
5509
  </picture>
4104
5510
  <div
4105
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5511
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4106
5512
  >
4107
5513
  <div
4108
5514
  class="memori-chat--bubble-content"
@@ -4112,6 +5518,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4112
5518
  Ecco qui come.
4113
5519
  </p>
4114
5520
  </div>
5521
+ <div
5522
+ class="memori-chat--bubble-addon"
5523
+ >
5524
+ <button
5525
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5526
+ title="copy"
5527
+ >
5528
+ <span
5529
+ class="memori-button--icon"
5530
+ >
5531
+ <svg
5532
+ aria-hidden="true"
5533
+ fill="none"
5534
+ focusable="false"
5535
+ role="img"
5536
+ stroke="currentColor"
5537
+ stroke-linecap="round"
5538
+ stroke-linejoin="round"
5539
+ stroke-width="1.5"
5540
+ viewBox="0 0 24 24"
5541
+ xmlns="http://www.w3.org/2000/svg"
5542
+ >
5543
+ <rect
5544
+ height="14"
5545
+ rx="2"
5546
+ ry="2"
5547
+ width="14"
5548
+ x="8"
5549
+ y="8"
5550
+ />
5551
+ <path
5552
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5553
+ />
5554
+ </svg>
5555
+ </span>
5556
+ </button>
5557
+ </div>
4115
5558
  </div>
4116
5559
  </div>
4117
5560
  <div
@@ -4239,7 +5682,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4239
5682
  />
4240
5683
  </picture>
4241
5684
  <div
4242
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5685
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4243
5686
  >
4244
5687
  <div
4245
5688
  class="memori-chat--bubble-content"
@@ -4249,6 +5692,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4249
5692
  Arrivederci.
4250
5693
  </p>
4251
5694
  </div>
5695
+ <div
5696
+ class="memori-chat--bubble-addon"
5697
+ >
5698
+ <button
5699
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5700
+ title="copy"
5701
+ >
5702
+ <span
5703
+ class="memori-button--icon"
5704
+ >
5705
+ <svg
5706
+ aria-hidden="true"
5707
+ fill="none"
5708
+ focusable="false"
5709
+ role="img"
5710
+ stroke="currentColor"
5711
+ stroke-linecap="round"
5712
+ stroke-linejoin="round"
5713
+ stroke-width="1.5"
5714
+ viewBox="0 0 24 24"
5715
+ xmlns="http://www.w3.org/2000/svg"
5716
+ >
5717
+ <rect
5718
+ height="14"
5719
+ rx="2"
5720
+ ry="2"
5721
+ width="14"
5722
+ x="8"
5723
+ y="8"
5724
+ />
5725
+ <path
5726
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5727
+ />
5728
+ </svg>
5729
+ </span>
5730
+ </button>
5731
+ </div>
4252
5732
  </div>
4253
5733
  </div>
4254
5734
  <div
@@ -4379,7 +5859,7 @@ exports[`renders Chat with user unchanged 1`] = `
4379
5859
  />
4380
5860
  </picture>
4381
5861
  <div
4382
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5862
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4383
5863
  >
4384
5864
  <div
4385
5865
  class="memori-chat--bubble-content"
@@ -4389,6 +5869,43 @@ exports[`renders Chat with user unchanged 1`] = `
4389
5869
  Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
4390
5870
  </p>
4391
5871
  </div>
5872
+ <div
5873
+ class="memori-chat--bubble-addon"
5874
+ >
5875
+ <button
5876
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5877
+ title="copy"
5878
+ >
5879
+ <span
5880
+ class="memori-button--icon"
5881
+ >
5882
+ <svg
5883
+ aria-hidden="true"
5884
+ fill="none"
5885
+ focusable="false"
5886
+ role="img"
5887
+ stroke="currentColor"
5888
+ stroke-linecap="round"
5889
+ stroke-linejoin="round"
5890
+ stroke-width="1.5"
5891
+ viewBox="0 0 24 24"
5892
+ xmlns="http://www.w3.org/2000/svg"
5893
+ >
5894
+ <rect
5895
+ height="14"
5896
+ rx="2"
5897
+ ry="2"
5898
+ width="14"
5899
+ x="8"
5900
+ y="8"
5901
+ />
5902
+ <path
5903
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5904
+ />
5905
+ </svg>
5906
+ </span>
5907
+ </button>
5908
+ </div>
4392
5909
  </div>
4393
5910
  </div>
4394
5911
  <div
@@ -4434,7 +5951,7 @@ exports[`renders Chat with user unchanged 1`] = `
4434
5951
  />
4435
5952
  </picture>
4436
5953
  <div
4437
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
5954
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4438
5955
  >
4439
5956
  <div
4440
5957
  class="memori-chat--bubble-content"
@@ -4444,6 +5961,43 @@ exports[`renders Chat with user unchanged 1`] = `
4444
5961
  Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
4445
5962
  </p>
4446
5963
  </div>
5964
+ <div
5965
+ class="memori-chat--bubble-addon"
5966
+ >
5967
+ <button
5968
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
5969
+ title="copy"
5970
+ >
5971
+ <span
5972
+ class="memori-button--icon"
5973
+ >
5974
+ <svg
5975
+ aria-hidden="true"
5976
+ fill="none"
5977
+ focusable="false"
5978
+ role="img"
5979
+ stroke="currentColor"
5980
+ stroke-linecap="round"
5981
+ stroke-linejoin="round"
5982
+ stroke-width="1.5"
5983
+ viewBox="0 0 24 24"
5984
+ xmlns="http://www.w3.org/2000/svg"
5985
+ >
5986
+ <rect
5987
+ height="14"
5988
+ rx="2"
5989
+ ry="2"
5990
+ width="14"
5991
+ x="8"
5992
+ y="8"
5993
+ />
5994
+ <path
5995
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
5996
+ />
5997
+ </svg>
5998
+ </span>
5999
+ </button>
6000
+ </div>
4447
6001
  </div>
4448
6002
  </div>
4449
6003
  <div
@@ -4489,7 +6043,7 @@ exports[`renders Chat with user unchanged 1`] = `
4489
6043
  />
4490
6044
  </picture>
4491
6045
  <div
4492
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
6046
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4493
6047
  >
4494
6048
  <div
4495
6049
  class="memori-chat--bubble-content"
@@ -4499,6 +6053,43 @@ exports[`renders Chat with user unchanged 1`] = `
4499
6053
  Ecco qui come.
4500
6054
  </p>
4501
6055
  </div>
6056
+ <div
6057
+ class="memori-chat--bubble-addon"
6058
+ >
6059
+ <button
6060
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
6061
+ title="copy"
6062
+ >
6063
+ <span
6064
+ class="memori-button--icon"
6065
+ >
6066
+ <svg
6067
+ aria-hidden="true"
6068
+ fill="none"
6069
+ focusable="false"
6070
+ role="img"
6071
+ stroke="currentColor"
6072
+ stroke-linecap="round"
6073
+ stroke-linejoin="round"
6074
+ stroke-width="1.5"
6075
+ viewBox="0 0 24 24"
6076
+ xmlns="http://www.w3.org/2000/svg"
6077
+ >
6078
+ <rect
6079
+ height="14"
6080
+ rx="2"
6081
+ ry="2"
6082
+ width="14"
6083
+ x="8"
6084
+ y="8"
6085
+ />
6086
+ <path
6087
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
6088
+ />
6089
+ </svg>
6090
+ </span>
6091
+ </button>
6092
+ </div>
4502
6093
  </div>
4503
6094
  </div>
4504
6095
  <div
@@ -4620,7 +6211,7 @@ exports[`renders Chat with user unchanged 1`] = `
4620
6211
  />
4621
6212
  </picture>
4622
6213
  <div
4623
- class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
6214
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4624
6215
  >
4625
6216
  <div
4626
6217
  class="memori-chat--bubble-content"
@@ -4630,6 +6221,43 @@ exports[`renders Chat with user unchanged 1`] = `
4630
6221
  Arrivederci.
4631
6222
  </p>
4632
6223
  </div>
6224
+ <div
6225
+ class="memori-chat--bubble-addon"
6226
+ >
6227
+ <button
6228
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
6229
+ title="copy"
6230
+ >
6231
+ <span
6232
+ class="memori-button--icon"
6233
+ >
6234
+ <svg
6235
+ aria-hidden="true"
6236
+ fill="none"
6237
+ focusable="false"
6238
+ role="img"
6239
+ stroke="currentColor"
6240
+ stroke-linecap="round"
6241
+ stroke-linejoin="round"
6242
+ stroke-width="1.5"
6243
+ viewBox="0 0 24 24"
6244
+ xmlns="http://www.w3.org/2000/svg"
6245
+ >
6246
+ <rect
6247
+ height="14"
6248
+ rx="2"
6249
+ ry="2"
6250
+ width="14"
6251
+ x="8"
6252
+ y="8"
6253
+ />
6254
+ <path
6255
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
6256
+ />
6257
+ </svg>
6258
+ </span>
6259
+ </button>
6260
+ </div>
4633
6261
  </div>
4634
6262
  </div>
4635
6263
  <div