habarico 7.3.0-beta.5 → 7.3.0-beta.7

package/lib/index.cjs

@@ -15600,6 +15600,18 @@ const TabsLocationProvider = ({ children, syncWithLocation }) => {
 const getExt = (filename) => {
   return filename.split(".").pop()?.toLowerCase() ?? "";
 };
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "webp",
+  "avif",
+  "svg",
+  "bmp",
+  "ico"
+]);
+const isImageFilename = (filename) => IMAGE_EXTENSIONS.has(getExt(filename));
 const isFileAccepted = (file, accept) => {
   const types = accept.map((t) => t.trim().toLowerCase());
   const ext = "." + getExt(file.name);
@@ -16119,12 +16131,12 @@ const csMessages = {
       new_conversation: "Nov\xE1 konverzace",
       error_message: "Omlouv\xE1m se, do\u0161lo k chyb\u011B p\u0159i komunikaci s AI. Zkuste to pros\xEDm znovu."
     },
-    upload_images: {
-      dialog_title: "Nahr\xE1t fotografie",
+    upload_files: {
+      dialog_title: "Nahr\xE1t soubory",
       select_files: "Vybrat soubory",
-      remove_all_tooltip: "Odstranit v\u0161echny fotografie",
+      remove_all_tooltip: "Odstranit v\u0161echny soubory",
       remove_all: "Smazat v\u0161e",
-      upload_success: "Fotografie byly \xFAsp\u011B\u0161n\u011B nahr\xE1ny.",
+      upload_success: "Soubory byly \xFAsp\u011B\u0161n\u011B nahr\xE1ny.",
       upload_error: "P\u0159i nahr\xE1v\xE1n\xED do\u0161lo k chyb\u011B.",
       uploading: "Nahr\xE1v\xE1m\u2026",
       processing: "Zpracov\xE1v\xE1 se\u2026",
@@ -16670,12 +16682,12 @@ const deMessages = {
       new_conversation: "Neues Gespr\xE4ch",
       error_message: "Entschuldigung, beim Kommunizieren mit der KI ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut."
     },
-    upload_images: {
-      dialog_title: "Fotos hochladen",
+    upload_files: {
+      dialog_title: "Dateien hochladen",
       select_files: "Dateien ausw\xE4hlen",
-      remove_all_tooltip: "Alle Fotos entfernen",
+      remove_all_tooltip: "Alle Dateien entfernen",
       remove_all: "Alle l\xF6schen",
-      upload_success: "Fotos wurden erfolgreich hochgeladen.",
+      upload_success: "Dateien wurden erfolgreich hochgeladen.",
       upload_error: "Beim Hochladen ist ein Fehler aufgetreten.",
       uploading: "Hochladen\u2026",
       processing: "Wird verarbeitet\u2026",
@@ -17223,12 +17235,12 @@ const enMessages = {
       new_conversation: "New conversation",
       error_message: "Sorry, an error occurred while communicating with AI. Please try again."
     },
-    upload_images: {
-      dialog_title: "Upload photos",
+    upload_files: {
+      dialog_title: "Upload files",
       select_files: "Select files",
-      remove_all_tooltip: "Remove all photos",
+      remove_all_tooltip: "Remove all files",
       remove_all: "Remove all",
-      upload_success: "Photos uploaded successfully.",
+      upload_success: "Files uploaded successfully.",
       upload_error: "An error occurred during upload.",
       uploading: "Uploading\u2026",
       processing: "Processing\u2026",
@@ -17777,13 +17789,13 @@ const esMessages = {
       new_conversation: "Nueva conversaci\xF3n",
       error_message: "Lo sentimos, se produjo un error al comunicarse con la IA. Por favor, int\xE9ntelo de nuevo."
     },
-    upload_images: {
-      dialog_title: "Subir fotos",
+    upload_files: {
+      dialog_title: "Subir archivos",
       select_files: "Seleccionar archivos",
-      remove_all_tooltip: "Eliminar todas las fotos",
+      remove_all_tooltip: "Eliminar todos los archivos",
       remove_all: "Eliminar todo",
-      upload_success: "Las fotos se subieron correctamente.",
-      upload_error: "Se produjo un error al subir las fotos.",
+      upload_success: "Los archivos se subieron correctamente.",
+      upload_error: "Se produjo un error al subir los archivos.",
       uploading: "Subiendo\u2026",
       processing: "Procesando\u2026",
       upload_count: "Subir (%{count})",
@@ -18361,12 +18373,12 @@ const frMessages = {
       new_conversation: "Nouvelle conversation",
       error_message: "D\xE9sol\xE9, une erreur s'est produite lors de la communication avec l'IA. Veuillez r\xE9essayer."
     },
-    upload_images: {
-      dialog_title: "T\xE9l\xE9charger des photos",
+    upload_files: {
+      dialog_title: "T\xE9l\xE9charger des fichiers",
       select_files: "S\xE9lectionner des fichiers",
-      remove_all_tooltip: "Supprimer toutes les photos",
+      remove_all_tooltip: "Supprimer tous les fichiers",
       remove_all: "Tout supprimer",
-      upload_success: "Photos t\xE9l\xE9charg\xE9es avec succ\xE8s.",
+      upload_success: "Fichiers t\xE9l\xE9charg\xE9s avec succ\xE8s.",
       upload_error: "Une erreur s'est produite lors du t\xE9l\xE9chargement.",
       uploading: "T\xE9l\xE9chargement\u2026",
       processing: "Traitement\u2026",
@@ -18929,12 +18941,12 @@ const itMessages = {
       new_conversation: "Nuova conversazione",
       error_message: "Spiacenti, si \xE8 verificato un errore durante la comunicazione con l'IA. Riprova."
     },
-    upload_images: {
-      dialog_title: "Carica foto",
+    upload_files: {
+      dialog_title: "Carica file",
       select_files: "Seleziona file",
-      remove_all_tooltip: "Rimuovi tutte le foto",
+      remove_all_tooltip: "Rimuovi tutti i file",
       remove_all: "Rimuovi tutto",
-      upload_success: "Le foto sono state caricate con successo.",
+      upload_success: "I file sono stati caricati con successo.",
       upload_error: "Si \xE8 verificato un errore durante il caricamento.",
       uploading: "Caricamento\u2026",
       processing: "Elaborazione\u2026",
@@ -19527,12 +19539,12 @@ const jaMessages = {
       new_conversation: "\u65B0\u3057\u3044\u4F1A\u8A71",
       error_message: "\u7533\u3057\u8A33\u3042\u308A\u307E\u305B\u3093\u304C\u3001AI\u3068\u306E\u901A\u4FE1\u4E2D\u306B\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002"
     },
-    upload_images: {
-      dialog_title: "\u5199\u771F\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+    upload_files: {
+      dialog_title: "\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
       select_files: "\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E",
-      remove_all_tooltip: "\u3059\u3079\u3066\u306E\u5199\u771F\u3092\u524A\u9664",
+      remove_all_tooltip: "\u3059\u3079\u3066\u306E\u30D5\u30A1\u30A4\u30EB\u3092\u524A\u9664",
       remove_all: "\u3059\u3079\u3066\u524A\u9664",
-      upload_success: "\u5199\u771F\u304C\u6B63\u5E38\u306B\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3055\u308C\u307E\u3057\u305F\u3002",
+      upload_success: "\u30D5\u30A1\u30A4\u30EB\u304C\u6B63\u5E38\u306B\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3055\u308C\u307E\u3057\u305F\u3002",
       upload_error: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D\u306B\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002",
       uploading: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D\u2026",
       processing: "\u51E6\u7406\u4E2D\u2026",
@@ -20156,12 +20168,12 @@ const nlMessages = {
       new_conversation: "Nieuw gesprek",
       error_message: "Sorry, er is een fout opgetreden tijdens de communicatie met AI. Probeer het opnieuw."
     },
-    upload_images: {
-      dialog_title: "Foto's uploaden",
+    upload_files: {
+      dialog_title: "Bestanden uploaden",
       select_files: "Bestanden selecteren",
-      remove_all_tooltip: "Alle foto's verwijderen",
+      remove_all_tooltip: "Alle bestanden verwijderen",
       remove_all: "Alles verwijderen",
-      upload_success: "Foto's zijn succesvol ge\xFCpload.",
+      upload_success: "Bestanden zijn succesvol ge\xFCpload.",
       upload_error: "Er is een fout opgetreden tijdens het uploaden.",
       uploading: "Uploaden\u2026",
       processing: "Verwerken\u2026",
@@ -20735,12 +20747,12 @@ const plMessages = {
       new_conversation: "Nowa rozmowa",
       error_message: "Przepraszamy, wyst\u0105pi\u0142 b\u0142\u0105d podczas komunikacji z AI. Spr\xF3buj ponownie."
     },
-    upload_images: {
-      dialog_title: "Prze\u015Blij zdj\u0119cia",
+    upload_files: {
+      dialog_title: "Prze\u015Blij pliki",
       select_files: "Wybierz pliki",
-      remove_all_tooltip: "Usu\u0144 wszystkie zdj\u0119cia",
+      remove_all_tooltip: "Usu\u0144 wszystkie pliki",
       remove_all: "Usu\u0144 wszystko",
-      upload_success: "Zdj\u0119cia zosta\u0142y przes\u0142ane pomy\u015Blnie.",
+      upload_success: "Pliki zosta\u0142y przes\u0142ane pomy\u015Blnie.",
       upload_error: "Wyst\u0105pi\u0142 b\u0142\u0105d podczas przesy\u0142ania.",
       uploading: "Przesy\u0142anie\u2026",
       processing: "Przetwarzanie\u2026",
@@ -21285,13 +21297,13 @@ const ptMessages = {
       new_conversation: "Nova conversa",
       error_message: "Desculpe, ocorreu um erro ao comunicar com a IA. Por favor, tente novamente."
     },
-    upload_images: {
-      dialog_title: "Enviar fotos",
+    upload_files: {
+      dialog_title: "Enviar arquivos",
       select_files: "Selecionar arquivos",
-      remove_all_tooltip: "Remover todas as fotos",
+      remove_all_tooltip: "Remover todos os arquivos",
       remove_all: "Remover tudo",
-      upload_success: "Fotos enviadas com sucesso.",
-      upload_error: "Ocorreu um erro ao enviar as fotos.",
+      upload_success: "Arquivos enviados com sucesso.",
+      upload_error: "Ocorreu um erro ao enviar os arquivos.",
       uploading: "Enviando\u2026",
       processing: "Processando\u2026",
       upload_count: "Enviar (%{count})",
@@ -21780,13 +21792,13 @@ const roMessages = {
       new_conversation: "Conversa\u021Bie nou\u0103",
       error_message: "Ne pare r\u0103u, a ap\u0103rut o eroare \xEEn timpul comunic\u0103rii cu AI. V\u0103 rug\u0103m s\u0103 \xEEncerca\u021Bi din nou."
     },
-    upload_images: {
-      dialog_title: "\xCEncarc\u0103 fotografii",
+    upload_files: {
+      dialog_title: "\xCEncarc\u0103 fi\u0219iere",
       select_files: "Selecteaz\u0103 fi\u0219iere",
-      remove_all_tooltip: "Elimin\u0103 toate fotografiile",
+      remove_all_tooltip: "Elimin\u0103 toate fi\u0219ierele",
       remove_all: "Elimin\u0103 tot",
-      upload_success: "Fotografiile au fost \xEEnc\u0103rcate cu succes.",
-      upload_error: "A ap\u0103rut o eroare la \xEEnc\u0103rcarea fotografiilor.",
+      upload_success: "Fi\u0219ierele au fost \xEEnc\u0103rcate cu succes.",
+      upload_error: "A ap\u0103rut o eroare la \xEEnc\u0103rcarea fi\u0219ierelor.",
       uploading: "Se \xEEncarc\u0103\u2026",
       processing: "Se proceseaz\u0103\u2026",
       upload_count: "\xCEncarc\u0103 (%{count})",
@@ -22329,12 +22341,12 @@ const skMessages = {
       new_conversation: "Nov\xE1 konverz\xE1cia",
       error_message: "Ospravedl\u0148ujem sa, pri komunik\xE1cii s AI do\u0161lo k chybe. Sk\xFAste to pros\xEDm znovu."
     },
-    upload_images: {
-      dialog_title: "Nahra\u0165 fotografie",
+    upload_files: {
+      dialog_title: "Nahra\u0165 s\xFAbory",
       select_files: "Vybra\u0165 s\xFAbory",
-      remove_all_tooltip: "Odstr\xE1ni\u0165 v\u0161etky fotografie",
+      remove_all_tooltip: "Odstr\xE1ni\u0165 v\u0161etky s\xFAbory",
       remove_all: "Zmaza\u0165 v\u0161etko",
-      upload_success: "Fotografie boli \xFAspe\u0161ne nahran\xE9.",
+      upload_success: "S\xFAbory boli \xFAspe\u0161ne nahran\xE9.",
       upload_error: "Pri nahr\xE1van\xED do\u0161lo k chybe.",
       uploading: "Nahr\xE1vam\u2026",
       processing: "Spracov\xE1va sa\u2026",
@@ -22952,12 +22964,12 @@ const ukMessages = {
       new_conversation: "\u041D\u043E\u0432\u0430 \u0440\u043E\u0437\u043C\u043E\u0432\u0430",
       error_message: "\u0412\u0438\u0431\u0430\u0447\u0442\u0435, \u043F\u0456\u0434 \u0447\u0430\u0441 \u0441\u043F\u0456\u043B\u043A\u0443\u0432\u0430\u043D\u043D\u044F \u0437 AI \u0441\u0442\u0430\u043B\u0430\u0441\u044F \u043F\u043E\u043C\u0438\u043B\u043A\u0430. \u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u0441\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0449\u0435 \u0440\u0430\u0437."
     },
-    upload_images: {
-      dialog_title: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0456\u0457",
+    upload_files: {
+      dialog_title: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B\u0438",
       select_files: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438 \u0444\u0430\u0439\u043B\u0438",
-      remove_all_tooltip: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438 \u0432\u0441\u0456 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0456\u0457",
+      remove_all_tooltip: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438 \u0432\u0441\u0456 \u0444\u0430\u0439\u043B\u0438",
       remove_all: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438 \u0432\u0441\u0435",
-      upload_success: "\u0424\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0456\u0457 \u0443\u0441\u043F\u0456\u0448\u043D\u043E \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u0456.",
+      upload_success: "\u0424\u0430\u0439\u043B\u0438 \u0443\u0441\u043F\u0456\u0448\u043D\u043E \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u0456.",
       upload_error: "\u041F\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0441\u0442\u0430\u043B\u0430\u0441\u044F \u043F\u043E\u043C\u0438\u043B\u043A\u0430.",
       uploading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F\u2026",
       processing: "\u041E\u0431\u0440\u043E\u0431\u043A\u0430\u2026",
@@ -28657,6 +28669,7 @@ var IconType = /* @__PURE__ */ ((IconType2) => {
   IconType2["Task"] = "Task";
   IconType2["Tune"] = "Tune";
   IconType2["UnfoldMore"] = "UnfoldMore";
+  IconType2["UploadFile"] = "UploadFile";
   IconType2["ViewList"] = "ViewList";
   IconType2["ViewWeek"] = "ViewWeek";
   IconType2["Visibility"] = "Visibility";
@@ -46011,13 +46024,38 @@ const usePanelContext = () => {
   return context;
 };
 
+const RESIZE_HANDLE_SX = {
+  corner: {
+    right: 5,
+    bottom: 5,
+    width: 12,
+    height: 12,
+    borderRight: "2px solid",
+    borderBottom: "2px solid",
+    borderColor: "text.disabled",
+    borderBottomRightRadius: "6px",
+    cursor: "nwse-resize"
+  },
+  bottom: {
+    left: "50%",
+    bottom: 5,
+    width: 24,
+    height: 4,
+    ml: "-12px",
+    borderRadius: 2,
+    bgcolor: "text.disabled",
+    cursor: "ns-resize"
+  }
+};
+const ResizeHandle = ({ at }) => /* @__PURE__ */ jsxRuntime.jsx(material.Box, { "aria-hidden": true, sx: { position: "absolute", ...RESIZE_HANDLE_SX[at] } });
 const Panel = ({
   variant,
   collapsible = false,
   defaultCollapsed = false,
   collapsed: collapsedProp,
   onCollapsedChange,
-  resizeHandle,
+  resizable = false,
+  resizeHandle = "corner",
   fullHeight = false,
   emphasized = false,
   children,
@@ -46068,24 +46106,7 @@ const Panel = ({
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(InsidePanelContextProvider, { value: true, children }),
-            resizeHandle && /* @__PURE__ */ jsxRuntime.jsx(
-              material.Box,
-              {
-                "aria-hidden": true,
-                sx: {
-                  position: "absolute",
-                  right: 5,
-                  bottom: 5,
-                  width: 12,
-                  height: 12,
-                  borderRight: "2px solid",
-                  borderBottom: "2px solid",
-                  borderColor: "text.disabled",
-                  borderBottomRightRadius: "6px",
-                  cursor: "nwse-resize"
-                }
-              }
-            )
+            resizable && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { at: resizeHandle })
           ]
         }
       )
@@ -48214,13 +48235,6 @@ function useContainerWidth(options = {}) {
     measureWidth
   };
 }
-var DEFAULT_BREAKPOINTS$1 = {
-  lg: 1200,
-  md: 996,
-  sm: 768,
-  xs: 480,
-  xxs: 0
-};
 
 var cjs = {exports: {}};
 
@@ -51709,6 +51723,11 @@ function ResponsiveGridLayout(props) {
 var css_248z = ".react-grid-layout {\n  position: relative;\n  transition: height 200ms ease;\n}\n.react-grid-item {\n  transition: all 200ms ease;\n  transition-property: left, top, width, height;\n}\n.react-grid-item img {\n  pointer-events: none;\n  user-select: none;\n}\n.react-grid-item.cssTransforms {\n  transition-property: transform, width, height;\n}\n.react-grid-item.resizing {\n  transition: none;\n  z-index: 1;\n  will-change: width, height;\n}\n\n.react-grid-item.react-draggable-dragging {\n  transition: none;\n  z-index: 3;\n  will-change: transform;\n}\n\n.react-grid-item.dropping {\n  visibility: hidden;\n}\n\n.react-grid-item.react-grid-placeholder {\n  background: red;\n  opacity: 0.2;\n  transition-duration: 100ms;\n  z-index: 2;\n  user-select: none;\n}\n\n.react-grid-item.react-grid-placeholder.placeholder-resizing {\n  transition: none;\n}\n\n.react-grid-item > .react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n}\n\n.react-grid-item:hover > .react-resizable-handle {\n  opacity: 1;\n}\n\n.react-grid-item > .react-resizable-handle::after {\n  content: \"\";\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 5px;\n  height: 5px;\n  border-right: 2px solid rgba(0, 0, 0, 0.4);\n  border-bottom: 2px solid rgba(0, 0, 0, 0.4);\n}\n\n.react-resizable-hide > .react-resizable-handle {\n  display: none;\n}\n\n.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}\n";
 styleInject(css_248z);
 
+const GRID_COLS = 12;
+const NARROW_BREAKPOINT = 996;
+const GRID_BREAKPOINTS = { lg: NARROW_BREAKPOINT, sm: 0 };
+const isNarrowWidth = (width) => getBreakpointFromWidth(GRID_BREAKPOINTS, width) === "sm";
+const SPACER_ID = "__spacer";
 const toLayout = (p) => ({
   i: p.id,
   x: p.layout.x,
@@ -51718,29 +51737,43 @@ const toLayout = (p) => ({
   minW: p.layout.minW,
   minH: p.layout.minH
 });
-const toStackedLayout = (panels) => {
+const stackedHeight = (p) => p.layout.stackedH ?? p.layout.h;
+const stackedBottom = (panels) => panels.reduce((sum, p) => sum + stackedHeight(p), 0);
+const toStackedLayout = (panels, isEditing) => {
   let y = 0;
-  return panels.map((p) => {
-    const item = { i: p.id, x: 0, y, w: 1, h: p.layout.h, minH: p.layout.minH };
-    y += p.layout.h;
-    return item;
+  return [...panels].sort((a, b) => a.layout.y - b.layout.y || a.layout.x - b.layout.x).map((p) => {
+    const h = stackedHeight(p);
+    const item = { i: p.id, x: 0, y, w: 1, h, minH: p.layout.minH };
+    y += h;
+    if (!isEditing) return item;
+    return { ...item, minW: 1, maxW: 1, resizeHandles: ["s"], isDraggable: false };
   });
 };
 const buildLayouts = (isEditing, panels, spacerItem) => {
-  if (!isEditing) return { lg: panels.map(toLayout), sm: toStackedLayout(panels) };
-  const editItems = [...panels.map(toLayout), spacerItem];
-  return Object.fromEntries(Object.keys(DEFAULT_BREAKPOINTS$1).map((bp) => [bp, editItems]));
+  const lg = panels.map(toLayout);
+  return {
+    lg: isEditing && spacerItem ? [...lg, spacerItem] : lg,
+    sm: toStackedLayout(panels, isEditing)
+  };
 };
+const mapLayoutBack = (panels, items, isNarrow) => panels.map((p) => {
+  const item = items.find((l) => l.i === p.id && l.i !== SPACER_ID);
+  if (!item) return { id: p.id, layout: p.layout };
+  if (isNarrow) {
+    if (item.h === stackedHeight(p)) return { id: p.id, layout: p.layout };
+    return { id: p.id, layout: { ...p.layout, stackedH: item.h } };
+  }
+  return { id: p.id, layout: { ...p.layout, x: item.x, y: item.y, w: item.w, h: item.h } };
+});
 
-const GRID_COLS = 12;
-const COLS_VIEW = { lg: GRID_COLS, md: GRID_COLS, sm: 1, xs: 1, xxs: 1 };
-const COLS_EDIT = { lg: GRID_COLS, md: GRID_COLS, sm: GRID_COLS, xs: GRID_COLS, xxs: GRID_COLS };
+const COLS = { lg: GRID_COLS, sm: 1 };
 const ROW_HEIGHT = 100;
 const GRID_MARGIN = 10;
-const SPACER_ID = "__spacer";
 const ADD_GHOST_W = 3;
 const ADD_GHOST_FALLBACK_H = 2;
 const DOT_EXTRA_ROWS = 5;
+const STACKED_RESIZE_HIT_W = 96;
+const STACKED_RESIZE_HIT_H = 44;
 const noCompactorPreventCollision = { ...noCompactor, preventCollision: true };
 const rectsOverlap = (a, b) => a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
 const computeAddGhostLayout = (panels, w) => {
@@ -51755,11 +51788,14 @@ const computeAddGhostLayout = (panels, w) => {
   }
   return { x: 0, y: bottom, w, h: ADD_GHOST_FALLBACK_H };
 };
-const mapLayoutBack = (panels, items) => panels.map((p) => {
-  const item = items.find((l) => l.i === p.id && l.i !== SPACER_ID);
-  if (!item) return { id: p.id, layout: p.layout };
-  return { id: p.id, layout: { ...p.layout, x: item.x, y: item.y, w: item.w, h: item.h } };
-});
+const addGhostLayoutFor = (panels, isNarrow) => isNarrow ? { x: 0, y: stackedBottom(panels), w: 1, h: ADD_GHOST_FALLBACK_H } : computeAddGhostLayout(panels, Math.min(ADD_GHOST_W, GRID_COLS));
+const gridBottom = (panels, isNarrow, addGhost) => {
+  const rowBottoms = [
+    ...isNarrow ? [stackedBottom(panels)] : panels.map((p) => p.layout.y + p.layout.h),
+    ...addGhost ? [addGhost.y + addGhost.h] : []
+  ];
+  return panels.length > 0 || addGhost ? Math.max(...rowBottoms) : 4;
+};
 const DotGrid = ({
   cols,
   rows,
@@ -51790,19 +51826,19 @@ const DashboardGrid = ({
 }) => {
   const isEditing = mode === "edit";
   const { width, containerRef } = useContainerWidth();
+  const isNarrow = isNarrowWidth(width);
+  const isNarrowEdit = isEditing && isNarrow;
+  const isWideEdit = isEditing && !isNarrow;
+  const cols = isNarrow ? COLS.sm : COLS.lg;
   const theme = material.useTheme();
   const [isInteracting, setIsInteracting] = React.useState(false);
   const showAddGhost = isEditing && Boolean(addPanel) && panels.length > 0 && !isInteracting;
-  const addGhostLayout = showAddGhost ? computeAddGhostLayout(panels, Math.min(ADD_GHOST_W, GRID_COLS)) : null;
+  const addGhostLayout = showAddGhost ? addGhostLayoutFor(panels, isNarrow) : null;
   const gridWidth = width;
-  const colWidth = (gridWidth - GRID_MARGIN * (GRID_COLS + 1)) / GRID_COLS;
+  const colWidth = (gridWidth - GRID_MARGIN * (cols + 1)) / cols;
   const cellW = colWidth + GRID_MARGIN;
   const cellH = ROW_HEIGHT + GRID_MARGIN;
-  const rowBottoms = [
-    ...panels.map((p) => p.layout.y + p.layout.h),
-    ...addGhostLayout ? [addGhostLayout.y + addGhostLayout.h] : []
-  ];
-  const maxGridRow = rowBottoms.length > 0 ? Math.max(...rowBottoms) : 4;
+  const maxGridRow = gridBottom(panels, isNarrow, addGhostLayout);
   const [screenDotRows, setScreenDotRows] = React.useState(null);
   React.useEffect(() => {
     if (!isEditing || !containerRef.current) {
@@ -51823,10 +51859,11 @@ const DashboardGrid = ({
     h: 1,
     static: true
   };
-  const layouts = buildLayouts(isEditing, panels, spacerItem);
+  const showSpacer = isWideEdit;
+  const layouts = buildLayouts(isEditing, panels, showSpacer ? spacerItem : void 0);
   const handleLayoutChange = (currentLayout, _all) => {
     if (!isEditing || !currentLayout || !onLayoutChange) return;
-    onLayoutChange(mapLayoutBack(panels, currentLayout));
+    onLayoutChange(mapLayoutBack(panels, currentLayout, isNarrow));
   };
   const emptyContent = isEditing && addPanel ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { minHeight: ROW_HEIGHT * 2 + GRID_MARGIN }, children: addPanel }) : /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { py: 8, textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "text.secondary", children: emptyMessage }) });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -51850,13 +51887,24 @@ const DashboardGrid = ({
         // resize affordance. Keep the handle element itself (the transparent hit area) so resize
         // still works; only our Panel corner is drawn.
         "& .react-grid-item > .react-resizable-handle::after": { display: "none" },
+        // RGL's bottom-edge handle is a 20px square turned 45° — too small a target on a phone,
+        // where the stack is resized. Widen it into an upright touch target centred on the edge
+        // and let it take the touch instead of the page scroll.
+        "& .react-grid-item > .react-resizable-handle.react-resizable-handle-s": {
+          width: STACKED_RESIZE_HIT_W,
+          height: STACKED_RESIZE_HIT_H,
+          bottom: -GRID_MARGIN,
+          ml: `${-STACKED_RESIZE_HIT_W / 2}px`,
+          transform: "none",
+          touchAction: "none"
+        },
         ...sx
       },
       children: panels.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         isEditing && /* @__PURE__ */ jsxRuntime.jsx(
           DotGrid,
           {
-            cols: GRID_COLS,
+            cols,
             rows: dotRows,
             cellW,
             cellH,
@@ -51871,10 +51919,11 @@ const DashboardGrid = ({
             className: "layout",
             width: gridWidth,
             layouts,
-            cols: isEditing ? COLS_EDIT : COLS_VIEW,
+            breakpoints: GRID_BREAKPOINTS,
+            cols: COLS,
             rowHeight: ROW_HEIGHT,
             margin: [GRID_MARGIN, GRID_MARGIN],
-            compactor: noCompactorPreventCollision,
+            compactor: isNarrowEdit ? verticalCompactor : noCompactorPreventCollision,
             onLayoutChange: handleLayoutChange,
             dragConfig: { enabled: isEditing, handle: `.${PANEL_DRAG_HANDLE_CLASS}` },
             resizeConfig: { enabled: isEditing },
@@ -51883,35 +51932,43 @@ const DashboardGrid = ({
             onResizeStart: () => setIsInteracting(true),
             onResizeStop: () => setIsInteracting(false),
             children: [
-              isEditing && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "none" } }, SPACER_ID),
+              showSpacer && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "none" } }, SPACER_ID),
               panels.map((p) => (
                 // raise the hovered item so an inner chart tooltip isn't painted over by neighbours
-                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { height: "100%", "&:hover": { zIndex: 5 } }, children: /* @__PURE__ */ jsxRuntime.jsxs(Panel, { resizeHandle: isEditing, sx: { height: "100%" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    PanelHeader,
-                    {
-                      label: p.label,
-                      icon: p.icon,
-                      iconColor: p.iconColor,
-                      iconBadge: p.iconBadge,
-                      help: p.help,
-                      actions: p.actions,
-                      dragHandle: isEditing
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    PanelContent,
-                    {
-                      paddingSize: p.contentPaddingSize,
-                      sx: { flexGrow: 1, minHeight: 0, overflow: "auto" },
-                      children: p.content
-                    }
-                  )
-                ] }) }, p.id)
+                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { height: "100%", "&:hover": { zIndex: 5 } }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  Panel,
+                  {
+                    resizable: isEditing,
+                    resizeHandle: isNarrow ? "bottom" : "corner",
+                    sx: { height: "100%" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        PanelHeader,
+                        {
+                          label: p.label,
+                          icon: p.icon,
+                          iconColor: p.iconColor,
+                          iconBadge: p.iconBadge,
+                          help: p.help,
+                          actions: p.actions,
+                          dragHandle: isWideEdit
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        PanelContent,
+                        {
+                          paddingSize: p.contentPaddingSize,
+                          sx: { flexGrow: 1, minHeight: 0, overflow: "auto" },
+                          children: p.content
+                        }
+                      )
+                    ]
+                  }
+                ) }, p.id)
               ))
             ]
           },
-          isEditing ? "edit" : "view"
+          isNarrowEdit ? "edit-narrow" : mode
         ),
         addGhostLayout && /* @__PURE__ */ jsxRuntime.jsx(
           material.Box,
@@ -53636,7 +53693,7 @@ const FileRow = ({
   const hasSize = fileSize != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: rowSx(!!error, padding, singleFile, noBorder, !!disabled), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-      previewUrl ? /* @__PURE__ */ jsxRuntime.jsx(FileImagePreview, { src: previewUrl, alt: filename }) : /* @__PURE__ */ jsxRuntime.jsx(FileTypePreview, { filename }),
+      previewUrl && isImageFilename(filename) ? /* @__PURE__ */ jsxRuntime.jsx(FileImagePreview, { src: previewUrl, alt: filename }) : /* @__PURE__ */ jsxRuntime.jsx(FileTypePreview, { filename }),
       /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           material.Typography,
@@ -64801,15 +64858,15 @@ const TriStateBooleanInput = ({ sx, ...props }) => {
 const useUploadAreaLabels = () => {
   const translate = reactAdmin.useTranslate();
   return {
-    clickToUpload: translate("ra.upload_images.click_to_upload"),
-    orDragAndDrop: translate("ra.upload_images.or_drag_and_drop"),
-    removeAll: translate("ra.upload_images.remove_all"),
-    filesRemainingHint: (count) => translate("ra.upload_images.files_remaining_hint", { count }),
+    clickToUpload: translate("ra.upload_files.click_to_upload"),
+    orDragAndDrop: translate("ra.upload_files.or_drag_and_drop"),
+    removeAll: translate("ra.upload_files.remove_all"),
+    filesRemainingHint: (count) => translate("ra.upload_files.files_remaining_hint", { count }),
     maxFileSizeHint: (size) => `max. ${size}`,
-    uploading: translate("ra.upload_images.uploading"),
-    processing: translate("ra.upload_images.processing"),
-    uploadComplete: translate("ra.upload_images.upload_complete"),
-    tryAgain: translate("ra.upload_images.try_again")
+    uploading: translate("ra.upload_files.uploading"),
+    processing: translate("ra.upload_files.processing"),
+    uploadComplete: translate("ra.upload_files.upload_complete"),
+    tryAgain: translate("ra.upload_files.try_again")
   };
 };
 
@@ -64886,10 +64943,10 @@ const useUploadQueue = ({
   };
   const getUploadErrorMsg = (e) => {
     if (e instanceof Error) return e.message;
-    return translate("ra.upload_images.upload_error");
+    return translate("ra.upload_files.upload_error");
   };
-  const validateFileType = (file) => accept && !isFileAccepted(file, accept) ? translate("ra.upload_images.file_type_not_allowed") : null;
-  const validateFileSize = (file) => maxFileSize != null && file.size > maxFileSize ? translate("ra.upload_images.file_too_large") : null;
+  const validateFileType = (file) => accept && !isFileAccepted(file, accept) ? translate("ra.upload_files.file_type_not_allowed") : null;
+  const validateFileSize = (file) => maxFileSize != null && file.size > maxFileSize ? translate("ra.upload_files.file_too_large") : null;
   const prepareAndUpload = async (id, picked) => {
     const pickedError = validateFileType(picked);
     if (pickedError) {
@@ -64903,7 +64960,7 @@ const useUploadQueue = ({
     } catch {
       updateEntry(id, {
         processing: false,
-        error: translate("ra.upload_images.image_processing_failed")
+        error: translate("ra.upload_files.image_processing_failed")
       });
       return;
     }
@@ -64971,7 +65028,7 @@ const UploadInput = ({
   const isMulti = maxFiles !== 1;
   const defaultLabels = useUploadAreaLabels();
   const failedCountRef = React.useRef(0);
-  const validateUploads = () => failedCountRef.current > 0 ? "ra.upload_images.unresolved_errors" : void 0;
+  const validateUploads = () => failedCountRef.current > 0 ? "ra.upload_files.unresolved_errors" : void 0;
   const {
     field: { onChange, value },
     fieldState: { error, invalid }
@@ -74539,10 +74596,7 @@ const defaultBoxProvider = ({ schema, excludeFields, props }) => {
 
 const DEFAULT_IMAGE_ACCEPT = [".png", ".jpg", ".jpeg", ".bmp", ".gif"];
 
-const SchemaUploadImagesButton = ({
-  uploadImages,
-  ...props
-}) => {
+const SchemaUploadFilesButton = ({ uploadFiles, ...props }) => {
   const {
     reference,
     target,
@@ -74553,14 +74607,14 @@ const SchemaUploadImagesButton = ({
     maxFiles,
     upload: uploadParam,
     data,
-    imageField
-  } = uploadImages ?? {};
+    fileField
+  } = uploadFiles ?? {};
   const { getMethodSchema } = useGetLocalResourceSchema({ resource: reference });
-  const imageFieldOptions = imageField ? (getMethodSchema("post")?.fields ?? getMethodSchema("get")?.fields)?.find(
-    (f) => f.name === imageField
+  const fileFieldOptions = fileField ? (getMethodSchema("post")?.fields ?? getMethodSchema("get")?.fields)?.find(
+    (f) => f.name === fileField
   )?.options : void 0;
-  const upload = uploadParam ?? imageFieldOptions?.upload;
-  const accept = acceptParam ?? imageFieldOptions?.accept ?? DEFAULT_IMAGE_ACCEPT;
+  const upload = uploadParam ?? fileFieldOptions?.upload;
+  const accept = acceptParam ?? fileFieldOptions?.accept ?? DEFAULT_IMAGE_ACCEPT;
   const translate = reactAdmin.useTranslate();
   const { Dialog, openDialog, closeDialog } = useDialog();
   const uploadResource = useResourceContext(reference);
@@ -74588,14 +74642,14 @@ const SchemaUploadImagesButton = ({
     fileModifier
   });
   const handleConfirm = async () => {
-    if (!imageField) return;
+    if (!fileField) return;
     setSaving(true);
     let anyFailed = false;
     const readyEntries = entries.filter((e) => e.uploadResult && !e.error && !e.done);
     for (const entry of readyEntries) {
       try {
         await dataProvider.create(uploadResource, {
-          data: { ...data, ...uploadTargetValues, [imageField]: entry.uploadResult }
+          data: { ...data, ...uploadTargetValues, [fileField]: entry.uploadResult }
         });
         updateEntry(entry.id, { done: true });
       } catch (e) {
@@ -74605,14 +74659,14 @@ const SchemaUploadImagesButton = ({
     }
     setSaving(false);
     if (!anyFailed) {
-      notify(translate("ra.upload_images.upload_success"), { type: "success" });
+      notify(translate("ra.upload_files.upload_success"), { type: "success" });
       refresh();
       removeAll();
       closeDialog();
     }
   };
   const handleRetryEntry = async (id) => {
-    if (!imageField) return;
+    if (!fileField) return;
     const entry = entries.find((e) => e.id === id);
     if (!entry || entry.progress !== null) return;
     if (entry.uploadResult) {
@@ -74620,10 +74674,10 @@ const SchemaUploadImagesButton = ({
       setSaving(true);
       try {
         await dataProvider.create(uploadResource, {
-          data: { ...data, ...uploadTargetValues, [imageField]: entry.uploadResult }
+          data: { ...data, ...uploadTargetValues, [fileField]: entry.uploadResult }
         });
         updateEntry(id, { done: true });
-        notify(translate("ra.upload_images.upload_success"), { type: "success" });
+        notify(translate("ra.upload_files.upload_success"), { type: "success" });
         refresh();
       } catch (e) {
         updateEntry(id, { error: getUploadErrorMsg(e) });
@@ -74644,12 +74698,12 @@ const SchemaUploadImagesButton = ({
         variant: "text",
         size: "medium",
         ...props,
-        icon: props.icon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { icon: IconType.AddPhotoAlternate }),
+        icon: props.icon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { icon: IconType.UploadFile }),
         onClick: openDialog
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { maxWidth: "sm", fullWidth: true, disableClose: isDisabled, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: translate("ra.upload_images.dialog_title") }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: translate("ra.upload_files.dialog_title") }),
       /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
         UploadArea,
         {
@@ -74685,7 +74739,7 @@ const SchemaUploadImagesButton = ({
             onClick: handleConfirm,
             disabled: readyCount === 0 || isDisabled,
             startIcon: saving ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16 }) : void 0,
-            children: saving ? translate("ra.upload_images.uploading") : translate("ra.upload_images.upload_count", { count: readyCount })
+            children: saving ? translate("ra.upload_files.uploading") : translate("ra.upload_files.upload_count", { count: readyCount })
           }
         )
       ] })
@@ -74742,8 +74796,8 @@ const defaultButtonProvider = ({
       return;
     case "save":
       return /* @__PURE__ */ jsxRuntime.jsx(SaveButton, { data: schema.save?.data, ...props });
-    case "upload-images":
-      return /* @__PURE__ */ jsxRuntime.jsx(SchemaUploadImagesButton, { uploadImages: schema.uploadImages, ...props });
+    case "upload-files":
+      return /* @__PURE__ */ jsxRuntime.jsx(SchemaUploadFilesButton, { uploadFiles: schema.uploadFiles, ...props });
     case "export":
       return /* @__PURE__ */ jsxRuntime.jsx(ExportButton, { format: schema.export?.format, fields: schema.export?.fields, ...props });
   }
@@ -106121,6 +106175,7 @@ exports.hideScrollY = hideScrollY;
 exports.isBoxSchema = isBoxSchema;
 exports.isFieldDescriptor = isFieldDescriptor;
 exports.isFileAccepted = isFileAccepted;
+exports.isImageFilename = isImageFilename;
 exports.isRoutedViewMode = isRoutedViewMode;
 exports.isSafeUrl = isSafeUrl;
 exports.isSelfHighlightingField = isSelfHighlightingField;