@firecms/media_manager 3.1.0 → 3.2.0-canary.44dc65b

package/dist/index.es.js

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo } from "react";
 import Compressor from "compressorjs";
-import { ImageIcon, VideoLibraryIcon, AudiotrackIcon, DescriptionIcon, cls, defaultBorderMixin, Typography, CheckIcon, Card, IconButton, DownloadIcon, DeleteIcon, CloseIcon, TextField, Chip, Button, CircularProgress, Dialog, DialogContent, DialogActions, CloudUploadIcon, Tooltip, Container, AddIcon, SearchBar, AppsIcon, Icon, RefreshIcon } from "@firecms/ui";
+import { ImageIcon, VideoLibraryIcon, AudiotrackIcon, DescriptionIcon, cls, defaultBorderMixin, Typography, CheckIcon, Card, IconButton, DownloadIcon, DeleteIcon, CloseIcon, TextField, Chip, Button, CircularProgress, Dialog, DialogContent, DialogActions, CloudUploadIcon, Container, AddIcon, SearchBar, AppsIcon, Tooltip, Icon, RefreshIcon } from "@firecms/ui";
+import { useSnackbarController, useStorageSource, useTranslation } from "@firecms/core";
 import { useCreateFormex } from "@firecms/formex";
-import { useSnackbarController, useStorageSource } from "@firecms/core";
 import { Link } from "react-router-dom";
 const MediaManagerContext = createContext(void 0);
 function useMediaManager() {
@@ -555,6 +555,9 @@ function MediaAssetDetails({
   const [deleting, setDeleting] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [tagInput, setTagInput] = useState("");
+  const {
+    t
+  } = useTranslation();
   const {
     values,
     setFieldValue,
@@ -573,12 +576,14 @@ function MediaAssetDetails({
       await onUpdate(asset.id, values);
       snackbarController.open({
         type: "success",
-        message: "Asset updated successfully"
+        message: t("media_asset_updated")
       });
     } catch (error) {
       snackbarController.open({
         type: "error",
-        message: `Error updating asset: ${error instanceof Error ? error.message : String(error)}`
+        message: t("media_error_updating", {
+          message: error instanceof Error ? error.message : String(error)
+        })
       });
     } finally {
       setSaving(false);
@@ -590,13 +595,15 @@ function MediaAssetDetails({
       await onDelete(asset.id);
       snackbarController.open({
         type: "success",
-        message: "Asset deleted successfully"
+        message: t("media_asset_deleted")
       });
       onClose();
     } catch (error_0) {
       snackbarController.open({
         type: "error",
-        message: `Error deleting asset: ${error_0 instanceof Error ? error_0.message : String(error_0)}`
+        message: t("media_error_deleting", {
+          message: error_0 instanceof Error ? error_0.message : String(error_0)
+        })
       });
     } finally {
       setDeleting(false);
@@ -612,7 +619,7 @@ function MediaAssetDetails({
     } catch (error_1) {
       snackbarController.open({
         type: "error",
-        message: "Error getting download URL"
+        message: t("media_error_getting_url")
       });
     }
   }, [asset, storageSource, snackbarController]);
@@ -624,7 +631,7 @@ function MediaAssetDetails({
     }
   }, [tagInput, values.tags, setFieldValue]);
   const handleRemoveTag = useCallback((tagToRemove) => {
-    setFieldValue("tags", values.tags?.filter((t) => t !== tagToRemove) ?? []);
+    setFieldValue("tags", values.tags?.filter((t_0) => t_0 !== tagToRemove) ?? []);
   }, [values.tags, setFieldValue]);
   const formatSize = (bytes) => {
     if (bytes < 1024) return `${bytes} B`;
@@ -650,11 +657,11 @@ function MediaAssetDetails({
           /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "p-4 bg-surface-accent-100 dark:bg-surface-accent-800 flex items-center justify-center min-h-48 max-h-64", children: isImage && asset.downloadURL ? /* @__PURE__ */ jsx("img", { src: asset.downloadURL, alt: asset.altText || asset.fileName, className: "max-w-full max-h-full object-contain" }) : isVideo && asset.downloadURL ? /* @__PURE__ */ jsx("video", { src: asset.downloadURL, className: "max-w-full max-h-full", controls: true }) : /* @__PURE__ */ jsx("div", { className: "text-surface-accent-400", children: "Preview not available" }) }),
+      /* @__PURE__ */ jsx("div", { className: "p-4 bg-surface-accent-100 dark:bg-surface-accent-800 flex items-center justify-center min-h-48 max-h-64", children: isImage && asset.downloadURL ? /* @__PURE__ */ jsx("img", { src: asset.downloadURL, alt: asset.altText || asset.fileName, className: "max-w-full max-h-full object-contain" }) : isVideo && asset.downloadURL ? /* @__PURE__ */ jsx("video", { src: asset.downloadURL, className: "max-w-full max-h-full", controls: true }) : /* @__PURE__ */ jsx("div", { className: "text-surface-accent-400", children: t("media_preview_not_available") }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
           asset.dimensions && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: "Dimensions" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_dimensions") }),
             /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
               asset.dimensions.width,
               " × ",
@@ -663,57 +670,55 @@ function MediaAssetDetails({
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: "Size" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_size") }),
             /* @__PURE__ */ jsx(Typography, { variant: "body2", children: formatSize(asset.size) })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: "Type" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_type") }),
             /* @__PURE__ */ jsx(Typography, { variant: "body2", children: asset.mimeType })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: "Created" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_created") }),
             /* @__PURE__ */ jsx(Typography, { variant: "body2", children: formatDate(asset.createdAt) })
           ] })
         ] }),
         /* @__PURE__ */ jsx("hr", { className: "border-surface-accent-200 dark:border-surface-accent-700" }),
-        /* @__PURE__ */ jsx(TextField, { label: "File Name", value: asset.fileName, disabled: true, size: "small" }),
-        /* @__PURE__ */ jsx(TextField, { label: "Title", value: values.title ?? "", onChange: (e) => setFieldValue("title", e.target.value), size: "small" }),
+        /* @__PURE__ */ jsx(TextField, { label: t("media_file_name"), value: asset.fileName, disabled: true, size: "small" }),
+        /* @__PURE__ */ jsx(TextField, { label: t("media_title"), value: values.title ?? "", onChange: (e) => setFieldValue("title", e.target.value), size: "small" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(TextField, { label: "Alt Text", value: values.altText ?? "", onChange: (e_0) => setFieldValue("altText", e_0.target.value), size: "small" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500 mt-1", children: "Recommended for SEO" })
+          /* @__PURE__ */ jsx(TextField, { label: t("media_alt_text"), value: values.altText ?? "", onChange: (e_0) => setFieldValue("altText", e_0.target.value), size: "small" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500 mt-1", children: t("media_recommended_seo") })
         ] }),
-        /* @__PURE__ */ jsx(TextField, { label: "Caption", value: values.caption ?? "", onChange: (e_1) => setFieldValue("caption", e_1.target.value), size: "small", multiline: true }),
+        /* @__PURE__ */ jsx(TextField, { label: t("media_caption"), value: values.caption ?? "", onChange: (e_1) => setFieldValue("caption", e_1.target.value), size: "small", multiline: true }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500 mb-1 block", children: "Tags" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500 mb-1 block", children: t("media_tags") }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: values.tags?.map((tag_0) => /* @__PURE__ */ jsxs(Chip, { size: "small", colorScheme: "blueLighter", onClick: () => handleRemoveTag(tag_0), children: [
             tag_0,
             " ×"
           ] }, tag_0)) }),
           /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx(TextField, { placeholder: "Add a tag...", value: tagInput, onChange: (e_2) => setTagInput(e_2.target.value), size: "small", className: "flex-1", onKeyDown: (e_3) => {
+            /* @__PURE__ */ jsx(TextField, { placeholder: t("media_add_tag"), value: tagInput, onChange: (e_2) => setTagInput(e_2.target.value), size: "small", className: "flex-1", onKeyDown: (e_3) => {
               if (e_3.key === "Enter") {
                 e_3.preventDefault();
                 handleAddTag();
               }
             } }),
-            /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", onClick: handleAddTag, disabled: !tagInput.trim(), children: "Add" })
+            /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", onClick: handleAddTag, disabled: !tagInput.trim(), children: t("media_add") })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-4 border-t border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: handleSave, disabled: !dirty || saving, className: "w-full", children: saving ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : "Save Changes" }) })
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-4 border-t border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: handleSave, disabled: !dirty || saving, className: "w-full", children: saving ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : t("media_save_changes") }) })
     ] }),
     /* @__PURE__ */ jsxs(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: [
       /* @__PURE__ */ jsxs(DialogContent, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", className: "font-medium mb-2", children: "Delete Asset?" }),
-        /* @__PURE__ */ jsxs(Typography, { className: "text-surface-accent-600 dark:text-surface-accent-400", children: [
-          'Are you sure you want to delete "',
-          asset.title || asset.fileName,
-          '"? This action cannot be undone.'
-        ] })
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", className: "font-medium mb-2", children: t("media_delete_asset") }),
+        /* @__PURE__ */ jsx(Typography, { className: "text-surface-accent-600 dark:text-surface-accent-400", children: t("media_delete_confirmation", {
+          name: asset.title || asset.fileName
+        }) })
       ] }),
       /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => setDeleteDialogOpen(false), disabled: deleting, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { variant: "filled", color: "error", onClick: handleDelete, disabled: deleting, children: deleting ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : "Delete" })
+        /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => setDeleteDialogOpen(false), disabled: deleting, children: t("cancel") }),
+        /* @__PURE__ */ jsx(Button, { variant: "filled", color: "error", onClick: handleDelete, disabled: deleting, children: deleting ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : t("delete") })
       ] })
     ] })
   ] });
