@memori.ai/memori-react 9.0.0-alpha.10 → 9.0.0-alpha.13

package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css

@@ -127,6 +127,7 @@
     min-height: 0;
     flex: 1;
     padding: 1rem;
+    background: color-mix(in srgb, var(--memori-text-color) 4%, var(--memori-secondary-background));
     color: var(--memori-text-color);
     font-family: var(--memori-font-family);
     line-height: 1.6;

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

@@ -12,7 +12,7 @@ import { ArtifactData, ArtifactTab } from '../../types/artifact.types';
 import { Code, Eye as PreviewIcon } from 'lucide-react';
 import Snippet from '../../../Snippet/Snippet';
 import { Medium } from '@memori.ai/memori-api-client/dist/types';
-import { renderMsg } from '../../../../helpers/message';
+import { renderMsg, sanitizeMsg } from '../../../../helpers/message';
 
 const ArtifactPreview: React.FC<{
   artifact: ArtifactData;
@@ -63,7 +63,7 @@ const ArtifactPreview: React.FC<{
           <div
             className="memori-artifact-preview-text"
             dangerouslySetInnerHTML={{
-              __html: artifact.content,
+              __html: sanitizeMsg(artifact.content),
             }}
           />
         );

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -44,6 +44,7 @@ import {
   useAlertManager,
   createAlertOptions,
   MemoriUIProvider,
+  AlertViewport,
 } from '@memori.ai/ui';
 import { WidgetSurfaceProvider } from '../../context/widgetSurfaceContext';
 
@@ -2692,7 +2693,11 @@ const MemoriWidget = ({
   }
   if (integrationConfig?.blurBackground) {
     integrationStylesheetParts.push(
-      '.memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }'
+      `.memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }`
     );
   }
   const integrationStylesheet = `@layer integration {
@@ -3739,6 +3744,8 @@ const MemoriWidget = ({
       style={{ height }}
     >
       <MemoriUIProvider container={widgetRootEl} theme={widgetTheme}>
+        {/* Inside themed root so alert text uses dark-theme tokens (white). */}
+        <AlertViewport placement="top-end" style={{ zIndex: 10002 }} />
         <WidgetSurfaceProvider value={widgetSurfaceEl}>
           <div ref={setWidgetSurfaceEl} className="memori-widget__surface">
             <Layout

package/src/components/MicrophoneButton/MicrophoneButton.css

@@ -192,3 +192,25 @@
 [data-theme='dark'] .memori-widget.memori-layout-website_assistant .memori-chat-inputs--mic .lucide-mic {
     color: inherit;
 }
+
+/* Light hover surface (#f2eef5) — keep the icon black in dark mode for contrast */
+.memori-widget[data-theme='dark'] .memori-chat-inputs--mic:hover,
+.memori-widget.memori-layout-fullpage[data-theme='dark'] .memori-chat-inputs--mic:hover,
+[data-theme='dark'] .memori-widget.memori-layout-fullpage .memori-chat-inputs--mic:hover,
+.memori-widget.memori-layout-hidden_chat[data-theme='dark'] .memori-chat-inputs--mic:hover,
+[data-theme='dark'] .memori-widget.memori-layout-hidden_chat .memori-chat-inputs--mic:hover,
+.memori-widget.memori-layout-website_assistant[data-theme='dark'] .memori-chat-inputs--mic:hover,
+[data-theme='dark'] .memori-widget.memori-layout-website_assistant .memori-chat-inputs--mic:hover,
+.memori-widget[data-theme='dark'] .memori-chat-inputs--trailing .memori-chat-inputs--mic:hover {
+    color: #000 !important;
+}
+
+.memori-widget[data-theme='dark'] .memori-chat-inputs--mic:hover .lucide-mic,
+.memori-widget.memori-layout-fullpage[data-theme='dark'] .memori-chat-inputs--mic:hover .lucide-mic,
+[data-theme='dark'] .memori-widget.memori-layout-fullpage .memori-chat-inputs--mic:hover .lucide-mic,
+.memori-widget.memori-layout-hidden_chat[data-theme='dark'] .memori-chat-inputs--mic:hover .lucide-mic,
+[data-theme='dark'] .memori-widget.memori-layout-hidden_chat .memori-chat-inputs--mic:hover .lucide-mic,
+.memori-widget.memori-layout-website_assistant[data-theme='dark'] .memori-chat-inputs--mic:hover .lucide-mic,
+[data-theme='dark'] .memori-widget.memori-layout-website_assistant .memori-chat-inputs--mic:hover .lucide-mic {
+    color: #000 !important;
+}

package/src/components/PoweredBy/PoweredBy.css

@@ -44,14 +44,7 @@
 }
 
 @media (max-width: 870px) {
-    .memori-widget .memori--powered-by {
+    .memori--powered-by {
         display: none !important;
     }
-
-    /* Keep the footer strip visible under the input on compact chat layouts */
-    .memori-widget.memori-layout-chat .memori--powered-by,
-    .memori-widget.memori-layout-website_assistant .memori--powered-by,
-    .memori-widget.memori-layout-hidden_chat .memori--powered-by {
-        display: flex !important;
-    }
 }

package/src/components/StartPanel/StartPanel.tsx

@@ -445,7 +445,7 @@ const StartPanel: React.FC<Props> = ({
                           </div>
                         </div>
                         <div className="memori--settings-section__actions-right">
-                          {!isUserLoggedIn && showLogin && (
+                          {!isMobile && !isUserLoggedIn && showLogin && (
                             <Button
                               variant="toolbar"
                               size="sm"

package/src/components/layouts/Chat.tsx

@@ -61,6 +61,8 @@ const ChatLayout: React.FC<LayoutProps> = ({
     return () => mediaQuery.removeEventListener('change', update);
   }, []);
 
+  const globalBackground = chatProps?.globalBackground;
+
   const memori = headerProps?.memori;
   const tenant = headerProps?.tenant;
   const baseUrl = headerProps?.baseUrl;
@@ -228,7 +230,18 @@ const ChatLayout: React.FC<LayoutProps> = ({
       <Spin spinning={loading} className="memori-chat-layout">
         <div id="extension" />
 
-        <div className="memori-chat-layout--main">
+        <div
+          className={`memori-chat-layout--main${
+            globalBackground ? ' memori-chat-layout--main--has-background' : ''
+          }`}
+          style={
+            globalBackground
+              ? ({
+                  ['--memori-chat-global-background' as string]: `url(${globalBackground})`,
+                } as React.CSSProperties)
+              : undefined
+          }
+        >
           {/* Chat column — flex:1, shrinks when artifact column grows */}
           <div
             className={

package/src/components/layouts/HiddenChat.tsx

@@ -357,7 +357,7 @@ const HiddenChatLayout: React.FC<LayoutProps> = ({
         </aside>
       </div>
 
-      {/* Artifact drawer — fixed overlay that pairs with the sidebar shift (right: 46%) */}
+      {/* Artifact drawer — fixed overlay that pairs with the sidebar shift (right: 55%) */}
       {useSideArtifactChrome && <ArtifactDrawer />}
     </>
   );

package/src/components/layouts/WebsiteAssistant/__snapshots__/WebsiteAssistant.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >

package/src/components/layouts/WebsiteAssistant/website-assistant.css

@@ -200,12 +200,12 @@
 }
 
 /*
- * Keep in sync with ArtifactDrawer split width (46% / --memori-modal-size-md override).
- * Same pairing as HiddenChat's `.memori-sidebar-toggle-artifact` → `right: 46%`.
+ * Keep in sync with ArtifactDrawer split width (55% / --memori-modal-size-md override).
+ * Same pairing as HiddenChat's `.memori-sidebar-toggle-artifact` → `right: 55%`.
  */
 .memori-widget.memori-layout-website_assistant
     .memori-website_assistant--expanded.memori-website_assistant--artifact-open {
-    right: 46%;
+    right: 55%;
 }
 
 /* Tablet */
@@ -220,7 +220,7 @@
 
     .memori-widget.memori-layout-website_assistant
         .memori-website_assistant--expanded.memori-website_assistant--artifact-open {
-        right: 46%;
+        right: 55%;
     }
 
     .memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
@@ -238,7 +238,7 @@
 
     .memori-widget.memori-layout-website_assistant
         .memori-website_assistant--expanded.memori-website_assistant--artifact-open {
-        right: 46%;
+        right: 55%;
     }
 
     .memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {

package/src/components/layouts/__snapshots__/Chat.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders Chat layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >
@@ -53,7 +63,11 @@ exports[`renders Chat layout unchanged 1`] = `
     --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
     --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
   }
-  .memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }
+  .memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }
 }
 
       </style>
