@rebasepro/studio 0.1.2 → 0.2.3

package/dist/StorageView-B7AsN2qX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageView-B7AsN2qX.js","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                <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\", message: \"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\", message: `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\", message: `Folder \"${name}\" created` });\n            setNewFolderDialogOpen(false);\n            setNewFolderName(\"\");\n            await fetchContents(currentPath);\n        } catch (e) {\n            snackbarController.open({ type: \"error\", message: 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, key });\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\", message: `\"${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\", message: 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\", message: `${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\", message: 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\", message: `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\", message: 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                <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                <DialogContent>\n                    <Typography variant=\"subtitle1\" className=\"font-semibold mb-4\">\n                        New Folder\n                    </Typography>\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"],"names":["formatFileSize","bytes","toFixed","getFileIcon","contentType","FileTextIcon","startsWith","ImageIcon","VideoIcon","Music2Icon","getExtension","name","parts","split","length","toUpperCase","breadcrumbSegments","path","label","filter","Boolean","segments","accumulated","part","push","UploadDialog","open","currentPath","onClose","onUpload","uploading","setUploading","useState","selectedFiles","setSelectedFiles","error","setError","handleFilesAdded","useCallback","files","prev","handleRemoveFile","index","_","i","handleUpload","err","Error","message","handleClose","o","map","file","size","e","stopPropagation","FilePreviewPanel","onDelete","downloadUrl","FileIconComponent","deleteDialogOpen","setDeleteDialogOpen","urlCopied","setUrlCopied","cls","defaultBorderMixin","window","iconSize","smallest","ext","toLowerCase","isImage","includes","isVideo","isAudio","undefined","fullPath","fullUrl","location","origin","navigator","clipboard","writeText","then","setTimeout","StorageView","storageSource","useStorageSource","snackbarController","useSnackbarController","searchParams","setSearchParams","useSearchParams","get","loading","setLoading","folders","setFolders","setFiles","selectedFile","setSelectedFile","selectedDownloadUrl","setSelectedDownloadUrl","uploadDialogOpen","setUploadDialogOpen","viewMode","setViewMode","selectedPaths","setSelectedPaths","Set","lastClickedRef","useRef","deleteDialogTarget","setDeleteDialogTarget","deleting","setDeleting","newFolderDialogOpen","setNewFolderDialogOpen","newFolderName","setNewFolderName","creatingFolder","setCreatingFolder","apiConfig","useApiConfig","storageSourceRef","React","useEffect","current","fetchContents","result","listObjects","folderItems","prefixes","ref","isFolder","fileItems","Promise","all","items","downloadConfig","getSignedUrl","metadata","url","console","String","handleNavigate","handleNavigateUp","pop","join","allItems","useMemo","handleItemClick","item","metaKey","ctrlKey","next","has","delete","add","shiftKey","allPaths","anchorIdx","indexOf","currentIdx","start","end","config","catch","handleItemDoubleClick","uploadFiles","key","putObject","type","handleCreateFolder","trim","apiUrl","existingFolder","find","f","folderPath","token","getAuthToken","response","fetch","method","headers","body","JSON","stringify","ok","json","handleDropFiles","droppedFiles","getRootProps","getDropRootProps","getInputProps","getDropInputProps","isDragActive","useDropzone","onDrop","noClick","noKeyboard","noDragEventsBubbling","deleteFolderRecursive","prefix","deleteObject","sub","handleDeleteFile","handleBulkDelete","handleConfirmDeleteFolder","handleSelectAll","handler","preventDefault","target","tagName","addEventListener","removeEventListener","handleRefresh","renderContents","folder","isChecked","FileIconComp","seg","closest","value"],"mappings":"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"}

package/dist/common/src/data/query_builder.d.ts

