@memori.ai/memori-react 8.4.2 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -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.d.ts +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +47 -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/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.d.ts +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +48 -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/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 +240 -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/dist/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/dist/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;
|
package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
|
+
const Code_1 = tslib_1.__importDefault(require("../../../../icons/Code"));
|
|
7
|
+
const Preview_1 = require("../../../../icons/Preview");
|
|
8
|
+
const TabSwitch = ({ activeTab, onTabChange, hasPreview, }) => {
|
|
9
|
+
const tabs = [
|
|
10
|
+
{
|
|
11
|
+
id: 'code',
|
|
12
|
+
icon: Code_1.default,
|
|
13
|
+
},
|
|
14
|
+
...(hasPreview
|
|
15
|
+
? [
|
|
16
|
+
{
|
|
17
|
+
id: 'preview',
|
|
18
|
+
icon: Preview_1.PreviewIcon,
|
|
19
|
+
},
|
|
20
|
+
]
|
|
21
|
+
: []),
|
|
22
|
+
];
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-tab-switch", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-tab-switch__container", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-tab-switch__track", style: {
|
|
24
|
+
'--tab-count': tabs.length,
|
|
25
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-tab-switch__indicator", style: {
|
|
26
|
+
'--active-index': tabs.findIndex(tab => tab.id === activeTab),
|
|
27
|
+
} }), tabs.map((tab) => {
|
|
28
|
+
const IconComponent = tab.icon;
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classnames_1.default)('memori-tab-switch__button', {
|
|
30
|
+
'memori-tab-switch__button--active': activeTab === tab.id,
|
|
31
|
+
}), onClick: () => onTabChange(tab.id), "aria-pressed": activeTab === tab.id, children: (0, jsx_runtime_1.jsx)(IconComponent, { className: "memori-tab-switch__icon" }) }, tab.id));
|
|
32
|
+
})] }) }) }));
|
|
33
|
+
};
|
|
34
|
+
exports.default = TabSwitch;
|
|
35
|
+
//# sourceMappingURL=TabSwitch.js.map
|
package/dist/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,oEAA4B;AAC5B,0EAA0C;AAC1C,uDAAwD;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,cAAI;SAEX;QACD,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,SAAwB;oBAC5B,IAAI,EAAE,qBAAW;iBAElB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAC,mBAAmB,YAChC,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,iCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI,CAAC,MAAM;iBACJ,aAExB,gCACE,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,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,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,uBAAC,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,kBAAe,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);
|
package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts
CHANGED
|
@@ -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;
|
|
@@ -5,16 +5,9 @@ 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
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
8
|
-
const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
|
|
9
|
-
const Code_1 = tslib_1.__importDefault(require("../../../icons/Code"));
|
|
10
|
-
const Preview_1 = require("../../../icons/Preview");
|
|
11
8
|
const Snippet_1 = tslib_1.__importDefault(require("../../../Snippet/Snippet"));
|
|
12
|
-
const ArtifactPreview = ({ artifact }) => {
|
|
9
|
+
const ArtifactPreview = ({ artifact, activeTab }) => {
|
|
13
10
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
|
-
const [activeTab, setActiveTab] = (0, react_1.useState)('preview');
|
|
15
|
-
const handleTabChange = (0, react_1.useCallback)((tab) => {
|
|
16
|
-
setActiveTab(tab);
|
|
17
|
-
}, [activeTab]);
|
|
18
11
|
const renderPreview = (0, react_1.useCallback)(() => {
|
|
19
12
|
switch (artifact.mimeType) {
|
|
20
13
|
case 'html':
|
|
@@ -77,24 +70,20 @@ const ArtifactPreview = ({ artifact }) => {
|
|
|
77
70
|
}
|
|
78
71
|
}, []);
|
|
79
72
|
const hasPreview = artifact.mimeType === 'html' || artifact.mimeType === 'markdown';
|
|
80
|
-
return ((0, jsx_runtime_1.
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
lastChangeName: 'System',
|
|
95
|
-
} }) }) }), hasPreview && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-tab-content', {
|
|
96
|
-
'memori-artifact-tab-content--active': activeTab === 'preview',
|
|
97
|
-
}), children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] })] }));
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-content", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-tab-content', {
|
|
74
|
+
'memori-artifact-tab-content--active': activeTab === 'code' || !hasPreview,
|
|
75
|
+
}), children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-code", children: (0, jsx_runtime_1.jsx)(Snippet_1.default, { showCopyButton: false, medium: {
|
|
76
|
+
mediumID: artifact.id,
|
|
77
|
+
mimeType: mapArtifactMimeTypeToSnippetMimeType(artifact.mimeType),
|
|
78
|
+
content: artifact.content,
|
|
79
|
+
title: artifact.title,
|
|
80
|
+
creationTimestamp: artifact.timestamp.toISOString(),
|
|
81
|
+
creationName: 'System',
|
|
82
|
+
lastChangeTimestamp: artifact.timestamp.toISOString(),
|
|
83
|
+
lastChangeName: 'System',
|
|
84
|
+
} }) }) }), hasPreview && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-tab-content', {
|
|
85
|
+
'memori-artifact-tab-content--active': activeTab === 'preview',
|
|
86
|
+
}), children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] }) }));
|
|
98
87
|
};
|
|
99
88
|
exports.default = ArtifactPreview;
|
|
100
89
|
//# sourceMappingURL=ArtifactPreview.js.map
|
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,iCAAqD;AACrD,iDAA+C;AAC/C,oEAA4B;
|
|
1
|
+
{"version":3,"file":"ArtifactPreview.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,11 +11,7 @@ const ArtifactProvider = ({ children }) => {
|
|
|
11
11
|
isFullscreen: false,
|
|
12
12
|
});
|
|
13
13
|
const openArtifact = (0, react_1.useCallback)((artifact) => {
|
|
14
|
-
setState(
|
|
15
|
-
var _a;
|
|
16
|
-
if (((_a = prev.currentArtifact) === null || _a === void 0 ? void 0 : _a.id) === artifact.id && prev.isDrawerOpen) {
|
|
17
|
-
return prev;
|
|
18
|
-
}
|
|
14
|
+
setState(() => {
|
|
19
15
|
return {
|
|
20
16
|
currentArtifact: artifact,
|
|
21
17
|
isDrawerOpen: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactContext.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/context/ArtifactContext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoG;AAUpG,MAAM,eAAe,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC;AAEjE,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAsB;QACtD,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAsB,EAAE,EAAE;QAC1D,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"ArtifactContext.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/context/ArtifactContext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoG;AAUpG,MAAM,eAAe,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC;AAEjE,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAsB;QACtD,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,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,IAAA,mBAAW,EAAC,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,IAAA,mBAAW,EAAC,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,IAAA,eAAO,EAAC,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,uBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,gBAAgB,oBAgD3B;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;KACrE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB"}
|
|
@@ -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,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const Close = ({ className, title, }) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) }));
|
|
4
|
+
const Close = ({ className, title, bold = false, }) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) }));
|
|
5
5
|
exports.default = Close;
|
|
6
6
|
//# 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,mCACM,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,iCACE,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,kBAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const MenuVertical = ({ className, title, bold = false, }) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) }));
|
|
5
|
+
exports.default = MenuVertical;
|
|
6
|
+
//# 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,gCACE,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,iCACE,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,kBAAe,YAAY,CAAA"}
|
|
@@ -6,7 +6,7 @@ const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
|
|
|
6
6
|
const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactContext");
|
|
7
7
|
const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
8
8
|
const { state } = (0, ArtifactContext_1.useArtifact)();
|
|
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:
|
|
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 ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, 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
10
|
? `memori-chat-layout-controls-hide`
|
|
11
11
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
12
12
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAAE,8BACd,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YACC,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"}
|
|
@@ -7,7 +7,7 @@ const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactConte
|
|
|
7
7
|
const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
8
8
|
const { state } = (0, ArtifactContext_1.useArtifact)();
|
|
9
9
|
const hasArtifact = state.currentArtifact;
|
|
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
|
|
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: [(0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, 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
11
|
? `memori-chat-layout-controls-hide`
|
|
12
12
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
13
13
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAE9B,qFAA8E;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,IAAA,6BAAW,GAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAE9B,qFAA8E;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,IAAA,6BAAW,GAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACrB,gCACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,iCAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,uBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAClD,EAED,gCAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,gCACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,gCACE,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,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,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -7,7 +7,7 @@ const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactConte
|
|
|
7
7
|
const ZoomedFullBodyLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
|
|
8
8
|
const { state } = (0, ArtifactContext_1.useArtifact)();
|
|
9
9
|
const hasArtifact = state.currentArtifact;
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { className: "memori-spin--zoomed-full-body", 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, isZoomed: true, ...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
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { className: "memori-spin--zoomed-full-body", spinning: loading, children: [(0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, 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, isZoomed: true, ...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
11
|
? `memori-chat-layout-controls-hide`
|
|
12
12
|
: `memori-chat-layout--controls ${state.isDrawerOpen
|
|
13
13
|
? 'memori-chat-layout--controls-with-artifact'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;
|
|
1
|
+
{"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAG9B,qFAA8E;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,IAAA,6BAAW,GAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAE1C,OAAO,CACL,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,SAAS,EAAC,+BAA+B,EAAC,QAAQ,EAAE,OAAO,aAC/D,gCACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,iCAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,uBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,WAAK,WAAW,GAAI,CAC3D,EAED,gCAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,gCACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,gCACE,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,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,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|