@@ -67,7 +81,8 @@ exports[`renders Chat layout unchanged 1`] = `
           id="extension"
         />
         <div
-          class="memori-chat-layout--main"
+          class="memori-chat-layout--main memori-chat-layout--main--has-background"
+          style="--memori-chat-global-background: url(https://assets.memori.ai/api/v2/asset/364e498c-11da-42d5-9e32-19e5d137d4b8.jpeg);"
         >
           <div
             class="memori-chat-layout--controls"

package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders FullPage layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >
@@ -53,7 +63,11 @@ exports[`renders FullPage layout unchanged 1`] = `
     --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
     --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
   }
-  .memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }
+  .memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }
 }
 
       </style>
@@ -783,6 +797,16 @@ exports[`renders FullPage layout with root css properties unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >
@@ -825,7 +849,11 @@ exports[`renders FullPage layout with root css properties unchanged 1`] = `
     --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
     --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
   }
-  .memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }
+  .memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }
 }
 
       </style>

package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders Totem layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >
@@ -53,7 +63,11 @@ exports[`renders Totem layout unchanged 1`] = `
     --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
     --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
   }
-  .memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }
+  .memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }
 }
 
       </style>

package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap

@@ -11,6 +11,16 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     style="height: 100vh;"
   >
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
     <div
       class="memori-widget__surface"
     >
@@ -53,7 +63,11 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
     --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
     --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
   }
-  .memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }
+  .memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: blur(5px);
+    transform: scale(1.06);
+  }
 }
 
       </style>

package/src/components/layouts/chat.css

@@ -170,13 +170,13 @@
 
 /* Powered-by lives in the conversation footer row under the input */
 .memori-widget.memori-layout-chat .memori-conversation-footer > .memori--powered-by {
-    position: relative;
+    position: relative !important;
     z-index: 5;
     top: auto;
     right: auto;
     bottom: auto;
     left: auto;
-    display: flex;
+    display: inline-flex !important;
     width: auto;
     flex-shrink: 0;
     justify-content: flex-end;
@@ -187,6 +187,25 @@
     transform: none;
 }
 
+@media (max-width: 768px) {
+    .memori-widget.memori-layout-chat .memori-conversation-footer {
+        justify-content: center;
+        gap: 0;
+    }
+
+    .memori-widget.memori-layout-chat .memori-conversation-footer > .memori--powered-by {
+        display: none !important;
+    }
+
+    .memori-widget.memori-layout-chat .memori-conversation-footer .memori-chat-inputs--ai-note {
+        overflow: visible;
+        flex: 0 1 auto;
+        text-align: center;
+        text-overflow: unset;
+        white-space: normal;
+    }
+}
+
 .memori-chat-layout--controls .memori-chat--wrapper {
     display: flex;
     height: 100%;
@@ -326,7 +345,7 @@
 }
 
 .memori-chat-layout .memori--grid-column-artifact--open {
-    width: 480px;
+    width: 620px;
     border-left: 1px solid var(--memori-border-color);
     background: var(--memori-secondary-background);
 }
@@ -337,6 +356,81 @@
     }
 }
 
+/* Custom background image fills the messages area across the whole page width:
+   it is painted on the layout row instead of the conversation column, so it also
+   covers the side gutters, while header and input bar stay solid strips. */
+.memori-chat-layout--main--has-background {
+    position: relative;
+    isolation: isolate;
+}
+
+.memori-chat-layout--main--has-background::before {
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: #eee;
+    background-image: var(--memori-chat-global-background);
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    content: '';
+    pointer-events: none;
+}
+
+.memori-chat-layout--main--has-background .memori--grid-column-artifact {
+    position: relative;
+    z-index: 5;
+}
+
+.memori-widget.memori-layout-chat .memori-chat-layout--main--has-background .memori-chat-layout--controls,
+.memori-widget.memori-layout-chat .memori-chat-layout--main--has-background .memori-chat-layout--body {
+    background: transparent;
+}
+
+/* The header is a solid strip, so the image starts below it. */
+.memori-widget.memori-layout-chat .memori-chat-layout--main--has-background .memori-chat-layout--header {
+    background: var(--memori-secondary-background);
+}
+
+/* The input bar stays a solid strip, so the image ends where the messages end.
+   It breaks out of the conversation column to span the whole width; the
+   surrounding `overflow: hidden` on the controls clips it to the chat column. */
+.memori-widget.memori-layout-chat
+    .memori-chat-layout--main--has-background
+    .memori-conversation-column
+    > .memori-chat-inputs-wrapper {
+    width: 100vw;
+    max-width: 100vw;
+    margin-bottom: 0;
+    background: var(--memori-secondary-background);
+    margin-inline: calc(50% - 50vw);
+    padding-inline: var(--memori-conversation-inline-padding, var(--memori-spacing-md));
+}
+
+.memori-widget.memori-layout-chat
+    .memori-chat-layout--main--has-background
+    .memori-conversation-column
+    > .memori-chat-inputs-wrapper
+    .memori-chat-inputs,
+.memori-widget.memori-layout-chat
+    .memori-chat-layout--main--has-background
+    .memori-conversation-column
+    > .memori-chat-inputs-wrapper
+    .memori-conversation-footer {
+    max-width: var(--memori-conversation-max-width, 48rem);
+    margin-inline: auto;
+}
+
+/* The column-scoped image would otherwise paint a second, narrower copy. */
+.memori-widget.memori-layout-chat
+    .memori-chat-layout--main--has-background
+    .memori-chat--history--has-global-background::before {
+    display: none;
+}
+
 .memori-chat-layout--artifact-panel {
     position: relative;
     display: flex;
@@ -410,6 +504,7 @@
 .memori-widget.memori-layout-chat .memori-chat-layout--controls .memori--start-panel,
 .memori-widget.memori-layout-chat .memori-chat-layout--controls .memori-chat--wrapper {
     min-width: 0;
+    margin-top: var(--memori-spacing-lg);
 }
 
 .memori-widget.memori-layout-chat .memori-chat-layout--controls .memori-chat--wrapper {

package/src/components/layouts/fullpage.css

@@ -54,8 +54,8 @@
    actions and the divider stay aligned with the card edges at any width. */
 .memori-widget.memori-layout-fullpage .memori-fullpage-header-row {
     max-width: var(--memori-layout-max-width);
-    padding-right: 0;
-    padding-left: 0;
+    padding-right: var(--memori-spacing-md);
+    padding-left: var(--memori-spacing-md);
     margin-right: auto;
     margin-left: auto;
 }
@@ -80,7 +80,7 @@
     min-height: 0;
     flex: 1 1 auto;
     border: none;
-    border-radius: 0;
+    border-radius: var(--memori-radius-box);
     margin-bottom: 0;
     background-color: var(--memori-secondary-background);
 }
@@ -216,7 +216,7 @@
     flex: 1 1 0%;
     align-items: stretch;
     justify-content: center;
-    padding: var(--memori-spacing-md) 0;
+    padding: var(--memori-spacing-md);
     border: none;
     margin: 0 auto;
     background: var(--memori-secondary-background);
@@ -325,7 +325,7 @@
 }
 
 .memori-widget.memori-layout-fullpage .memori--grid-column-artifact--open {
-    width: 600px;
+    width: 700px;
     border-left: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 10%, transparent);
     background: var(--memori-secondary-background);
 }
@@ -439,7 +439,7 @@
     }
 
     .memori-widget.memori-layout-fullpage .memori--grid {
-        padding: var(--memori-spacing-sm) 0;
+        padding: var(--memori-spacing-sm);
         gap: var(--memori-spacing-sm);
     }
 
@@ -462,7 +462,7 @@
     }
 
     .memori-widget.memori-layout-fullpage .memori--grid {
-        padding: var(--memori-spacing-xs) 0;
+        padding: var(--memori-spacing-xs) var(--memori-spacing-sm);
     }
 
     .memori-widget.memori-layout-fullpage .memori-fullpage-header-row,

package/src/components/layouts/hidden-chat.css

@@ -311,9 +311,9 @@
     right: 0;
 }
 
-/* Keep in sync with ArtifactDrawer split width (46% / --memori-modal-size-md override) */
+/* Keep in sync with ArtifactDrawer split width (55% / --memori-modal-size-md override) */
 .memori-sidebar-toggle-artifact:checked ~ .memori-sidebar-container .memori-sidebar {
-    right: 46%;
+    right: 55%;
 }
 
 .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {

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

@@ -32,19 +32,19 @@ const Template: Story<Props> = args => (
 
 const DefaultLayout = Template.bind({});
 DefaultLayout.args = {
-  memoriName: 'prova-sharepoint',
+  memoriName: 'Layout Storybook',
   ownerUserName: 'Andrea-Patini',
-  memoriID: '019f129c-a5a3-74d3-b0c8-b7794437bb23',
+  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: 'https://aisuru-staging.aclambda.online',
-  layout: 'FULLPAGE',
+  // baseURL: 'http://localhost:3000',
+  layout: 'ZOOMED_FULL_BODY',
   uiLang: 'IT',
   spokenLang: 'IT',
-  showLogin: true,
-  integrationID: '019f1896-730d-7e19-9a88-6413f485247b',
+  // integrationID: '32922e14-24d6-4f5f-a06b-d963da14a658',
+  showSettings: true,
 };
 
 export const Default = Template.bind({});
@@ -58,7 +58,7 @@ Totem.args = {
   uiLang: 'it',
   showShare: true,
   showSettings: true,
-  memori: memori,
+  // memori: memori,
   integration: {
     ...integration,
   },
@@ -223,7 +223,7 @@ ZoomedFullBody.args = {
   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',
+  // baseURL: 'http://localhost:3000',
   layout: 'ZOOMED_FULL_BODY',
   uiLang: 'IT',
   spokenLang: 'IT',