@@ -0,0 +1,51 @@
+import { FindResponse, CollectionAccessor, QueryBuilderInterface, FilterOperator } from "@rebasepro/types";
+export declare class QueryBuilder<M extends Record<string, unknown> = Record<string, unknown>> implements QueryBuilderInterface<M> {
+    private collection;
+    private params;
+    constructor(collection: CollectionAccessor<M>);
+    /**
+     * Add a filter condition to your query.
+     * @example
+     * client.collection('users').where('age', '>=', 18).find()
+     */
+    where(column: keyof M & string, operator: FilterOperator, value: unknown): this;
+    /**
+     * Order the results by a specific column.
+     * @example
+     * client.collection('users').orderBy('createdAt', 'desc').find()
+     */
+    orderBy(column: keyof M & string, ascending?: "asc" | "desc"): this;
+    /**
+     * Limit the number of results returned.
+     */
+    limit(count: number): this;
+    /**
+     * Skip the first N results.
+     */
+    offset(count: number): this;
+    /**
+     * Set a free-text search string if supported by the backend.
+     */
+    search(searchString: string): this;
+    /**
+     * Include related entities in the response.
+     * Relations will be populated with full entity data instead of just IDs.
+     *
+     * @param relations - Relation names to include, or "*" for all.
+     * @example
+     * // Include specific relations
+     * client.data.posts.include("tags", "author").find()
+     *
+     * // Include all relations
+     * client.data.posts.include("*").find()
+     */
+    include(...relations: string[]): this;
+    /**
+     * Execute the find query and return the results.
+     */
+    find(): Promise<FindResponse<M>>;
+    /**
+     * Listen to realtime updates matching this query.
+     */
+    listen(onUpdate: (data: FindResponse<M>) => void, onError?: (error: Error) => void): () => void;
+}

package/dist/common/src/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./util";
 export * from "./collections";
 export * from "./data/buildRebaseData";
+export * from "./data/query_builder";

package/dist/common/src/util/entities.d.ts

@@ -3,8 +3,8 @@ export declare function isReadOnly(property: Property): boolean;
 export declare function isHidden(property: Property): boolean;
 export declare function isPropertyBuilder(property?: Property): boolean;
 export declare function getDefaultValuesFor<M extends Record<string, unknown>>(properties: Properties): Partial<EntityValues<M>>;
-export declare function getDefaultValueFor(property?: Property): {} | null | undefined;
-export declare function getDefaultValueFortype(type: DataType): {} | null;
+export declare function getDefaultValueFor(property?: Property): unknown;
+export declare function getDefaultValueFortype(type: DataType): unknown;
 /**
  * Update the automatic values in an entity before save
  * @group Driver

package/dist/common/src/util/relations.d.ts

@@ -1,5 +1,5 @@
 import { EntityCollection, Property, Relation } from "@rebasepro/types";
-export declare function sanitizeRelation(relation: Partial<Relation>, sourceCollection: EntityCollection): Relation;
+export declare function sanitizeRelation(relation: Partial<Relation>, sourceCollection: EntityCollection, resolveCollection?: (slugOrTable: string) => EntityCollection | undefined): Relation;
 export declare function resolveCollectionRelations(collection: EntityCollection): Record<string, Relation>;
 export declare function resolvePropertyRelation({ propertyKey, property, sourceCollection }: {
     propertyKey: string;

package/dist/core/src/components/LoginView/LoginView.d.ts

@@ -61,11 +61,6 @@ export interface LoginViewProps {
      * Error message when user is not allowed access
      */
     notAllowedError?: string | Error;
-    /**
-     * Override: enable Google login button.
-     * If not set, checks `authController.capabilities.googleLogin`.
-     */
-    googleEnabled?: boolean;
     /**
      * Google client ID for Google OAuth.
      * Required when Google login is enabled via ID token flow.
@@ -87,4 +82,4 @@ export interface LoginViewProps {
  * Feature-detects capabilities to show/hide login methods.
  * @group Core
  */
-export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleEnabled, googleClientId, needsSetup, registrationEnabled }: LoginViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, needsSetup, registrationEnabled }: LoginViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/src/contexts/SnackbarProvider.d.ts

@@ -1,2 +1,2 @@
 import React, { PropsWithChildren } from "react";
-export declare const SnackbarProvider: React.FC<PropsWithChildren<{}>>;
+export declare const SnackbarProvider: React.FC<PropsWithChildren>;

package/dist/core/src/hooks/data/save.d.ts

@@ -4,7 +4,7 @@ import { RebaseData } from "@rebasepro/types";
 /**
  * @group Hooks and utilities
  */
