@memori.ai/memori-react 9.0.0-alpha.20 → 9.0.0-alpha.22

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

@@ -1,88 +1,115 @@
 import React from 'react';
-import { Meta, Story } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Spin } from '@memori.ai/ui';
 import { memori, tenant, integration } from '../../mocks/data';
 import Memori, { Props } from '../../index';
 import { LayoutProps } from '../MemoriWidget/MemoriWidget';
-import I18nWrapper from '../../I18nWrapper';
-import { VisemeProvider } from '../../context/visemeContext';
-import { ArtifactProvider } from '../MemoriArtifactSystem/context/ArtifactContext';
-
-const meta: Meta = {
-  title: 'General/Layouts',
-  component: (args: Props) => <Memori {...args} />,
-  argTypes: {},
+import { withWidgetProviders } from '../../../.storybook/decorators';
+
+/**
+ * Canonical layout matrix — one story per LayoutName (plus Custom + HiddenChat note).
+ * Live staging/localhost agents live under `Live/` (see Live/Agents.stories.tsx).
+ */
+const meta = {
+  title: 'Layouts',
+  component: Memori,
+  decorators: [withWidgetProviders],
   parameters: {
     controls: { expanded: true },
     layout: 'fullscreen',
   },
-};
+} satisfies Meta<typeof Memori>;
 
 export default meta;
+type Story = StoryObj<typeof meta>;
 
-const Template: Story<Props> = args => (
-  <I18nWrapper>
-    <ArtifactProvider>
-      <VisemeProvider>
-        <Memori {...args} />
-      </VisemeProvider>
-    </ArtifactProvider>
-  </I18nWrapper>
-);
-
-const DefaultLayout = Template.bind({});
-DefaultLayout.args = {
-  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: 'ZOOMED_FULL_BODY',
+/** Fixture-first base — deterministic sidebar entry for each layout. */
+const fixtureBase: Partial<Props> = {
+  memori,
+  tenant,
+  memoriName: memori.name,
+  memoriID: memori.memoriID,
+  ownerUserName: 'memoridev',
+  tenantID: 'www.aisuru.com',
+  engineURL: 'https://engine.memori.ai',
+  apiURL: 'https://backend.memori.ai',
+  baseURL: 'https://www.aisuru.com',
   uiLang: 'IT',
   spokenLang: 'IT',
-  integrationID: '32922e14-24d6-4f5f-a06b-d963da14a658',
   showSettings: true,
+  showShare: true,
 };
 
-export const Default = Template.bind({});
-Default.args = {
-  ...DefaultLayout.args,
+/** Default layout = FULLPAGE (not Zoomed). */
+export const FullPage: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'FULLPAGE',
+  },
 };
 
-export const Totem = Template.bind({});
-Totem.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  // memori: memori,
-  integration: {
-    ...integration,
+export const Chat: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'CHAT',
+    showUpload: true,
   },
-  tenant,
-  layout: 'TOTEM',
 };
 
