@memori.ai/memori-react 8.4.0-rc.1 → 8.4.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/layouts/ZoomedFullBody.js +4 -4
  3. package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
  4. package/dist/components/layouts/chat.css +5 -10
  5. package/esm/components/layouts/ZoomedFullBody.js +4 -4
  6. package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
  7. package/esm/components/layouts/chat.css +5 -10
  8. package/package.json +1 -1
  9. package/src/components/layouts/ZoomedFullBody.tsx +6 -6
  10. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +19 -23
  11. package/src/components/layouts/chat.css +5 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
 
2
2
 
3
+ ## [8.4.0-rc.2](https://github.com/memori-ai/memori-react/compare/v8.4.0-rc.1...v8.4.0-rc.2) (2025-09-09)
4
+
5
+
6
+ ### Changes
7
+
8
+ * update chat layout styles and improve component responsiveness ([51c3596](https://github.com/memori-ai/memori-react/commit/51c3596403eedfe842abd0fadd713420a1264f28))
9
+
3
10
  ## [8.4.0-rc.1](https://github.com/memori-ai/memori-react/compare/v8.4.0-rc.0...v8.4.0-rc.1) (2025-09-08)
4
11
 
5
12
 
package/dist/components/layouts/ZoomedFullBody.js CHANGED
@@ -8,13 +8,13 @@ const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactConte
8
8
  const ZoomedFullBodyLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
9
9
  const { state } = (0, ArtifactContext_1.useArtifact)();
10
10
  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, { 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: [!hasArtifact && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && !hasArtifact && ((0, jsx_runtime_1.jsx)(Avatar, { isZoomed: true, chatProps: chatProps, ...avatarProps })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })), (0, jsx_runtime_1.jsxs)("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: [(0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
11
+ 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.jsxs)("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: [(0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
12
12
  ? `memori-chat-layout-controls-hide`
13
- : `memori-chat-layout--controls ${hasArtifact
13
+ : `memori-chat-layout--controls ${state.isDrawerOpen
14
14
  ? 'memori-chat-layout--controls-with-artifact'
15
- : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }), hasArtifact && state.isDrawerOpen && ((0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
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
16
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, {}) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori--powered-by-custom", children: poweredBy })] })] })] }));
17
+ : `memori-chat-layout--artifact-panel memori-chat-layout--artifact-panel-enter`, children: (0, jsx_runtime_1.jsx)(ArtifactDrawer_1.default, {}) }))] }), poweredBy] })] })] }));
18
18
  };
19
19
  exports.default = ZoomedFullBodyLayout;
20
20
  //# sourceMappingURL=ZoomedFullBody.js.map
package/dist/components/layouts/ZoomedFullBody.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAE9B,8HACyF;AACzF,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,aAC9D,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,EAErD,iCAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,WAAW,IAAI,CACf,iCAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CAAC,WAAW,IAAI,CACxC,uBAAC,MAAM,IAAC,QAAQ,QAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAC3D,EAED,gCAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,iCACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,aAEF,gCACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,kCAAkC;4CACpC,CAAC,CAAC,gCACE,WAAW;gDACT,CAAC,CAAC,4CAA4C;gDAC9C,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,EAEL,WAAW,IAAI,KAAK,CAAC,YAAY,IAAI,CACpC,gCACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,6EAA6E,YAGnF,uBAAC,wBAAc,KAAG,GACd,CACP,IACG,EAEN,gCAAK,SAAS,EAAC,2BAA2B,YAAE,SAAS,GAAO,IACxD,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAE9B,8HACyF;AACzF,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,aAC9D,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,EAErD,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,iCACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,aAEF,gCACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,kCAAkC;4CACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;gDAChB,CAAC,CAAC,4CAA4C;gDAC9C,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,EAEL,KAAK,CAAC,YAAY,IAAI,CACrB,gCACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,6EAA6E,YAGnF,uBAAC,wBAAc,KAAG,GACd,CACP,IACG,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
package/dist/components/layouts/chat.css CHANGED
@@ -53,10 +53,6 @@
53
53
  .memori-chat-layout--main-with-artifact {
54
54
  flex-direction: row;
55
55
  padding: 1rem;
56
- border: 1px solid rgba(255, 255, 255, 0.2);
57
- backdrop-filter: blur(20px);
58
- background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
59
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
60
56
  gap: 1rem;
61
57
  }
