@rebasepro/studio 0.6.0 → 0.7.0

package/dist/{StorageView-nDaC2foF.js → StorageView-CvrnHmDG.js}

@@ -374,30 +374,37 @@ function FilePreviewPanel({ file, onClose, onDelete, downloadUrl }) {
 	}), /* @__PURE__ */ jsxs(Dialog, {
 		open: deleteDialogOpen,
 		onOpenChange: setDeleteDialogOpen,
-		children: [/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "subtitle1",
-			className: "mb-2",
-			children: "Delete File?"
-		}), /* @__PURE__ */ jsxs(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."
-			]
-		})] }), /* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
-			variant: "text",
-			onClick: () => setDeleteDialogOpen(false),
-			children: "Cancel"
-		}), /* @__PURE__ */ jsx(Button, {
-			variant: "filled",
-			color: "error",
-			onClick: () => {
-				setDeleteDialogOpen(false);
-				onDelete();
-			},
-			children: "Delete"
-		})] })]
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
+				hidden: true,
+				children: "Delete File"
+			}),
+			/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "subtitle1",
+				className: "mb-2",
+				children: "Delete File?"
+			}), /* @__PURE__ */ jsxs(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."
+				]
+			})] }),
+			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				onClick: () => setDeleteDialogOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "filled",
+				color: "error",
+				onClick: () => {
+					setDeleteDialogOpen(false);
+					onDelete();
+				},
+				children: "Delete"
+			})] })
+		]
 	})] });
 }
 var StorageView = () => {
@@ -1286,31 +1293,38 @@ var StorageView = () => {
 						setDeleteDialogTarget(null);
 					}
 				},
-				children: [/* @__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?"
-				}), /* @__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."
-				})] }), /* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
-					variant: "text",
-					onClick: () => {
-						setDeleteDialogOpen(false);
-						setDeleteDialogTarget(null);
-					},
-					disabled: deleting,
-					children: "Cancel"
-				}), /* @__PURE__ */ jsxs(LoadingButton, {
-					color: "error",
-					loading: deleting,
-					onClick: deleteDialogTarget === "selection" ? handleBulkDelete : handleConfirmDeleteFolder,
-					children: [/* @__PURE__ */ jsx(Trash2Icon, {
-						size: 14,
-						className: "mr-1"
-					}), "Delete"]
-				})] })]
+				children: [
+					/* @__PURE__ */ jsx(DialogTitle, {
+						hidden: true,
+						children: "Delete Confirmation"
+					}),
+					/* @__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?"
+					}), /* @__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."
+					})] }),
+					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						onClick: () => {
+							setDeleteDialogOpen(false);
+							setDeleteDialogTarget(null);
+						},
+						disabled: deleting,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(LoadingButton, {
+						color: "error",
+						loading: deleting,
+						onClick: deleteDialogTarget === "selection" ? handleBulkDelete : handleConfirmDeleteFolder,
+						children: [/* @__PURE__ */ jsx(Trash2Icon, {
+							size: 14,
+							className: "mr-1"
+						}), "Delete"]
+					})] })
+				]
 			}),
 			/* @__PURE__ */ jsxs(Dialog, {
 				open: newFolderDialogOpen,
@@ -1320,13 +1334,12 @@ var StorageView = () => {
 						setNewFolderName("");
 					}
 				},
-				children: [/* @__PURE__ */ jsxs(DialogContent, { children: [
-					/* @__PURE__ */ jsx(Typography, {
-						variant: "subtitle1",
-						className: "font-semibold mb-4",
+				children: [
+					/* @__PURE__ */ jsx(DialogTitle, {
+						hidden: true,
 						children: "New Folder"
 					}),
-					/* @__PURE__ */ jsx(TextField, {
+					/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(TextField, {
 						autoFocus: true,
 						size: "small",
 						label: "Folder name",
@@ -1340,8 +1353,7 @@ var StorageView = () => {
 						},
 						disabled: creatingFolder,
 						placeholder: "Enter folder name"
-					}),
-					currentPath && /* @__PURE__ */ jsxs(Typography, {
+					}), currentPath && /* @__PURE__ */ jsxs(Typography, {
 						variant: "caption",
 						color: "secondary",
 						className: "mt-2",
@@ -1353,25 +1365,26 @@ var StorageView = () => {
 								"/"
 							]
 						})]
-					})
-				] }), /* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
-					variant: "text",
-					onClick: () => {
-						setNewFolderDialogOpen(false);
-						setNewFolderName("");
-					},
-					disabled: creatingFolder,
-					children: "Cancel"
-				}), /* @__PURE__ */ jsxs(LoadingButton, {
-					color: "primary",
-					loading: creatingFolder,
-					disabled: !newFolderName.trim(),
-					onClick: handleCreateFolder,
-					children: [/* @__PURE__ */ jsx(FolderPlusIcon, {
-						size: 14,
-						className: "mr-1"
-					}), "Create"]
-				})] })]
+					})] }),
+					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						onClick: () => {
+							setNewFolderDialogOpen(false);
+							setNewFolderName("");
+						},
+						disabled: creatingFolder,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(LoadingButton, {
+						color: "primary",
+						loading: creatingFolder,
+						disabled: !newFolderName.trim(),
+						onClick: handleCreateFolder,
+						children: [/* @__PURE__ */ jsx(FolderPlusIcon, {
+							size: 14,
+							className: "mr-1"
+						}), "Create"]
+					})] })
+				]
 			})
 		]
 	});
