@memori.ai/memori-react 9.0.0-alpha.21 → 9.0.0-alpha.23

package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
         >
           <span
             class="memori-tooltip__trigger"
-            id="base-ui-:rm:"
+            id="base-ui-:rd:"
           >
             <button
               aria-label="boardOfExperts"
@@ -81,11 +81,15 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -198,7 +202,7 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:ro:"
+                    id="base-ui-:rf:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -291,11 +295,15 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -408,7 +416,7 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r1q:"
+                    id="base-ui-:r15:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -501,11 +509,15 @@ exports[`renders StartPanel unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -711,11 +723,15 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -732,7 +748,7 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
         >
           <span
             class="memori-tooltip__trigger"
-            id="base-ui-:r2s:"
+            id="base-ui-:r1n:"
           >
             <svg
               class="lucide lucide-triangle-alert memori--completion-provider-status--icon memori--completion-provider-status--icon-error"
@@ -823,7 +839,7 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r2u:"
+                    id="base-ui-:r1p:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -916,11 +932,15 @@ exports[`renders StartPanel with completions enabled unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -1033,7 +1053,7 @@ exports[`renders StartPanel with completions enabled unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:rf:"
+                    id="base-ui-:r9:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -1126,11 +1146,15 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -1260,7 +1284,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                   >
                     <span
                       class="memori-tooltip__trigger"
-                      id="base-ui-:r18:"
+                      id="base-ui-:rp:"
                     >
                       <button
                         aria-label="deepThoughtHelper"
@@ -1353,7 +1377,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r1a:"
+                    id="base-ui-:rr:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -1446,11 +1470,15 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -1567,7 +1595,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                   >
                     <span
                       class="memori-tooltip__trigger"
-                      id="base-ui-:r1h:"
+                      id="base-ui-:rv:"
                     >
                       <button
                         aria-label="deepThoughtHelper"
@@ -1660,7 +1688,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r1j:"
+                    id="base-ui-:r11:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -1753,11 +1781,15 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -1874,7 +1906,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                   >
                     <span
                       class="memori-tooltip__trigger"
-                      id="base-ui-:rv:"
+                      id="base-ui-:rj:"
                     >
                       <button
                         aria-label="deepThoughtHelper"
@@ -1967,7 +1999,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r11:"
+                    id="base-ui-:rl:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -2060,11 +2092,15 @@ exports[`renders StartPanel with existing sessionunchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -2177,7 +2213,7 @@ exports[`renders StartPanel with existing sessionunchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r8:"
+                    id="base-ui-:r5:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -2270,11 +2306,15 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -2387,7 +2427,7 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r2b:"
+                    id="base-ui-:r1d:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -2480,11 +2520,15 @@ exports[`renders StartPanel with login required unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -2609,11 +2653,15 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -2673,17 +2721,17 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
           >
             <label
               class="memori-combobox__label"
-              for=":r2h:"
-              id=":r2h:-label"
+              for="memori-combobox-34"
+              id="memori-combobox-34-label"
             >
               write_and_speak.chatLanguageLabel
             </label>
             <button
               aria-expanded="false"
               aria-haspopup="dialog"
-              aria-labelledby=":r2h:-label"
+              aria-labelledby="memori-combobox-34-label"
               class="memori-combobox__trigger"
-              id=":r2h:"
+              id="memori-combobox-34"
               role="combobox"
               tabindex="0"
               type="button"
@@ -2718,7 +2766,7 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
             </button>
             <input
               aria-hidden="true"
-              id="base-ui-:r2i:"
+              id="base-ui-:r1g:"
               name="user-lang-pref"
               style="overflow: hidden; white-space: nowrap; position: fixed; top: 0px; left: 0px; border: 0px; padding: 0px; width: 1px; height: 1px; margin: -1px;"
               tabindex="-1"
@@ -2787,7 +2835,7 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r2l:"
+                    id="base-ui-:r1j:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -2880,11 +2928,59 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+            <span
+              class="memori-tooltip blocked-memori-badge--tooltip"
+            >
+              <span
+                class="memori-tooltip__trigger"
+                id="base-ui-:r1t:"
+              >
+                <div
+                  class="blocked-memori-badge--wrapper"
+                >
+                  <div
+                    class="blocked-memori-badge "
+                  >
+                    <svg
+                      class="lucide lucide-triangle-alert blocked-memori-badge--icon"
+                      fill="none"
+                      height="24"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      viewBox="0 0 24 24"
+                      width="24"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+                      />
+                      <path
+                        d="M12 9v4"
+                      />
+                      <path
+                        d="M12 17h.01"
+                      />
+                    </svg>
+                  </div>
+                  <span
+                    class="blocked-memori-badge--title"
+                  >
+                    memoriBlockedTitle
+                  </span>
+                </div>
+              </span>
+            </span>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >
@@ -2997,7 +3093,7 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
                 >
                   <span
                     class="memori-tooltip__trigger"
-                    id="base-ui-:r35:"
+                    id="base-ui-:r1v:"
                   >
                     <button
                       aria-label="privacyPolicy"
@@ -3058,50 +3154,6 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
             </span>
           </button>
         </div>
-        <span
-          class="memori-tooltip blocked-memori-badge--tooltip"
-        >
-          <span
-            class="memori-tooltip__trigger"
-            id="base-ui-:r37:"
-          >
-            <div
-              class="blocked-memori-badge--wrapper"
-            >
-              <div
-                class="blocked-memori-badge  margin-left"
-              >
-                <svg
-                  class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-                  fill="none"
-                  height="24"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  viewBox="0 0 24 24"
-                  width="24"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-                  />
-                  <path
-                    d="M12 9v4"
-                  />
-                  <path
-                    d="M12 17h.01"
-                  />
-                </svg>
-              </div>
-              <span
-                class="blocked-memori-badge--title"
-              >
-                memoriBlockedTitle
-              </span>
-            </div>
-          </span>
-        </span>
       </div>
     </div>
   </div>
