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

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

@@ -369,3 +369,60 @@ it('blocks start and shows credits badge when owner has not enough credits', ()
   expect(badge).toBeInTheDocument();
   expect(getByText('memoriBlockedTitle')).toBeInTheDocument();
 });
+
+it('requests geolocation from the use-my-position click and sets venue', () => {
+  const setVenue = jest.fn();
+  const openPositionPopover = jest.fn();
+  const getCurrentPosition = jest.fn(
+    (
+      success: (position: {
+        coords: { latitude: number; longitude: number; accuracy: number };
+      }) => void
+    ) => {
+      success({
+        coords: {
+          latitude: 45.4642,
+          longitude: 9.19,
+          accuracy: 25,
+        },
+      });
+    }
+  );
+
+  Object.defineProperty(navigator, 'geolocation', {
+    configurable: true,
+    value: { getCurrentPosition },
+  });
+
+  const { getByRole } = render(
+    <StartPanel
+      memori={{
+        ...memori,
+        needsPosition: true,
+      }}
+      tenant={tenant}
+      language="it"
+      userLang="en"
+      setUserLang={() => {}}
+      setVenue={setVenue}
+      openPositionPopover={openPositionPopover}
+      instruct={false}
+      sessionId={sessionID}
+      clickedStart={false}
+      onClickStart={() => {}}
+      setShowLoginDrawer={jest.fn()}
+    />
+  );
+
+  fireEvent.click(
+    getByRole('button', { name: /write_and_speak\.useMyPosition/i })
+  );
+
+  expect(getCurrentPosition).toHaveBeenCalled();
+  expect(setVenue).toHaveBeenCalledWith({
+    latitude: 45.4642,
+    longitude: 9.19,
+    placeName: '',
+    uncertainty: 0.025,
+  });
+});

package/src/components/StartPanel/StartPanel.tsx

@@ -28,7 +28,6 @@ import CompletionProviderStatus, {
 } from '../CompletionProviderStatus/CompletionProviderStatus';
 import { Expandable } from '@memori.ai/ui';
 import { usePressTooltip } from '../../helpers/usePressTooltip';
