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

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("compressorjs"), require("@firecms/ui"), require("@firecms/formex"), require("@firecms/core"), require("react-router-dom")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "compressorjs", "@firecms/ui", "@firecms/formex", "@firecms/core", "react-router-dom"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMSMediaManager = {}, global.jsxRuntime, global.reactCompilerRuntime, global.react, global.Compressor, global.ui, global.formex, global.core, global.reactRouterDom));
-})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, react, Compressor, ui, formex, core, reactRouterDom) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("compressorjs"), require("@firecms/ui"), require("@firecms/core"), require("@firecms/formex"), require("react-router-dom")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "compressorjs", "@firecms/ui", "@firecms/core", "@firecms/formex", "react-router-dom"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FireCMSMediaManager = {}, global.jsxRuntime, global.reactCompilerRuntime, global.react, global.Compressor, global.ui, global.core, global.formex, global.reactRouterDom));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, react, Compressor, ui, core, formex, reactRouterDom) {
   "use strict";
   const MediaManagerContext = react.createContext(void 0);
   function useMediaManager() {
@@ -551,6 +551,9 @@
     const [deleting, setDeleting] = react.useState(false);
     const [deleteDialogOpen, setDeleteDialogOpen] = react.useState(false);
     const [tagInput, setTagInput] = react.useState("");
+    const {
+      t
+    } = core.useTranslation();
     const {
       values,
       setFieldValue,
@@ -569,12 +572,14 @@
         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);
@@ -586,13 +591,15 @@
         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);
@@ -608,7 +615,7 @@
       } catch (error_1) {
         snackbarController.open({
           type: "error",
-          message: "Error getting download URL"
+          message: t("media_error_getting_url")
         });
       }
     }, [asset, storageSource, snackbarController]);