@@ -730,12 +735,18 @@ function MediaUploadDialog({
   const [uploading, setUploading] = useState(false);
   const [error, setError] = useState(null);
   const [selectedFiles, setSelectedFiles] = useState([]);
+  const {
+    t
+  } = useTranslation();
   const validateFiles = useCallback((files) => {
     const valid = [];
     const errors = [];
     for (const file of files) {
       if (maxFileSize && file.size > maxFileSize) {
-        errors.push(`${file.name}: File too large (max ${formatSize(maxFileSize)})`);
+        errors.push(t("media_file_too_large", {
+          name: file.name,
+          size: formatSize(maxFileSize)
+        }));
         continue;
       }
       if (acceptedMimeTypes && !acceptedMimeTypes.some((type) => {
@@ -744,7 +755,9 @@ function MediaUploadDialog({
         }
         return file.type === type;
       })) {
-        errors.push(`${file.name}: File type not allowed`);
+        errors.push(t("media_file_type_not_allowed", {
+          name: file.name
+        }));
         continue;
       }
       valid.push(file);
@@ -802,7 +815,7 @@ function MediaUploadDialog({
       setSelectedFiles([]);
       onClose();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
+      setError(err instanceof Error ? err.message : t("media_upload_failed"));
     } finally {
       setUploading(false);
     }
@@ -821,26 +834,23 @@ function MediaUploadDialog({
   };
   return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: (open_0) => !open_0 && handleClose(), maxWidth: "md", children: [
     /* @__PURE__ */ jsxs(DialogContent, { className: "p-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Upload Files" }) }),
+      /* @__PURE__ */ jsx("div", { className: "p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("media_upload_files") }) }),
       /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
         /* @__PURE__ */ jsxs("div", { className: cls("border-2 border-dashed rounded-lg p-8", "flex flex-col items-center justify-center gap-4", "transition-colors duration-150", isDragging ? "border-primary bg-primary/5" : "border-surface-accent-300 dark:border-surface-accent-600", "hover:border-primary hover:bg-primary/5", "cursor-pointer"), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => document.getElementById("file-upload-input")?.click(), children: [
           /* @__PURE__ */ jsx(CloudUploadIcon, { size: "large", className: cls(isDragging ? "text-primary" : "text-surface-accent-400") }),
           /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "font-medium", children: "Drop files here or click to browse" }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-surface-accent-500", children: [
-              "Maximum file size: ",
-              formatSize(maxFileSize)
-            ] })
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "font-medium", children: t("media_drop_files") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_max_file_size", {
+              size: formatSize(maxFileSize)
+            }) })
           ] }),
           /* @__PURE__ */ jsx("input", { id: "file-upload-input", type: "file", multiple: true, accept: acceptedMimeTypes?.join(","), onChange: handleFileSelect, className: "hidden" })
         ] }),
         error && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-red-500 mt-2 block whitespace-pre-line", children: error }),
         selectedFiles.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-2", children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-surface-accent-500", children: [
-            "Selected files (",
-            selectedFiles.length,
-            ")"
-          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_selected_files_count", {
+            count: selectedFiles.length.toString()
+          }) }),
           /* @__PURE__ */ jsx("div", { className: "max-h-40 overflow-auto space-y-1", children: selectedFiles.map((file_0, index_0) => /* @__PURE__ */ jsxs("div", { className: cls("flex items-center justify-between p-2 rounded", "bg-surface-accent-50 dark:bg-surface-accent-800"), children: [
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 mr-2", children: [
               /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "truncate", children: file_0.name }),
@@ -849,22 +859,22 @@ function MediaUploadDialog({
             /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", onClick: (e_3) => {
               e_3.stopPropagation();
               handleRemoveFile(index_0);
-            }, disabled: uploading, children: "Remove" })
+            }, disabled: uploading, children: t("media_remove") })
           ] }, `${file_0.name}-${index_0}`)) })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(DialogActions, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleClose, disabled: uploading, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleClose, disabled: uploading, children: t("cancel") }),
       /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: handleUpload, disabled: selectedFiles.length === 0 || uploading, children: uploading ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }),