@@ -1379,4 +1392,4 @@ var StorageView = () => {
 //#endregion
 export { StorageView };
 
-//# sourceMappingURL=StorageView-nDaC2foF.js.map
+//# sourceMappingURL=StorageView-CvrnHmDG.js.map

package/dist/StorageView-CvrnHmDG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageView-CvrnHmDG.js","names":[],"sources":["../src/components/StorageView/StorageView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useCallback, useMemo, useRef } from \"react\";\nimport {\n    ArrowLeftIcon,\n    Button,\n    Checkbox,\n    CheckIcon,\n    Chip,\n    CircularProgress,\n    cls,\n    CopyIcon,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    FileIcon,\n    FileTextIcon,\n    FileUpload,\n    FolderIcon,\n    FolderPlusIcon,\n    HomeIcon,\n    IconButton,\n    iconSize,\n    ImageIcon,\n    LayoutGridIcon,\n    ListIcon,\n    LoadingButton,\n    Music2Icon,\n    PlusIcon,\n    RefreshCwIcon,\n    ResizablePanels,\n    TextField,\n    Tooltip,\n    Trash2Icon,\n    Typography,\n    UploadCloudIcon,\n    VideoIcon,\n    XIcon\n} from \"@rebasepro/ui\";\nimport { useStorageSource, useSnackbarController, ErrorView, useApiConfig } from \"@rebasepro/core\";\nimport type { StorageListResult } from \"@rebasepro/types\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { useDropzone } from \"react-dropzone\";\n\n// ──────────────────────────────────────────────\n// Types\n// ──────────────────────────────────────────────\n\ninterface StorageFile {\n    name: string;\n    fullPath: string;\n    isFolder: boolean;\n    /** Only populated when metadata is fetched */\n    size?: number;\n    contentType?: string;\n    downloadUrl?: string;\n}\n\n// ──────────────────────────────────────────────\n// Helpers\n// ──────────────────────────────────────────────\n\nfunction formatFileSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nfunction getFileIcon(contentType?: string) {\n    if (!contentType) return FileTextIcon;\n    if (contentType.startsWith(\"image/\")) return ImageIcon;\n    if (contentType.startsWith(\"video/\")) return VideoIcon;\n    if (contentType.startsWith(\"audio/\")) return Music2Icon;\n    return FileTextIcon;\n}\n\nfunction getExtension(name: string): string {\n    const parts = name.split(\".\");\n    return parts.length > 1 ? parts[parts.length - 1].toUpperCase() : \"\";\n}\n\nfunction breadcrumbSegments(path: string): { label: string; path: string }[] {\n    if (!path || path === \"/\") return [{ label: \"Root\",\npath: \"\" }];\n    const parts = path.split(\"/\").filter(Boolean);\n    const segments = [{ label: \"Root\",\npath: \"\" }];\n    let accumulated = \"\";\n    for (const part of parts) {\n        accumulated = accumulated ? `${accumulated}/${part}` : part;\n        segments.push({ label: part,\npath: accumulated });\n    }\n    return segments;\n}\n\n// ──────────────────────────────────────────────\n// Upload Dialog\n// ──────────────────────────────────────────────\n\nfunction UploadDialog({\n    open,\n    currentPath,\n    onClose,\n    onUpload\n}: {\n    open: boolean;\n    currentPath: string;\n    onClose: () => void;\n    onUpload: (files: File[]) => Promise<void>;\n}) {\n    const [uploading, setUploading] = useState(false);\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const [error, setError] = useState<string | null>(null);\n\n    const handleFilesAdded = useCallback((files: File[]) => {\n        setSelectedFiles(prev => [...prev, ...files]);\n    }, []);\n\n    const handleRemoveFile = useCallback((index: number) => {\n        setSelectedFiles(prev => prev.filter((_, i) => i !== index));\n    }, []);\n\n    const handleUpload = useCallback(async () => {\n        if (selectedFiles.length === 0) return;\n        setUploading(true);\n        setError(null);\n        try {\n            await onUpload(selectedFiles);\n            setSelectedFiles([]);\n            onClose();\n        } catch (err) {\n            setError(err instanceof Error ? err.message : \"Upload failed\");\n        } finally {\n            setUploading(false);\n        }\n    }, [selectedFiles, onUpload, onClose]);\n\n    const handleClose = useCallback(() => {\n        if (!uploading) {\n            setSelectedFiles([]);\n            setError(null);\n            onClose();\n        }\n    }, [uploading, onClose]);\n\n    return (\n        <Dialog open={open} onOpenChange={(o) => !o && handleClose()} maxWidth=\"md\">\n            <DialogTitle>\n                Upload Files\n                <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark mt-0.5 block\">\n                    to <span className=\"font-mono text-primary\">/{currentPath || \"root\"}</span>\n                </Typography>\n            </DialogTitle>\n            <DialogContent className=\"space-y-4\">\n                <FileUpload\n                    onFilesAdded={handleFilesAdded}\n                    size=\"large\"\n                    uploadDescription={\n                        <div className=\"flex flex-col items-center justify-center pointer-events-none\">\n                            <UploadCloudIcon className=\"text-surface-accent-400 mb-2 w-8 h-8\"/>\n                            <Typography variant=\"label\">\n                                Drop files here or click to browse\n                            </Typography>\n                            <Typography variant=\"caption\" color=\"secondary\">\n                                Any file type supported\n                            </Typography>\n                        </div>\n                    }\n                />\n\n                {error && (\n                    <Typography variant=\"caption\" className=\"text-red-500 block whitespace-pre-line\">\n                        {error}\n                    </Typography>\n                )}\n\n                {selectedFiles.length > 0 && (\n                    <div className=\"space-y-2\">\n                        <Typography variant=\"caption\" color=\"secondary\">\n                            Selected files ({selectedFiles.length})\n                        </Typography>\n                        <div className=\"max-h-40 overflow-auto space-y-1\">\n                            {selectedFiles.map((file, index) => (\n                                <div\n                                    key={`${file.name}-${index}`}\n                                    className=\"flex items-center justify-between p-2 rounded bg-surface-100 dark:bg-surface-800\"\n                                >\n                                    <div className=\"flex-1 min-w-0 mr-2\">\n                                        <Typography variant=\"body2\" className=\"truncate\">\n                                            {file.name}\n                                        </Typography>\n                                        <Typography variant=\"caption\" color=\"secondary\">\n                                            {formatFileSize(file.size)}\n                                        </Typography>\n                                    </div>\n                                    <IconButton\n                                        size=\"small\"\n                                        onClick={(e) => {\n                                            e.stopPropagation();\n                                            handleRemoveFile(index);\n                                        }}\n                                        disabled={uploading}\n                                    >\n                                        <XIcon size={14}/>\n                                    </IconButton>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                )}\n            </DialogContent>\n\n            <DialogActions>\n                <Button variant=\"text\" onClick={handleClose} disabled={uploading}>\n                    Cancel\n                </Button>\n                <Button\n                    variant=\"filled\"\n                    onClick={handleUpload}\n                    disabled={selectedFiles.length === 0 || uploading}\n                    startIcon={uploading ? <CircularProgress size=\"smallest\"/> : <UploadCloudIcon size={14}/>}\n                >\n                    {uploading ? \"Uploading...\" : `Upload${selectedFiles.length > 0 ? ` (${selectedFiles.length})` : \"\"}`}\n                </Button>\n            </DialogActions>\n        </Dialog>\n    );\n}\n\n// ──────────────────────────────────────────────\n// FileIcon preview panel\n// ──────────────────────────────────────────────\n\nfunction FilePreviewPanel({\n    file,\n    onClose,\n    onDelete,\n    downloadUrl\n}: {\n    file: StorageFile;\n    onClose: () => void;\n    onDelete: () => void;\n    downloadUrl: string | null;\n}) {\n    const isImage = file.contentType?.startsWith(\"image/\");\n    const isVideo = file.contentType?.startsWith(\"video/\");\n    const isAudio = file.contentType?.startsWith(\"audio/\");\n    const FileIconComponent = getFileIcon(file.contentType);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n    const [urlCopied, setUrlCopied] = useState(false);\n\n    return (\n        <>\n            <div className={cls(\n                \"flex flex-col h-full border-l\",\n                defaultBorderMixin,\n                \"bg-white dark:bg-surface-800\"\n            )}>\n                {/* Header */}\n                <div className={cls(\"flex items-center justify-between p-3 border-b shrink-0\", defaultBorderMixin)}>\n                    <Typography variant=\"body2\" className=\"font-medium truncate flex-1 mr-2\">\n                        {file.name}\n                    </Typography>\n                    <div className=\"flex items-center gap-0.5\">\n                        {downloadUrl && (\n                            <Tooltip title=\"Download\">\n                                <IconButton\n                                    size=\"small\"\n                                    onClick={() => window.open(downloadUrl, \"_blank\")}\n                                >\n                                    <DownloadIcon size={iconSize.smallest}/>\n                                </IconButton>\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Delete\">\n                            <IconButton\n                                size=\"small\"\n                                onClick={() => setDeleteDialogOpen(true)}\n                                className=\"text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20\"\n                            >\n                                <Trash2Icon size={iconSize.smallest}/>\n                            </IconButton>\n                        </Tooltip>\n                        <IconButton size=\"small\" onClick={onClose}>\n                            <XIcon size={iconSize.smallest}/>\n                        </IconButton>\n                    </div>\n                </div>\n\n                {/* Preview */}\n                <div className=\"flex-1 overflow-auto\">\n                    <div className={cls(\"flex flex-col items-center justify-center min-h-[200px] p-4 bg-surface-50 dark:bg-surface-800 border-b\", defaultBorderMixin)}>\n                        {(() => {\n                            const ext = getExtension(file.name)?.toLowerCase() || \"\";\n                            const isImage = file.contentType?.startsWith(\"image/\") || [\"jpg\", \"jpeg\", \"png\", \"gif\", \"webp\", \"svg\"].includes(ext);\n                            const isVideo = file.contentType?.startsWith(\"video/\") || [\"mp4\", \"webm\", \"ogg\", \"mov\"].includes(ext);\n                            const isAudio = file.contentType?.startsWith(\"audio/\") || [\"mp3\", \"wav\", \"ogg\", \"m4a\"].includes(ext);\n                            const downloadUrl = file.downloadUrl;\n\n                            if (isImage && downloadUrl) {\n                                return (\n                                    <img\n                                        src={downloadUrl}\n                                        alt={file.name}\n                                        className=\"max-w-full max-h-[400px] object-contain rounded-md shadow-sm\"\n                                    />\n                                );\n                            } else if (isVideo && downloadUrl) {\n                                return (\n                                    <video\n                                        src={downloadUrl}\n                                        className=\"max-w-full max-h-[400px] rounded-md\"\n                                        controls\n                                    />\n                                );\n                            } else if (isAudio && downloadUrl) {\n                                return (\n                                    <div className=\"flex flex-col items-center gap-4\">\n                                        <Music2Icon className=\"text-surface-accent-400 w-10 h-10\"/>\n                                        <audio src={downloadUrl} controls className=\"w-full max-w-xs\"/>\n                                    </div>\n                                );\n                            } else {\n                                return (\n                                    <div className=\"flex flex-col items-center gap-3 text-surface-accent-400\">\n                                        <FileIconComponent className=\"w-10 h-10\"/>\n                                        <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark\">\n                                            No preview available\n                                        </Typography>\n                                    </div>\n                                );\n                            }\n                        })()}\n                    </div>\n                </div>\n\n                    {/* Metadata */}\n                    <div className=\"p-4 space-y-3\">\n                        <div>\n                            <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark text-[10px] uppercase tracking-wider font-bold mb-1 block\">\n                                File Info\n                            </Typography>\n                        </div>\n                        <div className=\"grid grid-cols-2 gap-3\">\n                            <div>\n                                <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px]\">\n                                    Name\n                                </Typography>\n                                <Typography variant=\"body2\" className=\"text-[13px] break-all\">\n                                    {file.name}\n                                </Typography>\n                            </div>\n                            <div>\n                                <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px]\">\n                                    Type\n                                </Typography>\n                                <Typography variant=\"body2\" className=\"text-[13px]\">\n                                    {file.contentType || \"Unknown\"}\n                                </Typography>\n                            </div>\n                            {file.size !== undefined && (\n                                <div>\n                                    <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px]\">\n                                        Size\n                                    </Typography>\n                                    <Typography variant=\"body2\" className=\"text-[13px]\">\n                                        {formatFileSize(file.size)}\n                                    </Typography>\n                                </div>\n                            )}\n                            <div>\n                                <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px]\">\n                                    Extension\n                                </Typography>\n                                <Typography variant=\"body2\" className=\"text-[13px] font-mono\">\n                                    {getExtension(file.name) || \"—\"}\n                                </Typography>\n                            </div>\n                            <div className=\"col-span-2\">\n                                <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px]\">\n                                    Path\n                                </Typography>\n                                <Typography variant=\"body2\" className=\"text-[13px] font-mono break-all\">\n                                    {file.fullPath}\n                                </Typography>\n                            </div>\n                        </div>\n\n                        {downloadUrl && (\n                            <div className=\"pt-2\">\n                                <Typography variant=\"caption\" className=\"text-surface-accent-500 text-[11px] block mb-1\">\n                                    URL\n                                </Typography>\n                                <div\n                                    className={cls(\n                                        \"flex items-center gap-2 p-2 rounded cursor-pointer transition-colors\",\n                                        \"bg-surface-100 dark:bg-surface-800 hover:bg-surface-200 dark:hover:bg-surface-700\"\n                                    )}\n                                    onClick={() => {\n                                        const fullUrl = downloadUrl.startsWith(\"http\")\n                                            ? downloadUrl\n                                            : `${window.location.origin}${downloadUrl.startsWith(\"/\") ? \"\" : \"/\"}${downloadUrl}`;\n                                        navigator.clipboard.writeText(fullUrl).then(() => {\n                                            setUrlCopied(true);\n                                            setTimeout(() => setUrlCopied(false), 2000);\n                                        });\n                                    }}\n                                >\n                                    <Typography variant=\"caption\" className=\"font-mono text-[11px] truncate flex-1 min-w-0 text-primary\">\n                                        {(() => {\n                                            const fullUrl = downloadUrl.startsWith(\"http\")\n                                                ? downloadUrl\n                                                : `${window.location.origin}${downloadUrl.startsWith(\"/\") ? \"\" : \"/\"}${downloadUrl}`;\n                                            return fullUrl;\n                                        })()}\n                                    </Typography>\n                                    <Tooltip title={urlCopied ? \"Copied!\" : \"Copy URL\"}>\n                                        <div className=\"shrink-0\">\n                                            {urlCopied\n                                                ? <CheckIcon size={14} className=\"text-green-500\"/>\n                                                : <CopyIcon size={14} className=\"text-surface-accent-400\"/>\n                                            }\n                                        </div>\n                                    </Tooltip>\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n\n            {/* Delete Confirmation */}\n            <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>\n                <DialogTitle hidden>Delete File</DialogTitle>\n                <DialogContent>\n                    <Typography variant=\"subtitle1\" className=\"mb-2\">\n                        Delete File?\n                    </Typography>\n                    <Typography className=\"text-surface-accent-600 dark:text-surface-accent-400\">\n                        Are you sure you want to delete &quot;{file.name}&quot;?\n                        This action cannot be undone.\n                    </Typography>\n                </DialogContent>\n                <DialogActions>\n                    <Button variant=\"text\" onClick={() => setDeleteDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"filled\"\n                        color=\"error\"\n                        onClick={() => {\n                            setDeleteDialogOpen(false);\n                            onDelete();\n                        }}\n                    >\n                        Delete\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        </>\n    );\n}\n\n// ──────────────────────────────────────────────\n// Main StorageView Export\n// ──────────────────────────────────────────────\n\nexport const StorageView = () => {\n    const storageSource = useStorageSource();\n    const snackbarController = useSnackbarController();\n\n    // Navigation\n    const [searchParams, setSearchParams] = useSearchParams();\n    const currentPath = searchParams.get(\"path\") || \"\";\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n\n    // Contents\n    const [folders, setFolders] = useState<StorageFile[]>([]);\n    const [files, setFiles] = useState<StorageFile[]>([]);\n\n    // Selection and preview\n    const [selectedFile, setSelectedFile] = useState<StorageFile | null>(null);\n    const [selectedDownloadUrl, setSelectedDownloadUrl] = useState<string | null>(null);\n\n    // Upload\n    const [uploadDialogOpen, setUploadDialogOpen] = useState(false);\n\n    // View mode\n    const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n\n    // Multi-selection\n    const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());\n    const lastClickedRef = useRef<string | null>(null);\n\n    // Bulk / folder delete\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n    const [deleteDialogTarget, setDeleteDialogTarget] = useState<\"selection\" | StorageFile | null>(null);\n    const [deleting, setDeleting] = useState(false);\n\n    // New folder\n    const [newFolderDialogOpen, setNewFolderDialogOpen] = useState(false);\n    const [newFolderName, setNewFolderName] = useState(\"\");\n    const [creatingFolder, setCreatingFolder] = useState(false);\n    const apiConfig = useApiConfig();\n\n    const storageSourceRef = React.useRef(storageSource);\n    useEffect(() => {\n        storageSourceRef.current = storageSource;\n    }, [storageSource]);\n\n    // ── Fetch directory contents ──\n    const fetchContents = useCallback(async (path: string) => {\n        setLoading(true);\n        setError(null);\n        try {\n            const result: StorageListResult = await storageSourceRef.current.listObjects(path);\n\n            const folderItems: StorageFile[] = (result.prefixes ?? []).map(ref => ({\n                name: ref.name,\n                fullPath: ref.fullPath,\n                isFolder: true\n            }));\n\n            // Build file items and fetch metadata for each\n            const fileItems: StorageFile[] = await Promise.all(\n                (result.items ?? []).map(async (ref) => {\n                    try {\n                        const downloadConfig = await storageSourceRef.current.getSignedUrl(ref.fullPath);\n                        return {\n                            name: ref.name,\n                            fullPath: ref.fullPath,\n                            isFolder: false,\n                            size: downloadConfig.metadata?.size,\n                            contentType: downloadConfig.metadata?.contentType,\n                            downloadUrl: downloadConfig.url ?? undefined\n                        };\n                    } catch {\n                        return {\n                            name: ref.name,\n                            fullPath: ref.fullPath,\n                            isFolder: false\n                        };\n                    }\n                })\n            );\n\n            setFolders(folderItems);\n            setFiles(fileItems);\n        } catch (e) {\n            console.error(\"Storage list error:\", e);\n            setError(e instanceof Error ? e.message : String(e));\n        } finally {\n            setLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        fetchContents(currentPath);\n    }, [currentPath, fetchContents]);\n\n    // Navigate to path\n    const handleNavigate = useCallback((path: string) => {\n        if (!path) {\n            setSearchParams({});\n        } else {\n            setSearchParams({ path });\n        }\n        setSelectedFile(null);\n        setSelectedDownloadUrl(null);\n        setSelectedPaths(new Set());\n        lastClickedRef.current = null;\n    }, [setSearchParams]);\n\n    // Navigate up one level\n    const handleNavigateUp = useCallback(() => {\n        const parts = currentPath.split(\"/\").filter(Boolean);\n        parts.pop();\n        handleNavigate(parts.join(\"/\"));\n    }, [currentPath, handleNavigate]);\n\n    // All items (folders + files) in display order, for shift-range select\n    const allItems = useMemo(() => [...folders, ...files], [folders, files]);\n\n    // ── Multi-select click handler ──\n    const handleItemClick = useCallback((item: StorageFile, e: React.MouseEvent) => {\n        const path = item.fullPath;\n        if (e.metaKey || e.ctrlKey) {\n            // Toggle individual item\n            setSelectedPaths(prev => {\n                const next = new Set(prev);\n                if (next.has(path)) next.delete(path);\n                else next.add(path);\n                return next;\n            });\n            lastClickedRef.current = path;\n        } else if (e.shiftKey && lastClickedRef.current) {\n            // Range select\n            const allPaths = allItems.map(i => i.fullPath);\n            const anchorIdx = allPaths.indexOf(lastClickedRef.current);\n            const currentIdx = allPaths.indexOf(path);\n            if (anchorIdx >= 0 && currentIdx >= 0) {\n                const [start, end] = anchorIdx < currentIdx ? [anchorIdx, currentIdx] : [currentIdx, anchorIdx];\n                setSelectedPaths(prev => {\n                    const next = new Set(prev);\n                    for (let i = start; i <= end; i++) next.add(allPaths[i]);\n                    return next;\n                });\n            }\n        } else {\n            // Exclusive select\n            setSelectedPaths(new Set([path]));\n            lastClickedRef.current = path;\n            // Also open preview if it's a file\n            if (!item.isFolder) {\n                setSelectedFile(item);\n                if (item.downloadUrl) {\n                    setSelectedDownloadUrl(item.downloadUrl);\n                } else {\n                    storageSourceRef.current.getSignedUrl(item.fullPath)\n                        .then(config => setSelectedDownloadUrl(config.url))\n                        .catch(() => setSelectedDownloadUrl(null));\n                }\n            } else {\n                setSelectedFile(null);\n                setSelectedDownloadUrl(null);\n            }\n        }\n    }, [allItems]);\n\n    // Double-click: open folder or preview file\n    const handleItemDoubleClick = useCallback((item: StorageFile) => {\n        if (item.isFolder) {\n            handleNavigate(item.fullPath);\n        } else {\n            setSelectedFile(item);\n            if (item.downloadUrl) {\n                setSelectedDownloadUrl(item.downloadUrl);\n            } else {\n                storageSourceRef.current.getSignedUrl(item.fullPath)\n                    .then(config => setSelectedDownloadUrl(config.url))\n                    .catch(() => setSelectedDownloadUrl(null));\n            }\n        }\n    }, [handleNavigate]);\n\n    // Upload files\n    const handleUpload = useCallback(async (uploadFiles: File[]) => {\n        for (const file of uploadFiles) {\n            const key = currentPath ? `${currentPath}/${file.name}` : file.name;\n            await storageSourceRef.current.putObject({\n                file,\n                key\n            });\n        }\n        snackbarController.open({\n            type: \"success\",\n            message: `${uploadFiles.length} file${uploadFiles.length > 1 ? \"s\" : \"\"} uploaded successfully`\n        });\n        await fetchContents(currentPath);\n    }, [currentPath, snackbarController, fetchContents]);\n\n    // Create new folder\n    const handleCreateFolder = useCallback(async () => {\n        if (!newFolderName.trim() || !apiConfig?.apiUrl) return;\n\n        // Validate folder name\n        const name = newFolderName.trim();\n        if (name.includes(\"/\") || name.includes(\"\\\\\")) {\n            snackbarController.open({ type: \"error\",\nmessage: \"Folder name cannot contain slashes\" });\n            return;\n        }\n\n        // Check if folder already exists\n        const existingFolder = folders.find(f => f.name === name);\n        if (existingFolder) {\n            snackbarController.open({ type: \"error\",\nmessage: `Folder \"${name}\" already exists` });\n            return;\n        }\n\n        setCreatingFolder(true);\n        try {\n            const folderPath = currentPath ? `default/${currentPath}/${name}` : `default/${name}`;\n            const token = apiConfig.getAuthToken ? await apiConfig.getAuthToken() : null;\n            const response = await fetch(`${apiConfig.apiUrl}/api/storage/folder`, {\n                method: \"POST\",\n                headers: {\n                    \"Content-Type\": \"application/json\",\n                    ...(token ? { \"Authorization\": `Bearer ${token}` } : {})\n                },\n                body: JSON.stringify({ path: folderPath })\n            });\n\n            if (!response.ok) {\n                const err = await response.json().catch(() => ({ error: \"Failed to create folder\" }));\n                throw new Error(err.error || \"Failed to create folder\");\n            }\n\n            snackbarController.open({ type: \"success\",\nmessage: `Folder \"${name}\" created` });\n            setNewFolderDialogOpen(false);\n            setNewFolderName(\"\");\n            await fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        } finally {\n            setCreatingFolder(false);\n        }\n    }, [newFolderName, currentPath, apiConfig, snackbarController, fetchContents, folders]);\n\n    // Drag-and-drop on main view\n    const handleDropFiles = useCallback(async (droppedFiles: File[]) => {\n        if (droppedFiles.length === 0) return;\n        try {\n            for (const file of droppedFiles) {\n                const key = currentPath ? `${currentPath}/${file.name}` : file.name;\n                await storageSourceRef.current.putObject({ file,\nkey });\n            }\n            snackbarController.open({\n                type: \"success\",\n                message: `${droppedFiles.length} file${droppedFiles.length > 1 ? \"s\" : \"\"} uploaded successfully`\n            });\n            await fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        }\n    }, [currentPath, snackbarController, fetchContents]);\n\n    const {\n        getRootProps: getDropRootProps,\n        getInputProps: getDropInputProps,\n        isDragActive\n    } = useDropzone({\n        onDrop: handleDropFiles,\n        noClick: true,\n        noKeyboard: true,\n        noDragEventsBubbling: true\n    });\n\n    // ── Recursive folder delete helper ──\n    const deleteFolderRecursive = useCallback(async (prefix: string) => {\n        const result = await storageSourceRef.current.listObjects(prefix);\n        // Delete all files in this level\n        for (const item of result.items ?? []) {\n            await storageSourceRef.current.deleteObject(item.fullPath);\n        }\n        // Recurse into sub-folders\n        for (const sub of result.prefixes ?? []) {\n            await deleteFolderRecursive(sub.fullPath);\n        }\n        // Delete the folder entry itself (needed for local filesystem)\n        try {\n            await storageSourceRef.current.deleteObject(prefix);\n        } catch {\n            // Ignore — S3 folders are virtual and may not exist as objects\n        }\n    }, []);\n\n    // Delete a single file\n    const handleDeleteFile = useCallback(async (file: StorageFile) => {\n        try {\n            if (file.isFolder) {\n                await deleteFolderRecursive(file.fullPath);\n            } else {\n                await storageSourceRef.current.deleteObject(file.fullPath);\n            }\n            snackbarController.open({ type: \"success\",\nmessage: `\"${file.name}\" deleted` });\n            setSelectedFile(null);\n            setSelectedDownloadUrl(null);\n            setSelectedPaths(prev => {\n                const next = new Set(prev);\n                next.delete(file.fullPath);\n                return next;\n            });\n            fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        }\n    }, [currentPath, snackbarController, fetchContents, deleteFolderRecursive]);\n\n    // Bulk delete (selected items)\n    const handleBulkDelete = useCallback(async () => {\n        setDeleting(true);\n        try {\n            const items = allItems.filter(i => selectedPaths.has(i.fullPath));\n            for (const item of items) {\n                if (item.isFolder) {\n                    await deleteFolderRecursive(item.fullPath);\n                } else {\n                    await storageSourceRef.current.deleteObject(item.fullPath);\n                }\n            }\n            snackbarController.open({ type: \"success\",\nmessage: `${items.length} item${items.length !== 1 ? \"s\" : \"\"} deleted` });\n            setSelectedPaths(new Set());\n            setSelectedFile(null);\n            setSelectedDownloadUrl(null);\n            await fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        } finally {\n            setDeleting(false);\n            setDeleteDialogOpen(false);\n            setDeleteDialogTarget(null);\n        }\n    }, [allItems, selectedPaths, currentPath, snackbarController, fetchContents, deleteFolderRecursive]);\n\n    // Confirm delete for a single folder\n    const handleConfirmDeleteFolder = useCallback(async () => {\n        if (!deleteDialogTarget || deleteDialogTarget === \"selection\") return;\n        setDeleting(true);\n        try {\n            await deleteFolderRecursive(deleteDialogTarget.fullPath);\n            snackbarController.open({ type: \"success\",\nmessage: `Folder \"${deleteDialogTarget.name}\" deleted` });\n            setSelectedPaths(prev => {\n                const next = new Set(prev);\n                next.delete(deleteDialogTarget.fullPath);\n                return next;\n            });\n            await fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        } finally {\n            setDeleting(false);\n            setDeleteDialogOpen(false);\n            setDeleteDialogTarget(null);\n        }\n    }, [deleteDialogTarget, currentPath, snackbarController, fetchContents, deleteFolderRecursive]);\n\n    // Select all / deselect\n    const handleSelectAll = useCallback(() => {\n        if (selectedPaths.size === allItems.length) {\n            setSelectedPaths(new Set());\n        } else {\n            setSelectedPaths(new Set(allItems.map(i => i.fullPath)));\n        }\n    }, [allItems, selectedPaths]);\n\n    // ── Keyboard shortcuts ──\n    useEffect(() => {\n        const handler = (e: KeyboardEvent) => {\n            // Don't handle shortcuts when a dialog is open\n            if (deleteDialogOpen || uploadDialogOpen || newFolderDialogOpen) return;\n            // Cmd/Ctrl+A: select all\n            if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n                e.preventDefault();\n                handleSelectAll();\n            }\n            // Escape: deselect\n            if (e.key === \"Escape\") {\n                setSelectedPaths(new Set());\n                setSelectedFile(null);\n                setSelectedDownloadUrl(null);\n            }\n            // Delete / Backspace: delete selected\n            if ((e.key === \"Delete\" || e.key === \"Backspace\") && selectedPaths.size > 0 && !e.metaKey && !e.ctrlKey) {\n                // Don't trigger if user is typing in an input\n                if ((e.target as HTMLElement)?.tagName === \"INPUT\" || (e.target as HTMLElement)?.tagName === \"TEXTAREA\") return;\n                e.preventDefault();\n                setDeleteDialogTarget(\"selection\");\n                setDeleteDialogOpen(true);\n            }\n        };\n        window.addEventListener(\"keydown\", handler);\n        return () => window.removeEventListener(\"keydown\", handler);\n    }, [handleSelectAll, selectedPaths, deleteDialogOpen, uploadDialogOpen, newFolderDialogOpen]);\n\n    // Handle refresh\n    const handleRefresh = useCallback(() => {\n        fetchContents(currentPath);\n    }, [currentPath, fetchContents]);\n\n    const segments = breadcrumbSegments(currentPath);\n\n\n    // ── Render file grid/list ──\n    const renderContents = () => {\n        if (loading) {\n            return (\n                <div className=\"flex-grow flex items-center justify-center\">\n                    <div className=\"text-center\">\n                        <CircularProgress size=\"medium\"/>\n                        <Typography variant=\"body2\" className=\"mt-4 text-text-secondary dark:text-text-secondary-dark font-mono tracking-tight animate-pulse\">\n                            Loading...\n                        </Typography>\n                    </div>\n                </div>\n            );\n        }\n\n        if (error) {\n            return (\n                <div className=\"flex-grow flex items-center justify-center p-6 overflow-auto\">\n                    <ErrorView title=\"Error loading storage\" error={error} onRetry={handleRefresh}/>\n                </div>\n            );\n        }\n\n\n        if (allItems.length === 0) {\n            return (\n                <div className=\"flex-grow flex items-center justify-center text-text-disabled dark:text-text-disabled-dark\">\n                    <div className=\"text-center\">\n                        <svg className=\"w-12 h-12 mx-auto mb-4 opacity-50\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1} d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"/>\n                        </svg>\n                        <Typography variant=\"body2\">\n                            This folder is empty\n                        </Typography>\n                        <div className=\"flex items-center gap-2 mt-3\">\n                            <Button variant=\"text\" onClick={() => {\n                                setNewFolderName(\"\");\n                                setNewFolderDialogOpen(true);\n                            }}>\n                                <FolderPlusIcon size={iconSize.smallest}/>\n                                New folder\n                            </Button>\n                            <Button onClick={() => setUploadDialogOpen(true)}>\n                                <PlusIcon size={iconSize.smallest}/>\n                                Upload files\n                            </Button>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        if (viewMode === \"list\") {\n            return (\n                <div className=\"flex-grow overflow-auto\">\n                    <table className=\"w-full\">\n                        <thead>\n                            <tr className={cls(\"border-b text-left text-[10px] uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark\", defaultBorderMixin)}>\n                                <th className=\"pl-3 pr-0 py-2 w-8\">\n                                    <Checkbox\n                                        size=\"small\"\n                                        checked={allItems.length > 0 && selectedPaths.size === allItems.length}\n                                        indeterminate={selectedPaths.size > 0 && selectedPaths.size < allItems.length}\n                                        onCheckedChange={handleSelectAll}\n                                    />\n                                </th>\n                                <th className=\"px-2 py-2 font-bold\">Name</th>\n                                <th className=\"px-4 py-2 font-bold w-24\">Type</th>\n                                <th className=\"px-4 py-2 font-bold w-24 text-right\">Size</th>\n                                <th className=\"px-2 py-2 w-10\"/>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            {folders.map(folder => {\n                                const isChecked = selectedPaths.has(folder.fullPath);\n                                return (\n                                    <tr\n                                        key={folder.fullPath}\n                                        data-storage-item\n                                        className={cls(\n                                            \"cursor-pointer transition-colors border-b group\",\n                                            defaultBorderMixin,\n                                            isChecked\n                                                ? \"bg-primary/5 dark:bg-primary/10\"\n                                                : \"hover:bg-surface-100 dark:hover:bg-surface-800\"\n                                        )}\n                                        onClick={(e) => handleItemClick(folder, e)}\n                                        onDoubleClick={() => handleItemDoubleClick(folder)}\n                                    >\n                                        <td className=\"pl-3 pr-0 py-2.5\" onClick={(e) => e.stopPropagation()}>\n                                            <Checkbox\n                                                size=\"small\"\n                                                checked={isChecked}\n                                                onCheckedChange={() => {\n                                                    setSelectedPaths(prev => {\n                                                        const next = new Set(prev);\n                                                        if (next.has(folder.fullPath)) next.delete(folder.fullPath);\n                                                        else next.add(folder.fullPath);\n                                                        return next;\n                                                    });\n                                                }}\n                                            />\n                                        </td>\n                                        <td className=\"px-2 py-2.5\">\n                                            <div className=\"flex items-center gap-2\">\n                                                <FolderIcon size={iconSize.smallest} className=\"text-amber-500 dark:text-amber-400 shrink-0\"/>\n                                                <Typography variant=\"body2\" className=\"text-[13px] font-medium truncate\">\n                                                    {folder.name}\n                                                </Typography>\n                                            </div>\n                                        </td>\n                                        <td className=\"px-4 py-2.5\">\n                                            <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                                                Folder\n                                            </Typography>\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-right\">\n                                            <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark\">\n                                                —\n                                            </Typography>\n                                        </td>\n                                        <td className=\"px-2 py-2.5\"/>\n                                    </tr>\n                                );\n                            })}\n                            {files.map(file => {\n                                const FileIconComp = getFileIcon(file.contentType);\n                                const isChecked = selectedPaths.has(file.fullPath);\n                                return (\n                                    <tr\n                                        key={file.fullPath}\n                                        data-storage-item\n                                        className={cls(\n                                            \"cursor-pointer transition-colors border-b group\",\n                                            defaultBorderMixin,\n                                            isChecked\n                                                ? \"bg-primary/5 dark:bg-primary/10\"\n                                                : \"hover:bg-surface-100 dark:hover:bg-surface-800\"\n                                        )}\n                                        onClick={(e) => handleItemClick(file, e)}\n                                        onDoubleClick={() => handleItemDoubleClick(file)}\n                                    >\n                                        <td className=\"pl-3 pr-0 py-2.5\" onClick={(e) => e.stopPropagation()}>\n                                            <Checkbox\n                                                size=\"small\"\n                                                checked={isChecked}\n                                                onCheckedChange={() => {\n                                                    setSelectedPaths(prev => {\n                                                        const next = new Set(prev);\n                                                        if (next.has(file.fullPath)) next.delete(file.fullPath);\n                                                        else next.add(file.fullPath);\n                                                        return next;\n                                                    });\n                                                }}\n                                            />\n                                        </td>\n                                        <td className=\"px-2 py-2.5\">\n                                            <div className=\"flex items-center gap-2\">\n                                                <FileIconComp size={iconSize.smallest} className=\"text-surface-accent-400 shrink-0\"/>\n                                                <Typography variant=\"body2\" className=\"text-[13px] truncate\">\n                                                    {file.name}\n                                                </Typography>\n                                            </div>\n                                        </td>\n                                        <td className=\"px-4 py-2.5\">\n                                            <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                                                {getExtension(file.name) || file.contentType?.split(\"/\")[1]?.toUpperCase() || \"—\"}\n                                            </Typography>\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-right\">\n                                            <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark font-mono text-[11px]\">\n                                                {file.size !== undefined ? formatFileSize(file.size) : \"—\"}\n                                            </Typography>\n                                        </td>\n                                        <td className=\"px-2 py-2.5\" onClick={(e) => e.stopPropagation()}>\n                                            <IconButton\n                                                size=\"smallest\"\n                                                className=\"opacity-0 group-hover:opacity-100 transition-opacity\"\n                                                onClick={() => handleDeleteFile(file)}\n                                            >\n                                                <Trash2Icon size={14}/>\n                                            </IconButton>\n                                        </td>\n                                    </tr>\n                                );\n                            })}\n                        </tbody>\n                    </table>\n                </div>\n            );\n        }\n\n        // Grid view\n        return (\n            <div className=\"flex-grow overflow-auto p-4\">\n                {/* Folder cards */}\n                {folders.length > 0 && (\n                    <div className=\"mb-4\">\n                        <Typography variant=\"caption\" className=\"text-[10px] uppercase tracking-wider font-bold text-text-disabled dark:text-text-disabled-dark mb-2 block\">\n                            Folders\n                        </Typography>\n                        <div className=\"grid gap-3 grid-cols-[repeat(auto-fill,minmax(140px,1fr))]\">\n                            {folders.map(folder => {\n                                const isChecked = selectedPaths.has(folder.fullPath);\n                                return (\n                                    <div\n                                        key={folder.fullPath}\n                                        data-storage-item\n                                        className={cls(\n                                            \"rounded-lg p-3 cursor-pointer border\",\n                                            \"transition-colors duration-150\",\n                                            defaultBorderMixin,\n                                            \"hover:bg-surface-100 dark:hover:bg-surface-800 hover:shadow-sm\",\n                                            \"flex items-center gap-2\",\n                                            isChecked && \"ring-2 ring-primary bg-primary/5 dark:bg-primary/10\"\n                                        )}\n                                        onClick={(e) => handleItemClick(folder, e)}\n                                        onDoubleClick={() => handleItemDoubleClick(folder)}\n                                    >\n                                        <FolderIcon size={iconSize.smallest} className=\"text-amber-500 dark:text-amber-400 shrink-0\"/>\n                                        <Typography variant=\"body2\" className=\"text-[13px] font-medium truncate\">\n                                            {folder.name}\n                                        </Typography>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                )}\n\n                {/* FileIcon cards */}\n                {files.length > 0 && (\n                    <div>\n                        <Typography variant=\"caption\" className=\"text-[10px] uppercase tracking-wider font-bold text-text-disabled dark:text-text-disabled-dark mb-2 block\">\n                            Files ({files.length})\n                        </Typography>\n                        <div className=\"grid gap-3 grid-cols-[repeat(auto-fill,minmax(140px,1fr))]\">\n                            {files.map(file => {\n                                const FileIconComp = getFileIcon(file.contentType);\n                                const ext = getExtension(file.name)?.toLowerCase() || \"\";\n                                const isImage = file.contentType?.startsWith(\"image/\") || [\"jpg\", \"jpeg\", \"png\", \"gif\", \"webp\", \"svg\"].includes(ext);\n                                const isChecked = selectedPaths.has(file.fullPath);\n\n                                return (\n                                    <div\n                                        key={file.fullPath}\n                                        data-storage-item\n                                        className={cls(\n                                            \"rounded-lg overflow-hidden cursor-pointer border\",\n                                            \"transition-shadow duration-150\",\n                                            defaultBorderMixin,\n                                            \"hover:shadow-md\",\n                                            isChecked && \"ring-2 ring-primary\"\n                                        )}\n                                        onClick={(e) => handleItemClick(file, e)}\n                                        onDoubleClick={() => handleItemDoubleClick(file)}\n                                    >\n                                        {/* Thumbnail or icon */}\n                                        <div className=\"aspect-square relative overflow-hidden bg-surface-100 dark:bg-surface-800 flex items-center justify-center\">\n                                            {isImage && file.downloadUrl ? (\n                                                <img\n                                                    src={file.downloadUrl}\n                                                    alt={file.name}\n                                                    className=\"w-full h-full object-cover\"\n                                                    loading=\"lazy\"\n                                                />\n                                            ) : (\n                                                <FileIconComp className=\"text-surface-accent-400 dark:text-surface-accent-500 w-8 h-8\"/>\n                                            )}\n\n                                            {/* Extension badge */}\n                                            {getExtension(file.name) && (\n                                                <div className=\"absolute bottom-1.5 right-1.5 px-1.5 py-0.5 rounded text-[9px] font-bold uppercase bg-black/50 text-white backdrop-blur-sm\">\n                                                    {getExtension(file.name)}\n                                                </div>\n                                            )}\n                                        </div>\n\n                                        {/* Name & size */}\n                                        <div className=\"p-2.5\">\n                                            <Typography variant=\"body2\" className=\"text-[12px] font-medium truncate text-surface-900 dark:text-white\">\n                                                {file.name}\n                                            </Typography>\n                                            <Typography variant=\"caption\" color=\"secondary\" className=\"truncate block mt-0.5 text-[11px]\">\n                                                {file.size !== undefined ? formatFileSize(file.size) : \"—\"}\n                                            </Typography>\n                                        </div>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"flex h-full w-full bg-white dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n            <div className=\"flex h-full w-full\">\n                {/* Main content */}\n                <div className=\"flex-grow flex flex-col min-w-0 h-full\">\n                            {/* Toolbar */}\n                            <div className={cls(\"flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-800 shrink-0 h-10\", defaultBorderMixin)}>\n                                <div className=\"flex items-center gap-1.5 flex-grow overflow-hidden px-3 py-2\">\n                                    {/* Breadcrumbs — always visible */}\n                                    {currentPath && (\n                                        <Tooltip title=\"Go up\">\n                                            <IconButton size=\"small\" onClick={handleNavigateUp}>\n                                                <ArrowLeftIcon size={iconSize.smallest}/>\n                                            </IconButton>\n                                        </Tooltip>\n                                    )}\n                                    <div className=\"flex items-center gap-0.5 overflow-x-auto no-scrollbar\">\n                                        {segments.map((seg, i) => (\n                                            <React.Fragment key={seg.path}>\n                                                {i > 0 && (\n                                                    <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark mx-0.5\">/</Typography>\n                                                )}\n                                                <Button\n                                                    variant=\"text\"\n                                                    size=\"small\"\n                                                    className={cls(\n                                                        \"px-1.5 py-0.5 min-h-0 min-w-0 h-6 text-xs whitespace-nowrap normal-case font-normal\",\n                                                        i === segments.length - 1\n                                                            ? \"text-text-primary dark:text-text-primary-dark font-medium\"\n                                                            : \"text-text-secondary dark:text-text-secondary-dark\"\n                                                    )}\n                                                    onClick={() => handleNavigate(seg.path)}\n                                                >\n                                                    {seg.label}\n                                                </Button>\n                                            </React.Fragment>\n                                        ))}\n                                    </div>\n\n                                    <div className=\"flex-1\"/>\n\n                                    {/* Selection actions or file count */}\n                                    {selectedPaths.size > 0 ? (\n                                        <div className=\"flex items-center gap-1.5 shrink-0\">\n                                            <Typography variant=\"body2\" className=\"text-[13px] font-medium whitespace-nowrap\">\n                                                {selectedPaths.size} selected\n                                            </Typography>\n                                            <Button\n                                                size=\"small\"\n                                                variant=\"text\"\n                                                onClick={() => {\n                                                    setDeleteDialogTarget(\"selection\");\n                                                    setDeleteDialogOpen(true);\n                                                }}\n                                            >\n                                                <Trash2Icon size={14} className=\"mr-1\"/>\n                                                Delete\n                                            </Button>\n                                            <Button\n                                                size=\"small\"\n                                                variant=\"text\"\n                                                onClick={() => {\n                                                    setSelectedPaths(new Set());\n                                                    setSelectedFile(null);\n                                                    setSelectedDownloadUrl(null);\n                                                }}\n                                            >\n                                                <XIcon size={14} className=\"mr-1\"/>\n                                                Deselect\n                                            </Button>\n                                        </div>\n                                    ) : !loading ? (\n                                        <Chip size=\"small\" className=\"shrink-0 text-[10px]\">\n                                            {files.length} file{files.length !== 1 ? \"s\" : \"\"}\n                                            {folders.length > 0 ? `, ${folders.length} folder${folders.length !== 1 ? \"s\" : \"\"}` : \"\"}\n                                        </Chip>\n                                    ) : null}\n                                </div>\n\n                                <div className=\"flex shrink-0 items-center justify-end gap-1.5 pr-1\">\n\n                                    <Tooltip title=\"Grid view\">\n                                        <IconButton\n                                            size=\"small\"\n                                            onClick={() => setViewMode(\"grid\")}\n                                            className={cls(viewMode === \"grid\" && \"bg-surface-100 dark:bg-surface-800\")}\n                                        >\n                                            <LayoutGridIcon size={iconSize.smallest}/>\n                                        </IconButton>\n                                    </Tooltip>\n                                    <Tooltip title=\"List view\">\n                                        <IconButton\n                                            size=\"small\"\n                                            onClick={() => setViewMode(\"list\")}\n                                            className={cls(viewMode === \"list\" && \"bg-surface-100 dark:bg-surface-800\")}\n                                        >\n                                            <ListIcon size={iconSize.smallest}/>\n                                        </IconButton>\n                                    </Tooltip>\n\n                                    <div className={cls(\"h-4 w-px mx-0.5\", defaultBorderMixin, \"bg-surface-200 dark:bg-surface-700\")}/>\n\n                                    <Tooltip title=\"Refresh\">\n                                        <IconButton size=\"small\" onClick={handleRefresh} disabled={loading}>\n                                            <RefreshCwIcon size={iconSize.smallest}/>\n                                        </IconButton>\n                                    </Tooltip>\n\n                                    <Tooltip title=\"New folder\">\n                                        <IconButton\n                                            size=\"small\"\n                                            onClick={() => {\n                                                setNewFolderName(\"\");\n                                                setNewFolderDialogOpen(true);\n                                            }}\n                                        >\n                                            <FolderPlusIcon size={iconSize.smallest}/>\n                                        </IconButton>\n                                    </Tooltip>\n                                    <Button\n                                        size=\"small\"\n                                        color=\"primary\"\n                                        onClick={() => setUploadDialogOpen(true)}\n                                    >\n                                        <UploadCloudIcon size={iconSize.smallest} className=\"mr-1\"/>\n                                        Upload\n                                    </Button>\n                                </div>\n                            </div>\n\n                            {/* File grid / list — drop zone */}\n                            <div {...getDropRootProps()}\n                                 className=\"flex-grow flex flex-col overflow-hidden min-h-0 relative\"\n                                 onClick={(e) => {\n                                     const target = e.target as HTMLElement;\n                                     if (!target.closest(\"[data-storage-item]\") && selectedPaths.size > 0) {\n                                         setSelectedPaths(new Set());\n                                         setSelectedFile(null);\n                                         setSelectedDownloadUrl(null);\n                                     }\n                                 }}\n                            >\n                                <input {...getDropInputProps()} />\n                                {renderContents()}\n                                {/* Drag overlay */}\n                                {isDragActive && (\n                                    <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-primary/5 dark:bg-primary/10 backdrop-blur-[2px]\">\n                                        <div className=\"flex flex-col items-center gap-2 p-6 rounded-xl border-2 border-dashed border-primary bg-white/80 dark:bg-surface-900/80\">\n                                            <UploadCloudIcon className=\"w-10 h-10 text-primary\"/>\n                                            <Typography variant=\"subtitle2\" className=\"text-primary font-semibold\">\n                                                Drop files to upload\n                                            </Typography>\n                                            <Typography variant=\"caption\" color=\"secondary\">\n                                                to /{currentPath || \"root\"}\n                                            </Typography>\n                                        </div>\n                                    </div>\n                                )}\n                            </div>\n\n                            {/* Status bar */}\n                            <div className={cls(\"px-4 py-1.5 border-t bg-surface-50 dark:bg-surface-800 flex items-center justify-between shrink-0\", defaultBorderMixin)}>\n                                <div className=\"flex items-center gap-4 text-[11px]\">\n                                    <span className=\"text-text-disabled dark:text-text-disabled-dark font-bold uppercase tracking-tighter\">\n                                        Path\n                                    </span>\n                                    <span className=\"font-mono text-text-secondary dark:text-text-secondary-dark\">\n                                        /{currentPath || \"\"}\n                                    </span>\n                                </div>\n                                {selectedPaths.size > 0 ? (\n                                    <div className=\"text-[11px] text-text-secondary dark:text-text-secondary-dark\">\n                                        {selectedPaths.size} item{selectedPaths.size !== 1 ? \"s\" : \"\"} selected\n                                    </div>\n                                ) : selectedFile ? (\n                                    <div className=\"text-[11px] text-text-secondary dark:text-text-secondary-dark\">\n                                        Selected: <span className=\"font-mono\">{selectedFile.name}</span>\n                                    </div>\n                                ) : null}\n                            </div>\n                        </div>\n\n                        {/* Preview panel */}\n                        {selectedFile && (\n                            <div className=\"w-80 lg:w-96 shrink-0\">\n                                <FilePreviewPanel\n                                    file={selectedFile}\n                                    downloadUrl={selectedDownloadUrl}\n                                    onClose={() => {\n                                        setSelectedFile(null);\n                                        setSelectedDownloadUrl(null);\n                                    }}\n                                    onDelete={() => handleDeleteFile(selectedFile)}\n                                />\n                            </div>\n                        )}\n            </div>\n\n            {/* Upload Dialog */}\n            <UploadDialog\n                open={uploadDialogOpen}\n                currentPath={currentPath}\n                onClose={() => setUploadDialogOpen(false)}\n                onUpload={handleUpload}\n            />\n\n            {/* Delete confirmation dialog */}\n            <Dialog\n                open={deleteDialogOpen}\n                onOpenChange={(open) => {\n                    if (!open && !deleting) {\n                        setDeleteDialogOpen(false);\n                        setDeleteDialogTarget(null);\n                    }\n                }}\n            >\n                <DialogTitle hidden>Delete Confirmation</DialogTitle>\n                <DialogContent>\n                    <Typography variant=\"subtitle1\" className=\"font-semibold mb-2\">\n                        {deleteDialogTarget === \"selection\"\n                            ? `Delete ${selectedPaths.size} item${selectedPaths.size !== 1 ? \"s\" : \"\"}?`\n                            : deleteDialogTarget\n                                ? `Delete folder \"${deleteDialogTarget.name}\"?`\n                                : \"Delete?\"}\n                    </Typography>\n                    <Typography variant=\"body2\" color=\"secondary\">\n                        {deleteDialogTarget === \"selection\"\n                            ? \"This will permanently delete all selected files and folders, including their contents. This action cannot be undone.\"\n                            : \"This will permanently delete the folder and all of its contents. This action cannot be undone.\"}\n                    </Typography>\n                </DialogContent>\n                <DialogActions>\n                    <Button\n                        variant=\"text\"\n                        onClick={() => {\n                            setDeleteDialogOpen(false);\n                            setDeleteDialogTarget(null);\n                        }}\n                        disabled={deleting}\n                    >\n                        Cancel\n                    </Button>\n                    <LoadingButton\n                        color=\"error\"\n                        loading={deleting}\n                        onClick={deleteDialogTarget === \"selection\" ? handleBulkDelete : handleConfirmDeleteFolder}\n                    >\n                        <Trash2Icon size={14} className=\"mr-1\"/>\n                        Delete\n                    </LoadingButton>\n                </DialogActions>\n            </Dialog>\n\n            {/* New Folder Dialog */}\n            <Dialog\n                open={newFolderDialogOpen}\n                onOpenChange={(open) => {\n                    if (!open && !creatingFolder) {\n                        setNewFolderDialogOpen(false);\n                        setNewFolderName(\"\");\n                    }\n                }}\n            >\n                <DialogTitle hidden>New Folder</DialogTitle>\n                <DialogContent>\n                    <TextField\n                        autoFocus\n                        size=\"small\"\n                        label=\"Folder name\"\n                        value={newFolderName}\n                        onChange={(e) => setNewFolderName(e.target.value)}\n                        onKeyDown={(e) => {\n                            if (e.key === \"Enter\" && newFolderName.trim()) {\n                                e.preventDefault();\n                                handleCreateFolder();\n                            }\n                        }}\n                        disabled={creatingFolder}\n                        placeholder=\"Enter folder name\"\n                    />\n                    {currentPath && (\n                        <Typography variant=\"caption\" color=\"secondary\" className=\"mt-2\">\n                            Will be created in <span className=\"font-mono\">/{currentPath}/</span>\n                        </Typography>\n                    )}\n                </DialogContent>\n                <DialogActions>\n                    <Button\n                        variant=\"text\"\n                        onClick={() => {\n                            setNewFolderDialogOpen(false);\n                            setNewFolderName(\"\");\n                        }}\n                        disabled={creatingFolder}\n                    >\n                        Cancel\n                    </Button>\n                    <LoadingButton\n                        color=\"primary\"\n                        loading={creatingFolder}\n                        disabled={!newFolderName.trim()}\n                        onClick={handleCreateFolder}\n                    >\n                        <FolderPlusIcon size={14} className=\"mr-1\"/>\n                        Create\n                    </LoadingButton>\n                </DialogActions>\n            </Dialog>\n        </div>\n    );\n};\n"],"mappings":"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"}

