@memori.ai/memori-react 8.30.1 → 8.31.0

package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx

@@ -13,6 +13,7 @@ import Code from '../../../icons/Code';
 import { PreviewIcon } from '../../../icons/Preview';
 import Snippet from '../../../Snippet/Snippet';
 import { Medium } from '@memori.ai/memori-api-client/dist/types';
+import { renderMsg } from '../../../../helpers/message';
 
 const ArtifactPreview: React.FC<{
   artifact: ArtifactData;
@@ -41,15 +42,22 @@ const ArtifactPreview: React.FC<{
           />
         );
 
-      case 'markdown':
+      case 'markdown': {
+        const { text: renderedMarkdown } = renderMsg(
+          artifact.content,
+          false,
+          'Reasoning...',
+          false
+        );
         return (
           <div
             className="memori-artifact-preview-markdown"
             dangerouslySetInnerHTML={{
-              __html: renderMarkdown(artifact.content),
+              __html: renderedMarkdown,
             }}
           />
         );
+      }
         
       default:
         return (
@@ -63,28 +71,6 @@ const ArtifactPreview: React.FC<{
     }
   }, [artifact]);
 
-  /**
-   * Basic markdown rendering
-   */
-  const renderMarkdown = useCallback((markdown: string): string => {
-    return markdown
-      .replace(/^# (.*$)/gim, '<h1>$1</h1>')
-      .replace(/^## (.*$)/gim, '<h2>$1</h2>')
-      .replace(/^### (.*$)/gim, '<h3>$1</h3>')
-      .replace(/^#### (.*$)/gim, '<h4>$1</h4>')
-      .replace(/^##### (.*$)/gim, '<h5>$1</h5>')
-      .replace(/^###### (.*$)/gim, '<h6>$1</h6>')
-      .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
-      .replace(/\*(.*?)\*/g, '<em>$1</em>')
-      .replace(/`(.*?)`/g, '<code>$1</code>')
-      .replace(/```([\s\S]*?)```/g, '<pre><code>$1</code></pre>')
-      .replace(
-        /\[([^\]]+)\]\(([^)]+)\)/g,
-        '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
-      )
-      .replace(/\n/g, '<br>');
-  }, []);
-
   const mapArtifactMimeTypeToSnippetMimeType = useCallback(
     (mimeType: string) => {
       switch (mimeType) {

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -2896,6 +2896,7 @@ const MemoriWidget = ({
     showSettings: showSettings ?? integrationConfig?.showSettings ?? true,
     showChatHistory:
       showChatHistory ?? integrationConfig?.showChatHistory ?? true,
+    showMessageConsumption: enableMessageConsumption,
     hasUserActivatedSpeak,
     showReload: selectedLayout === 'TOTEM',
     showClear: showClear ?? integrationConfig?.showClear ?? false,

package/src/components/layouts/chat.css

@@ -18,6 +18,16 @@
     transition: all 0.05s ease-in-out;
 }
 
+.memori-chat-layout--header .memori-header {
+    display: inline-flex;
+    width: calc(50% - 1rem);
+    max-width: 100%;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 0.2rem;
+}
+
 .memori-chat-layout--header-with-artifact {
     display: none;
 }
@@ -144,6 +154,10 @@
 }
 
 @media (max-width: 870px) {
+    .memori-chat-layout--header .memori-header {
+        width: 100%;
+    }
+
     .memori-chat-layout .memori--powered-by {
         top: 3.5rem;
         bottom: auto;

package/src/components/layouts/layouts.stories.tsx

@@ -52,6 +52,7 @@ DefaultLayout.args = {
   showLogin: true,
   multilingual: true,
   avatar3dHidden: true,
+  showMessageConsumption: true,
 };
 
 
@@ -227,18 +228,17 @@ HiddenChat.args = {
 export const ZoomedFullBody = Template.bind({});
 ZoomedFullBody.args = {
   ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  showAudio: true,
-  enableAudio: true,
-  integration: {
-    
-  },
-  memori: {
-    ...memori,
-    voiceType: 'FEMALE',
-  },
-  tenant,
-  layout: 'ZOOMED_FULL_BODY',
+  memoriName: "Layout Storybook",
+  ownerUserName: "Andrea-Patini",
+  memoriID: "ae20fc5a-cc15-4db9-b7dd-2cd4a621b85e",
+  ownerUserID: "91dbc9ba-b684-4fbe-9828-b5980af6cda9",
+  tenantID: "aisuru-staging.aclambda.online",
+  engineURL: "https://engine-staging.memori.ai/memori/v2",
+  apiURL: "https://backend-staging.memori.ai/api/v2",
+  baseURL: "http://localhost:3000",
+  layout: "FULLPAGE",
+  uiLang: "IT",
+  spokenLang: "IT",
+  integrationID: "32922e14-24d6-4f5f-a06b-d963da14a658",
+  showSettings: true
 };

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '8.30.1';
+export const version = '8.31.0';