-export const ChatOnly = Template.bind({});
-ChatOnly.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  showUpload: true,
-  memori: memori,
-  tenant,
-  layout: 'CHAT',
+export const Totem: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'TOTEM',
+    integration: { ...integration },
+  },
+};
+
+export const ZoomedFullBody: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'ZOOMED_FULL_BODY',
+  },
+};
+
+export const WebsiteAssistant: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'WEBSITE_ASSISTANT',
+    multilingual: true,
+    integration: {
+      ...integration,
+      customData: JSON.stringify({
+        textColor: '#2a2a2a',
+        buttonBgColor: '#653165',
+        buttonTextColor: '#ffffff',
+        blurBackground: true,
+        innerBgColor: 'light',
+        innerBgAlpha: 0.8,
+        multilanguage: true,
+        avatar: 'readyplayerme',
+        avatarURL:
+          'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+      }),
+    },
+  },
+};
+
+export const WebsiteAssistantWithout3DAvatar: Story = {
+  args: {
+    ...WebsiteAssistant.args,
+    avatar3dHidden: true,
+  },
+};
+
+/** Collapsed / FAB entry point for HIDDEN_CHAT. */
+export const HiddenChat: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'HIDDEN_CHAT',
+  },
 };
 
 const CustomLayout: React.FC<LayoutProps> = ({
-  Header,
-  headerProps,
-  Avatar,
-  avatarProps,
   Chat,
   chatProps,
   StartPanel,
@@ -97,10 +124,11 @@ const CustomLayout: React.FC<LayoutProps> = ({
   <>
     {integrationStyle}
     {integrationBackground}
-
-    <Spin spinning={loading} className="memori-mycustom-layout">
+    <Spin
+      spinning={loading}
+      className="memori-mycustom-layout"
+    >
       {poweredBy}
-
       <div className="memori-mycustom-layout--controls">
         {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
           <Chat {...chatProps} />
@@ -112,121 +140,10 @@ const CustomLayout: React.FC<LayoutProps> = ({
   </>
 );
 
-export const Custom = Template.bind({});
-Custom.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'FULLPAGE',
-  customLayout: CustomLayout,
-};
-
-export const WebsiteAssistant2 = Template.bind({});
-WebsiteAssistant2.args = {
-  memoriName: 'Marconi Express',
-  ownerUserName: 'exmita',
-  memoriID: '1755979f-28f1-45d1-8f41-bb34e1f7756b',
-  ownerUserID: '3194fcd3-040b-4d5e-a925-691911fb1177',
-  tenantID: 'exmachina.aclambda.online',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://exmachina.aclambda.online',
-  uiLang: 'IT',
-  avatar3dHidden: true,
-  spokenLang: 'IT',
-  layout: 'WEBSITE_ASSISTANT',
-};
-
-export const WebsiteAssistant3 = Template.bind({});
-WebsiteAssistant3.args = {
-  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: 'WEBSITE_ASSISTANT',
-  avatar3dHidden: true,
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  showOnlyLastMessages: true,
-  integrationID: '716f4728-919c-4015-aae1-88998a081c6f',
-};
-
-export const WebsiteAssistant = Template.bind({});
-WebsiteAssistant.args = {
-  uiLang: 'EN',
-  showShare: false,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'WEBSITE_ASSISTANT',
-  memoriName: 'Memori',
-  memoriID: '25ced51c-3520-41af-8bbe-222d861b8e32',
-  ownerUserName: 'memoridev',
-  tenantID: 'www.aisuru.com',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  spokenLang: 'EN',
-  context: {
-    SOURCE: 'WEBSITE',
-    PATH: '/en/',
-  },
-  multilingual: true,
-  integrationID: 'cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1',
-  integration: {
-    ...integration,
-    customData: JSON.stringify({
-      textColor: '#2a2a2a',
-      buttonBgColor: '#653165',
-      buttonTextColor: '#ffffff',
-      blurBackground: true,
-      innerBgColor: 'light',
-      innerBgAlpha: 0.8,
-      multilanguage: true,
-      avatar: 'readyplayerme',
-      avatarURL:
-        'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
-    }),
+export const Custom: Story = {
+  args: {
+    ...fixtureBase,
+    layout: 'FULLPAGE',
+    customLayout: CustomLayout,
   },
 };
-
-export const WebsiteAssistantWithout3DAvatar = Template.bind({});
-WebsiteAssistantWithout3DAvatar.args = {
-  ...WebsiteAssistant.args,
-  avatar3dHidden: true,
-};
-
-export const HiddenChat = Template.bind({});
-HiddenChat.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'HIDDEN_CHAT',
-};
-
-export const ZoomedFullBody = Template.bind({});
-ZoomedFullBody.args = {
-  ...DefaultLayout.args,
-  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: 'ZOOMED_FULL_BODY',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: '32922e14-24d6-4f5f-a06b-d963da14a658',
-  showSettings: true,
-};

package/src/components/layouts/totem.css

@@ -180,6 +180,11 @@
    internal scroll instead of pushing the scene up. */
 .memori-totem-layout--controls {
     z-index: 100;
+    display: flex;
+    width: 100%;
+    min-height: 0;
+    max-height: 48vh;
+    flex-direction: column;
     flex-shrink: 0;
 }
 
@@ -187,6 +192,8 @@
    SECTION 2–3 — Single unified panel + shared alignment axis
    One container (surface + 1px border + 12px radius). Inner sections have
    NO border/shadow/width of their own, only 1px dividers between them.
+   A definite height (not just max-height) is required so nested overflow-y
+   auto actually scrolls instead of clipping.
    ========================================================================== */
 .memori-totem-layout--controls .memori-chat--wrapper,
 .memori-totem-layout--controls .memori--start-panel {
@@ -194,8 +201,11 @@
     overflow: hidden;
     width: 100%;
     max-width: var(--memori-totem-max-width, 600px);
+    height: 48vh;
+    min-height: 0;
     max-height: 48vh;
     box-sizing: border-box;
+    flex: 1 1 auto;
     flex-direction: column;
     padding: 0;
     border: 1px solid var(--memori-border-color);
@@ -206,34 +216,53 @@
 
 /* Nested conversation column must not add its own axis/padding/surface. */
 .memori-totem-layout--controls .memori-conversation-column {
+    display: flex;
+    overflow: hidden;
     width: 100%;
     max-width: none;
     height: auto;
     min-height: 0;
+    flex: 1 1 0%;
+    flex-direction: column;
     padding: 0;
     margin: 0;
 }
 
-/* Messages section: height follows content (no empty band), scrolls when capped. */
-.memori-totem-layout--controls .memori-chat--history {
-    height: auto;
+/* Messages section: remaining panel height; children must not size to content. */
+.memori-totem-layout--controls .memori-chat--history,
+.memori-totem-layout--controls .memori-chat--history.memori-chat--history-touch {
+    display: flex;
+    overflow: hidden;
+    height: auto !important;
     min-height: 0;
-    flex: 1 1 auto;
+    flex: 1 1 0%;
+    flex-direction: column;
     border: none;
     border-radius: 0;
     margin: 0;
     background: transparent;
 }
 
-.memori-totem-layout--controls .memori-chat--content {
-    height: auto;
+.memori-totem-layout--controls .memori-chat--content,
+.memori-totem-layout--controls .memori-chat--content.memori-chat--content-touch {
+    height: 0;
+    min-height: 0;
     max-height: none;
+    flex: 1 1 auto;
     padding: var(--memori-spacing-md);
     background: transparent;
+    overflow-x: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+}
+
+.memori-totem-layout--controls .memori-chat--content > * {
+    flex-shrink: 0;
 }
 
 /* Input section: 1px divider above, no own surface. */
 .memori-totem-layout--controls .memori-chat-inputs-wrapper {
+    flex-shrink: 0;
     padding: var(--memori-spacing-md);
     border-top: 1px solid var(--memori-border-color);
     background: transparent;
@@ -244,10 +273,15 @@
     border-radius: 8px;
 }
 
+.memori-totem-layout--controls .memori-chat--bubble,
+.memori-totem-layout--controls .memori-chat--bubble.memori-chat--user-bubble {
+    font-size: 1.125rem;
+}
+
 /* Start-panel body scrolls internally instead of stretching the panel. */
 .memori-totem-layout--controls .memori--start-panel__body {
     min-height: 0;
-    flex: 1 1 auto;
+    flex: 1 1 0%;
     overflow-y: auto;
 }
 
@@ -259,11 +293,11 @@
 }
 
 @media (max-width: 480px) {
-    .memori-totem-layou .memori-send-on-enter-menu {
+    .memori-totem-layout .memori-send-on-enter-menu {
         display: none;
     }
 
-    .memori-totem-layou .memori-header--button-settings {
+    .memori-totem-layout .memori-header--button-settings {
         display: none;
     }
 }

package/src/components/layouts/zoomed-full-body.css

@@ -212,6 +212,7 @@
 /* Avatar column: its own rounded panel, wider than the chat sidebar it replaced. */
 .memori-widget.memori-layout-zoomed_full_body .memori--grid-column-left {
     position: relative;
+    z-index: 10;
     display: flex;
     overflow: hidden;
     width: clamp(240px, 34%, 420px);

package/src/helpers/message.ts

@@ -114,6 +114,21 @@ export const renderMsg = (
         /<output\s+class\s*=\s*["\']memori-artifact["\'][^>]*data-mimetype\s*=\s*["\']([^"']+)["\'][^>]*>([\s\S]*?)(?:<\/output>|$)/gi,
         ''
       )
+      // Preferred: data-action="update" on memori-artifact
+      .replaceAll(
+        /<output\s+class\s*=\s*["\']memori-artifact["\'][^>]*data-action\s*=\s*["\']update["\'][^>]*>([\s\S]*?)(?:<\/output>|$)/gi,
+        ''
+      )
+      // data-action may appear before class
+      .replaceAll(
+        /<output\s+[^>]*data-action\s*=\s*["\']update["\'][^>]*class\s*=\s*["\'][^"']*memori-artifact[^"']*["\'][^>]*>([\s\S]*?)(?:<\/output>|$)/gi,
+        ''
+      )
+      // Legacy class name
+      .replaceAll(
+        /<output\s+class\s*=\s*["\']memori-artifact-update["\'][^>]*>([\s\S]*?)(?:<\/output>|$)/gi,
+        ''
+      )
       .replaceAll(/```markdown([^```]+)```/g, '$1')
       .replaceAll('($', '( $')
       .replaceAll(':$', ': $')

package/src/helpers/positionPopover.test.ts

@@ -1,4 +1,21 @@
-import { shouldRestartSessionOnPositionPopoverClose } from './positionPopover';
+import {
+  shouldHoldAutoStartForPosition,
+  shouldRestartSessionOnPositionPopoverClose,
+} from './positionPopover';
+
+describe('shouldHoldAutoStartForPosition', () => {
+  it('holds auto-start when position is required and none is stored', () => {
+    expect(shouldHoldAutoStartForPosition(true, false)).toBe(true);
+  });
+
+  it('does not hold when a position (or skip) is already stored', () => {
+    expect(shouldHoldAutoStartForPosition(true, true)).toBe(false);
+  });
+
+  it('does not hold when the agent does not require a position', () => {
+    expect(shouldHoldAutoStartForPosition(false, false)).toBe(false);
+  });
+});
 
 describe('shouldRestartSessionOnPositionPopoverClose', () => {
   it('restarts only when closing an open popover with autoStart and no session', () => {
@@ -36,4 +53,22 @@ describe('shouldRestartSessionOnPositionPopoverClose', () => {
       false
     );
   });
+
+  it('does not restart when closing without a stored position', () => {
+    expect(
+      shouldRestartSessionOnPositionPopoverClose(
+        true,
+        false,
+        true,
+        false,
+        false
+      )
+    ).toBe(false);
+  });
+
+  it('restarts when closing after a position was stored', () => {
+    expect(
+      shouldRestartSessionOnPositionPopoverClose(true, false, true, false, true)
+    ).toBe(true);
+  });
 });

package/src/helpers/positionPopover.ts

@@ -1,16 +1,33 @@
+/**
+ * Auto-start must wait on the start panel when the agent requires a location
+ * and none has been stored yet (share or skip). The start panel is the place
+ * to collect that preference; do not open the header popover instead.
+ */
+export function shouldHoldAutoStartForPosition(
+  needsPosition: boolean,
+  hasPosition: boolean
+): boolean {
+  return !!needsPosition && !hasPosition;
+}
+
 /**
  * Whether closing the position popover should re-run autoStart (`onClickStart`).
  * Only true on a real open → closed transition when a session has not started yet
- * (e.g. autostart blocked waiting for position). Closing during an active session
- * must not wipe chat history.
+ * and a position (or skip) is already stored. Closing during an active session
+ * must not wipe chat history. Closing without a position leaves the start panel.
  */
 export function shouldRestartSessionOnPositionPopoverClose(
   wasOpen: boolean,
   nextOpen: boolean,
   autoStart: boolean,
-  sessionAlreadyStarted = false
+  sessionAlreadyStarted = false,
+  hasPosition = true
 ): boolean {
   return (
-    wasOpen && !nextOpen && !!autoStart && !sessionAlreadyStarted
+    wasOpen &&
+    !nextOpen &&
+    !!autoStart &&
+    !sessionAlreadyStarted &&
+    hasPosition
   );
 }

package/src/i18n.knownFacts.test.ts

@@ -0,0 +1,40 @@
+import i18n from './i18n';
+
+describe('known facts bulk delete translations', () => {
+  afterEach(async () => {
+    await i18n.changeLanguage('en');
+  });
+
+  it('keeps the selected-rows count in the same language as the confirm message', async () => {
+    await i18n.changeLanguage('it');
+
+    const selectedRows = i18n.t('knownFacts.selectedRows', { count: 10 });
+    const confirm = i18n.t('knownFacts.deleteSelectedConfirmMessage');
+    const message = `${selectedRows}. ${confirm}`;
+
+    expect(selectedRows).toBe('10 righe selezionate');
+    expect(message).not.toMatch(/rows selected/i);
+    expect(message).toBe(
+      '10 righe selezionate. Confermi di voler eliminare i fatti noti selezionati?'
+    );
+  });
+
+  it.each([
+    ['en', 1, '1 row selected'],
+    ['en', 10, '10 rows selected'],
+    ['it', 1, '1 riga selezionata'],
+    ['it', 10, '10 righe selezionate'],
+    ['fr', 1, '1 ligne sélectionnée'],
+    ['fr', 10, '10 lignes sélectionnées'],
+    ['de', 1, '1 Zeile ausgewählt'],
+    ['de', 10, '10 Zeilen ausgewählt'],
+    ['es', 1, '1 fila seleccionada'],
+    ['es', 10, '10 filas seleccionadas'],
+  ] as const)(
+    'translates %s selectedRows for count %i',
+    async (lng, count, expected) => {
+      await i18n.changeLanguage(lng);
+      expect(i18n.t('knownFacts.selectedRows', { count })).toBe(expected);
+    }
+  );
+});

package/src/icons/MemoriIcon.tsx

@@ -12,7 +12,7 @@ const MemoriIcon = (props: React.SVGProps<SVGSVGElement>) => (
     <defs>
       <style>
         {
-          "\n      .cls-1 {\n        fill: url(#Sfumatura_senza_nome_6);\n      }\n\n      .cls-1,\n      .cls-2 {\n        stroke-width: 0px;\n      }\n\n      .cls-2 {\n        fill: var(--memori-logo-text-color, '#744c99');\n      }\n    "
+          "\n      .cls-1 {\n        fill: url(#Sfumatura_senza_nome_6);\n      }\n\n      .cls-1,\n      .cls-2 {\n        stroke-width: 0px;\n      }\n\n      .cls-2 {\n        fill: var(--memori-text-color, '#744c99');\n      }\n    "
         }
       </style>
       <linearGradient

package/src/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from '@storybook/react';
 import Memori, { Props } from './index';
 
 const meta: Meta = {
-  title: 'General/Functionalities',
+  title: 'Live/Functionalities',
   component: Memori,
   argTypes: {
     AZURE_COGNITIVE_SERVICES_TTS_KEY: {
@@ -88,21 +88,6 @@ WithChatHistory.args = {
   showChatHistory: true,
 };
 
-export const WithUploadNoTotalPayloadLimit = Template.bind({});
-WithUploadNoTotalPayloadLimit.args = {
-  ownerUserName: 'nzambello',
-  memoriName: 'Nicola',
-  tenantID: 'www.aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  layout: 'FULLPAGE',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  enableAudio: true,
-  showUpload: true,
-};
-
 export const WithMaxTextareaCharacters = Template.bind({});
 WithMaxTextareaCharacters.args = {
   ownerUserName: 'nzambello',
@@ -193,34 +178,3 @@ WithPiiDetection.args = {
   },
 };
 
-export const WithLocalNats = Template.bind({});
-WithLocalNats.args = {
-  memoriName: 'test324',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'd661a9ca-e907-4396-a986-5095ccd582d6',
-  ownerUserID: '69fcc557-9cb6-4e5e-b8ab-140cff975492',
-  tenantID: 'localhost:3000',
-  engineURL: 'http://localhost:7778/memori/v2',
-  apiURL: 'http://localhost:7778/api/v2',
-  baseURL: 'http://localhost:3000',
-  layout: 'FULLPAGE',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: 'ee1c3d98-7819-4506-ba28-818e79ba86cb',
-};
-
-export const WithFunctionalities = Template.bind({});
-WithFunctionalities.args = {
-  memoriName: 'test324',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'd661a9ca-e907-4396-a986-5095ccd582d6',
-  ownerUserID: '69fcc557-9cb6-4e5e-b8ab-140cff975492',
-  tenantID: 'localhost:3000',
-  engineURL: 'http://localhost:7778/memori/v2',
-  apiURL: 'http://localhost:7778/api/v2',
-  baseURL: 'http://localhost:3000',
-  layout: 'FULLPAGE',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: 'ee1c3d98-7819-4506-ba28-818e79ba86cb',
-};