-        "Uploading..."
-      ] }) : `Upload ${selectedFiles.length > 0 ? `(${selectedFiles.length})` : ""}` })
+        t("media_uploading")
+      ] }) : `${t("media_upload")} ${selectedFiles.length > 0 ? `(${selectedFiles.length})` : ""}` })
     ] })
   ] });
 }
 function MediaLibraryView(t0) {
-  const $ = c(58);
+  const $ = c(87);
   const {
     maxFileSize,
     acceptedMimeTypes
@@ -873,6 +883,9 @@ function MediaLibraryView(t0) {
   const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
   const [viewMode, setViewMode] = useState("grid");
   useRef(null);
+  const {
+    t
+  } = useTranslation();
   let t1;
   if ($[0] !== controller) {
     t1 = (query) => {
@@ -920,235 +933,637 @@ function MediaLibraryView(t0) {
   }
   const handleRefresh = t4;
   let t5;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "font-semibold", children: "Media Library" });
-    $[7] = t5;
+  if ($[7] !== t) {
+    t5 = t("media_library");
+    $[7] = t;
+    $[8] = t5;
   } else {
-    t5 = $[7];
+    t5 = $[8];
   }
   let t6;
-  if ($[8] !== controller.totalCount) {
-    t6 = controller.totalCount !== void 0 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "bg-surface-accent-100 dark:bg-surface-accent-800 px-2 py-0.5 rounded-full", children: [
-      controller.totalCount,
-      " assets"
-    ] });
-    $[8] = controller.totalCount;
-    $[9] = t6;
+  if ($[9] !== t5) {
+    t6 = /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "font-semibold", children: t5 });
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    t6 = $[9];
+    t6 = $[10];
   }
   let t7;
-  if ($[10] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      t5,
-      t6
-    ] });
-    $[10] = t6;
-    $[11] = t7;
+  if ($[11] !== controller.totalCount || $[12] !== t) {
+    t7 = controller.totalCount !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "bg-surface-accent-100 dark:bg-surface-accent-800 px-2 py-0.5 rounded-full", children: t("media_assets_count", {
+      count: controller.totalCount.toString()
+    }) });
+    $[11] = controller.totalCount;
+    $[12] = t;
+    $[13] = t7;
   } else {
-    t7 = $[11];
+    t7 = $[13];
   }
   let t8;
-  if ($[12] !== handleSearch) {
-    t8 = /* @__PURE__ */ jsx(SearchBar, { onTextSearch: handleSearch, placeholder: "Search assets...", className: "flex-1 sm:w-64" });
-    $[12] = handleSearch;
-    $[13] = t8;
+  if ($[14] !== t6 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      t6,
+      t7
+    ] });
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
   } else {
-    t8 = $[13];
+    t8 = $[16];
   }
   let t9;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = () => setViewMode("grid");
-    $[14] = t9;
+  if ($[17] !== t) {
+    t9 = t("media_search_assets");
+    $[17] = t;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== handleSearch || $[20] !== t9) {
+    t10 = /* @__PURE__ */ jsx(SearchBar, { onTextSearch: handleSearch, placeholder: t9, className: "flex-1 sm:w-64" });
+    $[19] = handleSearch;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t9 = $[14];
+    t10 = $[21];
   }
-  const t10 = viewMode === "grid" && "bg-surface-accent-100 dark:bg-surface-accent-800";
   let t11;
-  if ($[15] !== t10) {
-    t11 = cls(t10);
-    $[15] = t10;
-    $[16] = t11;
+  if ($[22] !== t) {
+    t11 = t("media_grid_view");
+    $[22] = t;
+    $[23] = t11;
   } else {
-    t11 = $[16];
+    t11 = $[23];
   }
   let t12;
-  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = /* @__PURE__ */ jsx(AppsIcon, { size: "small" });
-    $[17] = t12;
+  if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = () => setViewMode("grid");
+    $[24] = t12;
   } else {
-    t12 = $[17];
+    t12 = $[24];
   }
-  let t13;
-  if ($[18] !== t11) {
-    t13 = /* @__PURE__ */ jsx(Tooltip, { title: "Grid view", children: /* @__PURE__ */ jsx(IconButton, { onClick: t9, className: t11, children: t12 }) });
-    $[18] = t11;
-    $[19] = t13;
+  const t13 = viewMode === "grid" && "bg-surface-accent-100 dark:bg-surface-accent-800";
+  let t14;
+  if ($[25] !== t13) {
+    t14 = cls(t13);
+    $[25] = t13;
+    $[26] = t14;
   } else {
-    t13 = $[19];
+    t14 = $[26];
   }
-  let t14;
-  if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t14 = () => setViewMode("list");
-    $[20] = t14;
+  let t15;
+  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /* @__PURE__ */ jsx(AppsIcon, { size: "small" });
+    $[27] = t15;
   } else {
-    t14 = $[20];
+    t15 = $[27];
   }
-  const t15 = viewMode === "list" && "bg-surface-accent-100 dark:bg-surface-accent-800";
   let t16;
