@memori.ai/memori-react 9.0.0-alpha.10 → 9.0.0-alpha.13

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 (108) hide show
  1. package/CHANGELOG.md +270 -0
  2. package/dist/components/Chat/Chat.css +19 -0
  3. package/dist/components/ChatBubble/ChatBubble.js +11 -23
  4. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  5. package/dist/components/ChatInputs/ChatInputs.css +77 -3
  6. package/dist/components/ChatTextArea/ChatTextArea.css +5 -25
  7. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
  8. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -15
  9. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +181 -150
  10. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +7 -7
  11. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
  12. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +11 -2
  13. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
  14. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +1 -1
  15. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
  16. package/dist/components/MemoriWidget/MemoriWidget.js +120 -116
  17. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  18. package/dist/components/MicrophoneButton/MicrophoneButton.css +22 -0
  19. package/dist/components/PoweredBy/PoweredBy.css +1 -8
  20. package/dist/components/StartPanel/StartPanel.js +1 -1
  21. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  22. package/dist/components/layouts/Chat.js +6 -1
  23. package/dist/components/layouts/Chat.js.map +1 -1
  24. package/dist/components/layouts/WebsiteAssistant/website-assistant.css +5 -5
  25. package/dist/components/layouts/chat.css +98 -3
  26. package/dist/components/layouts/fullpage.css +7 -7
  27. package/dist/components/layouts/hidden-chat.css +2 -2
  28. package/dist/components/layouts/zoomed-full-body.css +6 -6
  29. package/dist/helpers/media.js +18 -3
  30. package/dist/helpers/media.js.map +1 -1
  31. package/dist/index.js +16 -16
  32. package/dist/index.js.map +1 -1
  33. package/dist/styles.css +1 -1
  34. package/dist/version.d.ts +1 -1
  35. package/dist/version.js +1 -1
  36. package/esm/components/Chat/Chat.css +19 -0
  37. package/esm/components/ChatBubble/ChatBubble.js +12 -24
  38. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  39. package/esm/components/ChatInputs/ChatInputs.css +77 -3
  40. package/esm/components/ChatTextArea/ChatTextArea.css +5 -25
  41. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
  42. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -15
  43. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +181 -150
  44. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +8 -8
  45. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
  46. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +11 -2
  47. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
  48. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +2 -2
  49. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
  50. package/esm/components/MemoriWidget/MemoriWidget.js +121 -117
  51. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  52. package/esm/components/MicrophoneButton/MicrophoneButton.css +22 -0
  53. package/esm/components/PoweredBy/PoweredBy.css +1 -8
  54. package/esm/components/StartPanel/StartPanel.js +1 -1
  55. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  56. package/esm/components/layouts/Chat.js +6 -1
  57. package/esm/components/layouts/Chat.js.map +1 -1
  58. package/esm/components/layouts/WebsiteAssistant/website-assistant.css +5 -5
  59. package/esm/components/layouts/chat.css +98 -3
  60. package/esm/components/layouts/fullpage.css +7 -7
  61. package/esm/components/layouts/hidden-chat.css +2 -2
  62. package/esm/components/layouts/zoomed-full-body.css +6 -6
  63. package/esm/helpers/media.js +18 -3
  64. package/esm/helpers/media.js.map +1 -1
  65. package/esm/index.js +17 -17
  66. package/esm/index.js.map +1 -1
  67. package/esm/styles.css +1 -1
  68. package/esm/version.d.ts +1 -1
  69. package/esm/version.js +1 -1
  70. package/package.json +2 -2
  71. package/src/__snapshots__/index.test.tsx.snap +0 -50
  72. package/src/components/Chat/Chat.css +19 -0
  73. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +10 -10
  74. package/src/components/ChatBubble/ChatBubble.test.tsx +25 -1
  75. package/src/components/ChatBubble/ChatBubble.tsx +20 -27
  76. package/src/components/ChatInputs/ChatInputs.css +77 -3
  77. package/src/components/ChatTextArea/ChatTextArea.css +5 -25
  78. package/src/components/MemoriArtifactSystem/ArtifactDrawer.stories.tsx +1 -1
  79. package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
  80. package/src/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -15
  81. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +181 -150
  82. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +63 -74
  83. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +11 -2
  84. package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
  85. package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +2 -2
  86. package/src/components/MemoriWidget/MemoriWidget.tsx +8 -1
  87. package/src/components/MicrophoneButton/MicrophoneButton.css +22 -0
  88. package/src/components/PoweredBy/PoweredBy.css +1 -8
  89. package/src/components/StartPanel/StartPanel.tsx +1 -1
  90. package/src/components/layouts/Chat.tsx +14 -1
  91. package/src/components/layouts/HiddenChat.tsx +1 -1
  92. package/src/components/layouts/WebsiteAssistant/__snapshots__/WebsiteAssistant.test.tsx.snap +10 -0
  93. package/src/components/layouts/WebsiteAssistant/website-assistant.css +5 -5
  94. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +17 -2
  95. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +30 -2
  96. package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +10 -0
  97. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +15 -1
  98. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +15 -1
  99. package/src/components/layouts/chat.css +98 -3
  100. package/src/components/layouts/fullpage.css +7 -7
  101. package/src/components/layouts/hidden-chat.css +2 -2
  102. package/src/components/layouts/layouts.stories.tsx +8 -8
  103. package/src/components/layouts/zoomed-full-body.css +6 -6
  104. package/src/helpers/media.test.ts +36 -0
  105. package/src/helpers/media.ts +39 -12
  106. package/src/index.tsx +1 -5
  107. package/src/styles.css +18 -5
  108. package/src/version.ts +1 -1