-import { useWidgetSurfaceEl } from '../../context/widgetSurfaceContext';
 
 interface Memori extends MemoriOriginal {
   requireLoginToken?: boolean;
@@ -89,7 +88,6 @@ const StartPanel: React.FC<Props> = ({
   showFullDescriptionOnMobile = false,
 }) => {
   const { t, i18n } = useTranslation();
-  const surfaceEl = useWidgetSurfaceEl();
   const boardOfExpertsTooltip = usePressTooltip();
   const nsfwTooltip = usePressTooltip();
   const deepThoughtTooltip = usePressTooltip();
@@ -211,8 +209,12 @@ const StartPanel: React.FC<Props> = ({
               align="left"
               content={t('boardOfExperts')}
               {...boardOfExpertsTooltip.tooltipProps}
+              slotProps={{
+                positioner: boardOfExpertsTooltip.positionerProps,
+              }}
             >
               <Button
+                ref={boardOfExpertsTooltip.anchorRef}
                 type="button"
                 variant="ghost"
                 shape="circle"
@@ -229,8 +231,12 @@ const StartPanel: React.FC<Props> = ({
               align="left"
               content={t('nsfw')}
               {...nsfwTooltip.tooltipProps}
+              slotProps={{
+                positioner: nsfwTooltip.positionerProps,
+              }}
             >
               <span
+                ref={nsfwTooltip.anchorRef}
                 title={t('nsfw') || 'NSFW'}
                 {...nsfwTooltip.pressTriggerProps}
               >
@@ -350,7 +356,35 @@ const StartPanel: React.FC<Props> = ({
             <div className="memori--needsPosition-actions">
               <Button
                 variant="primary"
-                onClick={() => openPositionPopover()}
+                onClick={() => {
+                  // Must call getCurrentPosition from this click: mobile layouts
+                  // strip needsPosition from Header (popover unmounted), and iOS
+                  // requires a user gesture for the permission prompt.
+                  if (!navigator.geolocation) {
+                    openPositionPopover();
+                    return;
+                  }
+                  navigator.geolocation.getCurrentPosition(
+                    pos => {
+                      setVenue({
+                        latitude: pos.coords.latitude,
+                        longitude: pos.coords.longitude,
+                        placeName: '',
+                        uncertainty: pos.coords.accuracy / 1000,
+                      });
+                    },
+                    () => {
+                      // Permission denied / timeout → manual entry via popover
+                      // (desktop). On mobile the skip button remains available.
+                      openPositionPopover();
+                    },
+                    {
+                      enableHighAccuracy: true,
+                      timeout: 15000,
+                      maximumAge: 0,
+                    }
+                  );
+                }}
                 icon={<MapPin />}
                 style={{ width: '100%' }}
                 size="md"
@@ -483,6 +517,7 @@ const StartPanel: React.FC<Props> = ({
                               {...deepThoughtTooltip.tooltipProps}
                               slotProps={{
                                 positioner: {
+                                  ...deepThoughtTooltip.positionerProps,
                                   className:
                                     'memori--privacy-popover-positioner',
                                 },
@@ -493,6 +528,7 @@ const StartPanel: React.FC<Props> = ({
                               }}
                             >
                               <Button
+                                ref={deepThoughtTooltip.anchorRef}
                                 variant="toolbar"
                                 size="sm"
                                 className="memori--privacy-popover-trigger memori--settings-section__info-trigger"
@@ -589,6 +625,7 @@ const StartPanel: React.FC<Props> = ({
                           {...privacyTooltip.tooltipProps}
                           slotProps={{
                             positioner: {
+                              ...privacyTooltip.positionerProps,
                               className: 'memori--privacy-popover-positioner',
                             },
                             popup: {
@@ -598,6 +635,7 @@ const StartPanel: React.FC<Props> = ({
                           }}
                         >
                           <Button
+                            ref={privacyTooltip.anchorRef}
                             variant="toolbar"
                             size="sm"
                             className="memori--privacy-popover-trigger memori--settings-section__info-trigger"
@@ -674,7 +712,6 @@ const StartPanel: React.FC<Props> = ({
           )}
       </div>
       <Modal
-        container={surfaceEl ?? undefined}
         open={isMobile && mobileInfoModal !== null}
         onClose={() => setMobileInfoModal(null)}
         title={

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

@@ -43,16 +43,16 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
                   <path
                     d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"
                   />
-                  <circle
-                    cx="9"
-                    cy="7"
-                    r="4"
+                  <path
+                    d="M16 3.128a4 4 0 0 1 0 7.744"
                   />
                   <path
                     d="M22 21v-2a4 4 0 0 0-3-3.87"
                   />
-                  <path
-                    d="M16 3.13a4 4 0 0 1 0 7.75"
+                  <circle
+                    cx="9"
+                    cy="7"
+                    r="4"
                   />
                 </svg>
               </span>
@@ -158,6 +158,7 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -214,6 +215,7 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -372,6 +374,7 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -428,6 +431,7 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -586,6 +590,7 @@ exports[`renders StartPanel unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -642,6 +647,7 @@ exports[`renders StartPanel unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -751,6 +757,7 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
             id="base-ui-:r1n:"
           >
             <svg
+              aria-hidden="true"
               class="lucide lucide-triangle-alert memori--completion-provider-status--icon memori--completion-provider-status--icon-error"
               fill="none"
               height="24"
@@ -795,6 +802,7 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -851,6 +859,7 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -1009,6 +1018,7 @@ exports[`renders StartPanel with completions enabled unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1065,6 +1075,7 @@ exports[`renders StartPanel with completions enabled unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -1223,6 +1234,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--info"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-info memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1296,6 +1308,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                           class="memori-button__content"
                         >
                           <svg
+                            aria-hidden="true"
                             class="lucide lucide-info memori--settings-section__inline-info-icon"
                             fill="none"
                             height="24"
@@ -1333,6 +1346,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1389,6 +1403,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -1547,6 +1562,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--info"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-info memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1607,6 +1623,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                           class="memori-button__content"
                         >
                           <svg
+                            aria-hidden="true"
                             class="lucide lucide-info memori--settings-section__inline-info-icon"
                             fill="none"
                             height="24"
@@ -1644,6 +1661,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1700,6 +1718,7 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -1858,6 +1877,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--info"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-info memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -1918,6 +1938,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                           class="memori-button__content"
                         >
                           <svg
+                            aria-hidden="true"
                             class="lucide lucide-info memori--settings-section__inline-info-icon"
                             fill="none"
                             height="24"
@@ -1955,6 +1976,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -2011,6 +2033,7 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -2169,6 +2192,7 @@ exports[`renders StartPanel with existing sessionunchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -2225,6 +2249,7 @@ exports[`renders StartPanel with existing sessionunchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -2383,6 +2408,7 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -2439,6 +2465,7 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -2592,6 +2619,7 @@ exports[`renders StartPanel with login required unchanged 1`] = `
             class="memori-button__icon"
           >
             <svg
+              aria-hidden="true"
               class="lucide lucide-user"
               fill="none"
               height="24"
@@ -2791,6 +2819,7 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -2847,6 +2876,7 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -2950,6 +2980,7 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
                     class="blocked-memori-badge "
                   >
                     <svg
+                      aria-hidden="true"
                       class="lucide lucide-triangle-alert blocked-memori-badge--icon"
                       fill="none"
                       height="24"
@@ -3049,6 +3080,7 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                 >
                   <svg
+                    aria-hidden="true"
                     class="lucide lucide-eye memori--settings-section__icon"
                     fill="none"
                     height="24"
@@ -3105,6 +3137,7 @@ exports[`renders StartPanel with not enough credits unchanged 1`] = `
                         class="memori-button__content"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                           fill="none"
                           height="24"
@@ -3264,6 +3297,7 @@ exports[`renders StartPanel with position required unchanged 1`] = `
               class="memori-button__icon"
             >
               <svg
+                aria-hidden="true"
                 class="lucide lucide-map-pin"
                 fill="none"
                 height="24"
@@ -3301,6 +3335,7 @@ exports[`renders StartPanel with position required unchanged 1`] = `
               class="memori-button__icon"
             >
               <svg
+                aria-hidden="true"
                 class="lucide lucide-map-pin-off"
                 fill="none"
                 height="24"

package/src/components/UploadButton/UploadButton.css

@@ -200,7 +200,7 @@
     position: relative;
     display: flex;
     align-items: center;
-    padding: calc(var(--memori-spacing-sm) + 2px) calc(var(--memori-spacing-sm) + var(--memori-spacing-xs));
+    /* padding: calc(var(--memori-spacing-sm) + 2px) calc(var(--memori-spacing-sm) + var(--memori-spacing-xs)); */
     border-radius: var(--memori-radius-box);
     /* border-left: 3px solid transparent; */
     margin-bottom: var(--memori-spacing-sm);
@@ -215,9 +215,9 @@
 }
 
 /* Preview item variants */
-.memori--preview-item--document {
+/* .memori--preview-item--document {
     background-color: #fff9db;
-}
+} */
 
 .memori--preview-item--image {
     background-color: #e7f5ff;
@@ -299,7 +299,7 @@
     padding: var(--memori-spacing-xs);
     margin: 0;
     opacity: 0;
-    transform: scale(0.75);
+    /* transform: scale(0.75); */
     transition: all 0.2s ease;
 }
 
@@ -309,7 +309,7 @@
 }
 
 .memori--remove-button:hover {
-    transform: scale(1.1) !important;
+    transform: scale(1.05) !important;
 }
 
 /* Modal Preview Content */
@@ -374,7 +374,7 @@
 .memori--error-message-container,
 .memori--login-tip {
     position: fixed;
-    z-index: 10001;
+    z-index: calc(var(--memori-z-index-base, 0) + 1700);
     top: var(--memori-spacing-5xl);
     right: 20px;
 }
@@ -491,7 +491,7 @@ input.memori--upload-title-input {
 
 .memori--error-message-alert {
     position: relative;
-    z-index: 10002;
+    z-index: calc(var(--memori-z-index-base, 0) + 1700);
     top: 0;
     right: 0;
 }

package/src/components/UploadButton/UploadButton.tsx

@@ -15,6 +15,7 @@ import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import {
   documentConversionExtensions,
+  localTextExtensions,
   officeNativeExtensions,
 } from '../../helpers/constants';
 // Props interface
@@ -116,6 +117,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
   const isDocumentFile = (file: File): boolean => {
     const documentExtensions: readonly string[] = [
       ...documentConversionExtensions,
+      ...localTextExtensions,
       ...officeNativeExtensions,
     ];
     const fileExt = `.${file.name.split('.').pop()?.toLowerCase()}`;
@@ -467,6 +469,7 @@ ${file.textAssetUrl || ''}
     const fileExt = `.${file.name.split('.').pop()?.toLowerCase()}`;
     const ALLOWED_FILE_TYPES: readonly string[] = [
       ...documentConversionExtensions,
+      ...localTextExtensions,
       ...officeNativeExtensions,
     ];
     const MAX_FILE_SIZE = 25 * 1024 * 1024;
@@ -622,6 +625,7 @@ ${file.textAssetUrl || ''}
           '.jpeg',
           '.png',
           ...documentConversionExtensions,
+          ...localTextExtensions,
           ...officeNativeExtensions,
         ].join(',')}
         multiple

package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx

@@ -7,10 +7,13 @@ import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import {
   documentConversionExtensions,
+  localTextExtensions,
   officeNativeExtensions,
 } from '../../../helpers/constants';
-import { isOfficeNativeFilename } from '../../../helpers/utils';
-import { useWidgetSurfaceEl } from '../../../context/widgetSurfaceContext';
+import {
+  isLocalTextFilename,
+  isOfficeNativeFilename,
+} from '../../../helpers/utils';
 import { convertDocument } from '../../../helpers/convertDocument';
 // Types
 type PreviewFile = {
@@ -72,7 +75,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   onValidatePayloadSize,
 }) => {
   const { t } = useTranslation();
-  const surfaceEl = useWidgetSurfaceEl();
   const { backend } = client || {
     backend: { uploadAsset: null, uploadAssetUnlogged: null },
   };
@@ -127,7 +129,9 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     }
 
     try {
-      const text = await convertDocument(file, sessionID, baseUrl);
+      const text = isLocalTextFilename(file.name)
+        ? await fileToText(file)
+        : await convertDocument(file, sessionID, baseUrl);
       return { text };
     } catch (error) {
       console.error('Document processing failed:', error);
@@ -139,6 +143,14 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     }
   };
 
+  const fileToText = (file: File): Promise<string> =>
+    new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = e => resolve((e.target?.result as string) || '');
+      reader.onerror = () => reject(new Error('File reading failed'));
+      reader.readAsText(file, 'UTF-8');
+    });
+
   const fileToDataUrl = (file: File): Promise<string> =>
     new Promise((resolve, reject) => {
       const reader = new FileReader();
@@ -342,9 +354,11 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       <input
         ref={documentInputRef}
         type="file"
-        accept={[...documentConversionExtensions, ...officeNativeExtensions].join(
-          ','
-        )}
+        accept={[
+          ...documentConversionExtensions,
+          ...localTextExtensions,
+          ...officeNativeExtensions,
+        ].join(',')}
         multiple
         className="memori--upload-file-input"
         onChange={handleDocumentUpload}
@@ -383,7 +397,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
 
       {/* Modal */}
       <Modal
-        container={surfaceEl ?? undefined}
         width="80%"
         widthMd="80%"
         open={!!selectedFile}

package/src/components/UploadButton/UploadImages/UploadImages.tsx

@@ -8,7 +8,6 @@ import { Asset, Medium } from '@memori.ai/memori-api-client/dist/types';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@memori.ai/ui';
 import { compressImage } from '../../../helpers/imageCompression';
-import { useWidgetSurfaceEl } from '../../../context/widgetSurfaceContext';
 
 // Types
 type PreviewFile = {
@@ -55,7 +54,6 @@ const UploadImages: React.FC<UploadImagesProps> = ({
   onValidateImageFile,
 }) => {
   const { t, i18n } = useTranslation();
-  const surfaceEl = useWidgetSurfaceEl();
   // Client
   const { backend, dialog } = client || {
     backend: { uploadAsset: null, uploadAssetUnlogged: null },
@@ -485,7 +483,6 @@ const UploadImages: React.FC<UploadImagesProps> = ({
 
       {/* Upload Modal with Title Input */}
       <Modal
-        container={surfaceEl ?? undefined}
         open={showUploadModal && !!selectedFile}
         className="memori--modal-preview-file memori--upload-image-preview-modal"
         onClose={handleCancelUpload}