-  if ($[21] !== t15) {
-    t16 = cls(t15);
-    $[21] = t15;
-    $[22] = t16;
+  if ($[28] !== t14) {
+    t16 = /* @__PURE__ */ jsx(IconButton, { onClick: t12, className: t14, children: t15 });
+    $[28] = t14;
+    $[29] = t16;
   } else {
-    t16 = $[22];
+    t16 = $[29];
   }
   let t17;
-  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t17 = /* @__PURE__ */ jsx(Icon, { iconKey: "list", size: "small" });
-    $[23] = t17;
+  if ($[30] !== t11 || $[31] !== t16) {
+    t17 = /* @__PURE__ */ jsx(Tooltip, { title: t11, children: t16 });
+    $[30] = t11;
+    $[31] = t16;
+    $[32] = t17;
   } else {
-    t17 = $[23];
+    t17 = $[32];
   }
   let t18;
-  if ($[24] !== t16) {
-    t18 = /* @__PURE__ */ jsx(Tooltip, { title: "List view", children: /* @__PURE__ */ jsx(IconButton, { onClick: t14, className: t16, children: t17 }) });
-    $[24] = t16;
-    $[25] = t18;
+  if ($[33] !== t) {
+    t18 = t("media_list_view");
+    $[33] = t;
+    $[34] = t18;
   } else {
-    t18 = $[25];
+    t18 = $[34];
   }
   let t19;
-  if ($[26] !== t13 || $[27] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-l border-surface-accent-200 dark:border-surface-accent-700 pl-2 ml-2", children: [
-      t13,
-      t18
-    ] });
-    $[26] = t13;
-    $[27] = t18;
-    $[28] = t19;
-  } else {
-    t19 = $[28];
-  }
-  let t20;
-  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t20 = /* @__PURE__ */ jsx(RefreshIcon, { size: "small" });
-    $[29] = t20;
+  if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t19 = () => setViewMode("list");
+    $[35] = t19;
   } else {
-    t20 = $[29];
+    t19 = $[35];
   }
+  const t20 = viewMode === "list" && "bg-surface-accent-100 dark:bg-surface-accent-800";
   let t21;
-  if ($[30] !== controller.loading || $[31] !== handleRefresh) {
-    t21 = /* @__PURE__ */ jsx(Tooltip, { title: "Refresh", children: /* @__PURE__ */ jsx(IconButton, { onClick: handleRefresh, disabled: controller.loading, children: t20 }) });
-    $[30] = controller.loading;
-    $[31] = handleRefresh;
-    $[32] = t21;
+  if ($[36] !== t20) {
+    t21 = cls(t20);
+    $[36] = t20;
+    $[37] = t21;
   } else {
-    t21 = $[32];
+    t21 = $[37];
   }
   let t22;
-  if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /* @__PURE__ */ jsxs(Button, { variant: "filled", onClick: handleUploadClick, children: [
-      /* @__PURE__ */ jsx(AddIcon, { size: "small" }),
-      "Upload"
-    ] });
-    $[33] = t22;
+  if ($[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = /* @__PURE__ */ jsx(Icon, { iconKey: "list", size: "small" });
+    $[38] = t22;
   } else {
-    t22 = $[33];
+    t22 = $[38];
   }
   let t23;
-  if ($[34] !== t19 || $[35] !== t21 || $[36] !== t8) {
-    t23 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
-      t8,
-      t19,
-      t21,
-      t22
-    ] });
-    $[34] = t19;
-    $[35] = t21;
-    $[36] = t8;
-    $[37] = t23;
+  if ($[39] !== t21) {
+    t23 = /* @__PURE__ */ jsx(IconButton, { onClick: t19, className: t21, children: t22 });
+    $[39] = t21;
+    $[40] = t23;
   } else {
-    t23 = $[37];
+    t23 = $[40];
   }
   let t24;
-  if ($[38] !== t23 || $[39] !== t7) {
-    t24 = /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 border-b border-surface-accent-200 dark:border-surface-accent-700 bg-surface-50 dark:bg-surface-900", children: /* @__PURE__ */ jsx(Container, { maxWidth: "6xl", className: "py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between", children: [
-      t7,
-      t23
-    ] }) }) });
-    $[38] = t23;
-    $[39] = t7;
-    $[40] = t24;
+  if ($[41] !== t18 || $[42] !== t23) {
+    t24 = /* @__PURE__ */ jsx(Tooltip, { title: t18, children: t23 });
+    $[41] = t18;
+    $[42] = t23;
+    $[43] = t24;
   } else {
-    t24 = $[40];
+    t24 = $[43];
   }
   let t25;
-  if ($[41] !== controller || $[42] !== handleRefresh || $[43] !== viewMode) {
-    t25 = /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(Container, { maxWidth: "6xl", className: "py-6", children: controller.loading && controller.assets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(CircularProgress, {}) }) : controller.error ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
-      /* @__PURE__ */ jsxs(Typography, { className: "text-red-500", children: [
-        "Error loading assets: ",
-        controller.error.message
-      ] }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, children: "Try Again" })
-    ] }) : controller.assets.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
-      /* @__PURE__ */ jsx(Typography, { className: "text-surface-accent-500", children: "No media assets yet" }),
-      /* @__PURE__ */ jsxs(Button, { onClick: handleUploadClick, children: [
-        /* @__PURE__ */ jsx(AddIcon, { size: "small" }),
-        "Upload your first file"
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", { className: cls(viewMode === "grid" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" : "flex flex-col gap-2"), children: controller.assets.map((asset) => /* @__PURE__ */ jsx(MediaAssetCard, { asset, viewMode, onClick: () => controller.selectAsset(asset), selected: controller.selectedAsset?.id === asset.id }, asset.id)) }) }) });
-    $[41] = controller;
-    $[42] = handleRefresh;
-    $[43] = viewMode;
-    $[44] = t25;
+  if ($[44] !== t17 || $[45] !== t24) {
+    t25 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-l border-surface-accent-200 dark:border-surface-accent-700 pl-2 ml-2", children: [
+      t17,
+      t24
+    ] });
+    $[44] = t17;
+    $[45] = t24;
+    $[46] = t25;
   } else {
-    t25 = $[44];
+    t25 = $[46];
   }
   let t26;
