@memori.ai/memori-react 9.0.0-alpha.12 → 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.
- package/CHANGELOG.md +2 -0
- package/dist/components/Chat/Chat.css +19 -0
- package/dist/components/ChatInputs/ChatInputs.css +77 -3
- package/dist/components/ChatTextArea/ChatTextArea.css +5 -25
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -14
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +169 -138
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +7 -7
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +7 -2
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
- package/dist/components/MemoriWidget/MemoriWidget.js +5 -1
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/MicrophoneButton/MicrophoneButton.css +22 -0
- package/dist/components/layouts/chat.css +22 -2
- package/dist/components/layouts/fullpage.css +5 -5
- package/dist/components/layouts/zoomed-full-body.css +5 -5
- package/dist/styles.css +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/esm/components/Chat/Chat.css +19 -0
- package/esm/components/ChatInputs/ChatInputs.css +77 -3
- package/esm/components/ChatTextArea/ChatTextArea.css +5 -25
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -14
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +169 -138
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +8 -8
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +7 -2
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
- package/esm/components/MemoriWidget/MemoriWidget.js +5 -1
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/MicrophoneButton/MicrophoneButton.css +22 -0
- package/esm/components/layouts/chat.css +22 -2
- package/esm/components/layouts/fullpage.css +5 -5
- package/esm/components/layouts/zoomed-full-body.css +5 -5
- package/esm/styles.css +1 -1
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.css +19 -0
- package/src/components/ChatInputs/ChatInputs.css +77 -3
- package/src/components/ChatTextArea/ChatTextArea.css +5 -25
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +7 -2
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +31 -14
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +169 -138
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +63 -72
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +7 -2
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +5 -1
- package/src/components/MicrophoneButton/MicrophoneButton.css +22 -0
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +5 -1
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +10 -2
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +5 -1
- package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +5 -1
- package/src/components/layouts/chat.css +22 -2
- package/src/components/layouts/fullpage.css +5 -5
- package/src/components/layouts/zoomed-full-body.css +5 -5
- package/src/styles.css +2 -5
- package/src/version.ts +1 -1
|
@@ -29,6 +29,31 @@
|
|
|
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;
|
|
@@ -328,13 +353,6 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
|
|
|
328
353
|
gap: var(--memori-spacing-sm);
|
|
329
354
|
}
|
|
330
355
|
|
|
331
|
-
.memori-artifact-panel-drawer-fullscreen > div > div > div {
|
|
332
|
-
width: 100% !important;
|
|
333
|
-
max-width: 100% !important;
|
|
334
|
-
box-shadow: none !important;
|
|
335
|
-
transform: translateX(0) !important;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
356
|
.memori-artifact-drawer--header-actions {
|
|
339
357
|
z-index: 100;
|
|
340
358
|
display: flex;
|
|
@@ -678,24 +696,26 @@ body:has(.memori-artifact-panel-drawer-fullscreen) .memori-drawer__backdrop,
|
|
|
678
696
|
}
|
|
679
697
|
|
|
680
698
|
.memori-artifact-drawer--close-desktop {
|
|
681
|
-
width:
|
|
682
|
-
min-width:
|
|
683
|
-
height:
|
|
684
|
-
min-height:
|
|
699
|
+
width: 38px;
|
|
700
|
+
min-width: 38px;
|
|
701
|
+
height: 38px;
|
|
702
|
+
min-height: 38px;
|
|
685
703
|
padding: 0;
|
|
686
|
-
border:
|
|
704
|
+
border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
|
|
687
705
|
margin: 0;
|
|
688
706
|
margin-left: 0 !important;
|
|
689
707
|
}
|
|
690
708
|
|
|
691
709
|
.memori-artifact-drawer--close-desktop:hover {
|
|
692
|
-
color: #
|
|
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;
|
|
693
713
|
}
|
|
694
714
|
|
|
695
715
|
.memori-artifact-drawer--close-desktop:hover .memori-artifact-panel--close-icon,
|
|
696
716
|
.memori-artifact-drawer--close:hover .memori-artifact-panel--close-icon {
|
|
697
|
-
color:
|
|
698
|
-
stroke:
|
|
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
|
|
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
|
|
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
|
-
/*
|
|
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:
|
|
761
|
-
min-width:
|
|
762
|
-
height:
|
|
763
|
-
min-height:
|
|
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-
|
|
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-
|
|
772
|
-
|
|
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
|
-
/*
|
|
776
|
-
.memori-artifact-drawer
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
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;
|
|
782
848
|
}
|
|
783
849
|
|
|
784
|
-
|
|
785
|
-
.memori-artifact-drawer-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
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;
|
|
859
|
+
}
|
|
860
|
+
|
|
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
|
-
|
|
974
|
-
z-index: 1000;
|
|
975
|
-
top: 100%;
|
|
976
|
-
right: 0;
|
|
1052
|
+
z-index: 1100;
|
|
977
1053
|
min-width: 200px;
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
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:
|
|
1076
|
+
padding: 0.5rem 0.75rem;
|
|
1040
1077
|
border: 1px solid transparent;
|
|
1041
|
-
border-radius: var(--
|
|
1078
|
+
border-radius: var(--memori-radius-box);
|
|
1042
1079
|
background: transparent;
|
|
1043
|
-
color: var(--
|
|
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
|
-
|
|
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-
|
|
1069
|
-
|
|
1070
|
-
|
|
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-
|
|
1074
|
-
|
|
1075
|
-
|
|
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
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1107
|
+
@media (max-width: 1260px) {
|
|
1108
|
+
.memori-artifact-drawer--close {
|
|
1109
|
+
margin-left: 0;
|
|
1110
|
+
}
|
|
1081
1111
|
|
|
1082
|
-
.memori-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
}
|
|
1112
|
+
.memori-artifact-panel--header {
|
|
1113
|
+
margin-bottom: var(--memori-spacing-sm);
|
|
1114
|
+
}
|
|
1086
1115
|
|
|
1087
|
-
.memori-mobile-dropdown
|
|
1088
|
-
|
|
1089
|
-
|
|
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 */
|
|
@@ -81,7 +81,7 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
|
|
|
81
81
|
return (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-layout-column", children: children });
|
|
82
82
|
}
|
|
83
83
|
else {
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen || isMobile
|
|
85
85
|
? 'memori-artifact-panel-drawer-fullscreen'
|
|
86
86
|
: 'memori-artifact-panel-drawer', closable: false, children: children }));
|
|
87
87
|
}
|
|
@@ -142,10 +142,10 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
|
|
|
142
142
|
return ((0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-drawer-container-actions', {
|
|
143
143
|
'memori-artifact-drawer-container-actions--no-preview': !hasPreview,
|
|
144
144
|
'memori-artifact-drawer-container-actions--chatlog': isChatLogPanel,
|
|
145
|
-
}), children: !isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasPreview && ((0, jsx_runtime_1.jsx)(TabSwitch_1.default, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), (0, jsx_runtime_1.jsx)(ArtifactActions_1.default, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), !isChatLogPanel && ((0, jsx_runtime_1.jsx)(ui_1.Button, { onClick: closeArtifact, variant: "outline", "aria-label": t('artifact.close') || 'Close', className: "memori-artifact-drawer--close-desktop", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }), title: t('artifact.close') || 'Close' }))] })) }), (0, jsx_runtime_1.
|
|
145
|
+
}), children: !isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasPreview && ((0, jsx_runtime_1.jsx)(TabSwitch_1.default, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), (0, jsx_runtime_1.jsx)(ArtifactActions_1.default, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), !isChatLogPanel && ((0, jsx_runtime_1.jsx)(ui_1.Button, { onClick: closeArtifact, variant: "outline", "aria-label": t('artifact.close') || 'Close', className: "memori-artifact-drawer--close-desktop", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }), title: t('artifact.close') || 'Close' }))] })) }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-drawer-top-right', {
|
|
146
146
|
'memori-artifact-drawer-top-right--no-preview': !hasPreview,
|
|
147
147
|
'memori-artifact-drawer-top-right--chatlog': isChatLogPanel,
|
|
148
|
-
}), children:
|
|
148
|
+
}), children: isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasPreview && ((0, jsx_runtime_1.jsx)(TabSwitch_1.default, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-drawer-top-right-actions", children: [(0, jsx_runtime_1.jsxs)(ui_1.Dropdown, { className: "memori-mobile-actions-menu", children: [(0, jsx_runtime_1.jsx)(ui_1.Dropdown.Trigger, { showChevron: false, className: "memori-mobile-actions-trigger", render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Button, { ...props, className: (0, classnames_1.default)('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), variant: "ghost", title: t('artifact.actions') || 'Actions', children: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreVertical, { className: "memori-artifact-action-icon" }) })) }), (0, jsx_runtime_1.jsxs)(ui_1.Dropdown.Menu, { className: "memori-mobile-dropdown", placement: "bottom", align: "end", sideOffset: 8, container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, children: [(0, jsx_runtime_1.jsx)(ui_1.Dropdown.Item, { className: "memori-artifact-action-btn", onClick: handleCopy, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "memori-artifact-action-icon" }), label: t('artifact.copy') || 'Copy', children: t('artifact.copy') || 'Copy' }), formats.map(format => {
|
|
149
149
|
const getIcon = () => {
|
|
150
150
|
switch (format.action) {
|
|
151
151
|
case 'copy':
|
|
@@ -159,9 +159,9 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
|
|
|
159
159
|
return ((0, jsx_runtime_1.jsx)(lucide_react_1.Link, { className: "memori-artifact-action-icon" }));
|
|
160
160
|
}
|
|
161
161
|
};
|
|
162
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.
|
|
163
|
-
copyState.activeFormat === format.id,
|
|
164
|
-
}), (0, jsx_runtime_1.jsx)(ui_1.
|
|
162
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
|
|
163
|
+
copyState.activeFormat === format.id, icon: getIcon(), label: format.label, children: format.label }, format.id));
|
|
164
|
+
}), (0, jsx_runtime_1.jsx)(ui_1.Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => {
|
|
165
165
|
var _a;
|
|
166
166
|
return handleOpenExternal((_a = state.currentArtifact) !== null && _a !== void 0 ? _a : {
|
|
167
167
|
content: '',
|
|
@@ -171,7 +171,7 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
|
|
|
171
171
|
size: 0,
|
|
172
172
|
id: '',
|
|
173
173
|
});
|
|
174
|
-
},
|
|
174
|
+
}, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Link, { className: "memori-artifact-action-icon" }), label: t('artifact.external') || 'External', children: t('artifact.external') || 'External' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { onClick: closeArtifact, className: (0, classnames_1.default)('memori-artifact-drawer--close', 'memori-button--icon-only'), variant: "ghost", "aria-label": t('artifact.close') || 'Close', title: t('artifact.close') || 'Close', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }) })] })] })) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-panel--content", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-panel--main", children: (0, jsx_runtime_1.jsx)(ArtifactPreview_1.default, { artifact: state.currentArtifact, activeTab: activeTab }) }) })] }));
|
|
175
175
|
};
|
|
176
176
|
exports.default = ArtifactDrawer;
|
|
177
177
|
//# sourceMappingURL=ArtifactDrawer.js.map
|
package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":";;;;AAMA,iCAAyE;AACzE,iDAA+C;AAC/C,sCAAyD;AACzD,mFAA8E;AAC9E,+
|
|
1
|
+
{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
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:
|
|
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
|
|
|
@@ -15,7 +19,8 @@
|
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
.memori-tab-switch__tab {
|
|
18
|
-
min-width:
|
|
22
|
+
min-width: 40px;
|
|
23
|
+
flex: 0 0 auto;
|
|
19
24
|
}
|
|
20
25
|
|
|
21
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;
|
|
@@ -1616,7 +1616,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
|
|
|
1616
1616
|
}`);
|
|
1617
1617
|
}
|
|
1618
1618
|
if (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) {
|
|
1619
|
-
integrationStylesheetParts.push(
|
|
1619
|
+
integrationStylesheetParts.push(`.memori-widget .memori-chat--history--has-global-background::before,
|
|
1620
|
+
.memori-widget .memori-chat-layout--main--has-background::before {
|
|
1621
|
+
filter: blur(5px);
|
|
1622
|
+
transform: scale(1.06);
|
|
1623
|
+
}`);
|
|
1620
1624
|
}
|
|
1621
1625
|
const integrationStylesheet = `@layer integration {
|
|
1622
1626
|
${integrationStylesheetParts.join('\n ')}
|