62
58
 
@@ -148,13 +144,12 @@
148
144
  .memori-chat-layout--controls .memori-chat--wrapper {
149
145
  max-width: 1200px;
150
146
  height: 100%;
151
- max-height: calc(87vh - 1rem);
152
147
  margin: 0 auto;
153
148
  }
154
149
 
155
150
 
156
151
  .memori-chat-layout--controls .memori-chat--wrapper {
157
- height: calc(80vh - 1rem);
152
+ height: calc(75vh - 1rem);
158
153
  }
159
154
 
160
155
  .memori-chat-layout .memori-chat--content {
@@ -240,7 +235,7 @@
240
235
  /* box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15); */
241
236
  }
242
237
 
243
-
238
+ /*
244
239
  .memori-chat-layout--controls:hover {
245
240
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
246
241
  transform: translateY(-1px);
@@ -251,7 +246,7 @@
251
246
  .memori-chat-layout--artifact-panel:hover {
252
247
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
253
248
  transform: translateY(-1px) scale(1.01);
254
- }
249
+ } */
255
250
 
256
251
  /* Loading states */
257
252
  .memori-chat-layout--loading {
@@ -371,10 +366,10 @@
371
366
  visibility: visible;
372
367
  }
373
368
 
374
- .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
369
+ /* .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
375
370
  animation: mobile-drawer-slide-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
376
371
  transform: translateX(0);
377
- }
372
+ } */
378
373
 
379
374
  @keyframes mobile-drawer-slide-in {
380
375
  0% {
package/esm/components/layouts/ZoomedFullBody.js CHANGED
@@ -5,13 +5,13 @@ import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
5
5
  const ZoomedFullBodyLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
6
6
  const { state } = useArtifact();
7
7
  const hasArtifact = state.currentArtifact;
8
- 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: [!hasArtifact && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && !hasArtifact && (_jsx(Avatar, { isZoomed: true, chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsxs("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: [_jsx("div", { className: state.isFullscreen
8
+ 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" })] })), _jsxs("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: [_jsx("div", { className: state.isFullscreen
9
9
  ? `memori-chat-layout-controls-hide`
10
- : `memori-chat-layout--controls ${hasArtifact
10
+ : `memori-chat-layout--controls ${state.isDrawerOpen
11
11
  ? 'memori-chat-layout--controls-with-artifact'
12
- : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }), hasArtifact && state.isDrawerOpen && (_jsx("div", { className: state.isFullscreen
12
+ : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }), state.isDrawerOpen && (_jsx("div", { className: state.isFullscreen
13
13
  ? `memori-chat-layout-artifact-panel-full-screen`
14
- : `memori-chat-layout--artifact-panel memori-chat-layout--artifact-panel-enter`, children: _jsx(ArtifactDrawer, {}) }))] }), _jsx("div", { className: "memori--powered-by-custom", children: poweredBy })] })] })] }));
14
+ : `memori-chat-layout--artifact-panel memori-chat-layout--artifact-panel-enter`, children: _jsx(ArtifactDrawer, {}) }))] }), poweredBy] })] })] }));
15
15
  };
16
16
  export default ZoomedFullBodyLayout;
17
17
  //# sourceMappingURL=ZoomedFullBody.js.map