package/dist/components/ApiKeys/ApiKeysView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function ApiKeysView(): React.JSX.Element;

package/dist/index.es.js

@@ -90,17 +90,26 @@ var SECTIONS = [
 		label: "Access Control",
 		dotColor: "bg-rose-400",
 		iconColor: "text-rose-400",
-		tools: [{
-			path: "/users",
-			name: "Users",
-			description: "Manage developers and assign roles in your workspace",
-			icon: "group"
-		}, {
-			path: "/roles",
-			name: "Roles",
-			description: "Create and configure fine-grained access permissions",
-			icon: "ShieldEllipsis"
-		}]
+		tools: [
+			{
+				path: "/users",
+				name: "Users",
+				description: "Manage developers and assign roles in your workspace",
+				icon: "group"
+			},
+			{
+				path: "/roles",
+				name: "Roles",
+				description: "Create and configure fine-grained access permissions",
+				icon: "ShieldEllipsis"
+			},
+			{
+				path: "/api-keys",
+				name: "API Keys",
+				description: "Create and manage scoped keys for machine-to-machine access",
+				icon: "KeyRound"
+			}
+		]
 	}
 ];
 function StudioHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd, sections, hiddenGroups }) {
@@ -559,15 +568,16 @@ function SyntaxHighlightedSnippet() {
 }
 //#endregion
 //#region src/components/RebaseStudio.tsx
-var SQLEditor = lazy(() => import("./SQLEditor-BLuq_zDM.js").then((m) => ({ default: m.SQLEditor })));
-var JSEditor = lazy(() => import("./JSEditor-BhAbEjCP.js").then((m) => ({ default: m.JSEditor })));
-var RLSEditor = lazy(() => import("./RLSEditor-CTxYbBdW.js").then((m) => ({ default: m.RLSEditor })));
-var StorageView = lazy(() => import("./StorageView-nDaC2foF.js").then((m) => ({ default: m.StorageView })));
+var SQLEditor = lazy(() => import("./SQLEditor-CuAhR-zr.js").then((m) => ({ default: m.SQLEditor })));
+var JSEditor = lazy(() => import("./JSEditor-DSucz6wV.js").then((m) => ({ default: m.JSEditor })));
+var RLSEditor = lazy(() => import("./RLSEditor-BM64laoW.js").then((m) => ({ default: m.RLSEditor })));
+var StorageView = lazy(() => import("./StorageView-CvrnHmDG.js").then((m) => ({ default: m.StorageView })));
 var CronJobsView = lazy(() => import("./CronJobsView-4gdtJvoe.js").then((m) => ({ default: m.CronJobsView })));
-var SchemaVisualizer = lazy(() => import("./SchemaVisualizer-BJK2u3C0.js").then((m) => ({ default: m.SchemaVisualizer })));
-var BranchesView = lazy(() => import("./BranchesView-DncIRcZt.js").then((m) => ({ default: m.BranchesView })));
+var SchemaVisualizer = lazy(() => import("./SchemaVisualizer-OibKoD3g.js").then((m) => ({ default: m.SchemaVisualizer })));
+var BranchesView = lazy(() => import("./BranchesView-Dlg78EQ8.js").then((m) => ({ default: m.BranchesView })));
 var ApiExplorer = lazy(() => import("./ApiExplorer-CdIwR9Ga.js").then((m) => ({ default: m.ApiExplorer })));
-var LogsExplorer = lazy(() => import("./LogsExplorer-CqtKILj8.js").then((m) => ({ default: m.LogsExplorer })));
+var LogsExplorer = lazy(() => import("./LogsExplorer-J4xfsuv3.js").then((m) => ({ default: m.LogsExplorer })));
+var ApiKeysView = lazy(() => import("./ApiKeysView-D-_FSlNL.js").then((m) => ({ default: m.ApiKeysView })));
 /**
 * Declarative component to configure the Studio in Rebase.
 * Renders nothing — purely registers config into the RebaseRegistry.
@@ -591,7 +601,8 @@ function RebaseStudio({ tools, homePage }) {
 			"schema-visualizer",
 			"branches",
 			"api",
-			"logs"
+			"logs",
+			"api-keys"
 		];
 		const suspense = (el) => /* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
@@ -669,6 +680,14 @@ function RebaseStudio({ tools, homePage }) {
 			description: "Real-time system and query logs",
 			view: suspense(/* @__PURE__ */ jsx(LogsExplorer, {}))
 		});
+		if (activeTools.includes("api-keys")) views.push({
+			slug: "api-keys",
+			name: "API Keys",
+			group: "Access Control",
+			icon: "KeyRound",
+			description: "Create and manage scoped API keys",
+			view: suspense(/* @__PURE__ */ jsx(ApiKeysView, {}))
+		});
 		return views;
 	}, [tools]);
 	const homePageRef = React.useRef(resolvedHomePage);