@memori.ai/memori-react 8.4.0-rc.7 → 8.4.0-rc.8
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 +8 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +26 -58
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +8 -8
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +30 -4
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +10 -28
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +15 -4
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +1 -3
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +4 -3
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/dist/components/layouts/Chat.js +5 -7
- package/dist/components/layouts/Chat.js.map +1 -1
- package/dist/components/layouts/FullPage.js +5 -8
- package/dist/components/layouts/FullPage.js.map +1 -1
- package/dist/components/layouts/ZoomedFullBody.js +5 -8
- package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
- package/dist/components/layouts/chat.css +15 -11
- 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/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +26 -58
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +8 -8
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +30 -4
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +11 -29
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +15 -4
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +1 -3
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +5 -4
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/esm/components/layouts/Chat.js +5 -7
- package/esm/components/layouts/Chat.js.map +1 -1
- package/esm/components/layouts/FullPage.js +5 -8
- package/esm/components/layouts/FullPage.js.map +1 -1
- package/esm/components/layouts/ZoomedFullBody.js +5 -8
- package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
- package/esm/components/layouts/chat.css +15 -11
- 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/package.json +1 -1
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +26 -58
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx +66 -97
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +30 -4
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +31 -126
- package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx +24 -12
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +4 -7
- package/src/components/layouts/Chat.tsx +0 -7
- package/src/components/layouts/FullPage.tsx +0 -11
- package/src/components/layouts/ZoomedFullBody.tsx +0 -12
- package/src/components/layouts/chat.css +15 -11
- package/src/components/ui/Drawer.tsx +7 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [8.4.0-rc.8](https://github.com/memori-ai/memori-react/compare/v8.4.0-rc.7...v8.4.0-rc.8) (2025-09-09)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Changes
|
|
7
|
+
|
|
8
|
+
* enhance ArtifactActions and ArtifactDrawer and improved layout and responsiveness ([af3139c](https://github.com/memori-ai/memori-react/commit/af3139c45726c76af454056cf4773098bf6face9))
|
|
9
|
+
* update ArtifactDrawer styles and enhance title extraction logic in ArtifactHandler ([8d6c503](https://github.com/memori-ai/memori-react/commit/8d6c5031e44c15d3ba1e98ccf2bc5a8736ce1ce5))
|
|
10
|
+
|
|
3
11
|
## [8.4.0-rc.7](https://github.com/memori-ai/memori-react/compare/v8.4.0-rc.6...v8.4.0-rc.7) (2025-09-09)
|
|
4
12
|
|
|
5
13
|
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
white-space: nowrap;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
.memori-artifact-actions{
|
|
23
|
+
margin-top: 1rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
22
26
|
.memori-artifact-action-icon, .memori-artifact-action-icon-fullscreen{
|
|
23
27
|
width: 16px;
|
|
24
28
|
height: 16px;
|
|
@@ -74,16 +78,28 @@
|
|
|
74
78
|
|
|
75
79
|
/* Responsive Design */
|
|
76
80
|
@media (max-width: 768px) {
|
|
77
|
-
.memori-artifact-actions-
|
|
78
|
-
|
|
79
|
-
|
|
81
|
+
.memori-artifact-actions-row {
|
|
82
|
+
gap: 0.25rem;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.memori-artifact-action-btn {
|
|
86
|
+
padding: 0.5rem 0.75rem;
|
|
87
|
+
font-size: 0.8rem;
|
|
80
88
|
}
|
|
81
89
|
}
|
|
82
90
|
|
|
83
91
|
@media (max-width: 480px) {
|
|
84
|
-
.memori-artifact-actions-
|
|
85
|
-
|
|
86
|
-
|
|
92
|
+
.memori-artifact-actions-row {
|
|
93
|
+
gap: 0.125rem;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.memori-artifact-action-btn {
|
|
97
|
+
padding: 0.375rem 0.5rem;
|
|
98
|
+
font-size: 0.75rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.memori-artifact-action-text {
|
|
102
|
+
display: none;
|
|
87
103
|
}
|
|
88
104
|
}
|
|
89
105
|
|
|
@@ -95,9 +111,7 @@
|
|
|
95
111
|
line-height: 1;
|
|
96
112
|
}
|
|
97
113
|
|
|
98
|
-
|
|
99
|
-
border: none;
|
|
100
|
-
}
|
|
114
|
+
/* Remove unused styles */
|
|
101
115
|
|
|
102
116
|
.memori-artifact-action-icon-fullscreen{
|
|
103
117
|
fill: #fff
|
|
@@ -129,56 +143,10 @@
|
|
|
129
143
|
position: relative;
|
|
130
144
|
}
|
|
131
145
|
|
|
132
|
-
/*
|
|
133
|
-
.memori-artifact-actions-
|
|
134
|
-
position: relative;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.memori-artifact-actions-menu .memori-menu--overlay {
|
|
138
|
-
position: absolute;
|
|
139
|
-
z-index: 1000;
|
|
140
|
-
top: 100%;
|
|
141
|
-
right: 0;
|
|
142
|
-
left: auto;
|
|
143
|
-
display: flex;
|
|
144
|
-
min-width: 12rem;
|
|
145
|
-
flex-direction: column;
|
|
146
|
-
padding: 0.5rem 0;
|
|
147
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
148
|
-
border-radius: 0.375rem;
|
|
149
|
-
margin-top: 0.5rem;
|
|
150
|
-
background: white;
|
|
151
|
-
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.memori-artifact-actions-menu .memori-menu--li {
|
|
146
|
+
/* Horizontal Button Row Styles */
|
|
147
|
+
.memori-artifact-actions-row {
|
|
155
148
|
display: flex;
|
|
149
|
+
flex-wrap: wrap;
|
|
156
150
|
align-items: center;
|
|
157
|
-
justify-content: center;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.memori-artifact-actions-menu .memori-menu--button {
|
|
161
|
-
width: 100%;
|
|
162
|
-
justify-content: flex-start;
|
|
163
|
-
padding: 0.75rem 1rem;
|
|
164
|
-
border: none;
|
|
165
|
-
background: transparent;
|
|
166
|
-
color: #000;
|
|
167
|
-
cursor: pointer;
|
|
168
|
-
font-size: 0.875rem;
|
|
169
|
-
font-weight: 500;
|
|
170
151
|
gap: 0.5rem;
|
|
171
|
-
text-align: left;
|
|
172
|
-
text-decoration: none;
|
|
173
|
-
white-space: nowrap;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.memori-artifact-actions-menu .memori-menu--button:hover {
|
|
177
|
-
background: rgba(0, 123, 255, 0.1);
|
|
178
|
-
color: var(--memori-primary);
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.memori-artifact-actions-menu .memori-menu--icon {
|
|
182
|
-
width: 1em;
|
|
183
|
-
height: 1em;
|
|
184
152
|
}
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 =
|
|
5
|
+
const react_1 = require("react");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
8
|
-
const react_2 = require("@headlessui/react");
|
|
9
8
|
const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
|
|
10
9
|
const Download_1 = tslib_1.__importDefault(require("../../../icons/Download"));
|
|
11
10
|
const Link_1 = tslib_1.__importDefault(require("../../../icons/Link"));
|
|
@@ -13,7 +12,6 @@ const Fullscreen_1 = tslib_1.__importDefault(require("../../../icons/Fullscreen"
|
|
|
13
12
|
const FullscreenExit_1 = tslib_1.__importDefault(require("../../../icons/FullscreenExit"));
|
|
14
13
|
const Print_1 = tslib_1.__importDefault(require("../../../icons/Print"));
|
|
15
14
|
const Copy_1 = tslib_1.__importDefault(require("../../../icons/Copy"));
|
|
16
|
-
const MenuHorizontal_1 = tslib_1.__importDefault(require("../../../icons/MenuHorizontal"));
|
|
17
15
|
const ArtifactActions = ({ artifact, onCopy, onDownload, onPrint, onOpenExternal, onToggleFullscreen, isFullscreen, loading = false, isChatLogPanel = false, }) => {
|
|
18
16
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
19
17
|
const [copyFeedback, setCopyFeedback] = (0, react_1.useState)(null);
|
|
@@ -162,11 +160,13 @@ const ArtifactActions = ({ artifact, onCopy, onDownload, onPrint, onOpenExternal
|
|
|
162
160
|
console.error('External open failed:', error);
|
|
163
161
|
}
|
|
164
162
|
}, [artifact, getMimeTypeString, onOpenExternal]);
|
|
165
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-actions", children: (0, jsx_runtime_1.jsxs)(
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
163
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-actions", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-actions-row", children: [(0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleCopy, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: (0, jsx_runtime_1.jsx)(Copy_1.default, { className: "memori-artifact-action-icon" }), title: copyFeedback || t('artifact.copy') || 'Copy', children: copyFeedback || t('artifact.copy') || 'Copy' }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleDownload, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: (0, jsx_runtime_1.jsx)(Download_1.default, { className: "memori-artifact-action-icon" }), title: t('artifact.download') || 'Download', children: t('artifact.download') || 'Download' }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handlePrint, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: (0, jsx_runtime_1.jsx)(Print_1.default, { className: "memori-artifact-action-icon" }), title: t('artifact.print') || 'Print', children: t('artifact.print') || 'Print' }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleOpenExternal, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: (0, jsx_runtime_1.jsx)(Link_1.default, { className: "memori-artifact-action-icon" }), title: t('artifact.external') || 'External', children: t('artifact.external') || 'External' }), !isChatLogPanel && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onToggleFullscreen, disabled: loading, className: (0, classnames_1.default)('memori-artifact-action-btn', 'memori-artifact-fullscreen-btn', {
|
|
164
|
+
'memori-artifact-fullscreen-btn--active': isFullscreen,
|
|
165
|
+
}), ghost: true, icon: isFullscreen ? ((0, jsx_runtime_1.jsx)(Fullscreen_1.default, { className: "memori-artifact-action-icon-fullscreen" })) : ((0, jsx_runtime_1.jsx)(FullscreenExit_1.default, { className: "memori-artifact-action-icon-fullscreen" })), title: isFullscreen
|
|
166
|
+
? t('artifact.exitFullscreen') || 'Exit Fullscreen'
|
|
167
|
+
: t('artifact.fullscreen') || 'Fullscreen', children: isFullscreen
|
|
168
|
+
? t('artifact.exitFullscreen') || 'Exit'
|
|
169
|
+
: t('artifact.fullscreen') || 'Fullscreen' }))] }) }));
|
|
170
170
|
};
|
|
171
171
|
exports.default = ArtifactActions;
|
|
172
172
|
//# sourceMappingURL=ArtifactActions.js.map
|
package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactActions.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx"],"names":[],"mappings":";;;;AAMA,
|
|
1
|
+
{"version":3,"file":"ArtifactActions.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,11 @@
|
|
|
17
17
|
--artifact-drawer-radius-lg: 12px;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* Override drawer width for ArtifactDrawer */
|
|
21
|
+
.memori-artifact-panel-drawer {
|
|
22
|
+
--memori-drawer--width-lg: 53%;
|
|
23
|
+
}
|
|
24
|
+
|
|
20
25
|
/* Main Drawer Container (Mobile Only) */
|
|
21
26
|
.memori-artifact-drawer {
|
|
22
27
|
position: relative;
|
|
@@ -24,6 +29,9 @@
|
|
|
24
29
|
font-family: var(--memori-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
|
|
25
30
|
}
|
|
26
31
|
|
|
32
|
+
.memori-artifact-panel-drawer > div > div > div{
|
|
33
|
+
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
|
34
|
+
}
|
|
27
35
|
/* Web Split Panel Container */
|
|
28
36
|
.memori-artifact-panel {
|
|
29
37
|
position: relative;
|
|
@@ -53,7 +61,7 @@
|
|
|
53
61
|
position: relative;
|
|
54
62
|
display: flex;
|
|
55
63
|
overflow: visible;
|
|
56
|
-
min-height:
|
|
64
|
+
min-height: 120px;
|
|
57
65
|
flex-flow: column;
|
|
58
66
|
align-items: flex-start;
|
|
59
67
|
justify-content: space-between;
|
|
@@ -74,6 +82,8 @@
|
|
|
74
82
|
}
|
|
75
83
|
|
|
76
84
|
.memori-artifact-panel--title {
|
|
85
|
+
overflow: hidden;
|
|
86
|
+
max-width: 90%;
|
|
77
87
|
margin: 0 0 0.75rem;
|
|
78
88
|
background: white;
|
|
79
89
|
background-clip: text;
|
|
@@ -82,6 +92,8 @@
|
|
|
82
92
|
font-weight: 700;
|
|
83
93
|
letter-spacing: -0.02em;
|
|
84
94
|
line-height: 1.2;
|
|
95
|
+
text-overflow: ellipsis;
|
|
96
|
+
white-space: nowrap;
|
|
85
97
|
}
|
|
86
98
|
|
|
87
99
|
|
|
@@ -152,18 +164,17 @@
|
|
|
152
164
|
/* Web Split Panel Content */
|
|
153
165
|
.memori-artifact-panel--content {
|
|
154
166
|
position: relative;
|
|
155
|
-
z-index: -10;
|
|
156
167
|
display: flex;
|
|
157
168
|
overflow: hidden;
|
|
169
|
+
height: 72vh;
|
|
158
170
|
min-height: 0;
|
|
159
171
|
flex: 1;
|
|
160
|
-
padding: 1.5rem 1.5rem;
|
|
172
|
+
/* padding: 1.5rem 1.5rem; */
|
|
161
173
|
gap: 1.5rem;
|
|
162
174
|
}
|
|
163
175
|
|
|
164
176
|
.memori-artifact-panel--main {
|
|
165
177
|
position: relative;
|
|
166
|
-
z-index: -10;
|
|
167
178
|
display: flex;
|
|
168
179
|
overflow: hidden;
|
|
169
180
|
min-width: 0;
|
|
@@ -316,6 +327,13 @@
|
|
|
316
327
|
gap: 0.5rem;
|
|
317
328
|
}
|
|
318
329
|
|
|
330
|
+
.memori-artifact-panel-drawer-fullscreen > div > div > div {
|
|
331
|
+
width: 100% !important;
|
|
332
|
+
max-width: 100% !important;
|
|
333
|
+
box-shadow: none !important;
|
|
334
|
+
transform: translateX(0) !important;
|
|
335
|
+
}
|
|
336
|
+
|
|
319
337
|
|
|
320
338
|
|
|
321
339
|
|
|
@@ -418,6 +436,14 @@
|
|
|
418
436
|
font-family: var(--memori-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
|
|
419
437
|
}
|
|
420
438
|
|
|
439
|
+
@media (max-width: 1024px) {
|
|
440
|
+
.memori-artifact-panel-drawer > div > div > div {
|
|
441
|
+
width: 100% !important;
|
|
442
|
+
max-width: 100% !important;
|
|
443
|
+
box-shadow: none !important;
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
|
|
421
447
|
|
|
422
448
|
/* Responsive Design */
|
|
423
449
|
@media (max-width: 768px) {
|
|
@@ -4,41 +4,18 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
|
-
const react_2 = require("@headlessui/react");
|
|
8
7
|
const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
|
|
9
8
|
const Close_1 = tslib_1.__importDefault(require("../../../icons/Close"));
|
|
10
9
|
const ArtifactActions_1 = tslib_1.__importDefault(require("../ArtifactActions/ArtifactActions"));
|
|
11
10
|
const ArtifactContext_1 = require("../../context/ArtifactContext");
|
|
12
11
|
const ArtifactPreview_1 = tslib_1.__importDefault(require("../ArtifactPreview/ArtifactPreview"));
|
|
13
12
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
13
|
+
const Drawer_1 = tslib_1.__importDefault(require("../../../ui/Drawer"));
|
|
14
14
|
const ArtifactDrawer = ({ isChatLogPanel = false, }) => {
|
|
15
15
|
const { state, openArtifact, closeArtifact, toggleFullscreen } = (0, ArtifactContext_1.useArtifact)();
|
|
16
16
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
17
|
-
const [activeTab, setActiveTab] = (0, react_1.useState)('preview');
|
|
18
17
|
const [showHistory, setShowHistory] = (0, react_1.useState)(false);
|
|
19
|
-
const [isMobile, setIsMobile] = (0, react_1.useState)(false);
|
|
20
18
|
const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
|
|
21
|
-
(0, react_1.useEffect)(() => {
|
|
22
|
-
const handleResize = () => {
|
|
23
|
-
const newIsMobile = window.innerWidth < 769;
|
|
24
|
-
if (newIsMobile !== isMobile) {
|
|
25
|
-
setIsAnimating(true);
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
setIsMobile(newIsMobile);
|
|
28
|
-
setIsAnimating(false);
|
|
29
|
-
}, 150);
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
setIsMobile(newIsMobile);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
handleResize();
|
|
36
|
-
window.addEventListener('resize', handleResize);
|
|
37
|
-
return () => window.removeEventListener('resize', handleResize);
|
|
38
|
-
}, [isMobile]);
|
|
39
|
-
const handleTabChange = (0, react_1.useCallback)((tab) => {
|
|
40
|
-
setActiveTab(tab);
|
|
41
|
-
}, []);
|
|
42
19
|
const handleCopy = (0, react_1.useCallback)(async () => {
|
|
43
20
|
if (!state.currentArtifact)
|
|
44
21
|
return;
|
|
@@ -91,10 +68,15 @@ const ArtifactDrawer = ({ isChatLogPanel = false, }) => {
|
|
|
91
68
|
if (!state.currentArtifact) {
|
|
92
69
|
return null;
|
|
93
70
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
71
|
+
const ContentContainer = ({ children }) => {
|
|
72
|
+
if (isChatLogPanel) {
|
|
73
|
+
return (0, jsx_runtime_1.jsx)("div", { style: isChatLogPanel ? { minHeight: '75vh', maxHeight: '75vh' } : {}, className: "memori-artifact-panel", children: children });
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
return (0, jsx_runtime_1.jsx)(Drawer_1.default, { open: state.isDrawerOpen, onClose: handleClose, placement: "right", width: "50%", className: state.isFullscreen ? 'memori-artifact-panel-drawer-fullscreen' : 'memori-artifact-panel-drawer', widthMd: "100%", widthLg: "50%", closable: false, animated: true, showBackdrop: false, confirmDialogTitle: t('artifact.confirmDialogTitle') || 'Are you sure you want to close this artifact?', confirmDialogMessage: t('artifact.confirmDialogMessage') || 'This action cannot be undone.', children: children });
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--header-content", children: [(0, jsx_runtime_1.jsx)("h2", { className: "memori-artifact-panel--title", children: state.currentArtifact.title }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--meta", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.type') || 'Type', ": ", state.currentArtifact.mimeType] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.size') || 'Size', ":", ' ', formatBytes(state.currentArtifact.size)] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.generated') || 'Generated', ":", ' ', formatTimestamp(state.currentArtifact.timestamp)] })] })] }), (0, jsx_runtime_1.jsx)(ArtifactActions_1.default, { artifact: state.currentArtifact, onCopy: handleCopy, onDownload: handleDownload, loading: false, onPrint: handlePrint, onOpenExternal: handleOpenExternal, onToggleFullscreen: handleToggleFullscreen, isFullscreen: state.isFullscreen, isChatLogPanel: isChatLogPanel }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: closeArtifact, className: (0, classnames_1.default)('memori-artifact-drawer--close', 'memori-button--circle', 'memori-button--icon-only'), ghost: true, title: t('artifact.close') || 'Close', children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-artifact-panel--close-icon" }) })] }), (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 }) }) })] }));
|
|
98
80
|
};
|
|
99
81
|
function formatBytes(bytes) {
|
|
100
82
|
if (bytes === 0)
|
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;
|
|
1
|
+
{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,14 @@ const ArtifactHandler = ({ isChatlogPanel = false, message, }) => {
|
|
|
31
31
|
const artifactRegex = /<output\s+class="memori-artifact"[^>]*data-mimetype="([^"]+)"[^>]*>([\s\S]*?)<\/output>/gi;
|
|
32
32
|
const artifacts = [];
|
|
33
33
|
let match;
|
|
34
|
+
const titleRegex = {
|
|
35
|
+
dataTitle: /data-title\s*=\s*["\']([^"']+)["\']/i,
|
|
36
|
+
htmlTitle: /<title>([^<]+)<\/title>/gi
|
|
37
|
+
};
|
|
38
|
+
const findTitle = (mimeType, content) => {
|
|
39
|
+
var _a, _b;
|
|
40
|
+
return ((_a = titleRegex.dataTitle.exec(content)) === null || _a === void 0 ? void 0 : _a[1]) || ((_b = titleRegex.htmlTitle.exec(content)) === null || _b === void 0 ? void 0 : _b[1]) || `${mimeType.toUpperCase()} Artifact`;
|
|
41
|
+
};
|
|
34
42
|
while ((match = artifactRegex.exec(text)) !== null) {
|
|
35
43
|
const mimeType = match[1];
|
|
36
44
|
const content = match[2].trim();
|
|
@@ -41,8 +49,7 @@ const ArtifactHandler = ({ isChatlogPanel = false, message, }) => {
|
|
|
41
49
|
.substr(2, 9)}`,
|
|
42
50
|
content,
|
|
43
51
|
mimeType,
|
|
44
|
-
title:
|
|
45
|
-
timestamp: new Date(),
|
|
52
|
+
title: findTitle(mimeType, text), timestamp: new Date(),
|
|
46
53
|
size: content.length,
|
|
47
54
|
});
|
|
48
55
|
}
|
|
@@ -55,13 +62,17 @@ const ArtifactHandler = ({ isChatlogPanel = false, message, }) => {
|
|
|
55
62
|
return null;
|
|
56
63
|
return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler", onClick: () => {
|
|
57
64
|
var _a;
|
|
58
|
-
if (state.isDrawerOpen &&
|
|
65
|
+
if (state.isDrawerOpen &&
|
|
66
|
+
((_a = state.currentArtifact) === null || _a === void 0 ? void 0 : _a.id) === (currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.id)) {
|
|
59
67
|
closeArtifact();
|
|
60
68
|
}
|
|
61
69
|
else {
|
|
62
70
|
openArtifact(currentArtifact);
|
|
63
71
|
}
|
|
64
|
-
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-icon", children: "\uD83D\uDCC4" }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-title", children: currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.title }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-meta", children: [currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.mimeType, " \u2022", ' ', formatBytes((currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.size) || 0)] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-action", children: isChatlogPanel ? (state.isDrawerOpen &&
|
|
72
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-icon", children: "\uD83D\uDCC4" }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-title", children: currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.title }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-meta", children: [currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.mimeType, " \u2022", ' ', formatBytes((currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.size) || 0)] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-action", children: isChatlogPanel ? (state.isDrawerOpen &&
|
|
73
|
+
((_a = state.currentArtifact) === null || _a === void 0 ? void 0 : _a.id) === (currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.id) ? ((0, jsx_runtime_1.jsx)(ChevronUp_1.default, { className: "memori-artifact-handler-action-icon" })) : ((0, jsx_runtime_1.jsx)(ChevronDown_1.default, { className: "memori-artifact-handler-action-icon" }))) : state.isDrawerOpen &&
|
|
74
|
+
((_b = state.currentArtifact) === null || _b === void 0 ? void 0 : _b.id) === (currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.id) ? ((0, jsx_runtime_1.jsx)(ChevronLeft_1.default, { className: "memori-artifact-handler-action-icon" })) : ((0, jsx_runtime_1.jsx)(ChevronRight_1.default, { className: "memori-artifact-handler-action-icon" })) })] }, currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.id), state.isDrawerOpen &&
|
|
75
|
+
((_c = state.currentArtifact) === null || _c === void 0 ? void 0 : _c.id) === (currentArtifact === null || currentArtifact === void 0 ? void 0 : currentArtifact.id) && ((0, jsx_runtime_1.jsx)(ArtifactDrawer_1.default, { isChatLogPanel: isChatlogPanel }))] }));
|
|
65
76
|
};
|
|
66
77
|
const formatBytes = (bytes) => {
|
|
67
78
|
if (bytes === 0)
|
package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactHandler.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,mEAA4D;AAE5D,uFAAuD;AACvD,8FAA8D;AAC9D,qFAAqD;AACrD,qFAAqD;AACrD,iFAAiD;AAQjD,MAAM,eAAe,GAAmC,CAAC,EACvD,cAAc,GAAG,KAAK,EACtB,OAAO,GACR,EAAE,EAAE;;IACH,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAA,6BAAW,GAAE,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,
|
|
1
|
+
{"version":3,"file":"ArtifactHandler.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ArtifactData
|
|
2
|
+
import { ArtifactData } from '../../types/artifact.types';
|
|
3
3
|
declare const ArtifactPreview: React.FC<{
|
|
4
4
|
artifact: ArtifactData;
|
|
5
|
-
activeTab: ArtifactTab;
|
|
6
|
-
onTabChange: (tab: ArtifactTab) => void;
|
|
7
5
|
}>;
|
|
8
6
|
export default ArtifactPreview;
|
|
@@ -9,11 +9,12 @@ const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
|
|
|
9
9
|
const Code_1 = tslib_1.__importDefault(require("../../../icons/Code"));
|
|
10
10
|
const Preview_1 = require("../../../icons/Preview");
|
|
11
11
|
const Snippet_1 = tslib_1.__importDefault(require("../../../Snippet/Snippet"));
|
|
12
|
-
const ArtifactPreview = ({ artifact,
|
|
12
|
+
const ArtifactPreview = ({ artifact, }) => {
|
|
13
13
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
|
+
const [activeTab, setActiveTab] = (0, react_1.useState)('preview');
|
|
14
15
|
const handleTabChange = (0, react_1.useCallback)((tab) => {
|
|
15
|
-
|
|
16
|
-
}, [
|
|
16
|
+
setActiveTab(tab);
|
|
17
|
+
}, [activeTab]);
|
|
17
18
|
const renderPreview = (0, react_1.useCallback)(() => {
|
|
18
19
|
switch (artifact.mimeType) {
|
|
19
20
|
case 'html':
|
package/dist/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,
|
|
1
|
+
{"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,16 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
|
|
6
|
-
const ArtifactDrawer_1 = tslib_1.__importDefault(require("../MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer"));
|
|
7
6
|
const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactContext");
|
|
8
7
|
const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
9
8
|
const { state } = (0, ArtifactContext_1.useArtifact)();
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
: ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }), state.isDrawerOpen && ((0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen ? `memori-chat-layout-artifact-panel-full-screen` : `memori-chat-layout--artifact-panel memori-chat-layout--artifact-panel-enter`, children: (0, jsx_runtime_1.jsx)(ArtifactDrawer_1.default, {}) }))] })] })] }));
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, className: "memori-chat-layout", children: [poweredBy, (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--header", children: Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--main ${state.isDrawerOpen ? 'memori-chat-layout--main-with-artifact' : ''}`, children: (0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
|
|
10
|
+
? `memori-chat-layout-controls-hide`
|
|
11
|
+
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
12
|
+
? 'memori-chat-layout--controls-with-artifact'
|
|
13
|
+
: ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }) })] })] }));
|
|
16
14
|
};
|
|
17
15
|
exports.default = ChatLayout;
|
|
18
16
|
//# sourceMappingURL=Chat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAG9B,qFAA8E;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,IAAA,6BAAW,GAAE,CAAC;IAGhC,OAAO,CACL,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB,aACpD,SAAS,EAEV,gCAAK,SAAS,EAAC,4BAA4B,YACxC,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,gCAAK,EAAE,EAAC,WAAW,GAAG,EAEtB,gCACE,SAAS,EAAE,4BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAClE,EAAE,YAEF,gCACE,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,uBAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,uBAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,IAED,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -4,17 +4,14 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
|
|
6
6
|
const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactContext");
|
|
7
|
-
const ArtifactDrawer_1 = tslib_1.__importDefault(require("../MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer"));
|
|
8
7
|
const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
9
8
|
const { state } = (0, ArtifactContext_1.useArtifact)();
|
|
10
9
|
const hasArtifact = state.currentArtifact;
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, children: [Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--grid", children: [!state.isDrawerOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && ((0, jsx_runtime_1.jsx)(Avatar, { chatProps: chatProps, ...avatarProps })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })), (0, jsx_runtime_1.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
? `memori-chat-layout-artifact-panel-full-screen`
|
|
17
|
-
: `memori-chat-layout--artifact-panel memori-chat-layout--artifact-panel-enter`, children: (0, jsx_runtime_1.jsx)(ArtifactDrawer_1.default, {}) }))] }), poweredBy] })] })] }));
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, children: [Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--grid", children: [!state.isDrawerOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && ((0, jsx_runtime_1.jsx)(Avatar, { chatProps: chatProps, ...avatarProps })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })), (0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: (0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
|
|
11
|
+
? `memori-chat-layout-controls-hide`
|
|
12
|
+
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
13
|
+
? 'memori-chat-layout--controls-with-artifact'
|
|
14
|
+
: ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }) }), poweredBy] })] })] }));
|
|
18
15
|
};
|
|
19
16
|
exports.default = FullPageLayout;
|
|
20
17
|
//# sourceMappingURL=FullPage.js.map
|