@memori.ai/memori-react 8.4.2 → 8.5.1
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 +15 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +0 -4
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +3 -3
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js +110 -8
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.js +3 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/hooks/useCopyArtifact.js +42 -38
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/hooks/useCopyArtifact.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -2
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/types.d.ts +2 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +428 -15
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +46 -8
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +150 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.d.ts +9 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js +35 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +2 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +2 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +15 -26
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/context/ArtifactContext.js +1 -5
- package/dist/components/MemoriArtifactSystem/context/ArtifactContext.js.map +1 -1
- package/dist/components/icons/Close.d.ts +2 -1
- package/dist/components/icons/Close.js +1 -1
- package/dist/components/icons/Close.js.map +1 -1
- package/dist/components/icons/MenuVertical.d.ts +7 -0
- package/dist/components/icons/MenuVertical.js +6 -0
- package/dist/components/icons/MenuVertical.js.map +1 -0
- package/dist/components/layouts/Chat.js +1 -1
- package/dist/components/layouts/Chat.js.map +1 -1
- package/dist/components/layouts/FullPage.js +1 -1
- package/dist/components/layouts/FullPage.js.map +1 -1
- package/dist/components/layouts/ZoomedFullBody.js +1 -1
- package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
- package/dist/components/layouts/chat.css +67 -80
- package/dist/components/ui/Drawer.d.ts +1 -0
- package/dist/components/ui/Drawer.js +2 -2
- package/dist/components/ui/Drawer.js.map +1 -1
- package/dist/locales/de.json +37 -1
- package/dist/locales/en.json +37 -1
- package/dist/locales/es.json +37 -1
- package/dist/locales/fr.json +37 -1
- package/dist/locales/it.json +37 -1
- package/dist/styles.css +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +0 -4
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +3 -3
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js +110 -8
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.js +3 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/hooks/useCopyArtifact.js +42 -38
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/hooks/useCopyArtifact.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -2
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/types.d.ts +2 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +428 -15
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +47 -9
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +150 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.d.ts +9 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js +32 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +2 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +2 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +16 -27
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/context/ArtifactContext.js +1 -5
- package/esm/components/MemoriArtifactSystem/context/ArtifactContext.js.map +1 -1
- package/esm/components/icons/Close.d.ts +2 -1
- package/esm/components/icons/Close.js +1 -1
- package/esm/components/icons/Close.js.map +1 -1
- package/esm/components/icons/MenuVertical.d.ts +7 -0
- package/esm/components/icons/MenuVertical.js +4 -0
- package/esm/components/icons/MenuVertical.js.map +1 -0
- package/esm/components/layouts/Chat.js +1 -1
- package/esm/components/layouts/Chat.js.map +1 -1
- package/esm/components/layouts/FullPage.js +1 -1
- package/esm/components/layouts/FullPage.js.map +1 -1
- package/esm/components/layouts/ZoomedFullBody.js +1 -1
- package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
- package/esm/components/layouts/chat.css +67 -80
- package/esm/components/ui/Drawer.d.ts +1 -0
- package/esm/components/ui/Drawer.js +2 -2
- package/esm/components/ui/Drawer.js.map +1 -1
- package/esm/locales/de.json +37 -1
- package/esm/locales/en.json +37 -1
- package/esm/locales/es.json +37 -1
- package/esm/locales/fr.json +37 -1
- package/esm/locales/it.json +37 -1
- package/esm/styles.css +1 -0
- package/package.json +1 -1
- package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap +9 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +0 -4
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx +7 -5
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.tsx +148 -12
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.tsx +3 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/hooks/useCopyArtifact.ts +54 -47
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -2
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/types.ts +2 -1
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +428 -15
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +239 -42
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css +150 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.tsx +79 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +2 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +1 -1
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +2 -41
- package/src/components/MemoriArtifactSystem/context/ArtifactContext.tsx +1 -5
- package/src/components/icons/Close.tsx +8 -1
- package/src/components/icons/MenuVertical.tsx +29 -0
- package/src/components/layouts/Chat.tsx +3 -1
- package/src/components/layouts/FullPage.tsx +7 -2
- package/src/components/layouts/ZoomedFullBody.tsx +8 -3
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +1 -1
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +112 -104
- package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +3 -0
- package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +56 -52
- package/src/components/layouts/chat.css +67 -80
- package/src/components/ui/Drawer.tsx +3 -1
- package/src/components/ui/__snapshots__/Alert.test.tsx.snap +3 -0
- package/src/locales/de.json +37 -1
- package/src/locales/en.json +37 -1
- package/src/locales/es.json +37 -1
- package/src/locales/fr.json +37 -1
- package/src/locales/it.json +38 -1
- package/src/styles.css +1 -0
package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css
ADDED
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TabSwitch CSS Styles
|
|
3
|
+
* Modern animated switch component with smooth transitions
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.memori-tab-switch {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.memori-tab-switch__container {
|
|
13
|
+
position: relative;
|
|
14
|
+
display: inline-flex;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
border: 1px solid #e9ecef;
|
|
17
|
+
border-radius: 6px;
|
|
18
|
+
background: #f8f9fa;
|
|
19
|
+
box-shadow: none;
|
|
20
|
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.memori-tab-switch__track {
|
|
24
|
+
position: relative;
|
|
25
|
+
display: flex;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
border-radius: 8px;
|
|
28
|
+
background: transparent;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.memori-tab-switch__indicator {
|
|
32
|
+
position: absolute;
|
|
33
|
+
z-index: 1;
|
|
34
|
+
top: 2px;
|
|
35
|
+
bottom: 2px;
|
|
36
|
+
left: 2px;
|
|
37
|
+
width: calc((100% - 4px) / var(--tab-count, 2));
|
|
38
|
+
border-radius: 6px;
|
|
39
|
+
animation: tab-switch-slide 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
40
|
+
background: #ffffff;
|
|
41
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
42
|
+
transform: translateX(calc(var(--active-index, 0) * 100%));
|
|
43
|
+
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.memori-tab-switch__indicator::before {
|
|
47
|
+
position: absolute;
|
|
48
|
+
top: 0;
|
|
49
|
+
right: 0;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
left: 0;
|
|
52
|
+
border-radius: 6px;
|
|
53
|
+
background: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 100%);
|
|
54
|
+
content: '';
|
|
55
|
+
pointer-events: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.memori-tab-switch__button {
|
|
59
|
+
position: relative;
|
|
60
|
+
z-index: 2;
|
|
61
|
+
display: flex;
|
|
62
|
+
min-width: 70px;
|
|
63
|
+
height: 36px;
|
|
64
|
+
align-items: center;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
padding: 6px 12px;
|
|
67
|
+
border: none;
|
|
68
|
+
border-radius: 6px;
|
|
69
|
+
background: transparent;
|
|
70
|
+
color: #6b7280;
|
|
71
|
+
cursor: pointer;
|
|
72
|
+
font-size: 0.875rem;
|
|
73
|
+
font-weight: 500;
|
|
74
|
+
gap: 6px;
|
|
75
|
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
76
|
+
white-space: nowrap;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.memori-tab-switch__button:hover {
|
|
80
|
+
color: #374151;
|
|
81
|
+
transform: none;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.memori-tab-switch__button--active {
|
|
85
|
+
/* color: #1´ç11827; */
|
|
86
|
+
font-weight: 600;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.memori-tab-switch__button:focus {
|
|
90
|
+
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
|
|
91
|
+
outline: none;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.memori-tab-switch__button:active {
|
|
95
|
+
transform: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.memori-tab-switch__icon {
|
|
99
|
+
width: 18px;
|
|
100
|
+
height: 18px;
|
|
101
|
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.memori-tab-switch__button--active .memori-tab-switch__icon {
|
|
105
|
+
filter: none;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.memori-tab-switch__label {
|
|
109
|
+
font-size: 0.875rem;
|
|
110
|
+
font-weight: 500;
|
|
111
|
+
letter-spacing: 0.01em;
|
|
112
|
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/* Hover effects for the entire switch */
|
|
116
|
+
.memori-tab-switch__container:hover {
|
|
117
|
+
border-color: #d1d5db;
|
|
118
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.memori-tab-switch__container:hover .memori-tab-switch__indicator {
|
|
122
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/* Animation for tab switching */
|
|
126
|
+
@keyframes tab-switch-slide {
|
|
127
|
+
from {
|
|
128
|
+
transform: translateX(calc((var(--active-index, 0) - 1) * 100%));
|
|
129
|
+
}
|
|
130
|
+
to {
|
|
131
|
+
transform: translateX(calc(var(--active-index, 0) * 100%));
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Responsive design */
|
|
136
|
+
|
|
137
|
+
/* High contrast mode support */
|
|
138
|
+
@media (prefers-contrast: high) {
|
|
139
|
+
.memori-tab-switch__container {
|
|
140
|
+
border-width: 2px;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.memori-tab-switch__indicator {
|
|
144
|
+
box-shadow: 0 0 0 2px white, 0 2px 8px var(--memori-primary);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.memori-tab-switch__button:focus {
|
|
148
|
+
box-shadow: 0 0 0 4px var(--memori-primary);
|
|
149
|
+
}
|
|
150
|
+
}
|
package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ArtifactTab } from '../../../types/artifact.types';
|
|
3
|
+
interface TabSwitchProps {
|
|
4
|
+
activeTab: ArtifactTab;
|
|
5
|
+
onTabChange: (tab: ArtifactTab) => void;
|
|
6
|
+
hasPreview: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const TabSwitch: React.FC<TabSwitchProps>;
|
|
9
|
+
export default TabSwitch;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import Code from '../../../../icons/Code';
|
|
4
|
+
import { PreviewIcon } from '../../../../icons/Preview';
|
|
5
|
+
const TabSwitch = ({ activeTab, onTabChange, hasPreview, }) => {
|
|
6
|
+
const tabs = [
|
|
7
|
+
{
|
|
8
|
+
id: 'code',
|
|
9
|
+
icon: Code,
|
|
10
|
+
},
|
|
11
|
+
...(hasPreview
|
|
12
|
+
? [
|
|
13
|
+
{
|
|
14
|
+
id: 'preview',
|
|
15
|
+
icon: PreviewIcon,
|
|
16
|
+
},
|
|
17
|
+
]
|
|
18
|
+
: []),
|
|
19
|
+
];
|
|
20
|
+
return (_jsx("div", { className: "memori-tab-switch", children: _jsx("div", { className: "memori-tab-switch__container", children: _jsxs("div", { className: "memori-tab-switch__track", style: {
|
|
21
|
+
'--tab-count': tabs.length,
|
|
22
|
+
}, children: [_jsx("div", { className: "memori-tab-switch__indicator", style: {
|
|
23
|
+
'--active-index': tabs.findIndex(tab => tab.id === activeTab),
|
|
24
|
+
} }), tabs.map((tab) => {
|
|
25
|
+
const IconComponent = tab.icon;
|
|
26
|
+
return (_jsx("button", { type: "button", className: cx('memori-tab-switch__button', {
|
|
27
|
+
'memori-tab-switch__button--active': activeTab === tab.id,
|
|
28
|
+
}), onClick: () => onTabChange(tab.id), "aria-pressed": activeTab === tab.id, children: _jsx(IconComponent, { className: "memori-tab-switch__icon" }) }, tab.id));
|
|
29
|
+
})] }) }) }));
|
|
30
|
+
};
|
|
31
|
+
export default TabSwitch;
|
|
32
|
+
//# sourceMappingURL=TabSwitch.js.map
|
package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAQxD,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,EACT,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,MAAM,IAAI,GAAG;QACX;YACE,EAAE,EAAE,MAAqB;YACzB,IAAI,EAAE,IAAI;SAEX;QACD,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,SAAwB;oBAC5B,IAAI,EAAE,WAAW;iBAElB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI,CAAC,MAAM;iBACJ,aAExB,cACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;4BACL,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC;yBACvC,GACxB,EACD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBAChB,MAAM,aAAa,GAAG,GAAG,CAAC,IAAI,CAAC;wBAC/B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;gCACzC,mCAAmC,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE;6BAC1D,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,kBACpB,SAAS,KAAK,GAAG,CAAC,EAAE,YAGlC,KAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,GAAG,IAThD,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC;oBACJ,CAAC,CAAC,IACE,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -8,9 +8,11 @@
|
|
|
8
8
|
align-items: center;
|
|
9
9
|
justify-content: space-between;
|
|
10
10
|
padding: 12px;
|
|
11
|
+
padding: 1.5rem;
|
|
11
12
|
border: 1px solid var(--memori-button-border-color, #e9ecef);
|
|
12
13
|
border-radius: var(--memori-border-radius, 12px);
|
|
13
14
|
margin: 0.75rem 0;
|
|
15
|
+
margin: 0.5rem;
|
|
14
16
|
animation: fadeInUp 0.5s ease forwards;
|
|
15
17
|
backdrop-filter: blur(4px);
|
|
16
18
|
background: rgba(255, 255, 255, 0.95);
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
/* Preview Content */
|
|
102
102
|
.memori-artifact-preview-content {
|
|
103
103
|
position: relative;
|
|
104
|
-
overflow:
|
|
104
|
+
overflow: hidden;
|
|
105
105
|
flex: 1;
|
|
106
106
|
/* border: 1px solid var(--memori-button-border-color, #e9ecef); */
|
|
107
107
|
border-radius: var(--memori-border-radius, 6px);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ArtifactData } from '../../types/artifact.types';
|
|
2
|
+
import { ArtifactData, ArtifactTab } from '../../types/artifact.types';
|
|
3
3
|
declare const ArtifactPreview: React.FC<{
|
|
4
4
|
artifact: ArtifactData;
|
|
5
|
+
activeTab: ArtifactTab;
|
|
5
6
|
}>;
|
|
6
7
|
export default ArtifactPreview;
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback
|
|
2
|
+
import { useCallback } from 'react';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import cx from 'classnames';
|
|
5
|
-
import Button from '../../../ui/Button';
|
|
6
|
-
import Code from '../../../icons/Code';
|
|
7
|
-
import { PreviewIcon } from '../../../icons/Preview';
|
|
8
5
|
import Snippet from '../../../Snippet/Snippet';
|
|
9
|
-
const ArtifactPreview = ({ artifact }) => {
|
|
6
|
+
const ArtifactPreview = ({ artifact, activeTab }) => {
|
|
10
7
|
const { t } = useTranslation();
|
|
11
|
-
const [activeTab, setActiveTab] = useState('preview');
|
|
12
|
-
const handleTabChange = useCallback((tab) => {
|
|
13
|
-
setActiveTab(tab);
|
|
14
|
-
}, [activeTab]);
|
|
15
8
|
const renderPreview = useCallback(() => {
|
|
16
9
|
switch (artifact.mimeType) {
|
|
17
10
|
case 'html':
|
|
@@ -74,24 +67,20 @@ const ArtifactPreview = ({ artifact }) => {
|
|
|
74
67
|
}
|
|
75
68
|
}, []);
|
|
76
69
|
const hasPreview = artifact.mimeType === 'html' || artifact.mimeType === 'markdown';
|
|
77
|
-
return (
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
lastChangeName: 'System',
|
|
92
|
-
} }) }) }), hasPreview && (_jsx("div", { className: cx('memori-artifact-tab-content', {
|
|
93
|
-
'memori-artifact-tab-content--active': activeTab === 'preview',
|
|
94
|
-
}), children: _jsx("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] })] }));
|
|
70
|
+
return (_jsx("div", { className: "memori-artifact-preview", children: _jsxs("div", { className: "memori-artifact-content", children: [_jsx("div", { className: cx('memori-artifact-tab-content', {
|
|
71
|
+
'memori-artifact-tab-content--active': activeTab === 'code' || !hasPreview,
|
|
72
|
+
}), children: _jsx("div", { className: "memori-artifact-code", children: _jsx(Snippet, { showCopyButton: false, medium: {
|
|
73
|
+
mediumID: artifact.id,
|
|
74
|
+
mimeType: mapArtifactMimeTypeToSnippetMimeType(artifact.mimeType),
|
|
75
|
+
content: artifact.content,
|
|
76
|
+
title: artifact.title,
|
|
77
|
+
creationTimestamp: artifact.timestamp.toISOString(),
|
|
78
|
+
creationName: 'System',
|
|
79
|
+
lastChangeTimestamp: artifact.timestamp.toISOString(),
|
|
80
|
+
lastChangeName: 'System',
|
|
81
|
+
} }) }) }), hasPreview && (_jsx("div", { className: cx('memori-artifact-tab-content', {
|
|
82
|
+
'memori-artifact-tab-content--active': activeTab === 'preview',
|
|
83
|
+
}), children: _jsx("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] }) }));
|
|
95
84
|
};
|
|
96
85
|
export default ArtifactPreview;
|
|
97
86
|
//# sourceMappingURL=ArtifactPreview.js.map
|
package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":";AAMA,OAAc,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,11 +8,7 @@ export const ArtifactProvider = ({ children }) => {
|
|
|
8
8
|
isFullscreen: false,
|
|
9
9
|
});
|
|
10
10
|
const openArtifact = useCallback((artifact) => {
|
|
11
|
-
setState(
|
|
12
|
-
var _a;
|
|
13
|
-
if (((_a = prev.currentArtifact) === null || _a === void 0 ? void 0 : _a.id) === artifact.id && prev.isDrawerOpen) {
|
|
14
|
-
return prev;
|
|
15
|
-
}
|
|
11
|
+
setState(() => {
|
|
16
12
|
return {
|
|
17
13
|
currentArtifact: artifact,
|
|
18
14
|
isDrawerOpen: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactContext.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/context/ArtifactContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAUpG,MAAM,eAAe,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACtD,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QAC1D,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"ArtifactContext.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/context/ArtifactContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAUpG,MAAM,eAAe,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACtD,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QAC1D,QAAQ,CAAC,GAAG,EAAE;YACZ,OAAO;gBACL,eAAe,EAAE,QAAQ;gBACzB,YAAY,EAAE,IAAI;gBAClB,YAAY,EAAE,KAAK;aACpB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAEd,OAAO;gBACL,GAAG,IAAI;gBACP,eAAe,EAAE,IAAI;gBACrB,YAAY,EAAE,KAAK;gBACnB,YAAY,EAAE,KAAK;aACpB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAChB,GAAG,IAAI;YACP,YAAY,EAAE,CAAC,IAAI,CAAC,YAAY;SACjC,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,KAAK;QACL,YAAY;QACZ,aAAa;QACb,gBAAgB;KACjB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;KACrE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const Close: ({ className, title, }: {
|
|
2
|
+
declare const Close: ({ className, title, bold, }: {
|
|
3
3
|
className?: string | undefined;
|
|
4
4
|
title?: string | undefined;
|
|
5
|
+
bold?: boolean | undefined;
|
|
5
6
|
}) => JSX.Element;
|
|
6
7
|
export default Close;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const Close = ({ className, title, }) => (_jsx("svg", { ...(!title ? { 'aria-hidden': 'true' } : {}), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", focusable: "false", role: "img", className: className, "aria-label": title, children: _jsx("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }) }));
|
|
2
|
+
const Close = ({ className, title, bold = false, }) => (_jsx("svg", { ...(!title ? { 'aria-hidden': 'true' } : {}), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", focusable: "false", role: "img", className: className, "aria-label": title, children: _jsx("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z", strokeWidth: bold ? 2 : 0, stroke: bold ? "currentColor" : "none", fill: bold ? "none" : "currentColor" }) }));
|
|
3
3
|
export default Close;
|
|
4
4
|
//# sourceMappingURL=Close.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Close.js","sourceRoot":"","sources":["../../../src/components/icons/Close.tsx"],"names":[],"mappings":";AAEA,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"Close.js","sourceRoot":"","sources":["../../../src/components/icons/Close.tsx"],"names":[],"mappings":";AAEA,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,KAAK,EACL,IAAI,GAAG,KAAK,GAKb,EAAE,EAAE,CAAC,CACJ,iBACM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7C,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,SAAS,gBACR,KAAK,YAEjB,eACE,CAAC,EAAC,4TAA4T,EAC9T,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EACtC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,GACpC,GACE,CACP,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const MenuVertical = ({ className, title, bold = false, }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "none", viewBox: "0 0 24 24", className: className, "aria-label": title, children: _jsx("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: bold ? 3 : 2, d: "M13 5a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 12a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" }) }));
|
|
3
|
+
export default MenuVertical;
|
|
4
|
+
//# sourceMappingURL=MenuVertical.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuVertical.js","sourceRoot":"","sources":["../../../src/components/icons/MenuVertical.tsx"],"names":[],"mappings":";AACA,MAAM,YAAY,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EACL,IAAI,GAAG,KAAK,GAKb,EAAE,EAAE,CAAC,CACN,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,gBACR,KAAK,YAEjB,eACE,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,CAAC,EAAC,0GAA0G,GAC5G,GACE,CACP,CAAA;AACD,eAAe,YAAY,CAAA"}
|
|
@@ -3,7 +3,7 @@ import Spin from '../ui/Spin';
|
|
|
3
3
|
import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
|
|
4
4
|
const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
5
5
|
const { state } = useArtifact();
|
|
6
|
-
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, className: "memori-chat-layout", children: [poweredBy, _jsx("div", { className:
|
|
6
|
+
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, className: "memori-chat-layout", children: [poweredBy, _jsx("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, children: Header && headerProps && _jsx(Header, { ...headerProps }) }), _jsx("div", { id: "extension" }), _jsx("div", { className: `memori-chat-layout--main ${state.isDrawerOpen ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
|
|
7
7
|
? `memori-chat-layout-controls-hide`
|
|
8
8
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
9
9
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,MAAM,UAAU,GAA0B,CAAC,EACzC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAGhC,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB,aACpD,SAAS,EAEV,cAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,MAAM,UAAU,GAA0B,CAAC,EACzC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAGhC,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB,aACpD,SAAS,EAEV,cAAK,SAAS,EAAE,8BACd,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YACC,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,cAAK,EAAE,EAAC,WAAW,GAAG,EAEtB,cACE,SAAS,EAAE,4BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAClE,EAAE,YAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;gCAChB,CAAC,CAAC,kCAAkC;gCACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;oCAChB,CAAC,CAAC,4CAA4C;oCAC9C,CAAC,CAAC,EACN,EAAE,YAGP,SAAS,IAAI,qBAAqB,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzD,KAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,IAED,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
|
|
|
4
4
|
const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
5
5
|
const { state } = useArtifact();
|
|
6
6
|
const hasArtifact = state.currentArtifact;
|
|
7
|
-
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [Header && headerProps && _jsx(Header, { ...headerProps }), _jsxs("div", { className: "memori--grid", children: [!state.isDrawerOpen && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
|
|
7
|
+
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [_jsx("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, children: Header && headerProps && _jsx(Header, { ...headerProps }) }), _jsxs("div", { className: "memori--grid", children: [!state.isDrawerOpen && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
|
|
8
8
|
? `memori-chat-layout-controls-hide`
|
|
9
9
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
10
10
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAG9E,MAAM,cAAc,GAA0B,CAAC,EAC7C,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAG9E,MAAM,cAAc,GAA0B,CAAC,EAC7C,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACrB,cACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,eAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,eAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAClD,EAED,cAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,cACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;wCAChB,CAAC,CAAC,kCAAkC;wCACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,4CAA4C;4CAC9C,CAAC,CAAC,EACN,EAAE,YAGP,SAAS,IAAI,qBAAqB,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzD,KAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
|
|
|
4
4
|
const ZoomedFullBodyLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
5
5
|
const { state } = useArtifact();
|
|
6
6
|
const hasArtifact = state.currentArtifact;
|
|
7
|
-
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { className: "memori-spin--zoomed-full-body", spinning: loading, children: [Header && headerProps && _jsx(Header, { ...headerProps }), _jsxs("div", { className: "memori--grid", children: [!state.isDrawerOpen && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, isZoomed: true, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
|
|
7
|
+
return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { className: "memori-spin--zoomed-full-body", spinning: loading, children: [_jsx("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, children: Header && headerProps && _jsx(Header, { ...headerProps }) }), _jsxs("div", { className: "memori--grid", children: [!state.isDrawerOpen && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, isZoomed: true, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
|
|
8
8
|
? `memori-chat-layout-controls-hide`
|
|
9
9
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
10
10
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,MAAM,oBAAoB,GAA0B,CAAC,EACnD,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAE1C,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,EAAC,QAAQ,EAAE,OAAO,aAC/D,cACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,eAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,eAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,WAAK,WAAW,GAAI,CAC3D,EAED,cAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,cACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;wCAChB,CAAC,CAAC,kCAAkC;wCACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,4CAA4C;4CAC9C,CAAC,CAAC,EACN,EAAE,YAGP,SAAS,IAAI,qBAAqB,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzD,KAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|