-  if ($[45] !== controller) {
-    t26 = controller.selectedAsset && /* @__PURE__ */ jsx(MediaAssetDetails, { asset: controller.selectedAsset, onClose: () => controller.selectAsset(void 0), onUpdate: controller.updateAsset, onDelete: controller.deleteAsset });
-    $[45] = controller;
-    $[46] = t26;
+  if ($[47] !== t) {
+    t26 = t("media_refresh");
+    $[47] = t;
+    $[48] = t26;
   } else {
-    t26 = $[46];
+    t26 = $[48];
   }
   let t27;
-  if ($[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t27 = () => setUploadDialogOpen(false);
-    $[47] = t27;
+  if ($[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsx(RefreshIcon, { size: "small" });
+    $[49] = t27;
   } else {
-    t27 = $[47];
+    t27 = $[49];
   }
   let t28;
-  if ($[48] !== acceptedMimeTypes || $[49] !== handleFileSelect || $[50] !== maxFileSize || $[51] !== uploadDialogOpen) {
-    t28 = /* @__PURE__ */ jsx(MediaUploadDialog, { open: uploadDialogOpen, onClose: t27, onUpload: handleFileSelect, maxFileSize, acceptedMimeTypes });
-    $[48] = acceptedMimeTypes;
-    $[49] = handleFileSelect;
-    $[50] = maxFileSize;
-    $[51] = uploadDialogOpen;
+  if ($[50] !== controller.loading || $[51] !== handleRefresh) {
+    t28 = /* @__PURE__ */ jsx(IconButton, { onClick: handleRefresh, disabled: controller.loading, children: t27 });
+    $[50] = controller.loading;
+    $[51] = handleRefresh;
     $[52] = t28;
   } else {
     t28 = $[52];
   }
   let t29;
-  if ($[53] !== t24 || $[54] !== t25 || $[55] !== t26 || $[56] !== t28) {
-    t29 = /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [
-      t24,
+  if ($[53] !== t26 || $[54] !== t28) {
+    t29 = /* @__PURE__ */ jsx(Tooltip, { title: t26, children: t28 });
+    $[53] = t26;
+    $[54] = t28;
+    $[55] = t29;
+  } else {
+    t29 = $[55];
+  }
+  let t30;
+  if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t30 = /* @__PURE__ */ jsx(AddIcon, { size: "small" });
+    $[56] = t30;
+  } else {
+    t30 = $[56];
+  }
+  let t31;
+  if ($[57] !== t) {
+    t31 = t("media_upload");
+    $[57] = t;
+    $[58] = t31;
+  } else {
+    t31 = $[58];
+  }
+  let t32;
+  if ($[59] !== t31) {
+    t32 = /* @__PURE__ */ jsxs(Button, { variant: "filled", onClick: handleUploadClick, children: [
+      t30,
+      t31
+    ] });
+    $[59] = t31;
+    $[60] = t32;
+  } else {
+    t32 = $[60];
+  }
+  let t33;
+  if ($[61] !== t10 || $[62] !== t25 || $[63] !== t29 || $[64] !== t32) {
+    t33 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
+      t10,
       t25,
-      t26,
-      t28
+      t29,
+      t32
     ] });
-    $[53] = t24;
-    $[54] = t25;
-    $[55] = t26;
-    $[56] = t28;
-    $[57] = t29;
+    $[61] = t10;
+    $[62] = t25;
+    $[63] = t29;
+    $[64] = t32;
+    $[65] = t33;
   } else {
-    t29 = $[57];
+    t33 = $[65];
   }
-  return t29;
+  let t34;
+  if ($[66] !== t33 || $[67] !== t8) {
+    t34 = /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 border-b border-surface-accent-200 dark:border-surface-accent-700 bg-surface-50 dark:bg-surface-900", children: /* @__PURE__ */ jsx(Container, { maxWidth: "6xl", className: "py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between", children: [
+      t8,
+      t33
+    ] }) }) });
+    $[66] = t33;
+    $[67] = t8;
+    $[68] = t34;
+  } else {
+    t34 = $[68];
+  }
+  let t35;
+  if ($[69] !== controller || $[70] !== handleRefresh || $[71] !== t || $[72] !== viewMode) {
+    t35 = /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(Container, { maxWidth: "6xl", className: "py-6", children: controller.loading && controller.assets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(CircularProgress, {}) }) : controller.error ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+      /* @__PURE__ */ jsx(Typography, { className: "text-red-500", children: t("media_error_loading", {
+        message: controller.error.message
+      }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, children: t("media_try_again") })
+    ] }) : controller.assets.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+      /* @__PURE__ */ jsx(Typography, { className: "text-surface-accent-500", children: t("media_no_assets") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleUploadClick, children: [
+        /* @__PURE__ */ jsx(AddIcon, { size: "small" }),
+        t("media_upload_first_file")
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: cls(viewMode === "grid" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" : "flex flex-col gap-2"), children: controller.assets.map((asset) => /* @__PURE__ */ jsx(MediaAssetCard, { asset, viewMode, onClick: () => controller.selectAsset(asset), selected: controller.selectedAsset?.id === asset.id }, asset.id)) }) }) });
+    $[69] = controller;
+    $[70] = handleRefresh;
+    $[71] = t;
+    $[72] = viewMode;
+    $[73] = t35;
+  } else {
+    t35 = $[73];
+  }
+  let t36;
+  if ($[74] !== controller) {
+    t36 = controller.selectedAsset && /* @__PURE__ */ jsx(MediaAssetDetails, { asset: controller.selectedAsset, onClose: () => controller.selectAsset(void 0), onUpdate: controller.updateAsset, onDelete: controller.deleteAsset });
+    $[74] = controller;
+    $[75] = t36;
+  } else {
+    t36 = $[75];
+  }
+  let t37;
+  if ($[76] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t37 = () => setUploadDialogOpen(false);
+    $[76] = t37;
+  } else {
+    t37 = $[76];
+  }
+  let t38;
+  if ($[77] !== acceptedMimeTypes || $[78] !== handleFileSelect || $[79] !== maxFileSize || $[80] !== uploadDialogOpen) {
+    t38 = /* @__PURE__ */ jsx(MediaUploadDialog, { open: uploadDialogOpen, onClose: t37, onUpload: handleFileSelect, maxFileSize, acceptedMimeTypes });
+    $[77] = acceptedMimeTypes;
+    $[78] = handleFileSelect;
+    $[79] = maxFileSize;
+    $[80] = uploadDialogOpen;
+    $[81] = t38;
+  } else {
+    t38 = $[81];
+  }
+  let t39;
+  if ($[82] !== t34 || $[83] !== t35 || $[84] !== t36 || $[85] !== t38) {
+    t39 = /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [
+      t34,
+      t35,
+      t36,
+      t38
+    ] });
+    $[82] = t34;
+    $[83] = t35;
+    $[84] = t36;
+    $[85] = t38;
+    $[86] = t39;
+  } else {
+    t39 = $[86];
+  }
+  return t39;
 }
