npm - @memori.ai/memori-react - Versions diffs - 8.34.0 → 8.35.1 - Mend

@memori.ai/memori-react 8.34.0 → 8.35.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/esm/components/layouts/fullpage.css CHANGED Viewed

@@ -2,6 +2,8 @@
 .memori-widget.memori-layout-fullpage {
     max-width: var(--memori-layout-max-width);
+    min-height: 100vh;
+    min-height: 100dvh;
     padding: var(--memori-spacing-md);
     margin-right: auto;
     margin-left: auto;
@@ -9,7 +11,9 @@
 .memori-widget.memori-layout-fullpage > .memori-spin {
     display: flex;
-    height: 100%;
+    height: calc(100vh - 50px);
+    height: calc(100dvh - 50px);
+    min-height: 0;
     flex-direction: column;
     gap: var(--memori-spacing-lg);
 }
@@ -19,14 +23,13 @@
     min-width: 100%;
     flex-shrink: 0;
     border-radius: var(--memori-radius-box);
-    margin-bottom: var(--memori-spacing-md);
+    margin-bottom: var(--memori-spacing-sm);
 }
 /* Grid: main + left column (avatar) */
 .memori-widget.memori-layout-fullpage .memori--grid {
     display: flex;
-    height: auto;
-    height: 95vh;
+    height: 100%;
     min-height: 0;
     flex: 1 1 auto;
     align-items: stretch;
@@ -44,18 +47,23 @@
 .memori-widget.memori-layout-fullpage .memori-chat-layout--main {
     display: flex;
     min-width: 0;
+    min-height: 0;
     flex: 1;
     flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    align-items: stretch;
+    justify-content: stretch;
 }
 .memori-widget.memori-layout-fullpage .memori-chat-layout--controls {
     display: flex;
     width: 100%;
     max-width: 720px;
+    height: 100%;
+    min-height: 0;
+    max-height: 100%;
+    flex: 1 1 auto;
     flex-direction: column;
-    align-items: center;
+    align-items: stretch;
     padding: var(--memori-spacing-md);
 }
@@ -63,6 +71,8 @@
 .memori-widget.memori-layout-fullpage .memori-chat-layout--controls .memori-chat--wrapper {
     width: 100%;
     max-width: 100%;
+    height: 100%;
+    min-height: 0;
     padding: 0 !important;
     margin-right: 0;
     margin-left: 0;
@@ -98,10 +108,12 @@
     .memori-widget.memori-layout-fullpage {
         padding: var(--memori-spacing-sm);
     }
+    /*
     .memori-widget.memori-layout-fullpage > .memori-spin {
+        height: calc(100vh - 100px);
+        height: calc(100dvh - 100px);
         gap: var(--memori-spacing-md);
-    }
+    } */
     .memori-widget.memori-layout-fullpage .memori--grid-column-left {
         display: none;

package/esm/version.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const version = "8.34.0";
1	+ export declare const version = "8.35.1";

package/esm/version.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export const version = '8.34.0';
+export const version = '8.35.1';
 //# sourceMappingURL=version.js.map

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "8.34.0",
+  "version": "8.35.1",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",
@@ -293,7 +293,7 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.4",
-    "@memori.ai/memori-api-client": "6.20.0",
+    "@memori.ai/memori-api-client": "6.22.0",
     "@react-three/drei": "8.20.2",
     "@react-three/fiber": "7.0.25",
     "classnames": "2.5.1",

package/src/components/Chat/Chat.stories.tsx CHANGED Viewed

@@ -6,6 +6,7 @@ import {
   history,
   historyWithMedia,
   historyWithAIGeneratedMessages,
+  historyWithArtifact,
   sessionID,
   dialogState as dialogStateWithHints,
   historyWithExpandable,
@@ -84,6 +85,130 @@ MemoriTyping.args = {
   setSendOnEnter: () => {},
 };
+export const WithArtifactBug = Template.bind({});
+WithArtifactBug.args = {
+  memori,
+  tenant,
+  sessionID,
+  history: historyWithArtifact,
+  dialogState,
+  layout: 'DEFAULT',
+};
+export const ArtifactTagOnlyInRawText = Template.bind({});
+ArtifactTagOnlyInRawText.args = {
+  memori,
+  tenant,
+  sessionID,
+  history: [
+    {
+      text: 'lo voglio in un artifact interattivo',
+      fromUser: true,
+      timestamp: '2026-04-27T14:22:12.068937Z',
+      media: [],
+    },
+    {
+      text: `<output class="memori-artifact" data-mimetype="html" data-title="Battaglia Navale">
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Battaglia Navale</title>
+</head>
+<body>
+  <h1>Battaglia Navale</h1>
+  <p>Artifact should be detected from raw text.</p>
+</body>
+</html>
+</output>`,
+      // Regression setup: translated text exists but does not contain the <output> tag.
+      translatedText:
+        'Interfaccia pronta! Inserisci le coordinate delle navi e premi Inizia.',
+      fromUser: false,
+      timestamp: '2026-04-27T14:22:36.740195Z',
+      media: [],
+    },
+  ],
+  dialogState,
+  layout: 'DEFAULT',
+  simulateUserPrompt: () => {},
+  sendMessage: (msg: string) => console.log(msg),
+  stopListening: () => {},
+  resetTranscript: () => {},
+  setAttachmentsMenuOpen: () => {},
+  setSendOnEnter: () => {},
+};
+export const ArtifactWithoutClosingTag = Template.bind({});
+ArtifactWithoutClosingTag.args = {
+  memori,
+  tenant,
+  sessionID,
+  history: [
+    {
+      text: 'Puoi prepararmi una proposta tecnica in artifact?',
+      fromUser: true,
+      timestamp: '2026-04-27T14:18:10.000000Z',
+      media: [],
+    },
+    {
+      text: `<output class="memori-artifact" data-mimetype="markdown">
+# Proposta Tecnica
+## Sommario
+- Piano A: On-premise + Cloud
+- Piano B: Solo on-premise
+## Raccomandazione
+Per workload critici, preferire on-premise.
+Questa risposta riproduce il caso reale in cui manca il tag di chiusura`,
+      fromUser: false,
+      timestamp: '2026-04-27T14:18:16.846760Z',
+      media: [],
+    },
+  ],
+  dialogState,
+  layout: 'DEFAULT',
+  simulateUserPrompt: () => {},
+  sendMessage: (msg: string) => console.log(msg),
+  stopListening: () => {},
+  resetTranscript: () => {},
+  setAttachmentsMenuOpen: () => {},
+  setSendOnEnter: () => {},
+};
+export const ArtifactPlainTextMime = Template.bind({});
+ArtifactPlainTextMime.args = {
+  memori,
+  tenant,
+  sessionID,
+  history: [
+    {
+      text: 'mostramelo come artifact semplice',
+      fromUser: true,
+      timestamp: '2026-04-27T14:30:00.000000Z',
+      media: [],
+    },
+    {
+      text: `<output class="memori-artifact" data-mimetype="text">
+ciao
+</output>`,
+      fromUser: false,
+      timestamp: '2026-04-27T14:30:05.000000Z',
+      media: [],
+    },
+  ],
+  dialogState,
+  layout: 'DEFAULT',
+  simulateUserPrompt: () => {},
+  sendMessage: (msg: string) => console.log(msg),
+  stopListening: () => {},
+  resetTranscript: () => {},
+  setAttachmentsMenuOpen: () => {},
+  setSendOnEnter: () => {},
+};
 export const WithHints = Template.bind({});
 WithHints.args = {
   memori,
@@ -286,7 +411,8 @@ const historyAllMediaExamples = [
       },
       {
         mediumID: 'agent-doc-1',
-        mimeType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        mimeType:
+          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
         title: 'Excel',
         url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf',
       },