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

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);
@@ -307,7 +307,7 @@
 }
 
 .memori-widget.memori-layout-zoomed_full_body .memori--grid-column-artifact--open {
-    width: 480px;
+    width: 560px;
     border-left: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 10%, transparent);
     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/helpers/media.test.ts

@@ -43,10 +43,46 @@ describe('Media URL helper', () => {
         resourceURI:
           'https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2',
         apiURL: 'https://backend.memori.ai/api/v2',
+        sessionID: sessionID,
       })
     ).toBe('https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2');
   });
 
+  it('appends session ID for aisuru.ai asset URLs', () => {
+    expect(
+      getResourceUrl({
+        resourceURI:
+          'https://backend-ws-bologna.aisuru.ai/api/v2/asset/ad10ce11-914b-4b9b-a033-ba06cb4b4042.pdf',
+        sessionID: sessionID,
+      })
+    ).toBe(
+      `https://backend-ws-bologna.aisuru.ai/api/v2/asset/ad10ce11-914b-4b9b-a033-ba06cb4b4042.pdf/${sessionID}`
+    );
+  });
+
+  it('appends session ID for /api/v2/asset/ paths on unknown hosts', () => {
+    expect(
+      getResourceUrl({
+        resourceURI:
+          'https://custom-backend.example.com/api/v2/asset/abc123.pdf',
+        sessionID: sessionID,
+      })
+    ).toBe(
+      `https://custom-backend.example.com/api/v2/asset/abc123.pdf/${sessionID}`
+    );
+  });
+
+  it('appends session ID when resource host matches apiURL host', () => {
+    expect(
+      getResourceUrl({
+        resourceURI: 'https://my-api.example.com/files/doc.pdf',
+        sessionID: sessionID,
+        apiURL: 'https://my-api.example.com/api/v2',
+      })
+    ).toBe(`https://my-api.example.com/files/doc.pdf/${sessionID}`);
+  });
+
+
   it('Get correct URL for old memoriai/memory media', async () => {
     expect(
       getResourceUrl({

package/src/helpers/media.ts

@@ -6,6 +6,38 @@ export interface ResourceURLParams {
   apiURL?: string;
   tenantID?: string;
 }
+
+/**
+ * Whether this HTTP(S) URL should get a session ID appended for auth.
+ * Matches Memori asset API paths on any host, known Memori/AIsuru hosts,
+ * and the configured API host — instead of a hard hostname allowlist only.
+ */
+const shouldAppendSessionId = (
+  resourceURI: string,
+  apiURL?: string
+): boolean => {
+  const url = new URL(resourceURI);
+  const { hostname, pathname } = url;
+
+  // Memori asset endpoints require session auth regardless of host
+  // (e.g. backend-ws-bologna.aisuru.ai/api/v2/asset/…)
+  if (/\/api\/v\d+\/asset\//i.test(pathname)) {
+    return true;
+  }
+
+  if (apiURL) {
+    try {
+      if (new URL(apiURL).hostname === hostname) {
+        return true;
+      }
+    } catch {
+      // ignore invalid apiURL
+    }
+  }
+
+  return false;
+};
+
 export const getResourceUrl = ({
   type,
   resourceURI,
@@ -30,21 +62,16 @@ export const getResourceUrl = ({
     } else if (
       (resourceURI.startsWith('https://') ||
         resourceURI.startsWith('http://')) &&
-      (new URL(resourceURI).hostname.includes('memori.ai') ||
-        new URL(resourceURI).hostname.includes('aclambda.online') ||
-        new URL(resourceURI).hostname.includes('localhost'))
+      shouldAppendSessionId(resourceURI, apiURL)
     ) {
-      return `${resourceURI}${
-        resourceURI.endsWith('/') || !sessionID ? '' : '/'
-      }${sessionID || ''}`;
+      return `${resourceURI}${resourceURI.endsWith('/') || !sessionID ? '' : '/'
+        }${sessionID || ''}`;
     } else if (resourceURI.startsWith('cloud://')) {
-      return `${
-        apiURL?.replace(/v2/, 'v1') || ''
-      }/CloudAsset/${resourceURI.replace('cloud://', '')}`;
+      return `${apiURL?.replace(/v2/, 'v1') || ''
+        }/CloudAsset/${resourceURI.replace('cloud://', '')}`;
     } else if (resourceURI.startsWith('guid://')) {
-      return `${
-        apiURL?.replace(/v2/, 'v1') || ''
-      }/GuidAsset/${resourceURI.replace('guid://', '')}`;
+      return `${apiURL?.replace(/v2/, 'v1') || ''
+        }/GuidAsset/${resourceURI.replace('guid://', '')}`;
     } else {
       return resourceURI || defaultUri;
     }

package/src/index.tsx

@@ -13,7 +13,7 @@ import MemoriWidget, {
   Props as WidgetProps,
 } from './components/MemoriWidget/MemoriWidget';
 import { VisemeProvider } from './context/visemeContext';
-import { AlertProvider, AlertViewport } from '@memori.ai/ui';
+import { AlertProvider } from '@memori.ai/ui';
 import { safeParseJSON } from './helpers/utils';
 
 import i18n from './i18n';
@@ -442,10 +442,6 @@ const Memori: React.FC<Props> = ({
       <AlertProvider defaultDuration={5000}>
         <VisemeProvider>
           <ArtifactProvider>
-            <AlertViewport
-              placement="top-end"
-              style={{ zIndex: 10002, top: 30, right: 30, position: 'fixed' }}
-            />
             {memori ? (
               <MemoriWidget
                 // General props

package/src/styles.css

@@ -231,17 +231,30 @@
    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));
 }
 
+/* Dark theme: alert copy must stay light (viewport may sit outside themed tokens). */
+.memori-widget[data-theme='dark'] .memori-alert__title,
+.memori-widget[data-theme='dark'] .memori-alert__description,
+.memori-widget[data-theme='dark'] .memori-alert__close,
+[data-theme='dark'] .memori-widget .memori-alert__title,
+[data-theme='dark'] .memori-widget .memori-alert__description,
+[data-theme='dark'] .memori-widget .memori-alert__close,
+body:has(.memori-widget[data-theme='dark']) .memori-alert__title,
+body:has(.memori-widget[data-theme='dark']) .memori-alert__description,
+body:has(.memori-widget[data-theme='dark']) .memori-alert__close,
+body:has([data-theme='dark'] .memori-widget) .memori-alert__title,
+body:has([data-theme='dark'] .memori-widget) .memori-alert__description,
+body:has([data-theme='dark'] .memori-widget) .memori-alert__close {
+    color: #fff;
+}
+
 @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.10';
+export const version = '9.0.0-alpha.13';