package/esm/components/layouts/ZoomedFullBody.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OACE,cAAc,MAAM,kEAAkE,CAAC;AACzF,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,aAC9D,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,EAErD,eAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,WAAW,IAAI,CACf,eAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CAAC,WAAW,IAAI,CACxC,KAAC,MAAM,IAAC,QAAQ,QAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAC3D,EAED,cAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,eACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,aAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,kCAAkC;4CACpC,CAAC,CAAC,gCACE,WAAW;gDACT,CAAC,CAAC,4CAA4C;gDAC9C,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,EAEL,WAAW,IAAI,KAAK,CAAC,YAAY,IAAI,CACpC,cACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,6EAA6E,YAGnF,KAAC,cAAc,KAAG,GACd,CACP,IACG,EAEN,cAAK,SAAS,EAAC,2BAA2B,YAAE,SAAS,GAAO,IACxD,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"ZoomedFullBody.js","sourceRoot":"","sources":["../../../src/components/layouts/ZoomedFullBody.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OACE,cAAc,MAAM,kEAAkE,CAAC;AACzF,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,aAC9D,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,EAErD,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,eACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,aAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,kCAAkC;4CACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;gDAChB,CAAC,CAAC,4CAA4C;gDAC9C,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,EAEL,KAAK,CAAC,YAAY,IAAI,CACrB,cACE,SAAS,EACP,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,6EAA6E,YAGnF,KAAC,cAAc,KAAG,GACd,CACP,IACG,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
package/esm/components/layouts/chat.css CHANGED
@@ -53,10 +53,6 @@
53
53
  .memori-chat-layout--main-with-artifact {
54
54
  flex-direction: row;
55
55
  padding: 1rem;
56
- border: 1px solid rgba(255, 255, 255, 0.2);
57
- backdrop-filter: blur(20px);
58
- background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
59
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
60
56
  gap: 1rem;
61
57
  }
62
58
 
@@ -148,13 +144,12 @@
148
144
  .memori-chat-layout--controls .memori-chat--wrapper {
149
145
  max-width: 1200px;
150
146
  height: 100%;
151
- max-height: calc(87vh - 1rem);
152
147
  margin: 0 auto;
153
148
  }
154
149
 
155
150
 
156
151
  .memori-chat-layout--controls .memori-chat--wrapper {
157
- height: calc(80vh - 1rem);
152
+ height: calc(75vh - 1rem);
158
153
  }
159
154
 
160
155
  .memori-chat-layout .memori-chat--content {
@@ -240,7 +235,7 @@
240
235
  /* box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15); */
241
236
  }
242
237
 
243
-
238
+ /*
244
239
  .memori-chat-layout--controls:hover {
245
240
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
246
241
  transform: translateY(-1px);
@@ -251,7 +246,7 @@
251
246
  .memori-chat-layout--artifact-panel:hover {
252
247
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
253
248
  transform: translateY(-1px) scale(1.01);
254
- }
249
+ } */
255
250
 
256
251
  /* Loading states */
257
252
  .memori-chat-layout--loading {
@@ -371,10 +366,10 @@
371
366
  visibility: visible;
372
367
  }
373
368
 
374
- .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
369
+ /* .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
375
370
  animation: mobile-drawer-slide-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
376
371
  transform: translateX(0);
377
- }
372
+ } */
378
373
 
379
374
  @keyframes mobile-drawer-slide-in {
380
375
  0% {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "8.4.0-rc.1",
2
+ "version": "8.4.0-rc.2",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
package/src/components/layouts/ZoomedFullBody.tsx CHANGED
@@ -33,10 +33,10 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
33
33
  {Header && headerProps && <Header {...headerProps} />}
34
34
 
35
35
  <div className="memori--grid">
36
- {!hasArtifact && (
36
+ {!state.isDrawerOpen && (
37
37
  <div className="memori--grid-column memori--grid-column-left">
38
- {Avatar && avatarProps && !hasArtifact && (
39
- <Avatar isZoomed chatProps={chatProps} {...avatarProps} />
38
+ {Avatar && avatarProps && (
39
+ <Avatar chatProps={chatProps} isZoomed {...avatarProps} />
40
40
  )}
41
41
 
42
42
  <div id="extension" />
@@ -52,7 +52,7 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
52
52
  state.isFullscreen
53
53
  ? `memori-chat-layout-controls-hide`
54
54
  : `memori-chat-layout--controls ${
55
- hasArtifact
55
+ state.isDrawerOpen
56
56
  ? 'memori-chat-layout--controls-with-artifact'
57
57
  : ''
58
58
  }`
@@ -65,7 +65,7 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
65
65
  ) : null}
66
66
  </div>
67
67
 
68
- {hasArtifact && state.isDrawerOpen && (
68
+ {state.isDrawerOpen && (
69
69
  <div
70
70
  className={
71
71
  state.isFullscreen
@@ -78,7 +78,7 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
78
78
  )}
79
79
  </div>
80
80
 
81
- <div className="memori--powered-by-custom">{poweredBy}</div>
81
+ {poweredBy}
82
82
  </div>
83
83
  </Spin>
84
84
  </>
package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap CHANGED
@@ -480,30 +480,26 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
480
480
  </div>
481
481
  </div>
482
482
  <div
483
- class="memori--powered-by-custom"
483
+ class="memori--powered-by"
484
484
  >
485
- <div
486
- class="memori--powered-by"
487
- >
488
- <img
489
- alt=""
490
- src="https://aisuru.com/images/aisuru/logo.png"
491
- />
492
- <p>
493
- <span
494
- class="sr-only"
495
- >
496
- Powered by
497
- </span>
498
- <a
499
- href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
500
- rel="noopener noreferrer"
501
- target="_blank"
502
- >
503
- Memori.AI
504
- </a>
505
- </p>
506
- </div>
485
+ <img
486
+ alt=""
487
+ src="https://aisuru.com/images/aisuru/logo.png"
488
+ />
489
+ <p>
490
+ <span
491
+ class="sr-only"
492
+ >
493
+ Powered by
494
+ </span>
495
+ <a
496
+ href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
497
+ rel="noopener noreferrer"
498
+ target="_blank"
499
+ >
500
+ Memori.AI
501
+ </a>
502
+ </p>
507
503
  </div>
508
504
  </div>
509
505
  <div
package/src/components/layouts/chat.css CHANGED
@@ -53,10 +53,6 @@
53
53
  .memori-chat-layout--main-with-artifact {
54
54
  flex-direction: row;
55
55
  padding: 1rem;
56
- border: 1px solid rgba(255, 255, 255, 0.2);
57
- backdrop-filter: blur(20px);
58
- background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
59
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
60
56
  gap: 1rem;
61
57
  }
62
58
 
@@ -148,13 +144,12 @@
148
144
  .memori-chat-layout--controls .memori-chat--wrapper {
149
145
  max-width: 1200px;
150
146
  height: 100%;
151
- max-height: calc(87vh - 1rem);
152
147
  margin: 0 auto;
153
148
  }
154
149
 
155
150
 
156
151
  .memori-chat-layout--controls .memori-chat--wrapper {
157
- height: calc(80vh - 1rem);
152
+ height: calc(75vh - 1rem);
158
153
  }
159
154
 
160
155
  .memori-chat-layout .memori-chat--content {
@@ -240,7 +235,7 @@
240
235
  /* box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15); */
241
236
  }
242
237
 
243
-
238
+ /*
244
239
  .memori-chat-layout--controls:hover {
245
240
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
246
241
  transform: translateY(-1px);
@@ -251,7 +246,7 @@
251
246
  .memori-chat-layout--artifact-panel:hover {
252
247
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
253
248
  transform: translateY(-1px) scale(1.01);
254
- }
249
+ } */
255
250
 
256
251
  /* Loading states */
257
252
  .memori-chat-layout--loading {
@@ -371,10 +366,10 @@
371
366
  visibility: visible;
372
367
  }
373
368
 
374
- .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
369
+ /* .memori-chat-layout--artifact-drawer[data-headlessui-state~="open"] .memori-artifact-drawer {
375
370
  animation: mobile-drawer-slide-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
376
371
  transform: translateX(0);
377
- }
372
+ } */
378
373
 
379
374
  @keyframes mobile-drawer-slide-in {
380
375
  0% {