@@ -19,16 +19,41 @@
19
19
 
20
20
  /*
21
21
  * Split-panel width for ArtifactDrawer.
22
- * Must stay in sync with HiddenChat's sidebar shift (`right: 46%`).
22
+ * Must stay in sync with HiddenChat's sidebar shift (`right: 55%`).
23
23
  * @memori.ai/ui Drawer uses `--memori-modal-size-*` (not the legacy
24
24
  * `--memori-drawer--width-*` tokens), and size="md" maps to `--memori-modal-size-md`.
25
25
  */
26
26
  .memori-drawer--right.memori-drawer--size-md.memori-artifact-panel-drawer {
27
- --memori-modal-size-md: 46%;
28
- width: 46%;
27
+ --memori-modal-size-md: 55%;
28
+ width: 55%;
29
29
  max-width: 100vw;
30
30
  }
31
31
 
32
+ @media (max-width: 1260px) {
33
+ .memori-drawer--right.memori-drawer--size-md.memori-artifact-panel-drawer,
34
+ .memori-drawer--right.memori-artifact-panel-drawer-fullscreen {
35
+ --memori-modal-size-md: 100%;
36
+ width: 100% !important;
37
+ max-width: 100% !important;
38
+ height: 100% !important;
39
+ max-height: 100dvh !important;
40
+ border-radius: 0;
41
+ border-left: none;
42
+ box-shadow: none;
43
+ }
44
+
45
+ .memori-artifact-panel-drawer .memori-drawer__body,
46
+ .memori-artifact-panel-drawer-fullscreen .memori-drawer__body {
47
+ display: flex;
48
+ overflow: hidden;
49
+ height: 100%;
50
+ min-height: 0;
51
+ flex: 1 1 auto;
52
+ flex-direction: column;
53
+ padding: 0;
54
+ }
55
+ }
56
+
32
57
  .memori-drawer--right.memori-artifact-panel-drawer-fullscreen {
33
58
  --memori-modal-size-md: 100%;
34
59
  width: 100% !important;
@@ -94,7 +119,7 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
94
119
  flex-flow: column;
95
120
  align-items: flex-start;
96
121
  justify-content: space-between;
97
- padding-top: 1rem;
122
+ padding: 1rem var(--memori-spacing-md) 0;
98
123
  }
99
124
 