+const mediaManagerTranslationsEn = {
+  media_library: "Media Library",
+  media_library_description: "Manage images and files",
+  media_search_assets: "Search assets...",
+  media_grid_view: "Grid view",
+  media_list_view: "List view",
+  media_refresh: "Refresh",
+  media_upload: "Upload",
+  media_error_loading: "Error loading assets: {{message}}",
+  media_try_again: "Try Again",
+  media_no_assets: "No media assets yet",
+  media_upload_first_file: "Upload your first file",
+  media_asset_updated: "Asset updated successfully",
+  media_error_updating: "Error updating asset: {{message}}",
+  media_asset_deleted: "Asset deleted successfully",
+  media_error_deleting: "Error deleting asset: {{message}}",
+  media_error_getting_url: "Error getting download URL",
+  media_preview_not_available: "Preview not available",
+  media_dimensions: "Dimensions",
+  media_size: "Size",
+  media_type: "Type",
+  media_created: "Created",
+  media_file_name: "File Name",
+  media_title: "Title",
+  media_alt_text: "Alt Text",
+  media_recommended_seo: "Recommended for SEO",
+  media_caption: "Caption",
+  media_tags: "Tags",
+  media_add_tag: "Add a tag...",
+  media_add: "Add",
+  media_save_changes: "Save Changes",
+  media_delete_asset: "Delete Asset?",
+  media_delete_confirmation: 'Are you sure you want to delete "{{name}}"? This action cannot be undone.',
+  media_file_too_large: "{{name}}: File too large (max {{size}})",
+  media_file_type_not_allowed: "{{name}}: File type not allowed",
+  media_upload_failed: "Upload failed",
+  media_upload_files: "Upload Files",
+  media_drop_files: "Drop files here or click to browse",
+  media_max_file_size: "Maximum file size: {{size}}",
+  media_selected_files_count: "Selected files ({{count}})",
+  media_remove: "Remove",
+  media_uploading: "Uploading...",
+  media_manage_description: "Manage your media files and assets",
+  media_assets_count: "{{count}} assets"
+};
+const mediaManagerTranslationsEs = {
+  media_library: "Biblioteca de Medios",
+  media_library_description: "Gestionar imágenes y archivos",
+  media_search_assets: "Buscar recursos...",
+  media_grid_view: "Vista de cuadrícula",
+  media_list_view: "Vista de lista",
+  media_refresh: "Actualizar",
+  media_upload: "Subir",
+  media_error_loading: "Error al cargar recursos: {{message}}",
+  media_try_again: "Volver a intentar",
+  media_no_assets: "Aún no hay recursos multimedia",
+  media_upload_first_file: "Sube tu primer archivo",
+  media_asset_updated: "Recurso actualizado con éxito",
+  media_error_updating: "Error al actualizar recurso: {{message}}",
+  media_asset_deleted: "Recurso eliminado con éxito",
+  media_error_deleting: "Error al eliminar recurso: {{message}}",
+  media_error_getting_url: "Error al obtener URL de descarga",
+  media_preview_not_available: "Vista previa no disponible",
+  media_dimensions: "Dimensiones",
+  media_size: "Tamaño",
+  media_type: "Tipo",
+  media_created: "Creado",
+  media_file_name: "Nombre del archivo",
+  media_title: "Título",
+  media_alt_text: "Texto alternativo",
+  media_recommended_seo: "Recomendado para SEO",
+  media_caption: "Leyenda",
+  media_tags: "Etiquetas",
+  media_add_tag: "Añadir una etiqueta...",
+  media_add: "Añadir",
+  media_save_changes: "Guardar cambios",
+  media_delete_asset: "¿Eliminar recurso?",
+  media_delete_confirmation: '¿Estás seguro de que deseas eliminar "{{name}}"? Esta acción no se puede deshacer.',
+  media_file_too_large: "{{name}}: Archivo demasiado grande (máx. {{size}})",
+  media_file_type_not_allowed: "{{name}}: Tipo de archivo no permitido",
+  media_upload_failed: "Error al subir",
+  media_upload_files: "Subir archivos",
+  media_drop_files: "Suelta archivos aquí o haz clic para buscar",
+  media_max_file_size: "Tamaño máximo de archivo: {{size}}",
+  media_selected_files_count: "Archivos seleccionados ({{count}})",
+  media_remove: "Quitar",
+  media_uploading: "Subiendo...",
+  media_manage_description: "Gestiona tus archivos y recursos multimedia",
+  media_assets_count: "{{count}} recursos"
+};
+const mediaManagerTranslationsDe = {
+  media_library: "Mediathek",
+  media_library_description: "Bilder und Dateien verwalten",
+  media_search_assets: "Assets durchsuchen...",
+  media_grid_view: "Rasteransicht",
+  media_list_view: "Listenansicht",
+  media_refresh: "Aktualisieren",
+  media_upload: "Hochladen",
+  media_error_loading: "Fehler beim Laden der Assets: {{message}}",
+  media_try_again: "Erneut versuchen",
+  media_no_assets: "Noch keine Medien-Assets",
+  media_upload_first_file: "Laden Sie Ihre erste Datei hoch",
+  media_asset_updated: "Asset erfolgreich aktualisiert",
+  media_error_updating: "Fehler beim Aktualisieren des Assets: {{message}}",
+  media_asset_deleted: "Asset erfolgreich gelöscht",
+  media_error_deleting: "Fehler beim Löschen des Assets: {{message}}",
+  media_error_getting_url: "Fehler beim Abrufen der Download-URL",
+  media_preview_not_available: "Vorschau nicht verfügbar",
+  media_dimensions: "Abmessungen",
+  media_size: "Größe",
+  media_type: "Typ",
+  media_created: "Erstellt",
+  media_file_name: "Dateiname",
+  media_title: "Titel",
+  media_alt_text: "Alternativtext",
+  media_recommended_seo: "Empfohlen für SEO",
+  media_caption: "Bildunterschrift",
+  media_tags: "Schlagwörter",
+  media_add_tag: "Schlagwort hinzufügen...",
+  media_add: "Hinzufügen",
+  media_save_changes: "Änderungen speichern",
+  media_delete_asset: "Asset löschen?",
+  media_delete_confirmation: 'Sind Sie sicher, dass Sie "{{name}}" löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.',
+  media_file_too_large: "{{name}}: Datei ist zu groß (max. {{size}})",
+  media_file_type_not_allowed: "{{name}}: Dateityp nicht zulässig",
+  media_upload_failed: "Hochladen fehlgeschlagen",
+  media_upload_files: "Dateien hochladen",
+  media_drop_files: "Dateien hier ablegen oder zum Durchsuchen klicken",
+  media_max_file_size: "Maximale Dateigröße: {{size}}",
+  media_selected_files_count: "Ausgewählte Dateien ({{count}})",
+  media_remove: "Entfernen",
+  media_uploading: "Wird hochgeladen...",
+  media_manage_description: "Verwalten Sie Ihre Mediendateien und Assets",
+  media_assets_count: "{{count}} Assets"
+};
+const mediaManagerTranslationsFr = {
+  media_library: "Médiathèque",
+  media_library_description: "Gérer les images et les fichiers",
+  media_search_assets: "Rechercher des éléments...",
+  media_grid_view: "Vue en grille",
+  media_list_view: "Vue en liste",
+  media_refresh: "Rafraîchir",
+  media_upload: "Télécharger",
+  media_error_loading: "Erreur lors du chargement des éléments : {{message}}",
+  media_try_again: "Réessayer",
+  media_no_assets: "Pas encore d'éléments multimédias",
+  media_upload_first_file: "Téléchargez votre premier fichier",
+  media_asset_updated: "Élément mis à jour avec succès",
+  media_error_updating: "Erreur lors de la mise à jour de l'élément : {{message}}",
+  media_asset_deleted: "Élément supprimé avec succès",
+  media_error_deleting: "Erreur lors de la suppression de l'élément : {{message}}",
+  media_error_getting_url: "Erreur lors de l'obtention de l'URL de téléchargement",
+  media_preview_not_available: "Aperçu non disponible",
+  media_dimensions: "Dimensions",
+  media_size: "Taille",
+  media_type: "Type",
+  media_created: "Créé",
+  media_file_name: "Nom du fichier",
+  media_title: "Titre",
+  media_alt_text: "Texte alternatif",
+  media_recommended_seo: "Recommandé pour le référencement (SEO)",
+  media_caption: "Légende",
+  media_tags: "Balises",
+  media_add_tag: "Ajouter une balise...",
+  media_add: "Ajouter",
+  media_save_changes: "Enregistrer les modifications",
+  media_delete_asset: "Supprimer l'élément ?",
+  media_delete_confirmation: 'Êtes-vous sûr de vouloir supprimer "{{name}}" ? Cette action ne peut pas être annulée.',
+  media_file_too_large: "{{name}} : Fichier trop volumineux (max {{size}})",
+  media_file_type_not_allowed: "{{name}} : Type de fichier non autorisé",
+  media_upload_failed: "Le téléchargement a échoué",
+  media_upload_files: "Télécharger des fichiers",
+  media_drop_files: "Déposez les fichiers ici ou cliquez pour parcourir",
+  media_max_file_size: "Taille maximale du fichier : {{size}}",
+  media_selected_files_count: "Fichiers sélectionnés ({{count}})",
+  media_remove: "Retirer",
+  media_uploading: "Téléchargement en cours...",
+  media_manage_description: "Gérez vos fichiers et éléments multimédias",
+  media_assets_count: "{{count}} éléments"
+};
+const mediaManagerTranslationsIt = {
+  media_library: "Libreria multimediale",
+  media_library_description: "Gestisci immagini e file",
+  media_search_assets: "Cerca risorse...",
+  media_grid_view: "Visualizzazione griglia",
+  media_list_view: "Visualizzazione elenco",
+  media_refresh: "Aggiorna",
+  media_upload: "Carica",
+  media_error_loading: "Errore durante il caricamento delle risorse: {{message}}",
+  media_try_again: "Riprova",
+  media_no_assets: "Nessuna risorsa multimediale ancora presente",
+  media_upload_first_file: "Carica il tuo primo file",
+  media_asset_updated: "Risorsa aggiornata con successo",
+  media_error_updating: "Errore durante l'aggiornamento della risorsa: {{message}}",
+  media_asset_deleted: "Risorsa eliminata con successo",
+  media_error_deleting: "Errore durante l'eliminazione della risorsa: {{message}}",
+  media_error_getting_url: "Errore durante il recupero dell'URL di download",
+  media_preview_not_available: "Anteprima non disponibile",
+  media_dimensions: "Dimensioni",
+  media_size: "Dimensione",
+  media_type: "Tipo",
+  media_created: "Creato",
+  media_file_name: "Nome file",
+  media_title: "Titolo",
+  media_alt_text: "Testo alternativo",
+  media_recommended_seo: "Consigliato per la SEO",
+  media_caption: "Didascalia",
+  media_tags: "Tag",
+  media_add_tag: "Aggiungi un tag...",
+  media_add: "Aggiungi",
+  media_save_changes: "Salva modifiche",
+  media_delete_asset: "Elimina risorsa?",
+  media_delete_confirmation: 'Sei sicuro di voler eliminare "{{name}}"? Questa azione non può essere annullata.',
+  media_file_too_large: "{{name}}: File troppo grande (max {{size}})",
+  media_file_type_not_allowed: "{{name}}: Tipo di file non consentito",
+  media_upload_failed: "Caricamento fallito",
+  media_upload_files: "Carica file",
+  media_drop_files: "Rilascia i file qui o fai clic per sfogliare",
+  media_max_file_size: "Dimensione massima del file: {{size}}",
+  media_selected_files_count: "File selezionati ({{count}})",
+  media_remove: "Rimuovi",
+  media_uploading: "Caricamento in corso...",
+  media_manage_description: "Gestisci i tuoi file e risorse multimediali",
+  media_assets_count: "{{count}} risorse"
+};
+const mediaManagerTranslationsHi = {
+  media_library: "मीडिया लाइब्रेरी",
+  media_library_description: "चित्र और फ़ाइलें प्रबंधित करें",
+  media_search_assets: "संपत्तियां खोजें...",
+  media_grid_view: "ग्रिड दृश्य",
+  media_list_view: "सूची दृश्य",
+  media_refresh: "रीफ्रेश करें",
+  media_upload: "अपलोड करें",
+  media_error_loading: "संपत्तियों को लोड करने में त्रुटि: {{message}}",
+  media_try_again: "पुनः प्रयास करें",
+  media_no_assets: "अभी तक कोई मीडिया संपत्ति नहीं",
+  media_upload_first_file: "अपनी पहली फ़ाइल अपलोड करें",
+  media_asset_updated: "संपत्ति सफलतापूर्वक अपडेट की गई",
+  media_error_updating: "संपत्ति को अपडेट करने में त्रुटि: {{message}}",
+  media_asset_deleted: "संपत्ति सफलतापूर्वक हटा दी गई",
+  media_error_deleting: "संपत्ति को हटाने में त्रुटि: {{message}}",
+  media_error_getting_url: "डाउनलोड URL प्राप्त करने में त्रुटि",
+  media_preview_not_available: "पूर्वावलोकन उपलब्ध नहीं है",
+  media_dimensions: "आयाम",
+  media_size: "आकार",
+  media_type: "प्रकार",
+  media_created: "बनाया गया",
+  media_file_name: "फ़ाइल का नाम",
+  media_title: "शीर्षक",
+  media_alt_text: "वैकल्पिक पाठ",
+  media_recommended_seo: "SEO के लिए अनुशंसित",
+  media_caption: "कैप्शन",
+  media_tags: "टैग",
+  media_add_tag: "एक टैग जोड़ें...",
+  media_add: "जोड़ें",
+  media_save_changes: "परिवर्तन सहेजें",
+  media_delete_asset: "संपत्ति हटाएं?",
+  media_delete_confirmation: 'क्या आप निश्चित रूप से "{{name}}" को हटाना चाहते हैं? यह क्रिया पूर्ववत नहीं की जा सकती।',
+  media_file_too_large: "{{name}}: फ़ाइल बहुत बड़ी है (अधिकतम {{size}})",
+  media_file_type_not_allowed: "{{name}}: फ़ाइल प्रकार की अनुमति नहीं है",
+  media_upload_failed: "अपलोड विफल रहा",
+  media_upload_files: "फ़ाइलें अपलोड करें",
+  media_drop_files: "फ़ाइलें यहाँ छोड़ें या ब्राउज़ करने के लिए क्लिक करें",
+  media_max_file_size: "अधिकतम फ़ाइल आकार: {{size}}",
+  media_selected_files_count: "चयनित फ़ाइलें ({{count}})",
+  media_remove: "हटाएं",
+  media_uploading: "अपलोड हो रहा है...",
+  media_manage_description: "अपनी मीडिया फ़ाइलें और संपत्तियां प्रबंधित करें",
+  media_assets_count: "{{count}} संपत्तियां"
+};
+const mediaManagerTranslationsPt = {
+  media_library: "Biblioteca de Média",
+  media_library_description: "Gerir imagens e ficheiros",
+  media_search_assets: "Pesquisar recursos...",
+  media_grid_view: "Vista em grelha",
+  media_list_view: "Vista em lista",
+  media_refresh: "Atualizar",
+  media_upload: "Carregar",
+  media_error_loading: "Erro ao carregar recursos: {{message}}",
+  media_try_again: "Tentar Novamente",
+  media_no_assets: "Ainda não há recursos de média",
+  media_upload_first_file: "Carregue o seu primeiro ficheiro",
+  media_asset_updated: "Recurso atualizado com sucesso",
+  media_error_updating: "Erro ao atualizar recurso: {{message}}",
+  media_asset_deleted: "Recurso eliminado com sucesso",
+  media_error_deleting: "Erro ao eliminar recurso: {{message}}",
+  media_error_getting_url: "Erro ao obter URL de download",
+  media_preview_not_available: "Pré-visualização não disponível",
+  media_dimensions: "Dimensões",
+  media_size: "Tamanho",
+  media_type: "Tipo",
+  media_created: "Criado",
+  media_file_name: "Nome do Ficheiro",
+  media_title: "Título",
+  media_alt_text: "Texto Alternativo",
+  media_recommended_seo: "Recomendado para SEO",
+  media_caption: "Legenda",
+  media_tags: "Etiquetas",
+  media_add_tag: "Adicionar uma etiqueta...",
+  media_add: "Adicionar",
+  media_save_changes: "Guardar Alterações",
+  media_delete_asset: "Eliminar Recurso?",
+  media_delete_confirmation: 'Tem a certeza de que quer eliminar "{{name}}"? Esta ação não pode ser desfeita.',
+  media_file_too_large: "{{name}}: Ficheiro demasiado grande (máx {{size}})",
+  media_file_type_not_allowed: "{{name}}: Tipo de ficheiro não permitido",
+  media_upload_failed: "Falha no carregamento",
+  media_upload_files: "Carregar Ficheiros",
+  media_drop_files: "Solte ficheiros aqui ou clique para navegar",
+  media_max_file_size: "Tamanho máximo de ficheiro: {{size}}",
+  media_selected_files_count: "Ficheiros selecionados ({{count}})",
+  media_remove: "Remover",
+  media_uploading: "A carregar...",
+  media_manage_description: "Gerir os seus ficheiros e recursos de média",
+  media_assets_count: "{{count}} recursos"
+};
 const DEFAULT_STORAGE_PATH = "media";
 const DEFAULT_COLLECTION_PATH = "media_assets";
 const MediaManagerConfigContext = createContext(null);
