@rebasepro/studio 0.22.0 → 0.24.0

package/dist/{StorageView-C52dSZNf.js → StorageView-CbsHuCBf.js}

@@ -1,12 +1,25 @@
-import { t as classifyLoadFailure } from "./load-failure-C6OMJSGC.js";
-import { ErrorView, useApiBase, useApiConfig, useSnackbarController, useStorageSource, useStorageSources } from "@rebasepro/app";
+import { t as classifyLoadFailure } from "./load-failure-Bd8lFIO7.js";
+import { ErrorView, useApiBase, useApiConfig, useSnackbarController, useStorageSource, useStorageSources, useTranslation } from "@rebasepro/app";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { ArrowLeftIcon, Button, CheckIcon, Checkbox, Chip, CircularProgress, CopyIcon, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, FileTextIcon, FileUpload, FolderIcon, FolderPlusIcon, IconButton, ImageIcon, LayoutGridIcon, ListIcon, LoadingButton, Music2Icon, PlusIcon, RefreshCwIcon, Select, SelectItem, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, VideoIcon, XIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { ArrowLeftIcon, Button, CheckIcon, Checkbox, Chip, CircularProgress, CopyIcon, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, FileTextIcon, FileUpload, FolderIcon, FolderPlusIcon, IconButton, ImageIcon, LayoutGridIcon, ListIcon, LoadingButton, Music2Icon, PlusIcon, RefreshCwIcon, Select, SelectItem, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, VideoIcon, XIcon, cls, defaultBorderMixin, iconSize, isKeyHandled } from "@rebasepro/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router";
-import { DEFAULT_STORAGE_SOURCE_KEY } from "@rebasepro/types";
+import { DEFAULT_STORAGE_SOURCE_KEY, isPublicStorageKey } from "@rebasepro/types";
 import { useDropzone } from "react-dropzone";
 //#region src/components/StorageView/StorageView.tsx
+function fileLinkOf(config, fullPath) {
+	if (!config.url) return null;
+	const metadata = config.metadata;
+	return {
+		url: config.url,
+		expiresInSeconds: metadata?.token && typeof metadata.tokenExpiresIn === "number" ? metadata.tokenExpiresIn : void 0,
+		isPublic: metadata ? metadata.public === true : isPublicStorageKey(fullPath)
+	};
+}
+/** A URL the browser can open from anywhere: relative ones are this page's origin's. */
+function absoluteUrl(url) {
+	return url.startsWith("http") ? url : `${window.location.origin}${url.startsWith("/") ? "" : "/"}${url}`;
+}
 /**
 * The query parameter holding the folder being browsed.
 *
@@ -32,14 +45,14 @@ function getExtension(name) {
 	const parts = name.split(".");
 	return parts.length > 1 ? parts[parts.length - 1].toUpperCase() : "";
 }
-function breadcrumbSegments(path) {
+function breadcrumbSegments(path, rootLabel) {
 	if (!path || path === "/") return [{
-		label: "Root",
+		label: rootLabel,
 		path: ""
 	}];
 	const parts = path.split("/").filter(Boolean);
 	const segments = [{
-		label: "Root",
+		label: rootLabel,
 		path: ""
 	}];
 	let accumulated = "";
@@ -52,7 +65,43 @@ function breadcrumbSegments(path) {
 	}
 	return segments;
 }
+/**
+* Everything directly under `prefix`, across every page.
+*
+* A listing answers a page at a time — a thousand entries on the built-in
+* controllers — and hands back a token for the next. Reading only the first
+* showed a large folder cut short, and deleted the first page of it.
+*/
+async function listAllPages(source, prefix) {
+	const items = [];
+	const prefixes = [];
+	let pageToken;
+	do {
+		const page = pageToken ? await source.listObjects(prefix, { pageToken }) : await source.listObjects(prefix);
+		items.push(...page.items ?? []);
+		prefixes.push(...page.prefixes ?? []);
+		pageToken = page.nextPageToken;
+	} while (pageToken);
+	return {
+		items,
+		prefixes
+	};
+}
+/**
+* Delete a folder: every file in it, every folder below it, and the folder
+* itself — the directory on local disk, or the zero-byte `name/` marker that
+* "New folder" writes on S3 and GCS, which no listing shows as an entry.
+*/
+async function deleteFolderRecursive(source, prefix) {
+	const { items, prefixes } = await listAllPages(source, prefix);
+	for (const item of items) await source.deleteObject(item.fullPath);
+	for (const sub of prefixes) await deleteFolderRecursive(source, sub.fullPath);
+	try {
+		await source.deleteObject(prefix.endsWith("/") ? prefix : `${prefix}/`);
+	} catch {}
+}
 function UploadDialog({ open, currentPath, onClose, onUpload }) {
+	const { t } = useTranslation();
 	const [uploading, setUploading] = useState(false);
 	const [selectedFiles, setSelectedFiles] = useState([]);
 	const [error, setError] = useState(null);
@@ -71,14 +120,15 @@ function UploadDialog({ open, currentPath, onClose, onUpload }) {
 			setSelectedFiles([]);
 			onClose();
 		} catch (err) {
-			setError(err instanceof Error ? err.message : "Upload failed");
+			setError(err instanceof Error ? err.message : t("studio_storage_upload_failed"));
 		} finally {
 			setUploading(false);
 		}
 	}, [
 		selectedFiles,
 		onUpload,
-		onClose
+		onClose,
+		t
 	]);
 	const handleClose = useCallback(() => {
 		if (!uploading) {
@@ -92,13 +142,17 @@ function UploadDialog({ open, currentPath, onClose, onUpload }) {
 		onOpenChange: (o) => !o && handleClose(),
 		maxWidth: "md",
 		children: [
-			/* @__PURE__ */ jsxs(DialogTitle, { children: ["Upload Files", /* @__PURE__ */ jsxs(Typography, {
+			/* @__PURE__ */ jsxs(DialogTitle, { children: [t("studio_storage_upload_dialog_title"), /* @__PURE__ */ jsxs(Typography, {
 				variant: "caption",
 				className: "text-text-secondary dark:text-text-secondary-dark mt-0.5 block",
-				children: ["to ", /* @__PURE__ */ jsxs("span", {
-					className: "font-mono text-primary",
-					children: ["/", currentPath || "root"]
-				})]
+				children: [
+					t("studio_storage_upload_to"),
+					" ",
+					/* @__PURE__ */ jsxs("span", {
+						className: "font-mono text-primary",
+						children: ["/", currentPath || t("studio_storage_root_folder")]
+					})
+				]
 			})] }),
 			/* @__PURE__ */ jsxs(DialogContent, {
 				className: "space-y-4",
@@ -112,12 +166,12 @@ function UploadDialog({ open, currentPath, onClose, onUpload }) {
 								/* @__PURE__ */ jsx(UploadCloudIcon, { className: "text-surface-accent-400 mb-2 w-8 h-8" }),
 								/* @__PURE__ */ jsx(Typography, {
 									variant: "label",
-									children: "Drop files here or click to browse"
+									children: t("studio_storage_drop_or_browse")
 								}),
 								/* @__PURE__ */ jsx(Typography, {
 									variant: "caption",
 									color: "secondary",
-									children: "Any file type supported"
+									children: t("studio_storage_any_file_type")
 								})
 							]
 						})
@@ -129,14 +183,10 @@ function UploadDialog({ open, currentPath, onClose, onUpload }) {
 					}),
 					selectedFiles.length > 0 && /* @__PURE__ */ jsxs("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ jsxs(Typography, {
+						children: [/* @__PURE__ */ jsx(Typography, {
 							variant: "caption",
 							color: "secondary",
-							children: [
-								"Selected files (",
-								selectedFiles.length,
-								")"
-							]
+							children: t("studio_storage_selected_files", { count: selectedFiles.length })
 						}), /* @__PURE__ */ jsx("div", {
 							className: "max-h-40 overflow-auto space-y-1",
 							children: selectedFiles.map((file, index) => /* @__PURE__ */ jsxs("div", {
@@ -170,24 +220,45 @@ function UploadDialog({ open, currentPath, onClose, onUpload }) {
 				variant: "text",
 				onClick: handleClose,
 				disabled: uploading,
-				children: "Cancel"
+				children: t("studio_storage_cancel")
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "filled",
 				onClick: handleUpload,
 				disabled: selectedFiles.length === 0 || uploading,
 				startIcon: uploading ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(UploadCloudIcon, { size: 14 }),
-				children: uploading ? "Uploading..." : `Upload${selectedFiles.length > 0 ? ` (${selectedFiles.length})` : ""}`
+				children: uploading ? t("studio_storage_uploading") : selectedFiles.length > 0 ? t("studio_storage_upload_count", { count: selectedFiles.length }) : t("studio_storage_upload")
 			})] })
 		]
 	});
 }
-function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
+function FilePreviewPanel({ file, onClose, onDelete, link, mintLink }) {
+	const { t } = useTranslation();
+	const snackbarController = useSnackbarController();
 	file.contentType?.startsWith("image/");
 	file.contentType?.startsWith("video/");
 	file.contentType?.startsWith("audio/");
 	const FileIconComponent = getFileIcon(file.contentType);
 	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
 	const [urlCopied, setUrlCopied] = useState(false);
+	const reportLinkError = (e) => {
+		snackbarController.open({
+			type: "error",
+			message: e instanceof Error ? e.message : String(e)
+		});
+	};
+	const handleDownload = () => {
+		mintLink().then((fresh) => {
+			if (fresh) window.open(fresh.url, "_blank");
+		}).catch(reportLinkError);
+	};
+	const handleCopy = () => {
+		mintLink().then(async (fresh) => {
+			if (!fresh) return;
+			await navigator.clipboard.writeText(absoluteUrl(fresh.url));
+			setUrlCopied(true);
+			setTimeout(() => setUrlCopied(false), 2e3);
+		}).catch(reportLinkError);
+	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		className: cls("flex flex-col h-full border-l", defaultBorderMixin, "bg-surface-card"),
 		children: [
@@ -200,17 +271,19 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-0.5",
 					children: [
-						downloadUrl && /* @__PURE__ */ jsx(Tooltip, {
-							title: "Download",
+						link && /* @__PURE__ */ jsx(Tooltip, {
+							title: t("studio_storage_download"),
 							children: /* @__PURE__ */ jsx(IconButton, {
+								"aria-label": t("studio_storage_download"),
 								size: "small",
-								onClick: () => window.open(downloadUrl, "_blank"),
+								onClick: handleDownload,
 								children: /* @__PURE__ */ jsx(DownloadIcon, { size: iconSize.smallest })
 							})
 						}),
 						/* @__PURE__ */ jsx(Tooltip, {
-							title: "Delete",
+							title: t("studio_storage_delete"),
 							children: /* @__PURE__ */ jsx(IconButton, {
+								"aria-label": t("studio_storage_delete"),
 								size: "small",
 								onClick: () => setDeleteDialogOpen(true),
 								className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20",
@@ -251,21 +324,21 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							"ogg",
 							"m4a"
 						].includes(ext);
-						const downloadUrl = file.downloadUrl;
-						if (isImage && downloadUrl) return /* @__PURE__ */ jsx("img", {
-							src: downloadUrl,
+						const previewUrl = link?.url;
+						if (isImage && previewUrl) return /* @__PURE__ */ jsx("img", {
+							src: previewUrl,
 							alt: file.name,
 							className: "max-w-full max-h-[400px] object-contain rounded-md shadow-sm"
 						});
-						else if (isVideo && downloadUrl) return /* @__PURE__ */ jsx("video", {
-							src: downloadUrl,
+						else if (isVideo && previewUrl) return /* @__PURE__ */ jsx("video", {
+							src: previewUrl,
 							className: "max-w-full max-h-[400px] rounded-md",
 							controls: true
 						});
-						else if (isAudio && downloadUrl) return /* @__PURE__ */ jsxs("div", {
+						else if (isAudio && previewUrl) return /* @__PURE__ */ jsxs("div", {
 							className: "flex flex-col items-center gap-4",
 							children: [/* @__PURE__ */ jsx(Music2Icon, { className: "text-surface-accent-400 w-10 h-10" }), /* @__PURE__ */ jsx("audio", {
-								src: downloadUrl,
+								src: previewUrl,
 								controls: true,
 								className: "w-full max-w-xs"
 							})]
@@ -275,7 +348,7 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							children: [/* @__PURE__ */ jsx(FileIconComponent, { className: "w-10 h-10" }), /* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
 								className: "text-text-disabled dark:text-text-disabled-dark",
-								children: "No preview available"
+								children: t("studio_storage_no_preview")
 							})]
 						});
 					})()
@@ -287,7 +360,7 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 					/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, {
 						variant: "caption",
 						className: "text-text-disabled dark:text-text-disabled-dark text-[10px] uppercase tracking-wider font-semibold mb-1 block",
-						children: "File Info"
+						children: t("studio_storage_file_info")
 					}) }),
 					/* @__PURE__ */ jsxs("div", {
 						className: "grid grid-cols-2 gap-3",
@@ -295,7 +368,7 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
 								className: "text-surface-accent-500 text-[11px]",
-								children: "Name"
+								children: t("studio_storage_name")
 							}), /* @__PURE__ */ jsx(Typography, {
 								variant: "body2",
 								className: "text-[13px] break-all",
@@ -304,16 +377,16 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
 								className: "text-surface-accent-500 text-[11px]",
-								children: "Type"
+								children: t("studio_storage_type")
 							}), /* @__PURE__ */ jsx(Typography, {
 								variant: "body2",
 								className: "text-[13px]",
-								children: file.contentType || "Unknown"
+								children: file.contentType || t("studio_storage_type_unknown")
 							})] }),
 							file.size !== void 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
 								className: "text-surface-accent-500 text-[11px]",
-								children: "Size"
+								children: t("studio_storage_size")
 							}), /* @__PURE__ */ jsx(Typography, {
 								variant: "body2",
 								className: "text-[13px]",
@@ -322,7 +395,7 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
 								className: "text-surface-accent-500 text-[11px]",
-								children: "Extension"
+								children: t("studio_storage_extension")
 							}), /* @__PURE__ */ jsx(Typography, {
 								variant: "body2",
 								className: "text-[13px] font-mono",
@@ -333,7 +406,7 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 								children: [/* @__PURE__ */ jsx(Typography, {
 									variant: "caption",
 									className: "text-surface-accent-500 text-[11px]",
-									children: "Path"
+									children: t("studio_storage_path")
 								}), /* @__PURE__ */ jsx(Typography, {
 									variant: "body2",
 									className: "text-[13px] font-mono break-all",
@@ -342,41 +415,47 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 							})
 						]
 					}),
-					downloadUrl && /* @__PURE__ */ jsxs("div", {
+					link && /* @__PURE__ */ jsxs("div", {
 						className: "pt-2",
-						children: [/* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							className: "text-surface-accent-500 text-[11px] block mb-1",
-							children: "URL"
-						}), /* @__PURE__ */ jsxs("div", {
-							className: cls("flex items-center gap-2 p-2 rounded cursor-pointer transition-colors", "bg-surface-raised hover:bg-surface-raised-hover"),
-							onClick: () => {
-								const fullUrl = downloadUrl.startsWith("http") ? downloadUrl : `${window.location.origin}${downloadUrl.startsWith("/") ? "" : "/"}${downloadUrl}`;
-								navigator.clipboard.writeText(fullUrl).then(() => {
-									setUrlCopied(true);
-									setTimeout(() => setUrlCopied(false), 2e3);
-								});
-							},
-							children: [/* @__PURE__ */ jsx(Typography, {
+						children: [
+							/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
-								className: "font-mono text-[11px] truncate flex-1 min-w-0 text-primary",
-								children: (() => {
-									return downloadUrl.startsWith("http") ? downloadUrl : `${window.location.origin}${downloadUrl.startsWith("/") ? "" : "/"}${downloadUrl}`;
-								})()
-							}), /* @__PURE__ */ jsx(Tooltip, {
-								title: urlCopied ? "Copied!" : "Copy URL",
-								children: /* @__PURE__ */ jsx("div", {
-									className: "shrink-0",
-									children: urlCopied ? /* @__PURE__ */ jsx(CheckIcon, {
-										size: 14,
-										className: "text-green-500"
-									}) : /* @__PURE__ */ jsx(CopyIcon, {
-										size: 14,
-										className: "text-surface-accent-400"
+								className: "text-surface-accent-500 text-[11px] block mb-1",
+								children: t("studio_storage_url")
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: cls("flex items-center gap-2 p-2 rounded cursor-pointer transition-colors", "bg-surface-raised hover:bg-surface-raised-hover"),
+								onClick: handleCopy,
+								children: [/* @__PURE__ */ jsx(Typography, {
+									variant: "caption",
+									className: "font-mono text-[11px] truncate flex-1 min-w-0 text-primary",
+									children: absoluteUrl(link.url)
+								}), /* @__PURE__ */ jsx(Tooltip, {
+									title: urlCopied ? t("studio_storage_url_copied") : t("studio_storage_copy_url"),
+									children: /* @__PURE__ */ jsx("div", {
+										className: "shrink-0",
+										children: urlCopied ? /* @__PURE__ */ jsx(CheckIcon, {
+											size: 14,
+											className: "text-green-500"
+										}) : /* @__PURE__ */ jsx(CopyIcon, {
+											size: 14,
+											className: "text-surface-accent-400"
+										})
 									})
-								})
-							})]
-						})]
+								})]
+							}),
+							link.isPublic ? /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "secondary",
+								className: "block mt-1 text-[11px]",
+								children: t("studio_storage_url_public")
+							}) : link.expiresInSeconds !== void 0 ? /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "secondary",
+								className: "block mt-1 text-[11px]",
+								children: t("studio_storage_url_temporary", { minutes: Math.max(1, Math.round(link.expiresInSeconds / 60)) })
+							}) : null
+						]
 					})
 				]
 			})
@@ -387,24 +466,20 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 		children: [
 			/* @__PURE__ */ jsx(DialogTitle, {
 				hidden: true,
-				children: "Delete File"
+				children: t("studio_storage_delete_file_title")
 			}),
 			/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(Typography, {
 				variant: "subtitle1",
 				className: "mb-2",
-				children: "Delete File?"
-			}), /* @__PURE__ */ jsxs(Typography, {
+				children: t("studio_storage_delete_file_question")
+			}), /* @__PURE__ */ jsx(Typography, {
 				className: "text-surface-accent-600 dark:text-surface-accent-400",
-				children: [
-					"Are you sure you want to delete \"",
-					file.name,
-					"\"? This action cannot be undone."
-				]
+				children: t("studio_storage_delete_file_body", { name: file.name })
 			})] }),
 			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
 				variant: "text",
 				onClick: () => setDeleteDialogOpen(false),
-				children: "Cancel"
+				children: t("studio_storage_cancel")
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "filled",
 				color: "error",
@@ -412,12 +487,13 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 					setDeleteDialogOpen(false);
 					onDelete();
 				},
-				children: "Delete"
+				children: t("studio_storage_delete")
 			})] })
 		]
 	})] });
 }
 var StorageView = () => {
+	const { t } = useTranslation();
 	const defaultStorageSource = useStorageSource();
 	const storageSources = useStorageSources();
 	const snackbarController = useSnackbarController();
@@ -436,7 +512,9 @@ var StorageView = () => {
 	const [folders, setFolders] = useState([]);
 	const [files, setFiles] = useState([]);
 	const [selectedFile, setSelectedFile] = useState(null);
-	const [selectedDownloadUrl, setSelectedDownloadUrl] = useState(null);
+	const [selectedLink, setSelectedLink] = useState(null);
+	/** The latest link asked for the preview: an earlier one answering later is dropped. */
+	const linkRequestRef = useRef(0);
 	const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
 	const [viewMode, setViewMode] = useState("grid");
 	const [selectedPaths, setSelectedPaths] = useState(/* @__PURE__ */ new Set());
@@ -453,19 +531,29 @@ var StorageView = () => {
 	useEffect(() => {
 		storageSourceRef.current = storageSource;
 	}, [storageSource]);
+	/**
+	* The latest listing asked for. Only its answer is shown: a listing awaits
+	* every file's metadata, so an earlier one — of the source or folder the
+	* view has since left — can answer after a later one, and showed that
+	* source's files under the one selected, where their actions ran.
+	*/
+	const listingRequestRef = useRef(0);
 	const fetchContents = useCallback(async (path) => {
+		const request = ++listingRequestRef.current;
+		const isCurrent = () => request === listingRequestRef.current;
+		const source = storageSourceRef.current;
 		setLoading(true);
 		setFailure(null);
 		try {
-			const result = await storageSourceRef.current.listObjects(path);
-			const folderItems = (result.prefixes ?? []).map((ref) => ({
+			const result = await listAllPages(source, path);
+			const folderItems = result.prefixes.map((ref) => ({
 				name: ref.name,
 				fullPath: ref.fullPath,
 				isFolder: true
 			}));
-			const fileItems = await Promise.all((result.items ?? []).map(async (ref) => {
+			const fileItems = await Promise.all(result.items.map(async (ref) => {
 				try {
-					const downloadConfig = await storageSourceRef.current.getSignedUrl(ref.fullPath);
+					const downloadConfig = await source.getSignedUrl(ref.fullPath);
 					return {
 						name: ref.name,
 						fullPath: ref.fullPath,
@@ -482,13 +570,15 @@ var StorageView = () => {
 					};
 				}
 			}));
+			if (!isCurrent()) return;
 			setFolders(folderItems);
 			setFiles(fileItems);
 		} catch (e) {
+			if (!isCurrent()) return;
 			console.error("Storage list error:", e);
 			setFailure(classifyLoadFailure(e));
 		} finally {
-			setLoading(false);
+			if (isCurrent()) setLoading(false);
 		}
 	}, []);
 	useEffect(() => {
@@ -498,6 +588,33 @@ var StorageView = () => {
 		fetchContents,
 		selectedSourceKey
 	]);
+	/** A link to `file`, minted now through the source being browsed — see {@link FileLink}. */
+	const mintFileLink = useCallback(async (file) => fileLinkOf(await storageSourceRef.current.getSignedUrl(file.fullPath), file.fullPath), []);
+	/** Open `file` in the preview, with a link minted for it now. */
+	const openPreview = useCallback((file) => {
+		const request = ++linkRequestRef.current;
+		setSelectedFile(file);
+		setSelectedLink(null);
+		mintFileLink(file).then((link) => {
+			if (request === linkRequestRef.current) setSelectedLink(link);
+		}).catch(() => {
+			if (request === linkRequestRef.current) setSelectedLink(null);
+		});
+	}, [mintFileLink]);
+	/** A fresh link to the previewed file, for a download or a copy. It replaces the one shown. */
+	const refreshPreviewLink = useCallback(async () => {
+		if (!selectedFile) return null;
+		const request = ++linkRequestRef.current;
+		const link = await mintFileLink(selectedFile);
+		if (request === linkRequestRef.current) setSelectedLink(link);
+		return link;
+	}, [selectedFile, mintFileLink]);
+	const clearSelection = useCallback(() => {
+		setSelectedFile(null);
+		setSelectedLink(null);
+		setSelectedPaths(/* @__PURE__ */ new Set());
+		lastClickedRef.current = null;
+	}, []);
 	const handleNavigate = useCallback((path) => {
 		setSearchParams((prev) => {
 			const next = new URLSearchParams(prev);
@@ -505,11 +622,12 @@ var StorageView = () => {
 			else next.delete(STORAGE_PATH_PARAM);
 			return next;
 		}, { replace: true });
-		setSelectedFile(null);
-		setSelectedDownloadUrl(null);
-		setSelectedPaths(/* @__PURE__ */ new Set());
-		lastClickedRef.current = null;
-	}, [setSearchParams]);
+		clearSelection();
+	}, [setSearchParams, clearSelection]);
+	const handleSourceChange = useCallback((key) => {
+		setSelectedSourceKey(key);
+		clearSelection();
+	}, [clearSelection]);
 	const handleNavigateUp = useCallback(() => {
 		const parts = currentPath.split("/").filter(Boolean);
 		parts.pop();
@@ -541,24 +659,17 @@ var StorageView = () => {
 		} else {
 			setSelectedPaths(/* @__PURE__ */ new Set([path]));
 			lastClickedRef.current = path;
-			if (!item.isFolder) {
-				setSelectedFile(item);
-				if (item.downloadUrl) setSelectedDownloadUrl(item.downloadUrl);
-				else storageSourceRef.current.getSignedUrl(item.fullPath).then((config) => setSelectedDownloadUrl(config.url)).catch(() => setSelectedDownloadUrl(null));
-			} else {
+			if (!item.isFolder) openPreview(item);
+			else {
 				setSelectedFile(null);
-				setSelectedDownloadUrl(null);
+				setSelectedLink(null);
 			}
 		}
-	}, [allItems]);
+	}, [allItems, openPreview]);
 	const handleItemDoubleClick = useCallback((item) => {
 		if (item.isFolder) handleNavigate(item.fullPath);
-		else {
-			setSelectedFile(item);
-			if (item.downloadUrl) setSelectedDownloadUrl(item.downloadUrl);
-			else storageSourceRef.current.getSignedUrl(item.fullPath).then((config) => setSelectedDownloadUrl(config.url)).catch(() => setSelectedDownloadUrl(null));
-		}
-	}, [handleNavigate]);
+		else openPreview(item);
+	}, [handleNavigate, openPreview]);
 	const handleUpload = useCallback(async (uploadFiles) => {
 		for (const file of uploadFiles) {
 			const key = currentPath ? `${currentPath}/${file.name}` : file.name;
@@ -569,13 +680,14 @@ var StorageView = () => {
 		}
 		snackbarController.open({
 			type: "success",
-			message: `${uploadFiles.length} file${uploadFiles.length > 1 ? "s" : ""} uploaded successfully`
+			message: t("studio_storage_files_uploaded", { count: uploadFiles.length })
 		});
 		await fetchContents(currentPath);
 	}, [
 		currentPath,
 		snackbarController,
-		fetchContents
+		fetchContents,
+		t
 	]);
 	const handleCreateFolder = useCallback(async () => {
 		if (!newFolderName.trim() || !apiConfig?.apiUrl) return;
@@ -583,14 +695,14 @@ var StorageView = () => {
 		if (name.includes("/") || name.includes("\\")) {
 			snackbarController.open({
 				type: "error",
-				message: "Folder name cannot contain slashes"
+				message: t("studio_storage_folder_name_has_slash")
 			});
 			return;
 		}
 		if (folders.find((f) => f.name === name)) {
 			snackbarController.open({
 				type: "error",
-				message: `Folder "${name}" already exists`
+				message: t("studio_storage_folder_exists", { name })
 			});
 			return;
 		}
@@ -604,15 +716,18 @@ var StorageView = () => {
 					"Content-Type": "application/json",
 					...token ? { "Authorization": `Bearer ${token}` } : {}
 				},
-				body: JSON.stringify({ path: folderPath })
+				body: JSON.stringify({
+					path: folderPath,
+					...selectedSourceKey !== DEFAULT_STORAGE_SOURCE_KEY ? { storageId: selectedSourceKey } : {}
+				})
 			});
 			if (!response.ok) {
-				const err = await response.json().catch(() => ({ error: "Failed to create folder" }));
-				throw new Error(err.error || "Failed to create folder");
+				const err = await response.json().catch(() => ({ error: t("studio_storage_create_folder_failed") }));
+				throw new Error(err.error || t("studio_storage_create_folder_failed"));
 			}
 			snackbarController.open({
 				type: "success",
-				message: `Folder "${name}" created`
+				message: t("studio_storage_folder_created", { name })
 			});
 			setNewFolderDialogOpen(false);
 			setNewFolderName("");
@@ -632,7 +747,9 @@ var StorageView = () => {
 		apiBase,
 		snackbarController,
 		fetchContents,
-		folders
+		folders,
+		selectedSourceKey,
+		t
 	]);
 	const { getRootProps: getDropRootProps, getInputProps: getDropInputProps, isDragActive } = useDropzone({
 		onDrop: useCallback(async (droppedFiles) => {
@@ -647,7 +764,7 @@ var StorageView = () => {
 				}
 				snackbarController.open({
 					type: "success",
-					message: `${droppedFiles.length} file${droppedFiles.length > 1 ? "s" : ""} uploaded successfully`
+					message: t("studio_storage_files_uploaded", { count: droppedFiles.length })
 				});
 				await fetchContents(currentPath);
 			} catch (e) {
@@ -659,30 +776,51 @@ var StorageView = () => {
 		}, [
 			currentPath,
 			snackbarController,
-			fetchContents
+			fetchContents,
+			t
 		]),
 		noClick: true,
 		noKeyboard: true,
 		noDragEventsBubbling: true
 	});
-	const deleteFolderRecursive = useCallback(async (prefix) => {
-		const result = await storageSourceRef.current.listObjects(prefix);
-		for (const item of result.items ?? []) await storageSourceRef.current.deleteObject(item.fullPath);
-		for (const sub of result.prefixes ?? []) await deleteFolderRecursive(sub.fullPath);
-		try {
-			await storageSourceRef.current.deleteObject(prefix);
-		} catch {}
+	/**
+	* Delete files and folders from the source being browsed, then read back
+	* the folder they were listed in and return the ones still there.
+	*
+	* Nothing is reported deleted on the strength of the requests alone: a
+	* delete can answer success and leave the object behind — a directory that
+	* is not empty yet, a folder marker, a hook — and the folder listing is
+	* what the user sees next. One source for the whole operation, taken when
+	* it starts.
+	*/
+	const deleteItems = useCallback(async (items, folder) => {
+		const source = storageSourceRef.current;
+		for (const item of items) if (item.isFolder) await deleteFolderRecursive(source, item.fullPath);
+		else await source.deleteObject(item.fullPath);
+		const listed = await listAllPages(source, folder);
+		const stillListed = new Set([...listed.items, ...listed.prefixes].map((ref) => ref.fullPath));
+		return items.filter((item) => stillListed.has(item.fullPath));
 	}, []);
+	/** What a delete left behind, said as the error it is rather than a success. */
+	const reportStillThere = useCallback((remaining) => {
+		snackbarController.open({
+			type: "error",
+			message: t("studio_storage_delete_incomplete", {
+				count: remaining.length,
+				names: remaining.map((item) => item.name).join(", ")
+			})
+		});
+	}, [snackbarController, t]);
 	const handleDeleteFile = useCallback(async (file) => {
 		try {
-			if (file.isFolder) await deleteFolderRecursive(file.fullPath);
-			else await storageSourceRef.current.deleteObject(file.fullPath);
-			snackbarController.open({
+			const remaining = await deleteItems([file], currentPath);
+			if (remaining.length > 0) reportStillThere(remaining);
+			else snackbarController.open({
 				type: "success",
-				message: `"${file.name}" deleted`
+				message: t("studio_storage_file_deleted", { name: file.name })
 			});
 			setSelectedFile(null);
-			setSelectedDownloadUrl(null);
+			setSelectedLink(null);
 			setSelectedPaths((prev) => {
 				const next = new Set(prev);
 				next.delete(file.fullPath);
@@ -699,21 +837,23 @@ var StorageView = () => {
 		currentPath,
 		snackbarController,
 		fetchContents,
-		deleteFolderRecursive
+		deleteItems,
+		reportStillThere,
+		t
 	]);
 	const handleBulkDelete = useCallback(async () => {
 		setDeleting(true);
 		try {
 			const items = allItems.filter((i) => selectedPaths.has(i.fullPath));
-			for (const item of items) if (item.isFolder) await deleteFolderRecursive(item.fullPath);
-			else await storageSourceRef.current.deleteObject(item.fullPath);
-			snackbarController.open({
+			const remaining = await deleteItems(items, currentPath);
+			if (remaining.length > 0) reportStillThere(remaining);
+			else snackbarController.open({
 				type: "success",
-				message: `${items.length} item${items.length !== 1 ? "s" : ""} deleted`
+				message: t("studio_storage_items_deleted", { count: items.length })
 			});
 			setSelectedPaths(/* @__PURE__ */ new Set());
 			setSelectedFile(null);
-			setSelectedDownloadUrl(null);
+			setSelectedLink(null);
 			await fetchContents(currentPath);
 		} catch (e) {
 			snackbarController.open({
@@ -731,17 +871,24 @@ var StorageView = () => {
 		currentPath,
 		snackbarController,
 		fetchContents,
-		deleteFolderRecursive
+		deleteItems,
+		reportStillThere,
+		t
 	]);
-	const handleConfirmDeleteFolder = useCallback(async () => {
+	const handleConfirmDeleteItem = useCallback(async () => {
 		if (!deleteDialogTarget || deleteDialogTarget === "selection") return;
 		setDeleting(true);
 		try {
-			await deleteFolderRecursive(deleteDialogTarget.fullPath);
-			snackbarController.open({
+			const remaining = await deleteItems([deleteDialogTarget], currentPath);
+			if (remaining.length > 0) reportStillThere(remaining);
+			else snackbarController.open({
 				type: "success",
-				message: `Folder "${deleteDialogTarget.name}" deleted`
+				message: deleteDialogTarget.isFolder ? t("studio_storage_folder_deleted", { name: deleteDialogTarget.name }) : t("studio_storage_file_deleted", { name: deleteDialogTarget.name })
 			});
+			if (!deleteDialogTarget.isFolder && selectedFile?.fullPath === deleteDialogTarget.fullPath) {
+				setSelectedFile(null);
+				setSelectedLink(null);
+			}
 			setSelectedPaths((prev) => {
 				const next = new Set(prev);
 				next.delete(deleteDialogTarget.fullPath);
@@ -760,10 +907,13 @@ var StorageView = () => {
 		}
 	}, [
 		deleteDialogTarget,
+		selectedFile,
 		currentPath,
 		snackbarController,
 		fetchContents,
-		deleteFolderRecursive
+		deleteItems,
+		reportStillThere,
+		t
 	]);
 	const handleSelectAll = useCallback(() => {
 		if (selectedPaths.size === allItems.length) setSelectedPaths(/* @__PURE__ */ new Set());
@@ -772,6 +922,7 @@ var StorageView = () => {
 	useEffect(() => {
 		const handler = (e) => {
 			if (deleteDialogOpen || uploadDialogOpen || newFolderDialogOpen) return;
+			if (isKeyHandled(e)) return;
 			if ((e.metaKey || e.ctrlKey) && e.key === "a") {
 				e.preventDefault();
 				handleSelectAll();
@@ -779,7 +930,7 @@ var StorageView = () => {
 			if (e.key === "Escape") {
 				setSelectedPaths(/* @__PURE__ */ new Set());
 				setSelectedFile(null);
-				setSelectedDownloadUrl(null);
+				setSelectedLink(null);
 			}
 			if ((e.key === "Delete" || e.key === "Backspace") && selectedPaths.size > 0 && !e.metaKey && !e.ctrlKey) {
 				if (e.target?.tagName === "INPUT" || e.target?.tagName === "TEXTAREA") return;
@@ -800,7 +951,7 @@ var StorageView = () => {
 	const handleRefresh = useCallback(() => {
 		fetchContents(currentPath);
 	}, [currentPath, fetchContents]);
-	const segments = breadcrumbSegments(currentPath);
+	const segments = breadcrumbSegments(currentPath, t("studio_storage_root"));
 	const renderContents = () => {
 		if (loading) return /* @__PURE__ */ jsx("div", {
 			className: "flex-grow flex items-center justify-center",
@@ -809,7 +960,7 @@ var StorageView = () => {
 				children: [/* @__PURE__ */ jsx(CircularProgress, { size: "medium" }), /* @__PURE__ */ jsx(Typography, {
 					variant: "body2",
 					className: "mt-4 text-text-secondary dark:text-text-secondary-dark font-mono tracking-tight animate-pulse",
-					children: "Loading..."
+					children: t("studio_storage_loading")
 				})]
 			})
 		});
@@ -821,16 +972,12 @@ var StorageView = () => {
 					/* @__PURE__ */ jsx(Typography, {
 						variant: "subtitle2",
 						className: "block",
-						children: "This project's storage rules refused this listing"
+						children: t("studio_storage_denied_title")
 					}),
-					/* @__PURE__ */ jsxs(Typography, {
+					/* @__PURE__ */ jsx(Typography, {
 						variant: "body2",
 						className: "text-text-secondary dark:text-text-secondary-dark block mt-2",
-						children: [
-							"Nothing is wrong with the project. Its ",
-							/* @__PURE__ */ jsx("code", { children: "storageAuthorize" }),
-							" hook decides who may read which keys, and it declined this path for the signed-in account — commonly because a listing must name a prefix the rule recognises rather than the bucket root."
-						]
+						children: t("studio_storage_denied_hint")
 					}),
 					/* @__PURE__ */ jsx(Typography, {
 						variant: "caption",
@@ -843,7 +990,7 @@ var StorageView = () => {
 		if (failure) return /* @__PURE__ */ jsx("div", {
 			className: "flex-grow flex items-center justify-center p-6 overflow-auto",
 			children: /* @__PURE__ */ jsx(ErrorView, {
-				title: "Could not read this project's storage",
+				title: t("studio_storage_read_failed"),
 				error: failure.detail,
 				onRetry: failure.retryable ? handleRefresh : void 0
 			})
@@ -867,7 +1014,7 @@ var StorageView = () => {
 					}),
 					/* @__PURE__ */ jsx(Typography, {
 						variant: "body2",
-						children: "This folder is empty"
+						children: t("studio_storage_empty")
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2 mt-3",
@@ -877,10 +1024,10 @@ var StorageView = () => {
 								setNewFolderName("");
 								setNewFolderDialogOpen(true);
 							},
-							children: [/* @__PURE__ */ jsx(FolderPlusIcon, { size: iconSize.smallest }), "New folder"]
+							children: [/* @__PURE__ */ jsx(FolderPlusIcon, { size: iconSize.smallest }), t("studio_storage_new_folder")]
 						}), /* @__PURE__ */ jsxs(Button, {
 							onClick: () => setUploadDialogOpen(true),
-							children: [/* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest }), "Upload files"]
+							children: [/* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest }), t("studio_storage_upload_files")]
 						})]
 					})
 				]
@@ -904,15 +1051,15 @@ var StorageView = () => {
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "px-2 py-2 font-semibold",
-							children: "Name"
+							children: t("studio_storage_name")
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "px-4 py-2 font-semibold w-24",
-							children: "Type"
+							children: t("studio_storage_type")
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "px-4 py-2 font-semibold w-24 text-right",
-							children: "Size"
+							children: t("studio_storage_size")
 						}),
 						/* @__PURE__ */ jsx("th", { className: "px-2 py-2 w-10" })
 					]
@@ -959,7 +1106,7 @@ var StorageView = () => {
 								children: /* @__PURE__ */ jsx(Typography, {
 									variant: "caption",
 									className: "text-text-secondary dark:text-text-secondary-dark",
-									children: "Folder"
+									children: t("studio_storage_folder")
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
@@ -1034,7 +1181,10 @@ var StorageView = () => {
 								children: /* @__PURE__ */ jsx(IconButton, {
 									size: "smallest",
 									className: "opacity-0 group-hover:opacity-100 transition-opacity",
-									onClick: () => handleDeleteFile(file),
+									onClick: () => {
+										setDeleteDialogTarget(file);
+										setDeleteDialogOpen(true);
+									},
 									children: /* @__PURE__ */ jsx(Trash2Icon, { size: 14 })
 								})
 							})
@@ -1050,7 +1200,7 @@ var StorageView = () => {
 				children: [/* @__PURE__ */ jsx(Typography, {
 					variant: "caption",
 					className: "text-[10px] uppercase tracking-wider font-semibold text-text-disabled dark:text-text-disabled-dark mb-2 block",
-					children: "Folders"
+					children: t("studio_storage_folders")
 				}), /* @__PURE__ */ jsx("div", {
 					className: "grid gap-3 grid-cols-[repeat(auto-fill,minmax(140px,1fr))]",
 					children: folders.map((folder) => {
@@ -1070,14 +1220,10 @@ var StorageView = () => {
 						}, folder.fullPath);
 					})
 				})]
-			}), files.length > 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Typography, {
+			}), files.length > 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 				variant: "caption",
 				className: "text-[10px] uppercase tracking-wider font-semibold text-text-disabled dark:text-text-disabled-dark mb-2 block",
-				children: [
-					"Files (",
-					files.length,
-					")"
-				]
+				children: t("studio_storage_files_heading", { count: files.length })
 			}), /* @__PURE__ */ jsx("div", {
 				className: "grid gap-3 grid-cols-[repeat(auto-fill,minmax(140px,1fr))]",
 				children: files.map((file) => {
@@ -1139,8 +1285,9 @@ var StorageView = () => {
 								className: "flex items-center gap-1.5 flex-grow overflow-hidden px-3 py-2",
 								children: [
 									currentPath && /* @__PURE__ */ jsx(Tooltip, {
-										title: "Go up",
+										title: t("studio_storage_go_up"),
 										children: /* @__PURE__ */ jsx(IconButton, {
+											"aria-label": t("studio_storage_go_up"),
 											size: "small",
 											onClick: handleNavigateUp,
 											children: /* @__PURE__ */ jsx(ArrowLeftIcon, { size: iconSize.smallest })
@@ -1164,10 +1311,10 @@ var StorageView = () => {
 									selectedPaths.size > 0 ? /* @__PURE__ */ jsxs("div", {
 										className: "flex items-center gap-1.5 shrink-0",
 										children: [
-											/* @__PURE__ */ jsxs(Typography, {
+											/* @__PURE__ */ jsx(Typography, {
 												variant: "body2",
 												className: "text-[13px] font-medium whitespace-nowrap",
-												children: [selectedPaths.size, " selected"]
+												children: t("studio_storage_selected_count", { count: selectedPaths.size })
 											}),
 											/* @__PURE__ */ jsxs(Button, {
 												size: "small",
@@ -1179,7 +1326,7 @@ var StorageView = () => {
 												children: [/* @__PURE__ */ jsx(Trash2Icon, {
 													size: 14,
 													className: "mr-1"
-												}), "Delete"]
+												}), t("studio_storage_delete")]
 											}),
 											/* @__PURE__ */ jsxs(Button, {
 												size: "small",
@@ -1187,23 +1334,18 @@ var StorageView = () => {
 												onClick: () => {
 													setSelectedPaths(/* @__PURE__ */ new Set());
 													setSelectedFile(null);
-													setSelectedDownloadUrl(null);
+													setSelectedLink(null);
 												},
 												children: [/* @__PURE__ */ jsx(XIcon, {
 													size: 14,
 													className: "mr-1"
-												}), "Deselect"]
+												}), t("studio_storage_deselect")]
 											})
 										]
 									}) : !loading ? /* @__PURE__ */ jsxs(Chip, {
 										size: "small",
 										className: "shrink-0 text-[10px]",
-										children: [
-											files.length,
-											" file",
-											files.length !== 1 ? "s" : "",
-											folders.length > 0 ? `, ${folders.length} folder${folders.length !== 1 ? "s" : ""}` : ""
-										]
+										children: [t("studio_storage_file_count", { count: files.length }), folders.length > 0 ? `, ${t("studio_storage_folder_count", { count: folders.length })}` : ""]
 									}) : null
 								]
 							}), /* @__PURE__ */ jsxs("div", {
@@ -1214,19 +1356,20 @@ var StorageView = () => {
 										position: "item-aligned",
 										value: selectedSourceKey,
 										onValueChange: (value) => {
-											if (value) setSelectedSourceKey(value);
+											if (value && value !== selectedSourceKey) handleSourceChange(value);
 										},
 										renderValue: (key) => {
-											return storageSources.registry[key]?.label ?? (key === DEFAULT_STORAGE_SOURCE_KEY ? "Default" : key);
+											return storageSources.registry[key]?.label ?? (key === DEFAULT_STORAGE_SOURCE_KEY ? t("studio_storage_default_source") : key);
 										},
 										children: sourceKeys.map((key) => /* @__PURE__ */ jsx(SelectItem, {
 											value: key,
-											children: storageSources.registry[key]?.label ?? (key === DEFAULT_STORAGE_SOURCE_KEY ? "Default" : key)
+											children: storageSources.registry[key]?.label ?? (key === DEFAULT_STORAGE_SOURCE_KEY ? t("studio_storage_default_source") : key)
 										}, key))
 									}),
 									/* @__PURE__ */ jsx(Tooltip, {
-										title: "Grid view",
+										title: t("studio_storage_grid_view"),
 										children: /* @__PURE__ */ jsx(IconButton, {
+											"aria-label": t("studio_storage_grid_view"),
 											size: "small",
 											onClick: () => setViewMode("grid"),
 											className: cls(viewMode === "grid" && "bg-surface-raised"),
@@ -1234,8 +1377,9 @@ var StorageView = () => {
 										})
 									}),
 									/* @__PURE__ */ jsx(Tooltip, {
-										title: "List view",
+										title: t("studio_storage_list_view"),
 										children: /* @__PURE__ */ jsx(IconButton, {
+											"aria-label": t("studio_storage_list_view"),
 											size: "small",
 											onClick: () => setViewMode("list"),
 											className: cls(viewMode === "list" && "bg-surface-raised"),
@@ -1244,8 +1388,9 @@ var StorageView = () => {
 									}),
 									/* @__PURE__ */ jsx("div", { className: cls("h-4 w-px mx-0.5", defaultBorderMixin, "bg-surface-raised") }),
 									/* @__PURE__ */ jsx(Tooltip, {
-										title: "Refresh",
+										title: t("studio_storage_refresh"),
 										children: /* @__PURE__ */ jsx(IconButton, {
+											"aria-label": t("studio_storage_refresh"),
 											size: "small",
 											onClick: handleRefresh,
 											disabled: loading,
@@ -1253,8 +1398,9 @@ var StorageView = () => {
 										})
 									}),
 									/* @__PURE__ */ jsx(Tooltip, {
-										title: "New folder",
+										title: t("studio_storage_new_folder"),
 										children: /* @__PURE__ */ jsx(IconButton, {
+											"aria-label": t("studio_storage_new_folder"),
 											size: "small",
 											onClick: () => {
 												setNewFolderName("");
@@ -1270,7 +1416,7 @@ var StorageView = () => {
 										children: [/* @__PURE__ */ jsx(UploadCloudIcon, {
 											size: iconSize.smallest,
 											className: "mr-1"
-										}), "Upload"]
+										}), t("studio_storage_upload")]
 									})
 								]
 							})]
@@ -1282,7 +1428,7 @@ var StorageView = () => {
 								if (!e.target.closest("[data-storage-item]") && selectedPaths.size > 0) {
 									setSelectedPaths(/* @__PURE__ */ new Set());
 									setSelectedFile(null);
-									setSelectedDownloadUrl(null);
+									setSelectedLink(null);
 								}
 							},
 							children: [
@@ -1297,12 +1443,16 @@ var StorageView = () => {
 											/* @__PURE__ */ jsx(Typography, {
 												variant: "subtitle2",
 												className: "text-primary font-semibold",
-												children: "Drop files to upload"
+												children: t("studio_storage_drop_to_upload")
 											}),
 											/* @__PURE__ */ jsxs(Typography, {
 												variant: "caption",
 												color: "secondary",
-												children: ["to /", currentPath || "root"]
+												children: [
+													t("studio_storage_upload_to"),
+													" /",
+													currentPath || t("studio_storage_root_folder")
+												]
 											})
 										]
 									})
@@ -1315,25 +1465,24 @@ var StorageView = () => {
 								className: "flex items-center gap-4 text-[11px]",
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "text-text-disabled dark:text-text-disabled-dark font-semibold uppercase tracking-tighter",
-									children: "Path"
+									children: t("studio_storage_path")
 								}), /* @__PURE__ */ jsxs("span", {
 									className: "font-mono text-text-secondary dark:text-text-secondary-dark",
 									children: ["/", currentPath || ""]
 								})]
-							}), selectedPaths.size > 0 ? /* @__PURE__ */ jsxs("div", {
+							}), selectedPaths.size > 0 ? /* @__PURE__ */ jsx("div", {
 								className: "text-[11px] text-text-secondary dark:text-text-secondary-dark",
-								children: [
-									selectedPaths.size,
-									" item",
-									selectedPaths.size !== 1 ? "s" : "",
-									" selected"
-								]
+								children: t("studio_storage_items_selected", { count: selectedPaths.size })
 							}) : selectedFile ? /* @__PURE__ */ jsxs("div", {
 								className: "text-[11px] text-text-secondary dark:text-text-secondary-dark",
-								children: ["Selected: ", /* @__PURE__ */ jsx("span", {
-									className: "font-mono",
-									children: selectedFile.name
-								})]
+								children: [
+									t("studio_storage_selected_label"),
+									" ",
+									/* @__PURE__ */ jsx("span", {
+										className: "font-mono",
+										children: selectedFile.name
+									})
+								]
 							}) : null]
 						})
 					]
@@ -1341,10 +1490,11 @@ var StorageView = () => {
 					className: "w-80 lg:w-96 shrink-0",
 					children: /* @__PURE__ */ jsx(FilePreviewPanel, {
 						file: selectedFile,
-						downloadUrl: selectedDownloadUrl,
+						link: selectedLink,
+						mintLink: refreshPreviewLink,
 						onClose: () => {
 							setSelectedFile(null);
-							setSelectedDownloadUrl(null);
+							setSelectedLink(null);
 						},
 						onDelete: () => handleDeleteFile(selectedFile)
 					})
@@ -1367,16 +1517,16 @@ var StorageView = () => {
 				children: [
 					/* @__PURE__ */ jsx(DialogTitle, {
 						hidden: true,
-						children: "Delete Confirmation"
+						children: t("studio_storage_delete_confirmation_title")
 					}),
 					/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(Typography, {
 						variant: "subtitle1",
 						className: "font-semibold mb-2",
-						children: deleteDialogTarget === "selection" ? `Delete ${selectedPaths.size} item${selectedPaths.size !== 1 ? "s" : ""}?` : deleteDialogTarget ? `Delete folder "${deleteDialogTarget.name}"?` : "Delete?"
+						children: deleteDialogTarget === "selection" ? t("studio_storage_delete_items_question", { count: selectedPaths.size }) : deleteDialogTarget?.isFolder ? t("studio_storage_delete_folder_question", { name: deleteDialogTarget.name }) : deleteDialogTarget ? t("studio_storage_delete_file_question") : t("studio_storage_delete_question")
 					}), /* @__PURE__ */ jsx(Typography, {
 						variant: "body2",
 						color: "secondary",
-						children: deleteDialogTarget === "selection" ? "This will permanently delete all selected files and folders, including their contents. This action cannot be undone." : "This will permanently delete the folder and all of its contents. This action cannot be undone."
+						children: deleteDialogTarget === "selection" ? t("studio_storage_delete_selection_body") : deleteDialogTarget && !deleteDialogTarget.isFolder ? t("studio_storage_delete_file_body", { name: deleteDialogTarget.name }) : t("studio_storage_delete_folder_body")
 					})] }),
 					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
 						variant: "text",
@@ -1385,15 +1535,15 @@ var StorageView = () => {
 							setDeleteDialogTarget(null);
 						},
 						disabled: deleting,
-						children: "Cancel"
+						children: t("studio_storage_cancel")
 					}), /* @__PURE__ */ jsxs(LoadingButton, {
 						color: "error",
 						loading: deleting,
-						onClick: deleteDialogTarget === "selection" ? handleBulkDelete : handleConfirmDeleteFolder,
+						onClick: deleteDialogTarget === "selection" ? handleBulkDelete : handleConfirmDeleteItem,
 						children: [/* @__PURE__ */ jsx(Trash2Icon, {
 							size: 14,
 							className: "mr-1"
-						}), "Delete"]
+						}), t("studio_storage_delete")]
 					})] })
 				]
 			}),
@@ -1408,12 +1558,12 @@ var StorageView = () => {
 				children: [
 					/* @__PURE__ */ jsx(DialogTitle, {
 						hidden: true,
-						children: "New Folder"
+						children: t("studio_storage_new_folder_title")
 					}),
 					/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(TextField, {
 						autoFocus: true,
 						size: "small",
-						label: "Folder name",
+						label: t("studio_storage_folder_name"),
 						value: newFolderName,
 						onChange: (e) => setNewFolderName(e.target.value),
 						onKeyDown: (e) => {
@@ -1423,19 +1573,23 @@ var StorageView = () => {
 							}
 						},
 						disabled: creatingFolder,
-						placeholder: "Enter folder name"
+						placeholder: t("studio_storage_folder_name_placeholder")
 					}), currentPath && /* @__PURE__ */ jsxs(Typography, {
 						variant: "caption",
 						color: "secondary",
 						className: "mt-2",
-						children: ["Will be created in ", /* @__PURE__ */ jsxs("span", {
-							className: "font-mono",
-							children: [
-								"/",
-								currentPath,
-								"/"
-							]
-						})]
+						children: [
+							t("studio_storage_created_in"),
+							" ",
+							/* @__PURE__ */ jsxs("span", {
+								className: "font-mono",
+								children: [
+									"/",
+									currentPath,
+									"/"
+								]
+							})
+						]
 					})] }),
 					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
 						variant: "text",
@@ -1444,7 +1598,7 @@ var StorageView = () => {
 							setNewFolderName("");
 						},
 						disabled: creatingFolder,
-						children: "Cancel"
+						children: t("studio_storage_cancel")
 					}), /* @__PURE__ */ jsxs(LoadingButton, {
 						color: "primary",
 						loading: creatingFolder,
@@ -1453,7 +1607,7 @@ var StorageView = () => {
 						children: [/* @__PURE__ */ jsx(FolderPlusIcon, {
 							size: 14,
 							className: "mr-1"
-						}), "Create"]
+						}), t("studio_storage_create")]
 					})] })
 				]
 			})
@@ -1463,4 +1617,4 @@ var StorageView = () => {
 //#endregion
 export { StorageView };
 
-//# sourceMappingURL=StorageView-C52dSZNf.js.map
+//# sourceMappingURL=StorageView-CbsHuCBf.js.map