100
125
  .memori-artifact-panel--header-content {
@@ -104,10 +129,8 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
104
129
 
105
130
  .memori-artifact-panel--title {
106
131
  overflow: hidden;
107
- /* max-width: 90%; */
132
+ max-width: 100%;
108
133
  margin: 0 0 0.75rem;
109
- background: white;
110
- background-clip: text;
111
134
  color: var(--artifact-drawer-text);
112
135
  font-size: var(--memori-text-size-heading-large);
113
136
  font-weight: var(--memori-text-weight-bold);
@@ -201,13 +224,7 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
201
224
  }
202
225
 
203
226
  .memori-artifact-panel--main::before {
204
- position: absolute;
205
- top: 0;
206
- right: 0;
207
- left: 0;
208
- height: 1px;
209
- background: white;
210
- content: '';
227
+ display: none;
211
228
  }
212
229
 
213
230
  .memori-artifact-drawer--backdrop {
@@ -336,13 +353,6 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
336
353
  gap: var(--memori-spacing-sm);
337
354
  }
338
355
 
339
- .memori-artifact-panel-drawer-fullscreen > div > div > div {
340
- width: 100% !important;
341
- max-width: 100% !important;
342
- box-shadow: none !important;
343
- transform: translateX(0) !important;
344
- }
345
-
346
356
  .memori-artifact-drawer--header-actions {
347
357
  z-index: 100;
348
358
  display: flex;
@@ -622,6 +632,8 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
622
632
  flex-flow: row;
623
633
  align-items: center;
624
634
  padding: 0 var(--memori-spacing-md);
635
+ padding-bottom: var(--memori-spacing-sm);
636
+ border-bottom: 1px solid color-mix(in oklch, var(--memori-border-color) 75%, transparent);
625
637
  margin-top: var(--memori-spacing-lg);
626
638
  /* justify-content: space-between; */
627
639
  gap: var(--memori-spacing-sm);
@@ -684,18 +696,26 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
684
696
  }
685
697
 
686
698
  .memori-artifact-drawer--close-desktop {
687
- width: 48px;
688
- min-width: 48px;
689
- height: 48px;
690
- min-height: 48px;
699
+ width: 38px;
700
+ min-width: 38px;
701
+ height: 38px;
702
+ min-height: 38px;
691
703
  padding: 0;
692
- border: var(--memori-border) solid var(--memori-border-color);
704
+ border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
693
705
  margin: 0;
694
706
  margin-left: 0 !important;
695
707
  }
696
708
 
697
709
  .memori-artifact-drawer--close-desktop:hover {
698
- color: #fff !important;
710
+ border-color: color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
711
+ background: color-mix(in srgb, var(--memori-text-color, #111827) 8%, transparent);
712
+ color: inherit !important;
713
+ }
714
+
715
+ .memori-artifact-drawer--close-desktop:hover .memori-artifact-panel--close-icon,
716
+ .memori-artifact-drawer--close:hover .memori-artifact-panel--close-icon {
717
+ color: inherit !important;
718
+ stroke: currentColor;
699
719
  }
700
720
 
701
721
  /* Mobile Drawer Panel */
@@ -744,48 +764,108 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
744
764
  display: none;
745
765
  }
746
766
 
747
- /* Mobile header: full-width bar with tabs on left, actions on right */
767
+ /* Mobile header: full-width toolbar tabs left, more+close right */
748
768
  .memori-artifact-drawer-top-right {
769
+ display: flex;
770
+ overflow: visible;
749
771
  width: 100%;
772
+ box-sizing: border-box;
773
+ flex-shrink: 0;
774
+ align-items: center;
750
775
  justify-content: space-between;
751
776
  padding: var(--memori-spacing-sm) var(--memori-spacing-md);
752
777
  border-bottom: 1px solid var(--memori-border-color);
753
- margin-bottom: var(--memori-spacing-xs);
778
+ margin: 0;
779
+ background: var(--memori-secondary-background);
780
+ gap: var(--memori-spacing-sm);
781
+ }
782
+
783
+ .memori-artifact-drawer-top-right-actions {
784
+ display: inline-flex;
785
+ flex-shrink: 0;
786
+ align-items: center;
787
+ margin-left: auto;
788
+ gap: var(--memori-spacing-sm);
789
+ }
790
+
791
+ .memori-artifact-drawer-top-right .memori-mobile-actions-menu {
792
+ margin-left: 0;
754
793
  }
755
794
 
756
- /* Make mobile action buttons match the tab switch height */
795
+ /* Tabs.Root from @memori.ai/ui defaults to width:100% that pushes actions off-screen */
796
+ .memori-artifact-drawer-top-right .memori-tab-switch,
797
+ .memori-artifact-drawer-top-right .memori-tabs {
798
+ width: auto;
799
+ max-width: fit-content;
800
+ flex: 0 0 auto;
801
+ justify-content: flex-start;
802
+ }
803
+
804
+ .memori-artifact-drawer-top-right .memori-tab-switch__tab {
805
+ min-width: 40px;
806
+ flex: 0 0 auto;
807
+ }
808
+
809
+ /* Make mobile action buttons match header toolbar buttons */
757
810
  .memori-artifact-drawer-top-right .memori-button--more-options,
758
811
  .memori-artifact-drawer-top-right .memori-artifact-drawer--close {
759
812
  display: flex;
760
- width: 40px;
761
- min-width: 40px;
762
- height: 40px;
763
- min-height: 40px;
813
+ width: 38px;
814
+ min-width: 38px;
815
+ height: 38px;
816
+ min-height: 38px;
764
817
  align-items: center;
765
818
  justify-content: center;
766
819
  padding: 0;
767
- border: 1px solid var(--memori-border-color);
820
+ border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
768
821
  border-radius: var(--memori-radius-box);
822
+ margin-left: 0;
769
823
  }
770
824
 
771
- .memori-artifact-drawer-top-right .memori-artifact-drawer--close {
772
- margin-left: 0;
825
+ .memori-artifact-drawer-top-right .memori-button--more-options:hover,
826
+ .memori-artifact-drawer-top-right .memori-artifact-drawer--close:hover {
827
+ border-color: color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
828
+ background: color-mix(in srgb, var(--memori-text-color, #111827) 8%, transparent);
773
829
  }
774
830
 
775
- /* Solid opaque dropdown popover on mobile */
776
- .memori-artifact-drawer-top-right .memori-mobile-dropdown {
777
- z-index: 1100;
778
- border: 1px solid var(--memori-border-color);
779
- backdrop-filter: none;
780
- background: var(--memori-main-background, #fff);
781
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
831
+ /* Content fills remaining viewport under the toolbar (no floating card) */
832
+ .memori-artifact-panel-drawer .memori-artifact-panel--content,
833
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-panel--content {
834
+ overflow: hidden;
835
+ width: 100%;
836
+ height: auto;
837
+ min-height: 0;
838
+ max-height: none;
839
+ flex: 1 1 auto;
840
+ gap: 0;
841
+ }
842
+
843
+ .memori-artifact-panel-drawer .memori-artifact-panel--main,
844
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-panel--main {
845
+ overflow: hidden;
846
+ min-height: 0;
847
+ flex: 1 1 auto;
848
+ }
849
+
850
+ .memori-artifact-panel-drawer .memori-artifact-preview,
851
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-preview,
852
+ .memori-artifact-panel-drawer .memori-artifact-preview-content,
853
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-preview-content,
854
+ .memori-artifact-panel-drawer .memori-artifact-tab-content--active,
855
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-tab-content--active,
856
+ .memori-artifact-panel-drawer .memori-artifact-content,
857
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-content {
858
+ border-radius: 0;
782
859
  }
783
860
 
784
- /* Dropdown icon visibility */
785
- .memori-artifact-drawer-top-right .memori-mobile-dropdown .memori-artifact-action-icon {
786
- width: 18px;
787
- height: 18px;
788
- color: var(--memori-text-color);
861
+ .memori-artifact-panel-drawer .memori-artifact-tab-content--active,
862
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-tab-content--active {
863
+ padding: 0;
864
+ }
865
+
866
+ .memori-artifact-panel-drawer .memori-artifact-preview-content,
867
+ .memori-artifact-panel-drawer-fullscreen .memori-artifact-preview-content {
868
+ background: transparent;
789
869
  }
790
870
  }
791
871
 
@@ -954,139 +1034,90 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
954
1034
  z-index: 1001;
955
1035
  display: flex;
956
1036
  align-items: center;
957
- padding: 0rem 1rem;
958
1037
  gap: var(--memori-spacing-sm);
959
1038
  }
960
1039
 
961
- /* Mobile Actions Dropdown */
1040
+ /* Mobile Actions Dropdown — portaled popup (not under .top-right) */
962
1041
  .memori-mobile-actions-menu {
963
1042
  position: relative;
964
1043
  display: inline-block;
965
- margin-left: auto;
966
1044
  }
967
1045
 
968
1046
  .memori-mobile-actions-trigger {
969
1047
  display: inline-block;
970
1048
  }
971
1049
 
1050
+ .memori-dropdown__popup.memori-mobile-dropdown,
972
1051
  .memori-mobile-dropdown {
973
- position: absolute;
974
- z-index: 1000;
975
- top: 100%;
976
- right: 0;
1052
+ z-index: 1100;
977
1053
  min-width: 200px;
978
- border: 1px solid var(--artifact-drawer-border);
979
- border-radius: var(--artifact-drawer-radius);
980
- margin-top: var(--memori-spacing-sm);
981
- backdrop-filter: blur(10px);
982
- background: var(--artifact-drawer-bg);
983
- box-shadow: var(--artifact-drawer-shadow);
984
- }
985
-
986
- /* Mobile-specific dropdown positioning */
987
- @media (max-width: 1260px) {
988
- .memori-artifact-drawer--close {
989
- margin-left: 0;
990
- }
991
-
992
- .memori-artifact-panel--header {
993
- margin-bottom: var(--memori-spacing-sm);
994
- }
995
-
996
- .memori-mobile-dropdown {
997
- right: 0;
998
- left: auto;
999
- min-width: 180px;
1000
- max-width: calc(100vw - 2rem);
1001
- }
1002
-
1003
- .memori-mobile-dropdown-list {
1004
- padding: 0.25rem;
1005
- gap: var(--memori-spacing-xs);
1006
- }
1007
-
1008
- .memori-mobile-dropdown .memori-artifact-action-btn {
1009
- min-height: 44px; /* Ensure touch-friendly size */
1010
- padding: 0.625rem 0.75rem;
1011
- font-size: var(--memori-text-size-small);
1012
- }
1013
-
1014
- .memori-mobile-dropdown .memori-artifact-action-text {
1015
- color: var(--artifact-drawer-text);
1016
- font-size: 0.8125rem;
1017
- font-weight: var(--memori-text-weight-semibold);
1018
- }
1019
-
1020
- .memori-mobile-dropdown .memori-artifact-action-icon {
1021
- width: 16px;
1022
- height: 16px;
1023
- flex-shrink: 0;
1024
- }
1025
- }
1026
-
1027
- .memori-mobile-dropdown-list {
1028
- display: flex;
1029
- flex-direction: column;
1030
- padding: 0.5rem;
1031
- gap: var(--memori-spacing-xs);
1054
+ max-width: min(280px, calc(100vw - 1.5rem));
1055
+ padding: var(--memori-spacing-xs);
1056
+ border: 1px solid var(--memori-border-color);
1057
+ border-radius: var(--memori-radius-box);
1058
+ /* Soft contrast vs canvas — not pure white / not heavy fill */
1059
+ background: color-mix(
1060
+ in srgb,
1061
+ var(--memori-text-color) 6%,
1062
+ var(--memori-secondary-background)
1063
+ ) !important;
1064
+ box-shadow: var(--memori-shadow-lg);
1065
+ color: var(--memori-text-color);
1032
1066
  }
1033
1067
 
1034
- .memori-mobile-dropdown .memori-artifact-action-btn {
1068
+ .memori-mobile-dropdown .memori-artifact-action-btn,
1069
+ .memori-mobile-dropdown .memori-dropdown__item,
1070
+ .memori-dropdown__popup.memori-mobile-dropdown .memori-dropdown__item {
1035
1071
  display: flex;
1036
1072
  width: 100%;
1073
+ min-height: 40px;
1037
1074
  align-items: center;
1038
1075
  justify-content: flex-start;
1039
- padding: var(--memori-spacing-sm) var(--memori-spacing-md);
1076
+ padding: 0.5rem 0.75rem;
1040
1077
  border: 1px solid transparent;
1041
- border-radius: var(--artifact-drawer-radius);
1078
+ border-radius: var(--memori-radius-box);
1042
1079
  background: transparent;
1043
- color: var(--artifact-drawer-text);
1044
- text-align: left;
1045
- transition: all 0.2s ease;
1046
- }
1047
-
1048
- .memori-mobile-dropdown .memori-artifact-action-btn:hover {
1049
- border-color: var(--memori-primary);
1050
- background: var(--memori-primary-subtle);
1051
- color: var(--memori-primary);
1052
- }
1053
-
1054
- .memori-mobile-dropdown .memori-artifact-action-text {
1055
- overflow: visible;
1056
- margin-left: var(--memori-spacing-sm);
1057
- color: inherit;
1080
+ color: var(--memori-text-color);
1058
1081
  font-size: var(--memori-text-size-small);
1059
1082
  font-weight: var(--memori-text-weight-medium);
1060
- white-space: nowrap;
1061
- }
1062
-
1063
- /* Mobile Dropdown Animations */
1064
- .memori-mobile-dropdown-enter {
1065
- transition: all 0.2s ease-out;
1083
+ gap: var(--memori-spacing-sm);
1084
+ text-align: left;
1066
1085
  }
1067
1086
 
1068
- .memori-mobile-dropdown-enter-from {
1069
- opacity: 0;
1070
- transform: translateY(-10px) scale(0.95);
1087
+ .memori-mobile-dropdown .memori-artifact-action-btn:hover,
1088
+ .memori-mobile-dropdown .memori-dropdown__item:hover:not([data-disabled]),
1089
+ .memori-dropdown__popup.memori-mobile-dropdown .memori-dropdown__item:hover:not([data-disabled]),
1090
+ .memori-dropdown__popup.memori-mobile-dropdown .memori-dropdown__item[data-highlighted]:not([data-disabled]) {
1091
+ border-color: transparent;
1092
+ background: color-mix(in srgb, var(--memori-text-color) 10%, transparent) !important;
1093
+ color: var(--memori-text-color);
1071
1094
  }
1072
1095
 
1073
- .memori-mobile-dropdown-enter-to {
1074
- opacity: 1;
1075
- transform: translateY(0) scale(1);
1096
+ .memori-mobile-dropdown .memori-artifact-action-icon,
1097
+ .memori-mobile-dropdown .memori-dropdown__item-icon,
1098
+ .memori-mobile-dropdown .memori-dropdown__item-icon svg {
1099
+ width: 16px;
1100
+ height: 16px;
1101
+ flex-shrink: 0;
1102
+ color: inherit;
1103
+ fill: none !important;
1104
+ stroke: currentColor;
1076
1105
  }
1077
1106
 
1078
- .memori-mobile-dropdown-leave {
1079
- transition: all 0.15s ease-in;
1080
- }
1107
+ @media (max-width: 1260px) {
1108
+ .memori-artifact-drawer--close {
1109
+ margin-left: 0;
1110
+ }
1081
1111
 
1082
- .memori-mobile-dropdown-leave-from {
1083
- opacity: 1;
1084
- transform: translateY(0) scale(1);
1085
- }
1112
+ .memori-artifact-panel--header {
1113
+ margin-bottom: var(--memori-spacing-sm);
1114
+ }
1086
1115
 
1087
- .memori-mobile-dropdown-leave-to {
1088
- opacity: 0;
1089
- transform: translateY(-10px) scale(0.95);
1116
+ .memori-dropdown__popup.memori-mobile-dropdown,
1117
+ .memori-mobile-dropdown {
1118
+ min-width: 180px;
1119
+ max-width: calc(100vw - 1.5rem);
1120
+ }
1090
1121
  }
1091
1122
 
1092
1123
  /* Focus and Accessibility */
@@ -3,7 +3,7 @@ import { useState, useCallback, useEffect } from 'react';
3
3
  import { useTranslation } from 'react-i18next';
4
4
  import { Button, Dropdown, Drawer } from '@memori.ai/ui';
5
5
  import { useWidgetSurfaceEl } from '../../../../context/widgetSurfaceContext';
6
- import { X, MoreVertical, Download, Link as LinkIcon, Printer, } from 'lucide-react';
6
+ import { X, MoreVertical, Download, Link as LinkIcon, Printer, Copy, } from 'lucide-react';
7
7
  import ArtifactActions from '../ArtifactActions/ArtifactActions';
8
8
  import { useArtifact } from '../../context/ArtifactContext';
9
9
  import ArtifactPreview from '../ArtifactPreview/ArtifactPreview';
@@ -78,7 +78,7 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
78
78
  return _jsx("div", { className: "memori-artifact-layout-column", children: children });
79
79
  }
80
80
  else {
81
- return (_jsx(Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen
81
+ return (_jsx(Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen || isMobile
82
82
  ? 'memori-artifact-panel-drawer-fullscreen'
83
83
  : 'memori-artifact-panel-drawer', closable: false, children: children }));
84
84
  }
@@ -139,10 +139,10 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
139
139
  return (_jsxs(ContentContainer, { children: [_jsx("div", { className: cx('memori-artifact-drawer-container-actions', {
140
140
  'memori-artifact-drawer-container-actions--no-preview': !hasPreview,
141
141
  'memori-artifact-drawer-container-actions--chatlog': isChatLogPanel,
142
- }), children: !isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), !isChatLogPanel && (_jsx(Button, { onClick: closeArtifact, variant: "outline", "aria-label": t('artifact.close') || 'Close', className: "memori-artifact-drawer--close-desktop", icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }), title: t('artifact.close') || 'Close' }))] })) }), _jsxs("div", { className: cx('memori-artifact-drawer-top-right', {
142
+ }), children: !isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), !isChatLogPanel && (_jsx(Button, { onClick: closeArtifact, variant: "outline", "aria-label": t('artifact.close') || 'Close', className: "memori-artifact-drawer--close-desktop", icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }), title: t('artifact.close') || 'Close' }))] })) }), _jsx("div", { className: cx('memori-artifact-drawer-top-right', {
143
143
  'memori-artifact-drawer-top-right--no-preview': !hasPreview,
144
144
  'memori-artifact-drawer-top-right--chatlog': isChatLogPanel,
145
- }), children: [isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsxs(Dropdown, { className: "memori-mobile-actions-menu", children: [_jsx(Dropdown.Trigger, { showChevron: false, className: "memori-mobile-actions-trigger", render: (props) => (_jsx(Button, { ...props, className: cx('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), variant: "ghost", title: t('artifact.actions') || 'Actions', children: _jsx(MoreVertical, { className: "memori-artifact-action-icon" }) })) }), _jsx(Dropdown.Menu, { className: "memori-mobile-dropdown", children: _jsxs("div", { className: "memori-mobile-dropdown-list", children: [_jsx(Button, { onClick: handleCopy, disabled: false, className: "memori-artifact-action-btn", variant: "ghost", title: t('artifact.copy') || 'Copy', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.copy') || 'Copy' }) }), formats.map(format => {
145
+ }), children: isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsxs("div", { className: "memori-artifact-drawer-top-right-actions", children: [_jsxs(Dropdown, { className: "memori-mobile-actions-menu", children: [_jsx(Dropdown.Trigger, { showChevron: false, className: "memori-mobile-actions-trigger", render: (props) => (_jsx(Button, { ...props, className: cx('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), variant: "ghost", title: t('artifact.actions') || 'Actions', children: _jsx(MoreVertical, { className: "memori-artifact-action-icon" }) })) }), _jsxs(Dropdown.Menu, { className: "memori-mobile-dropdown", placement: "bottom", align: "end", sideOffset: 8, container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, children: [_jsx(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: handleCopy, icon: _jsx(Copy, { className: "memori-artifact-action-icon" }), label: t('artifact.copy') || 'Copy', children: t('artifact.copy') || 'Copy' }), formats.map(format => {
146
146
  const getIcon = () => {
147
147
  switch (format.action) {
148
148
  case 'copy':
@@ -156,9 +156,9 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
156
156
  return (_jsx(LinkIcon, { className: "memori-artifact-action-icon" }));
157
157
  }
158
158
  };
159
- return (_jsx(Button, { onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
160
- copyState.activeFormat === format.id, className: "memori-artifact-action-btn", variant: "ghost", icon: getIcon(), title: format.label, children: _jsx("span", { className: "memori-artifact-action-text", children: format.label }) }, format.id));
161
- }), _jsx(Button, { onClick: () => {
159
+ return (_jsx(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
160
+ copyState.activeFormat === format.id, icon: getIcon(), label: format.label, children: format.label }, format.id));
161
+ }), _jsx(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => {
162
162
  var _a;
163
163
  return handleOpenExternal((_a = state.currentArtifact) !== null && _a !== void 0 ? _a : {
164
164
  content: '',
@@ -168,7 +168,7 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
168
168
  size: 0,
169
169
  id: '',
170
170
  });
171
- }, disabled: false, className: "memori-artifact-action-btn", variant: "ghost", icon: _jsx(LinkIcon, { className: "memori-artifact-action-icon" }), title: t('artifact.external') || 'External', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.external') || 'External' }) })] }) })] })] })), isMobile && (_jsx(Button, { onClick: closeArtifact, className: cx('memori-artifact-drawer--close', 'memori-button--icon-only'), variant: "ghost", "aria-label": t('artifact.close') || 'Close', title: t('artifact.close') || 'Close', icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }) }))] }), _jsx("div", { className: "memori-artifact-panel--header" }), _jsx("div", { className: "memori-artifact-panel--content", children: _jsx("div", { className: "memori-artifact-panel--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab }) }) })] }));
171
+ }, icon: _jsx(LinkIcon, { className: "memori-artifact-action-icon" }), label: t('artifact.external') || 'External', children: t('artifact.external') || 'External' })] })] }), _jsx(Button, { onClick: closeArtifact, className: cx('memori-artifact-drawer--close', 'memori-button--icon-only'), variant: "ghost", "aria-label": t('artifact.close') || 'Close', title: t('artifact.close') || 'Close', icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }) })] })] })) }), _jsx("div", { className: "memori-artifact-panel--content", children: _jsx("div", { className: "memori-artifact-panel--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab }) }) })] }));
172
172
  };
173
173
  export default ArtifactDrawer;
174
174
  //# sourceMappingURL=ArtifactDrawer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,26 @@
1
1
  .memori-tab-switch {
2
2
  display: flex;
3
+ width: auto;
3
4
  max-width: fit-content;
5
+ flex: 0 0 auto;
4
6
  align-items: center;
5
- justify-content: center;
7
+ justify-content: flex-start;
6
8
  }
7
9
 
8
10
  .memori-tab-switch__list {
9
11
  display: flex;
12
+ width: auto;
13
+ flex: 0 0 auto;
10
14
  gap: var(--memori-spacing-xs);
11
15
  }
12
16
 
17
+ .memori-tabs[data-memori-variant='segmented'] .memori-tabs__list--horizontal {
18
+ background-color: transparent;
19
+ }
20
+
13
21
  .memori-tab-switch__tab {
14
- min-width: 70px;
22
+ min-width: 40px;
23
+ flex: 0 0 auto;
15
24
  }
16
25
 
17
26
  .memori-tab-switch__icon {
@@ -127,6 +127,7 @@
127
127
  min-height: 0;
128
128
  flex: 1;
129
129
  padding: 1rem;
130
+ background: color-mix(in srgb, var(--memori-text-color) 4%, var(--memori-secondary-background));
130
131
  color: var(--memori-text-color);
131
132
  font-family: var(--memori-font-family);
132
133
  line-height: 1.6;
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
3
3
  import { useTranslation } from 'react-i18next';
4
4
  import cx from 'classnames';
5
5
  import Snippet from '../../../Snippet/Snippet';
6
- import { renderMsg } from '../../../../helpers/message';
6
+ import { renderMsg, sanitizeMsg } from '../../../../helpers/message';
7
7
  const ArtifactPreview = ({ artifact, activeTab }) => {
8
8
  const { t } = useTranslation();
9
9
  const renderPreview = useCallback(() => {
@@ -23,7 +23,7 @@ const ArtifactPreview = ({ artifact, activeTab }) => {
23
23
  }
24
24
  default:
25
25
  return (_jsx("div", { className: "memori-artifact-preview-text", dangerouslySetInnerHTML: {
26
- __html: artifact.content,
26
+ __html: sanitizeMsg(artifact.content),
27
27
  } }));
28
28
  }
29
29
  }, [artifact]);
@@ -1 +1 @@
1
- {"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":"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"}