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

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

@@ -63,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>

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

@@ -63,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>
@@ -845,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__/Totem.test.tsx.snap

@@ -63,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

@@ -63,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%;
@@ -341,6 +360,7 @@
    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;
 }
 

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;
 }
@@ -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);
@@ -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/zoomed-full-body.css

@@ -54,8 +54,8 @@
     align-items: center;
     justify-content: space-between;
     padding: var(--memori-spacing-md);
-    padding-right: 0;
-    padding-left: 0;
+    padding-right: var(--memori-spacing-md);
+    padding-left: var(--memori-spacing-md);
     border-bottom: 1px solid var(--memori-border-color);
     margin-right: auto;
     margin-left: auto;
@@ -199,7 +199,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);
@@ -412,7 +412,7 @@
     }
 
     .memori-widget.memori-layout-zoomed_full_body .memori--grid {
-        padding: var(--memori-spacing-sm) 0;
+        padding: var(--memori-spacing-sm);
         gap: var(--memori-spacing-sm);
     }
 
@@ -435,7 +435,7 @@
     }
 
     .memori-widget.memori-layout-zoomed_full_body .memori--grid {
-        padding: var(--memori-spacing-xs) 0;
+        padding: var(--memori-spacing-xs) var(--memori-spacing-sm);
     }
 
     .memori-widget.memori-layout-zoomed_full_body .memori-fullpage-header-row {

package/src/styles.css

@@ -231,6 +231,7 @@
    Fixed width — do not set left+right together (that stretches full-bleed). */
 .memori-alert-viewport.memori-alert-viewport--top-end {
     top: 4.75rem !important;
+    right: 1.5rem !important;
     left: auto !important;
     width: 300px !important;
     max-width: calc(100vw - 2 * var(--memori-spacing-sm));
@@ -254,10 +255,6 @@ body:has([data-theme='dark'] .memori-widget) .memori-alert__close {
 
 @media (max-width: 768px) {
     .memori-alert-viewport.memori-alert-viewport--top-end {
-        top: auto !important;
-        right: var(--memori-spacing-sm) !important;
-        bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
-        left: auto !important;
-        width: min(300px, calc(100vw - 2 * var(--memori-spacing-sm))) !important;
+        display: none !important;
     }
 }

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '9.0.0-alpha.12';
+export const version = '9.0.0-alpha.13';