@@ -3136,11 +3188,15 @@ exports[`renders StartPanel with position required unchanged 1`] = `
         <div
           class="memori--title-container__content"
         >
-          <h2
-            class="memori--title"
+          <div
+            class="memori--title-row"
           >
-            Memori
-          </h2>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
+          </div>
           <div
             class="memori-expandable memori--description-text memori--description-text--collapsible"
           >

package/src/components/Typing/Typing.stories.tsx

@@ -4,7 +4,7 @@ import I18nWrapper from '../../I18nWrapper';
 import Typing, { Props } from './Typing';
 
 const meta: Meta = {
-  title: 'Widget/Typing',
+  title: 'Internals/Typing',
   component: Typing,
   argTypes: {
     useDefaultSentences: {

package/src/components/WhyThisAnswer/WhyThisAnswer.stories.tsx

@@ -10,7 +10,7 @@ import './WhyThisAnswer.css';
 import { AlertProvider } from '@memori.ai/ui';
 
 const meta: Meta = {
-  title: 'Why This Answer',
+  title: 'Surfaces/Why This Answer',
   component: WhyThisAnswer,
   argTypes: {
     visible: {
@@ -26,26 +26,28 @@ const meta: Meta = {
 
 export default meta;
 
+const defaultMessage = {
+  questionAnswered: 'Test message',
+  text: 'This is a test content',
+  date: '2021-01-01',
+  placeName: 'Test Place',
+  placeLatitude: 0,
+  placeLongitude: 0,
+  placeUncertaintyKm: 0,
+  contextVars: {
+    KEY: 'value',
+  },
+};
+
 const Template: Story<Props> = args => (
   <I18nWrapper>
     <AlertProvider defaultDuration={5000}>
       <WhyThisAnswer
-        {...args}
         client={memoriApiClient()}
         sessionID={sessionID}
-        message={{
-          questionAnswered: 'Test message',
-          text: 'This is a test content',
-          date: '2021-01-01',
-          placeName: 'Test Place',
-          placeLatitude: 0,
-          placeLongitude: 0,
-          placeUncertaintyKm: 0,
-          contextVars: {
-            KEY: 'value',
-          },
-        }}
         closeDrawer={() => {}}
+        {...args}
+        message={args.message ?? defaultMessage}
       />
     </AlertProvider>
   </I18nWrapper>
@@ -67,6 +69,12 @@ Loading.args = {
 export const WithDocumentTagsInQuestion = Template.bind({});
 WithDocumentTagsInQuestion.args = {
   visible: true,
+  message: {
+    questionAnswered:
+      '<documents><document name="note.md">What is the new UI?</document></documents>\n<attachment_source>https://assets-staging.memori.ai/api/v2/asset/abc.md</attachment_source>\nhttps://assets-staging.memori.ai/api/v2/asset/def.txt',
+    text: 'Answer text',
+    date: '2021-01-01',
+  },
   initialMatches: [
     {
       confidence: 0.9,
@@ -80,36 +88,6 @@ WithDocumentTagsInQuestion.args = {
     } as SearchMatches,
   ],
 };
-WithDocumentTagsInQuestion.decorators = [
-  (Story: any) => (
-    <I18nWrapper>
-      <WhyThisAnswer
-        visible
-        client={memoriApiClient()}
-        sessionID={sessionID}
-        message={{
-          questionAnswered:
-            '<documents><document name="note.md">What is the new UI?</document></documents>\n<attachment_source>https://assets-staging.memori.ai/api/v2/asset/abc.md</attachment_source>\nhttps://assets-staging.memori.ai/api/v2/asset/def.txt',
-          text: 'Answer text',
-          date: '2021-01-01',
-        }}
-        closeDrawer={() => {}}
-        initialMatches={[
-          {
-            confidence: 0.9,
-            confidenceLevel: 'HIGH',
-            memory: {
-              memoryID: 'tag-1',
-              memoryType: 'Question',
-              title: 'Question with tags',
-              answers: [{ text: 'Clean answer' }],
-            },
-          } as SearchMatches,
-        ]}
-      />
-    </I18nWrapper>
-  ),
-];
 WithDocumentTagsInQuestion.parameters = {
   docs: {
     description: {

package/src/components/WhyThisAnswer/__snapshots__/WhyThisAnswer.test.tsx.snap

@@ -15,7 +15,9 @@ exports[`renders WhyThisAnswer hidden unchanged 1`] = `
 `;
 
 exports[`renders WhyThisAnswer loading unchanged 1`] = `
-<div>
+<div
+  data-base-ui-inert=""
+>
   <div
     aria-atomic="false"
     aria-label="Notifications"
@@ -29,7 +31,9 @@ exports[`renders WhyThisAnswer loading unchanged 1`] = `
 `;
 
 exports[`renders WhyThisAnswer visible unchanged 1`] = `
-<div>
+<div
+  data-base-ui-inert=""
+>
   <div
     aria-atomic="false"
     aria-label="Notifications"
@@ -43,7 +47,9 @@ exports[`renders WhyThisAnswer visible unchanged 1`] = `
 `;
 
 exports[`renders WhyThisAnswer with data unchanged 1`] = `
-<div>
+<div
+  data-base-ui-inert=""
+>
   <div
     aria-atomic="false"
     aria-label="Notifications"