@@ -1211,29 +1626,41 @@ function buildMediaView() {
   return {
     path: "media",
     name: "Media Library",
-    description: "Manage your media files and assets",
+    description: "Manage your media files",
     group: "Media",
     icon: "perm_media",
     view: /* @__PURE__ */ jsx(MediaLibraryViewInternal, {})
   };
 }
-const MEDIA_VIEW = buildMediaView();
 function useMediaManagerPlugin(props) {
+  const mediaView = useMemo(() => buildMediaView(), []);
   return useMemo(() => ({
     key: "media_manager",
-    views: [MEDIA_VIEW],
+    views: [mediaView],
     provider: {
       Component: ({
         children
       }) => /* @__PURE__ */ jsx(MediaManagerConfigContext.Provider, { value: props, children })
+    },
+    i18n: {
+      en: mediaManagerTranslationsEn,
+      es: mediaManagerTranslationsEs,
+      de: mediaManagerTranslationsDe,
+      fr: mediaManagerTranslationsFr,
+      it: mediaManagerTranslationsIt,
+      hi: mediaManagerTranslationsHi,
+      pt: mediaManagerTranslationsPt
     }
   }), []);
 }
 function MediaLibraryCard(t0) {
-  const $ = c(3);
+  const $ = c(13);
   const {
     group
   } = t0;
+  const {
+    t
+  } = useTranslation();
   if (group !== "Media") {
     return null;
   }
@@ -1252,19 +1679,53 @@ function MediaLibraryCard(t0) {
     t2 = $[1];
   }
   let t3;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(Link, { to: "/media", className: "no-underline", children: /* @__PURE__ */ jsx(Card, { className: t1, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+  if ($[2] !== t) {
+    t3 = t("media_library");
+    $[2] = t;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "font-medium", children: t3 });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t) {
+    t5 = t("media_library_description");
+    $[6] = t;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t5) {
+    t6 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-600 dark:text-surface-accent-400", children: t5 });
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t4 || $[11] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Link, { to: "/media", className: "no-underline", children: /* @__PURE__ */ jsx(Card, { className: t1, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       t2,
       /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "font-medium", children: "Media Library" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-surface-accent-600 dark:text-surface-accent-400", children: "Manage images and files" })
+        t4,
+        t6
       ] })
     ] }) }) });
-    $[2] = t3;
+    $[10] = t4;
+    $[11] = t6;
+    $[12] = t7;
   } else {
-    t3 = $[2];
+    t7 = $[12];
   }
-  return t3;
+  return t7;
 }
 export {
   MediaAssetCard,