@@ -620,7 +627,7 @@
       }
     }, [tagInput, values.tags, setFieldValue]);
     const handleRemoveTag = react.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`;
@@ -646,11 +653,11 @@
             /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("img", { src: asset.downloadURL, alt: asset.altText || asset.fileName, className: "max-w-full max-h-full object-contain" }) : isVideo && asset.downloadURL ? /* @__PURE__ */ jsxRuntime.jsx("video", { src: asset.downloadURL, className: "max-w-full max-h-full", controls: true }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-surface-accent-400", children: "Preview not available" }) }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("img", { src: asset.downloadURL, alt: asset.altText || asset.fileName, className: "max-w-full max-h-full object-contain" }) : isVideo && asset.downloadURL ? /* @__PURE__ */ jsxRuntime.jsx("video", { src: asset.downloadURL, className: "max-w-full max-h-full", controls: true }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-surface-accent-400", children: t("media_preview_not_available") }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
             asset.dimensions && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: "Dimensions" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_dimensions") }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", children: [
                 asset.dimensions.width,
                 " × ",
@@ -659,57 +666,55 @@
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: "Size" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_size") }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: formatSize(asset.size) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: "Type" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_type") }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: asset.mimeType })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: "Created" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_created") }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: formatDate(asset.createdAt) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-surface-accent-200 dark:border-surface-accent-700" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: "File Name", value: asset.fileName, disabled: true, size: "small" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: "Title", value: values.title ?? "", onChange: (e) => setFieldValue("title", e.target.value), size: "small" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_file_name"), value: asset.fileName, disabled: true, size: "small" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_title"), value: values.title ?? "", onChange: (e) => setFieldValue("title", e.target.value), size: "small" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: "Alt Text", value: values.altText ?? "", onChange: (e_0) => setFieldValue("altText", e_0.target.value), size: "small" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mt-1", children: "Recommended for SEO" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_alt_text"), value: values.altText ?? "", onChange: (e_0) => setFieldValue("altText", e_0.target.value), size: "small" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mt-1", children: t("media_recommended_seo") })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: "Caption", value: values.caption ?? "", onChange: (e_1) => setFieldValue("caption", e_1.target.value), size: "small", multiline: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { label: t("media_caption"), value: values.caption ?? "", onChange: (e_1) => setFieldValue("caption", e_1.target.value), size: "small", multiline: true }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mb-1 block", children: "Tags" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500 mb-1 block", children: t("media_tags") }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: values.tags?.map((tag_0) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Chip, { size: "small", colorScheme: "blueLighter", onClick: () => handleRemoveTag(tag_0), children: [
               tag_0,
               " ×"
             ] }, tag_0)) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { placeholder: "Add a tag...", value: tagInput, onChange: (e_2) => setTagInput(e_2.target.value), size: "small", className: "flex-1", onKeyDown: (e_3) => {
+              /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: handleAddTag, disabled: !tagInput.trim(), children: "Add" })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: handleAddTag, disabled: !tagInput.trim(), children: t("media_add") })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 p-4 border-t border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleSave, disabled: !dirty || saving, className: "w-full", children: saving ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : "Save Changes" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 p-4 border-t border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleSave, disabled: !dirty || saving, className: "w-full", children: saving ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : t("media_save_changes") }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", className: "font-medium mb-2", children: "Delete Asset?" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", className: "font-medium mb-2", children: t("media_delete_asset") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-accent-600 dark:text-surface-accent-400", children: t("media_delete_confirmation", {
+            name: asset.title || asset.fileName
+          }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => setDeleteDialogOpen(false), disabled: deleting, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", color: "error", onClick: handleDelete, disabled: deleting, children: deleting ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : "Delete" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => setDeleteDialogOpen(false), disabled: deleting, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", color: "error", onClick: handleDelete, disabled: deleting, children: deleting ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : t("delete") })
         ] })
       ] })
     ] });
@@ -726,12 +731,18 @@
     const [uploading, setUploading] = react.useState(false);
     const [error, setError] = react.useState(null);
     const [selectedFiles, setSelectedFiles] = react.useState([]);
+    const {
+      t
+    } = core.useTranslation();
     const validateFiles = react.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) => {
@@ -740,7 +751,9 @@
           }
           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);
@@ -798,7 +811,7 @@
         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);
       }
@@ -817,26 +830,23 @@
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open, onOpenChange: (open_0) => !open_0 && handleClose(), maxWidth: "md", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "p-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", children: "Upload Files" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b border-surface-accent-200 dark:border-surface-accent-700", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", children: t("media_upload_files") }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.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__ */ jsxRuntime.jsx(ui.CloudUploadIcon, { size: "large", className: ui.cls(isDragging ? "text-primary" : "text-surface-accent-400") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", className: "font-medium", children: "Drop files here or click to browse" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: [
-                "Maximum file size: ",
-                formatSize(maxFileSize)
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", className: "font-medium", children: t("media_drop_files") }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_max_file_size", {
+                size: formatSize(maxFileSize)
+              }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("input", { id: "file-upload-input", type: "file", multiple: true, accept: acceptedMimeTypes?.join(","), onChange: handleFileSelect, className: "hidden" })
           ] }),
           error && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-red-500 mt-2 block whitespace-pre-line", children: error }),
           selectedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: [
-              "Selected files (",
-              selectedFiles.length,
-              ")"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-surface-accent-500", children: t("media_selected_files_count", {
+              count: selectedFiles.length.toString()
+            }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-40 overflow-auto space-y-1", children: selectedFiles.map((file_0, index_0) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between p-2 rounded", "bg-surface-accent-50 dark:bg-surface-accent-800"), children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 mr-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "truncate", children: file_0.name }),
@@ -845,22 +855,22 @@
               /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: handleClose, disabled: uploading, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: handleClose, disabled: uploading, children: t("cancel") }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleUpload, disabled: selectedFiles.length === 0 || uploading, children: uploading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.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 $ = reactCompilerRuntime.c(58);
+    const $ = reactCompilerRuntime.c(87);
     const {
       maxFileSize,
       acceptedMimeTypes
@@ -869,6 +879,9 @@
     const [uploadDialogOpen, setUploadDialogOpen] = react.useState(false);
     const [viewMode, setViewMode] = react.useState("grid");
     react.useRef(null);
+    const {
+      t
+    } = core.useTranslation();
     let t1;
     if ($[0] !== controller) {
       t1 = (query) => {
@@ -916,235 +929,637 @@
     }
     const handleRefresh = t4;
     let t5;
-    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", className: "font-semibold", children: t5 });
+      $[9] = t5;
+      $[10] = t6;
     } else {
-      t6 = $[9];
+      t6 = $[10];
     }
     let t7;
-    if ($[10] !== t6) {
-      t7 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.SearchBar, { onTextSearch: handleSearch, placeholder: "Search assets...", className: "flex-1 sm:w-64" });
-      $[12] = handleSearch;
-      $[13] = t8;
+    if ($[14] !== t6 || $[15] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.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 = $[14];
+      t9 = $[18];
+    }
+    let t10;
+    if ($[19] !== handleSearch || $[20] !== t9) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.SearchBar, { onTextSearch: handleSearch, placeholder: t9, className: "flex-1 sm:w-64" });
+      $[19] = handleSearch;
+      $[20] = t9;
+      $[21] = t10;
+    } else {
+      t10 = $[21];
     }
-    const t10 = viewMode === "grid" && "bg-surface-accent-100 dark:bg-surface-accent-800";
     let t11;
-    if ($[15] !== t10) {
-      t11 = ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Grid view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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 = ui.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__ */ jsxRuntime.jsx(ui.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 = ui.cls(t15);
-      $[21] = t15;
-      $[22] = t16;
+    if ($[28] !== t14) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Icon, { iconKey: "list", size: "small" });
-      $[23] = t17;
+    if ($[30] !== t11 || $[31] !== t16) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t11, children: t16 });
+      $[30] = t11;
+      $[31] = t16;
+      $[32] = t17;
     } else {
-      t17 = $[23];
+      t17 = $[32];
     }
     let t18;
-    if ($[24] !== t16) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "List view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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;
+    if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t19 = () => setViewMode("list");
+      $[35] = t19;
     } else {
-      t19 = $[28];
-    }
-    let t20;
-    if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshIcon, { size: "small" });
-      $[29] = t20;
-    } 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__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: handleRefresh, disabled: controller.loading, children: t20 }) });
-      $[30] = controller.loading;
-      $[31] = handleRefresh;
-      $[32] = t21;
+    if ($[36] !== t20) {
+      t21 = ui.cls(t20);
+      $[36] = t20;
+      $[37] = t21;
     } else {
-      t21 = $[32];
+      t21 = $[37];
     }
     let t22;
-    if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "filled", onClick: handleUploadClick, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { size: "small" }),
-        "Upload"
-      ] });
-      $[33] = t22;
+    if ($[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { iconKey: "list", size: "small" });
+      $[38] = t22;
     } else {
-      t22 = $[33];
+      t22 = $[38];
     }
     let t23;
-    if ($[34] !== t19 || $[35] !== t21 || $[36] !== t8) {
-      t23 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-6", children: controller.loading && controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) }) : controller.error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { className: "text-red-500", children: [
-          "Error loading assets: ",
-          controller.error.message
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleRefresh, children: "Try Again" })
-      ] }) : controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-accent-500", children: "No media assets yet" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: handleUploadClick, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { size: "small" }),
-          "Upload your first file"
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.RefreshIcon, { size: "small" });
+      $[49] = t27;
     } else {
-      t27 = $[47];
+      t27 = $[49];
     }
     let t28;
-    if ($[48] !== acceptedMimeTypes || $[49] !== handleFileSelect || $[50] !== maxFileSize || $[51] !== uploadDialogOpen) {
-      t28 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [
-        t24,
+    if ($[53] !== t26 || $[54] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
+        t10,
         t25,
-        t26,
-        t28
+        t29,
+        t32
+      ] });
+      $[61] = t10;
+      $[62] = t25;
+      $[63] = t29;
+      $[64] = t32;
+      $[65] = t33;
+    } else {
+      t33 = $[65];
+    }
+    let t34;
+    if ($[66] !== t33 || $[67] !== t8) {
+      t34 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { maxWidth: "6xl", className: "py-6", children: controller.loading && controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) }) : controller.error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-red-500", children: t("media_error_loading", {
+          message: controller.error.message
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleRefresh, children: t("media_try_again") })
+      ] }) : controller.assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-64 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { className: "text-surface-accent-500", children: t("media_no_assets") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: handleUploadClick, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, { size: "small" }),
+          t("media_upload_first_file")
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [
+        t34,
+        t35,
+        t36,
+        t38
       ] });
-      $[53] = t24;
-      $[54] = t25;
-      $[55] = t26;
-      $[56] = t28;
-      $[57] = t29;
+      $[82] = t34;
+      $[83] = t35;
+      $[84] = t36;
+      $[85] = t38;
+      $[86] = t39;
     } else {
-      t29 = $[57];
+      t39 = $[86];
     }
-    return t29;
+    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 = react.createContext(null);
@@ -1207,29 +1622,41 @@
     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__ */ jsxRuntime.jsx(MediaLibraryViewInternal, {})
     };
   }
-  const MEDIA_VIEW = buildMediaView();
   function useMediaManagerPlugin(props) {
+    const mediaView = react.useMemo(() => buildMediaView(), []);
     return react.useMemo(() => ({
       key: "media_manager",
-      views: [MEDIA_VIEW],
+      views: [mediaView],
       provider: {
         Component: ({
           children
         }) => /* @__PURE__ */ jsxRuntime.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 $ = reactCompilerRuntime.c(3);
+    const $ = reactCompilerRuntime.c(13);
     const {
       group
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     if (group !== "Media") {
       return null;
     }
@@ -1248,19 +1675,53 @@
       t2 = $[1];
     }
     let t3;
-    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: "/media", className: "no-underline", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: t1, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: "/media", className: "no-underline", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: t1, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         t2,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-medium", children: "Media Library" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.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;
   }
   exports2.MediaAssetCard = MediaAssetCard;
   exports2.MediaAssetDetails = MediaAssetDetails;