-export type SaveEntityWithCallbacksProps<M extends Record<string, any>> = SaveEntityProps<M> & {
+export type SaveEntityWithCallbacksProps<M extends Record<string, unknown>> = SaveEntityProps<M> & {
     afterSave?: (updatedEntity: Entity<M>) => void;
     afterSaveError?: (e: Error) => void;
 };
@@ -27,7 +27,7 @@ export type SaveEntityWithCallbacksProps<M extends Record<string, any>> = SaveEn
  * @param afterSaveError
  * @group Hooks and utilities
  */
-export declare function saveEntityWithCallbacks<M extends Record<string, any>>({ collection, path, entityId, values, previousValues, status, data, context, afterSave, afterSaveError }: SaveEntityWithCallbacksProps<M> & {
+export declare function saveEntityWithCallbacks<M extends Record<string, unknown>>({ collection, path, entityId, values, previousValues, status, data, context, afterSave, afterSaveError }: SaveEntityWithCallbacksProps<M> & {
     collection: EntityCollection;
     data: RebaseData;
     context: RebaseContext;

package/dist/core/src/hooks/data/useEntityFetch.d.ts

@@ -26,6 +26,11 @@ export interface EntityFetchResult<M extends Record<string, any>> {
  * @param entities - Array of entities to cache
  */
 export declare function populateEntityFetchCache<M extends Record<string, any>>(path: string, entities: Entity<M>[]): void;
+/**
+ * Clear the entity fetch cache. Call this on auth state changes (e.g. logout)
+ * to prevent stale data from a previous session leaking into the next.
+ */
+export declare function clearEntityFetchCache(): void;
 /**
  * This hook is used to fetch an entity.
  * It gives real time updates if the driver supports it.

package/dist/core/src/hooks/useResolvedComponent.d.ts

@@ -35,7 +35,7 @@ import type { ComponentRef } from "@rebasepro/types";
  *     </Suspense>
  * );
  * ```
- */
+ * */
 export declare function useResolvedComponent<P = unknown>(ref: ComponentRef<P> | undefined): React.ComponentType<P> | undefined;
 /**
  * Pure function version of the resolver, for use outside React components.

package/dist/index.es.js

@@ -2,9 +2,8 @@ import { useRebaseContext, useStudioBreadcrumbs, useRestoreScroll, useSlot, Icon
 import { StudioBridgeContext, StudioBridgeProvider, useStudioBreadcrumbs as useStudioBreadcrumbs2, useStudioCollectionRegistry, useStudioNavigationState, useStudioSideEntityController, useStudioUrlController } from "@rebasepro/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useEffect, lazy, useMemo, useLayoutEffect, Suspense } from "react";
-import { Typography, Card, cls, iconSize, Container, CircularProgressCenter } from "@rebasepro/ui";
+import { Typography, Card, cls, ArrowRightIcon, iconSize, Container, CircularProgressCenter } from "@rebasepro/ui";
 import { c } from "react-compiler-runtime";
-import { ArrowRightIcon } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 const SECTIONS = [{
   label: "Database",
@@ -591,28 +590,28 @@ function SyntaxHighlightedSnippet() {
   }
   return t49;
 }
-const SQLEditor = lazy(() => import("./SQLEditor-Cr9Kg_Qg.js").then((m) => ({
+const SQLEditor = lazy(() => import("./SQLEditor-BELYJQRP.js").then((m) => ({
   default: m.SQLEditor
 })));
-const JSEditor = lazy(() => import("./JSEditor-CSHA0t_O.js").then((m) => ({
+const JSEditor = lazy(() => import("./JSEditor-Ch8z8lJ4.js").then((m) => ({
   default: m.JSEditor
 })));
-const RLSEditor = lazy(() => import("./RLSEditor-BzDjqo6w.js").then((m) => ({
+const RLSEditor = lazy(() => import("./RLSEditor-CHEExeSB.js").then((m) => ({
   default: m.RLSEditor
 })));
-const StorageView = lazy(() => import("./StorageView-BYoslzBR.js").then((m) => ({
+const StorageView = lazy(() => import("./StorageView-B7AsN2qX.js").then((m) => ({
   default: m.StorageView
 })));
-const CronJobsView = lazy(() => import("./CronJobsView-CijCToeK.js").then((m) => ({
+const CronJobsView = lazy(() => import("./CronJobsView-CNfz0etw.js").then((m) => ({
   default: m.CronJobsView
 })));
 const SchemaVisualizer = lazy(() => import("./SchemaVisualizer-BGpmzyXT.js").then((m) => ({
   default: m.SchemaVisualizer
 })));
-const BranchesView = lazy(() => import("./BranchesView-DcHZtvXo.js").then((m) => ({
+const BranchesView = lazy(() => import("./BranchesView-BiTEwIhd.js").then((m) => ({
   default: m.BranchesView
 })));
-const ApiExplorer = lazy(() => import("./ApiExplorer-DHVmWYfK.js").then((m) => ({
+const ApiExplorer = lazy(() => import("./ApiExplorer-BmcdhAX0.js").then((m) => ({
   default: m.ApiExplorer
 })));
 const DEFAULT_HOME_PAGE = /* @__PURE__ */ jsx(StudioHomePage, {});