@rebasepro/studio 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rebasepro/studio",
3
3
  "type": "module",
4
- "version": "0.6.0",
4
+ "version": "0.6.1",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",
7
7
  "types": "./dist/index.d.ts",
@@ -15,19 +15,19 @@
15
15
  "pgsql-ast-parser": "12.0.2",
16
16
  "prism-react-renderer": "^2.4.1",
17
17
  "react-dropzone": "^15.0.0",
18
- "@rebasepro/client": "0.6.0",
19
- "@rebasepro/common": "0.6.0",
20
- "@rebasepro/core": "0.6.0",
21
- "@rebasepro/ui": "0.6.0",
22
- "@rebasepro/types": "0.6.0",
23
- "@rebasepro/utils": "0.6.0"
18
+ "@rebasepro/common": "0.6.1",
19
+ "@rebasepro/core": "0.6.1",
20
+ "@rebasepro/types": "0.6.1",
21
+ "@rebasepro/ui": "0.6.1",
22
+ "@rebasepro/utils": "0.6.1",
23
+ "@rebasepro/client": "0.6.1"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=19.0.0",
27
27
  "react-dom": ">=19.0.0",
28
28
  "react-router": "^7.0.0",
29
29
  "react-router-dom": "^7.0.0",
30
- "@rebasepro/admin": "0.6.0"
30
+ "@rebasepro/admin": "0.6.1"
31
31
  },
32
32
  "peerDependenciesMeta": {
33
33
  "@rebasepro/admin": {
@@ -358,6 +358,7 @@ export const PolicyEditor = ({
358
358
  </DialogActions>
359
359
 
360
360
  <Dialog open={helpOpen} onOpenChange={setHelpOpen} maxWidth="3xl">
361
+ <DialogTitle hidden>Row-Level Security Help</DialogTitle>
361
362
  <DialogContent className="p-4 sm:p-6 lg:p-8 flex flex-col gap-6">
362
363
  <div>
363
364
  <Typography variant="h5" className="mb-2">{t("studio_policy_help_title")}</Typography>
@@ -434,6 +434,7 @@ function FilePreviewPanel({
434
434
 
435
435
  {/* Delete Confirmation */}
436
436
  <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
437
+ <DialogTitle hidden>Delete File</DialogTitle>
437
438
  <DialogContent>
438
439
  <Typography variant="subtitle1" className="mb-2">
439
440
  Delete File?
@@ -1400,6 +1401,7 @@ message: e instanceof Error ? e.message : String(e) });
1400
1401
  }
1401
1402
  }}
1402
1403
  >
1404
+ <DialogTitle hidden>Delete Confirmation</DialogTitle>
1403
1405
  <DialogContent>
1404
1406
  <Typography variant="subtitle1" className="font-semibold mb-2">
1405
1407
  {deleteDialogTarget === "selection"
@@ -1446,10 +1448,8 @@ message: e instanceof Error ? e.message : String(e) });
1446
1448
  }
1447
1449
  }}
1448
1450
  >
1451
+ <DialogTitle hidden>New Folder</DialogTitle>
1449
1452
  <DialogContent>
1450
- <Typography variant="subtitle1" className="font-semibold mb-4">
1451
- New Folder
1452
- </Typography>
1453
1453
  <TextField
1454
1454
  autoFocus
1455
1455
  size="small"
@@ -1 +0,0 @@
1
- {"version":3,"file":"RLSEditor-CTxYbBdW.js","names":[],"sources":["../src/components/RLSEditor/PolicyEditor.tsx","../src/components/RLSEditor/RLSEditor.tsx"],"sourcesContent":["\nimport React, { useState, useEffect } from \"react\";\nimport {\n Button,\n cls,\n defaultBorderMixin,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n HelpCircleIcon,\n IconButton,\n iconSize,\n MultiSelect,\n MultiSelectItem,\n Paper,\n Select,\n SelectItem,\n TextField,\n Typography\n} from \"@rebasepro/ui\";\nimport { useTranslation } from \"@rebasepro/core\";\nimport { MonacoEditor } from \"../SQLEditor/MonacoEditor\";\nimport { PostgresPolicy } from \"./RLSEditor\";\n\nexport interface PolicyEditorProps {\n policy?: PostgresPolicy;\n schema: string;\n table: string;\n onSave: (policyData: Partial<PostgresPolicy>) => void;\n onCancel: () => void;\n}\n\ntype PolicyCommand = \"ALL\" | \"SELECT\" | \"INSERT\" | \"UPDATE\" | \"DELETE\";\nconst COMMAND_OPTIONS: PolicyCommand[] = [\"ALL\", \"SELECT\", \"INSERT\", \"UPDATE\", \"DELETE\"];\nconst ROLE_OPTIONS = [\"public\", \"authenticated\", \"anon\", \"admin\"];\n\ninterface PolicyPreset {\n id: string;\n label: string;\n description: string;\n policyname: string;\n cmd: PolicyCommand;\n permissive: \"PERMISSIVE\" | \"RESTRICTIVE\";\n roles: string[];\n qual: string;\n with_check: string;\n}\n\nconst POLICY_PRESETS: PolicyPreset[] = [\n {\n id: \"public_read\",\n label: \"Enable read access to everyone\",\n description: \"Anyone can read data, regardless of authentication status.\",\n policyname: \"Enable read access for all users\",\n cmd: \"SELECT\",\n permissive: \"PERMISSIVE\",\n roles: [\"public\"],\n qual: \"true\",\n with_check: \"\"\n },\n {\n id: \"auth_read\",\n label: \"Enable read access for authenticated users only\",\n description: \"Only logged-in users are allowed to read data.\",\n policyname: \"Enable read access for authenticated users\",\n cmd: \"SELECT\",\n permissive: \"PERMISSIVE\",\n roles: [\"authenticated\"],\n qual: \"true\",\n with_check: \"\"\n },\n {\n id: \"auth_insert\",\n label: \"Enable insert for authenticated users only\",\n description: \"Only logged-in users are allowed to insert new data.\",\n policyname: \"Enable insert for authenticated users only\",\n cmd: \"INSERT\",\n permissive: \"PERMISSIVE\",\n roles: [\"authenticated\"],\n qual: \"\",\n with_check: \"true\"\n },\n {\n id: \"user_select_own\",\n label: \"Users can read their own rows\",\n description: \"Users can only read rows where the user_id matches their auth.uid()\",\n policyname: \"Users can select their own data\",\n cmd: \"SELECT\",\n permissive: \"PERMISSIVE\",\n roles: [\"authenticated\"],\n qual: \"auth.uid() = user_id\",\n with_check: \"\"\n },\n {\n id: \"user_update_own\",\n label: \"Users can update their own rows\",\n description: \"Users can only update rows where the user_id matches their auth.uid()\",\n policyname: \"Users can update their own data\",\n cmd: \"UPDATE\",\n permissive: \"PERMISSIVE\",\n roles: [\"authenticated\"],\n qual: \"auth.uid() = user_id\",\n with_check: \"auth.uid() = user_id\"\n },\n {\n id: \"user_delete_own\",\n label: \"Users can delete their own rows\",\n description: \"Users can only delete rows where the user_id matches their auth.uid()\",\n policyname: \"Users can delete their own data\",\n cmd: \"DELETE\",\n permissive: \"PERMISSIVE\",\n roles: [\"authenticated\"],\n qual: \"auth.uid() = user_id\",\n with_check: \"\"\n }\n];\n\nexport const PolicyEditor = ({\n policy,\n schema,\n table,\n onSave,\n onCancel\n}: PolicyEditorProps) => {\n\n const { t } = useTranslation();\n const [name, setName] = useState(\"\");\n const [helpOpen, setHelpOpen] = useState(false);\n const [behavior, setBehavior] = useState<\"PERMISSIVE\" | \"RESTRICTIVE\">(\"PERMISSIVE\");\n const [command, setCommand] = useState<PolicyCommand>(\"ALL\");\n const [roles, setRoles] = useState<string[]>([\"public\"]);\n const [usingExpr, setUsingExpr] = useState<string>(\"\");\n const [checkExpr, setCheckExpr] = useState<string>(\"\");\n\n const [selectedPreset, setSelectedPreset] = useState<string>(\"\");\n\n useEffect(() => {\n if (policy) {\n setName(policy.policyname || \"\");\n setBehavior(policy.permissive || \"PERMISSIVE\");\n setCommand((policy.cmd as PolicyCommand) || \"ALL\");\n\n const initialRoles = policy.roles\n ? (Array.isArray(policy.roles) ? policy.roles : [policy.roles])\n : [\"public\"];\n setRoles(initialRoles as string[]);\n\n setUsingExpr(policy.qual || \"\");\n setCheckExpr(policy.with_check || \"\");\n } else {\n setName(\"\");\n setBehavior(\"PERMISSIVE\");\n setCommand(\"ALL\");\n setRoles([\"public\"]);\n setUsingExpr(\"\");\n setCheckExpr(\"\");\n setSelectedPreset(\"\");\n }\n }, [policy]);\n\n const handlePresetChange = (presetId: string) => {\n const preset = POLICY_PRESETS.find(p => p.id === presetId);\n if (!preset) return;\n\n setSelectedPreset(presetId);\n setName(preset.policyname);\n setBehavior(preset.permissive);\n setCommand(preset.cmd);\n setRoles(preset.roles);\n setUsingExpr(preset.qual);\n setCheckExpr(preset.with_check);\n };\n\n const showCheck = command === \"ALL\" || command === \"INSERT\" || command === \"UPDATE\";\n\n const handleSave = () => {\n onSave({\n policyname: name,\n permissive: behavior,\n cmd: command,\n roles: roles,\n qual: usingExpr,\n with_check: showCheck ? checkExpr : null\n });\n };\n\n return (\n <>\n <DialogTitle className=\"flex justify-between items-center w-full\" variant=\"h6\">\n <div>\n <div>{policy ? t(\"studio_policy_edit\") : t(\"studio_policy_create\")}</div>\n <div className=\"text-sm font-normal text-text-secondary dark:text-text-secondary-dark tracking-wide mt-1\">\n {t(\"studio_policy_defining_rules\")} <span className=\"font-mono text-primary bg-primary-bg dark:bg-primary-bg-dark px-1 py-0.5 rounded\">{schema}.{table}</span>\n </div>\n </div>\n <IconButton size=\"small\" onClick={() => setHelpOpen(true)}>\n <HelpCircleIcon size={iconSize.smallest}/>\n </IconButton>\n </DialogTitle>\n\n <DialogContent className=\"p-4 md:p-6 border-t dark:border-surface-950 bg-surface-50 dark:bg-surface-950\" includeMargin={false}>\n <div className=\"max-w-4xl mx-auto\">\n <Paper className={cls(\"p-4 md:p-6 flex flex-col gap-6 bg-white dark:bg-surface-900 border-none sm:border-solid rounded-none sm:rounded-xl\", defaultBorderMixin)}>\n\n {/* Presets - only for new policies */}\n {!policy && (\n <div className=\"flex flex-col gap-1.5 bg-primary/5 dark:bg-primary-bg-dark/20 p-3 sm:p-4 rounded-lg border border-primary/10 dark:border-primary/20\">\n <Typography variant=\"caption\" className=\"text-primary dark:text-primary-light uppercase tracking-wider\">{t(\"studio_policy_template\")}</Typography>\n <Select\n size=\"small\"\n value={selectedPreset}\n onValueChange={handlePresetChange}\n position=\"item-aligned\"\n placeholder={t(\"studio_policy_select_template\")}\n className=\"bg-white dark:bg-surface-950\"\n >\n {POLICY_PRESETS.map((preset) => (\n <SelectItem key={preset.id} value={preset.id}>\n <div className=\"flex flex-col text-left\">\n <span className=\"text-sm\">{preset.label}</span>\n <span className=\"text-xs text-text-secondary dark:text-text-secondary-dark\">{preset.description}</span>\n </div>\n </SelectItem>\n ))}\n </Select>\n </div>\n )}\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n {/* Policy Name */}\n <div className=\"flex flex-col gap-1.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">{t(\"studio_policy_name\")}</Typography>\n <TextField\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder={t(\"studio_policy_name_placeholder\")}\n className=\"w-full\"\n />\n </div>\n\n {/* Behavior */}\n <div className=\"flex flex-col gap-1.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">\n {t(\"studio_policy_behavior\")} <code className=\"text-[10px] bg-surface-200 dark:bg-surface-950 text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1\">AS</code>\n </Typography>\n <Select\n value={behavior}\n onValueChange={(val) => setBehavior(val as \"PERMISSIVE\" | \"RESTRICTIVE\")}\n position=\"item-aligned\"\n >\n <SelectItem value=\"PERMISSIVE\">\n <div className=\"flex flex-col text-left\">\n <span className=\"\">{t(\"studio_policy_permissive\")}</span>\n <span className=\"text-xs text-text-secondary dark:text-text-secondary-dark\">{t(\"studio_policy_permissive_desc\")}</span>\n </div>\n </SelectItem>\n <SelectItem value=\"RESTRICTIVE\">\n <div className=\"flex flex-col text-left\">\n <span className=\"\">{t(\"studio_policy_restrictive\")}</span>\n <span className=\"text-xs text-text-secondary dark:text-text-secondary-dark\">{t(\"studio_policy_restrictive_desc\")}</span>\n </div>\n </SelectItem>\n </Select>\n </div>\n </div>\n\n {/* Command */}\n <div className=\"flex flex-col gap-1.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">\n {t(\"studio_policy_command\")} <code className=\"text-[10px] bg-surface-200 dark:bg-surface-950 text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1\">FOR</code>\n </Typography>\n <div className=\"flex flex-wrap gap-1.5\">\n {COMMAND_OPTIONS.map(cmd => (\n <Button\n key={cmd}\n size=\"small\"\n variant={command === cmd ? \"filled\" : \"text\"}\n color=\"neutral\"\n onClick={() => setCommand(cmd)}\n className=\"min-w-[80px]\"\n >\n {cmd}\n </Button>\n ))}\n </div>\n </div>\n\n {/* Roles */}\n <div className=\"flex flex-col gap-1.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">\n {t(\"studio_policy_target_roles\")} <code className=\"text-[10px] bg-surface-200 dark:bg-surface-950 text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1\">TO</code>\n </Typography>\n <MultiSelect\n size=\"small\"\n value={roles}\n onValueChange={setRoles}\n placeholder={t(\"studio_policy_roles_placeholder\")}\n >\n {ROLE_OPTIONS.map(role => (\n <MultiSelectItem key={role} value={role}>\n {role}\n </MultiSelectItem>\n ))}\n </MultiSelect>\n </div>\n\n </Paper>\n\n <div className=\"mt-8 flex flex-col gap-4\">\n {/* USING Expression */}\n {command !== \"INSERT\" && (\n <div className=\"flex flex-col gap-1.5\">\n <div className=\"flex flex-col gap-0.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">{t(\"studio_policy_using_expr\")}</Typography>\n <Typography variant=\"caption\" className=\"text-text-secondary opacity-70\">{t(\"studio_policy_using_expr_desc\")}</Typography>\n </div>\n <div className={cls(\"h-32 border rounded-md overflow-hidden bg-white dark:bg-[#1e1e1e]\", defaultBorderMixin)}>\n <MonacoEditor\n value={usingExpr}\n onChange={(v) => setUsingExpr(v || \"\")}\n readOnly={false}\n autoFocus={true}\n />\n </div>\n </div>\n )}\n\n {/* WITH CHECK Expression */}\n {showCheck && (\n <div className=\"flex flex-col gap-1.5 mt-2\">\n <div className=\"flex flex-col gap-0.5\">\n <Typography variant=\"caption\" className=\"uppercase tracking-wider text-text-secondary\">{t(\"studio_policy_check_expr\")}</Typography>\n <Typography variant=\"caption\" className=\"text-text-secondary opacity-70\">{t(\"studio_policy_check_expr_desc\")}</Typography>\n </div>\n <div className={cls(\"h-32 border rounded-md overflow-hidden bg-white dark:bg-[#1e1e1e]\", defaultBorderMixin)}>\n <MonacoEditor\n value={checkExpr}\n onChange={(v) => setCheckExpr(v || \"\")}\n readOnly={false}\n autoFocus={command === \"INSERT\"}\n />\n </div>\n </div>\n )}\n </div>\n\n </div>\n </DialogContent>\n\n <DialogActions>\n <Button size=\"small\" variant=\"text\" color=\"neutral\" onClick={onCancel}>\n {t(\"studio_policy_cancel\")}\n </Button>\n <Button size=\"small\" variant=\"filled\" color=\"primary\" onClick={handleSave} disabled={!name}>\n {t(\"studio_policy_save\")}\n </Button>\n </DialogActions>\n\n <Dialog open={helpOpen} onOpenChange={setHelpOpen} maxWidth=\"3xl\">\n <DialogContent className=\"p-4 sm:p-6 lg:p-8 flex flex-col gap-6\">\n <div>\n <Typography variant=\"h5\" className=\"mb-2\">{t(\"studio_policy_help_title\")}</Typography>\n <Typography className=\"text-text-secondary dark:text-text-secondary-dark\">\n {t(\"studio_policy_help_intro\")}\n </Typography>\n </div>\n\n <div className=\"flex flex-col gap-4\">\n <Paper className={cls(\"p-4 sm:p-5 flex flex-col gap-1\", defaultBorderMixin)}>\n <Typography variant=\"subtitle2\" className=\"text-primary dark:text-primary-light font-medium\">{t(\"studio_policy_help_step1_title\")}</Typography>\n <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n {t(\"studio_policy_help_step1_desc\")}\n </Typography>\n </Paper>\n\n <Paper className={cls(\"p-4 sm:p-5 flex flex-col gap-1\", defaultBorderMixin)}>\n <Typography variant=\"subtitle2\" className=\"text-primary dark:text-primary-light font-medium\">{t(\"studio_policy_help_step2_title\")}</Typography>\n <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark mb-1\">\n {t(\"studio_policy_help_step2_desc\")}\n </Typography>\n <ul className=\"list-disc pl-5 space-y-1 text-sm text-text-secondary dark:text-text-secondary-dark\">\n <li><strong>public</strong>: {t(\"studio_policy_help_role_public\")}</li>\n <li><strong>authenticated</strong>: {t(\"studio_policy_help_role_authenticated\")}</li>\n <li><strong>anon</strong>: {t(\"studio_policy_help_role_anon\")}</li>\n </ul>\n </Paper>\n\n <Paper className={cls(\"p-4 sm:p-5 flex flex-col gap-1\", defaultBorderMixin)}>\n <Typography variant=\"subtitle2\" className=\"text-primary dark:text-primary-light font-medium\">{t(\"studio_policy_help_step3_title\")}</Typography>\n <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark mb-1\">\n {t(\"studio_policy_help_step3_desc\")}\n </Typography>\n <div className={cls(\"bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2\", defaultBorderMixin)}>\n Example: auth.uid() = user_id\n </div>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n {t(\"studio_policy_help_step3_example\")}\n </Typography>\n </Paper>\n\n <Paper className={cls(\"p-4 sm:p-5 flex flex-col gap-1\", defaultBorderMixin)}>\n <Typography variant=\"subtitle2\" className=\"text-primary dark:text-primary-light font-medium\">{t(\"studio_policy_help_step4_title\")}</Typography>\n <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark mb-1\">\n {t(\"studio_policy_help_step4_desc\")}\n </Typography>\n <div className={cls(\"bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2\", defaultBorderMixin)}>\n Example: auth.uid() = user_id\n </div>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n {t(\"studio_policy_help_step4_example\")}\n </Typography>\n </Paper>\n\n <Paper className={cls(\"p-4 sm:p-5 flex flex-col gap-2 bg-primary/5 dark:bg-primary-bg-dark/10\", defaultBorderMixin)}>\n <Typography variant=\"subtitle2\" className=\"text-primary dark:text-primary-light font-medium\">{t(\"studio_policy_help_auth_vars_title\")}</Typography>\n <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n {t(\"studio_policy_help_auth_vars_desc\")}\n </Typography>\n <ul className=\"list-disc pl-5 space-y-2 text-sm text-text-secondary dark:text-text-secondary-dark font-normal\">\n <li>\n <code className=\"bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap\">auth.uid()</code>\n <span className=\"block mt-0.5\">Returns the current user&apos;s ID as text. Example: <code className=\"bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]\">auth.uid() = user_id</code></span>\n </li>\n <li>\n <code className=\"bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap\">auth.jwt()</code>\n <span className=\"block mt-0.5\">Returns the full JWT payload as JSONB so you can check custom claims. Example: <code className=\"bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]\">auth.jwt() -&gt;&gt; &apos;email&apos; = &apos;admin@example.com&apos;</code></span>\n </li>\n <li>\n <code className=\"bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap\">auth.roles()</code>\n <span className=\"block mt-0.5\">Returns the user&apos;s role IDs as a comma-separated string. Best used with: <code className=\"bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]\">string_to_array(auth.roles(), &apos;,&apos;) @&gt; ARRAY[&apos;admin&apos;]</code></span>\n </li>\n </ul>\n </Paper>\n </div>\n\n <div className={cls(\"mt-2 flex flex-col sm:flex-row justify-between items-start sm:items-center bg-primary/5 dark:bg-primary-bg-dark/10 p-4 rounded-xl border border-primary/10 dark:border-primary/20\", defaultBorderMixin)}>\n <Typography variant=\"body2\" className=\"text-primary dark:text-primary-light mb-4 sm:mb-0 max-w-md\">\n {t(\"studio_policy_help_docs_cta\")}\n </Typography>\n <Button\n component=\"a\"\n href=\"https://www.postgresql.org/docs/current/sql-createpolicy.html\"\n target=\"_blank\"\n variant=\"outlined\"\n color=\"primary\"\n size=\"small\"\n className=\"whitespace-nowrap flex-shrink-0\"\n >\n {t(\"studio_policy_help_read_docs\")}\n </Button>\n </div>\n </DialogContent>\n <DialogActions className=\"p-4 sm:px-6 sm:pb-6 pt-0 border-t-0\">\n <Button onClick={() => setHelpOpen(false)} variant=\"filled\" color=\"primary\">{t(\"studio_policy_help_got_it\")}</Button>\n </DialogActions>\n </Dialog>\n </>\n );\n};\n","\nimport { useStudioCollectionRegistry } from \"@rebasepro/core\";\nimport React, { useState, useEffect, useCallback, useMemo } from \"react\";\nimport {\n Alert,\n AlertTriangleIcon,\n Button,\n Card,\n Chip,\n CircularProgress,\n cls,\n defaultBorderMixin,\n IconButton,\n iconSize,\n KeyIcon,\n Paper,\n RefreshCwIcon,\n ResizablePanels,\n ShieldIcon,\n Tab,\n Tabs,\n Tooltip,\n Trash2Icon,\n Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseContext, useSnackbarController, ErrorView, useTranslation } from \"@rebasepro/core\";\nimport { isPostgresCollection } from \"@rebasepro/types\";\nimport { PolicyEditor } from \"./PolicyEditor\";\n\n/**\n * Validates and double-quotes a SQL identifier to prevent injection.\n * Only allows safe Postgres identifiers (letters, digits, underscores).\n * Throws if the identifier contains unsafe characters.\n */\nfunction sanitizeSqlIdentifier(name: string): string {\n if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(name)) {\n throw new Error(`Invalid SQL identifier: \"${name}\". Only letters, digits, and underscores are allowed.`);\n }\n return `\"${name}\"`;\n}\n\nexport interface PostgresPolicy {\n policyname: string;\n tablename: string;\n permissive: \"PERMISSIVE\" | \"RESTRICTIVE\";\n roles: string[];\n cmd: \"SELECT\" | \"INSERT\" | \"UPDATE\" | \"DELETE\" | \"ALL\";\n qual: string | null; // USING clause\n with_check: string | null; // WITH CHECK clause\n status?: \"live\" | \"code_only\" | \"both\";\n}\n\ninterface TableRLSStatus {\n schemaName: string;\n tableName: string;\n rlsEnabled: boolean;\n policies: PostgresPolicy[];\n}\n\nexport const RLSEditor = ({ apiUrl = \"\" }: { apiUrl?: string }) => {\n const { databaseAdmin } = useRebaseContext();\n const snackbarController = useSnackbarController();\n const collectionRegistry = useStudioCollectionRegistry();\n const { t } = useTranslation();\n\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [tables, setTables] = useState<TableRLSStatus[]>([]);\n const [selectedTable, setSelectedTable] = useState<string | null>(null);\n const [activeTab, setActiveTab] = useState(0);\n\n const [editingPolicy, setEditingPolicy] = useState<PostgresPolicy | \"new\" | null>(null);\n\n const [sidebarSize, setSidebarSize] = useState(() => {\n try {\n const saved = localStorage.getItem(\"rebase_rls_editor_sidebar_size\");\n return saved !== null ? parseFloat(saved) : 20;\n } catch (e) {\n return 20;\n }\n });\n\n const [expandedSchemas, setExpandedSchemas] = useState<Record<string, boolean>>({ public: true });\n\n // Sidebar tab: \"tables\" or \"info\"\n const [sidebarTab, setSidebarTab] = useState<\"tables\" | \"info\">(\"tables\");\n\n useEffect(() => {\n try {\n localStorage.setItem(\"rebase_rls_editor_sidebar_size\", sidebarSize.toString());\n } catch (e) { /* ignore */ }\n }, [sidebarSize]);\n\n const fetchRLSData = useCallback(async () => {\n if (!databaseAdmin?.executeSql) {\n setError(t(\"studio_sql_sql_not_supported\"));\n setIsLoading(false);\n return;\n }\n\n setIsLoading(true);\n setError(null);\n try {\n // 1. Fetch tables and whether RLS is enabled\n const tablesSql = `\n SELECT \n schemaname, \n tablename, \n rowsecurity \n FROM pg_tables \n WHERE schemaname NOT IN ('information_schema', 'pg_catalog')\n ORDER BY schemaname, tablename;\n `;\n const tablesResult = await databaseAdmin!.executeSql!(tablesSql);\n\n // 2. Fetch all policies\n const policiesSql = `\n SELECT \n schemaname,\n tablename,\n policyname,\n permissive,\n roles,\n cmd,\n qual,\n with_check\n FROM pg_policies\n WHERE schemaname NOT IN ('information_schema', 'pg_catalog');\n `;\n const policiesResult = await databaseAdmin!.executeSql!(policiesSql);\n\n const extractRows = (result: unknown): Record<string, unknown>[] => {\n if (result && typeof result === \"object\" && \"rows\" in result && Array.isArray((result as { rows: Record<string, unknown>[] }).rows)) {\n return (result as { rows: Record<string, unknown>[] }).rows;\n }\n if (Array.isArray(result)) return result as Record<string, unknown>[];\n return [];\n };\n\n const tRows = extractRows(tablesResult);\n const pRows = extractRows(policiesResult);\n\n const tableMap: Record<string, TableRLSStatus> = {};\n\n tRows.forEach((tRow: Record<string, unknown>) => {\n const t = tRow as { schemaname?: string, SCHEMANAME?: string, tablename?: string, TABLENAME?: string, rowsecurity?: boolean, ROWSECURITY?: boolean };\n const schema = t.schemaname || t.SCHEMANAME || \"public\";\n const table = t.tablename || t.TABLENAME || \"\";\n const rlsEnabled = t.rowsecurity || t.ROWSECURITY || false;\n\n const key = `${schema}.${table}`;\n tableMap[key] = {\n schemaName: schema,\n tableName: table,\n rlsEnabled: rlsEnabled,\n policies: []\n };\n });\n\n pRows.forEach((pRow: Record<string, unknown>) => {\n const p = pRow as { schemaname?: string, SCHEMANAME?: string, tablename?: string, TABLENAME?: string, roles?: string | string[], ROLES?: string | string[], policyname?: string, POLICYNAME?: string, permissive?: \"PERMISSIVE\" | \"RESTRICTIVE\", PERMISSIVE?: \"PERMISSIVE\" | \"RESTRICTIVE\", cmd?: \"SELECT\" | \"INSERT\" | \"UPDATE\" | \"DELETE\" | \"ALL\", CMD?: \"SELECT\" | \"INSERT\" | \"UPDATE\" | \"DELETE\" | \"ALL\", qual?: string | null, QUAL?: string | null, with_check?: string | null, WITH_CHECK?: string | null };\n const schema = p.schemaname || p.SCHEMANAME || \"public\";\n const table = p.tablename || p.TABLENAME || \"\";\n const key = `${schema}.${table}`;\n\n if (tableMap[key]) {\n // Postgres roles come back as an array string like \"{public}\" or literal array\n let parsedRoles: string[] = [];\n const r = p.roles || p.ROLES;\n if (Array.isArray(r)) {\n parsedRoles = r;\n } else if (typeof r === \"string\") {\n parsedRoles = r.replace(/^{|}$/g, \"\").split(\",\").map(s => s.trim());\n }\n\n tableMap[key].policies.push({\n policyname: p.policyname || p.POLICYNAME || \"\",\n tablename: table,\n permissive: p.permissive || p.PERMISSIVE || \"PERMISSIVE\",\n roles: parsedRoles,\n cmd: p.cmd || p.CMD || \"ALL\",\n qual: p.qual || p.QUAL || null,\n with_check: p.with_check || p.WITH_CHECK || null\n });\n }\n });\n\n const sortedTables = Object.values(tableMap).sort((a, b) => a.tableName.localeCompare(b.tableName));\n setTables(sortedTables);\n\n if (sortedTables.length > 0 && !selectedTable) {\n setSelectedTable(`${sortedTables[0].schemaName}.${sortedTables[0].tableName}`);\n }\n\n } catch (e: unknown) {\n console.error(\"RLS fetch error:\", e);\n setError(\"Failed to fetch RLS policies: \" + (e instanceof Error ? e.message : String(e)));\n } finally {\n setIsLoading(false);\n }\n }, [databaseAdmin, selectedTable]);\n\n useEffect(() => {\n setEditingPolicy(null);\n }, [selectedTable]);\n\n useEffect(() => {\n fetchRLSData();\n }, [fetchRLSData]);\n\n const activeTableData = useMemo(() => {\n if (!selectedTable) return null;\n return tables.find(t => `${t.schemaName}.${t.tableName}` === selectedTable) || null;\n }, [selectedTable, tables]);\n\n const groupedTables = useMemo(() => {\n const groups: Record<string, TableRLSStatus[]> = {};\n tables.forEach(table => {\n if (!groups[table.schemaName]) {\n groups[table.schemaName] = [];\n }\n groups[table.schemaName].push(table);\n });\n return groups;\n }, [tables]);\n\n const activeCollection = useMemo(() => {\n if (!activeTableData) return null;\n return collectionRegistry.collections?.find((c: { id?: string, path?: string, table?: string, slug?: string, collectionId?: string }) =>\n c.id === activeTableData.tableName ||\n c.path === activeTableData.tableName ||\n c.table === activeTableData.tableName ||\n c.slug === activeTableData.tableName ||\n c.collectionId === activeTableData.tableName\n ) || null;\n }, [activeTableData, collectionRegistry.collections]);\n\n const mergedPolicies = useMemo(() => {\n if (!activeTableData) return [];\n\n const policiesMap: Record<string, PostgresPolicy> = {};\n\n // Load live policies\n (activeTableData.policies || []).forEach(p => {\n policiesMap[p.policyname] = { ...p,\nstatus: \"live\" };\n });\n\n // Merge code-based policies\n if (activeCollection && isPostgresCollection(activeCollection) && activeCollection.securityRules) {\n activeCollection.securityRules.forEach((rule: { name?: string, mode?: string, operation?: string, roles?: string[], using?: string, withCheck?: string }) => {\n const ruleName = rule.name;\n if (!ruleName) return;\n\n if (policiesMap[ruleName]) {\n // It exists in Postgres, but we have a code definition (potentially edited)\n policiesMap[ruleName] = {\n policyname: ruleName,\n tablename: activeTableData.tableName,\n permissive: (rule.mode || \"permissive\").toUpperCase() as PostgresPolicy[\"permissive\"],\n cmd: (rule.operation || \"ALL\").toUpperCase() as PostgresPolicy[\"cmd\"],\n roles: rule.roles || [\"public\"],\n qual: rule.using || null,\n with_check: rule.withCheck || null,\n status: \"both\"\n };\n } else {\n policiesMap[ruleName] = {\n policyname: ruleName,\n tablename: activeTableData.tableName,\n permissive: (rule.mode || \"permissive\").toUpperCase() as PostgresPolicy[\"permissive\"],\n cmd: (rule.operation || \"ALL\").toUpperCase() as PostgresPolicy[\"cmd\"],\n roles: rule.roles || [\"public\"],\n qual: rule.using || null,\n with_check: rule.withCheck || null,\n status: \"code_only\"\n };\n }\n });\n }\n\n return Object.values(policiesMap).sort((a, b) => a.policyname.localeCompare(b.policyname));\n }, [activeTableData, activeCollection]);\n\n // Stats for the info tab\n const rlsStats = useMemo(() => {\n const total = tables.length;\n const enabled = tables.filter(t => t.rlsEnabled).length;\n const withPolicies = tables.filter(t => t.policies.length > 0).length;\n const totalPolicies = tables.reduce((sum, t) => sum + t.policies.length, 0);\n return { total,\nenabled,\nwithPolicies,\ntotalPolicies };\n }, [tables]);\n\n const renderPolicyTag = (label: string, value: string) => {\n return (\n <div className=\"flex items-center gap-1.5 px-2 py-1 rounded-md bg-surface-100 dark:bg-surface-950 border border-surface-200 dark:border-surface-700/50\">\n <span className=\"text-[10px] uppercase text-text-secondary dark:text-text-secondary-dark font-medium tracking-wider\">\n {label}:\n </span>\n <span className=\"font-mono text-xs text-text-primary dark:text-text-primary-dark break-all\">\n {value}\n </span>\n </div>\n );\n };\n\n return (\n <div className=\"flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n <ResizablePanels\n orientation=\"horizontal\"\n panelSizePercent={sidebarSize}\n onPanelSizeChange={setSidebarSize}\n minPanelSizePx={220}\n firstPanel={\n <div className={cls(\"flex flex-col h-full w-full bg-white dark:bg-surface-950 border-r\", defaultBorderMixin)}>\n <Tabs value={sidebarTab} onValueChange={(v) => setSidebarTab(v as \"tables\" | \"info\")} variant=\"boxy\" className=\"border-b border-surface-200 dark:border-surface-950\">\n <Tab value=\"tables\">Tables</Tab>\n <Tab value=\"info\">Info</Tab>\n </Tabs>\n\n <div className=\"flex-grow overflow-hidden relative\">\n {sidebarTab === \"tables\" && (\n <div className=\"flex flex-col h-full\">\n <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark\">\n {t(\"studio_schema_tables\")}\n </Typography>\n <IconButton size=\"small\" onClick={fetchRLSData} title=\"Refresh\">\n <RefreshCwIcon size={iconSize.smallest}/>\n </IconButton>\n </div>\n <div className=\"flex-grow overflow-y-auto no-scrollbar p-1\">\n {isLoading && tables.length === 0 ? (\n <div className=\"flex justify-center p-4\"><CircularProgress size=\"small\"/></div>\n ) : Object.keys(groupedTables).length === 0 ? (\n <div className=\"p-4 text-center\">\n <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">{t(\"studio_rls_no_tables\")}</Typography>\n </div>\n ) : (\n Object.entries(groupedTables).map(([schemaName, schemaTables]) => (\n <div key={schemaName} className=\"mb-2\">\n <div\n className=\"flex items-center p-1 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-950 rounded transition-colors\"\n onClick={() => setExpandedSchemas(prev => ({ ...prev,\n[schemaName]: !prev[schemaName] }))}\n >\n <svg className={cls(\"w-3 h-3 mr-1 transition-transform\", expandedSchemas[schemaName] ? \"rotate-90\" : \"\")} fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"/></svg>\n <Typography variant=\"body2\" className=\"text-text-primary dark:text-text-primary-dark font-medium text-xs truncate flex-grow\">{schemaName}</Typography>\n </div>\n\n {expandedSchemas[schemaName] && (\n <div className=\"ml-3 mt-1 space-y-0.5\">\n {schemaTables.map(table => {\n const key = `${table.schemaName}.${table.tableName}`;\n const isSelected = selectedTable === key;\n return (\n <div\n key={key}\n onClick={() => setSelectedTable(key)}\n className={cls(\n \"flex items-center p-1 cursor-pointer rounded transition-colors group relative\",\n isSelected\n ? \"bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light\"\n : \"hover:bg-surface-100 dark:hover:bg-surface-950 text-text-secondary dark:text-text-secondary-dark\"\n )}\n >\n <svg className=\"w-3.5 h-3.5 mr-1 shrink-0 text-text-disabled dark:text-text-disabled-dark\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n <Typography variant=\"body2\" className=\"text-xs truncate flex-1 min-w-0\">{table.tableName}</Typography>\n <div className=\"flex items-center gap-1.5 shrink-0 ml-2\">\n {table.rlsEnabled ? (\n <Tooltip title={t(\"studio_rls_enabled\")}>\n <div className=\"w-1.5 h-1.5 rounded-full bg-green-500\"/>\n </Tooltip>\n ) : (\n <Tooltip title={t(\"studio_rls_disabled\")}>\n <div className=\"w-1.5 h-1.5 rounded-full bg-orange-400 opacity-50\"/>\n </Tooltip>\n )}\n <span className=\"text-[10px] opacity-40 group-hover:opacity-100 min-w-[1.2rem] text-right font-medium\">\n {table.policies.length}\n </span>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </div>\n ))\n )}\n </div>\n </div>\n )}\n\n {sidebarTab === \"info\" && (\n <div className=\"flex flex-col h-full\">\n <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark\">\n Overview\n </Typography>\n </div>\n <div className=\"flex-grow overflow-y-auto p-3 space-y-3 no-scrollbar\">\n <div className={cls(\"p-3 rounded-lg border bg-white dark:bg-surface-900\", defaultBorderMixin)}>\n <div className=\"flex items-center gap-2 mb-2\">\n <ShieldIcon size={iconSize.smallest} className=\"text-primary\"/>\n <Typography variant=\"body2\" className=\"font-semibold text-[13px]\">RLS Studio</Typography>\n </div>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark text-[11px] leading-relaxed block\">\n Manage Row Level Security policies for your PostgreSQL tables. Enable RLS and create fine-grained access policies.\n </Typography>\n </div>\n\n <div className=\"space-y-2\">\n <div className={cls(\"p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark text-[11px]\">Total tables</Typography>\n <Typography variant=\"body2\" className=\"font-mono text-[13px] font-medium\">{rlsStats.total}</Typography>\n </div>\n <div className={cls(\"p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark text-[11px]\">RLS enabled</Typography>\n <div className=\"flex items-center gap-1.5\">\n <div className=\"w-1.5 h-1.5 rounded-full bg-green-500\"/>\n <Typography variant=\"body2\" className=\"font-mono text-[13px] font-medium\">{rlsStats.enabled}</Typography>\n </div>\n </div>\n <div className={cls(\"p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark text-[11px]\">Tables with policies</Typography>\n <Typography variant=\"body2\" className=\"font-mono text-[13px] font-medium\">{rlsStats.withPolicies}</Typography>\n </div>\n <div className={cls(\"p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between\", defaultBorderMixin)}>\n <Typography variant=\"caption\" className=\"text-text-secondary dark:text-text-secondary-dark text-[11px]\">Total policies</Typography>\n <Typography variant=\"body2\" className=\"font-mono text-[13px] font-medium\">{rlsStats.totalPolicies}</Typography>\n </div>\n </div>\n\n {/* Security health indicators */}\n {rlsStats.total - rlsStats.enabled > 0 && (\n <div className={cls(\"p-2.5 rounded border border-yellow-200 dark:border-yellow-900/50 bg-yellow-50 dark:bg-yellow-900/20 flex items-start gap-2\", defaultBorderMixin)}>\n <AlertTriangleIcon size={14} className=\"text-yellow-600 dark:text-yellow-500 mt-0.5 shrink-0\"/>\n <div>\n <Typography variant=\"caption\" className=\"text-yellow-800 dark:text-yellow-400 text-[11px] font-semibold block\">\n {rlsStats.total - rlsStats.enabled} table{rlsStats.total - rlsStats.enabled > 1 ? \"s\" : \"\"} without RLS\n </Typography>\n <Typography variant=\"caption\" className=\"text-yellow-700 dark:text-yellow-600 text-[10px] block mt-0.5\">\n These tables have no row-level access control. If auth enforcement is disabled, data may be publicly accessible.\n </Typography>\n </div>\n </div>\n )}\n\n {rlsStats.enabled > 0 && rlsStats.enabled - rlsStats.withPolicies > 0 && (\n <div className={cls(\"p-2.5 rounded border border-blue-200 dark:border-blue-900/50 bg-blue-50 dark:bg-blue-900/20 flex items-start gap-2\", defaultBorderMixin)}>\n <ShieldIcon size={14} className=\"text-blue-600 dark:text-blue-400 mt-0.5 shrink-0\"/>\n <div>\n <Typography variant=\"caption\" className=\"text-blue-800 dark:text-blue-300 text-[11px] font-semibold block\">\n {rlsStats.enabled - rlsStats.withPolicies} table{rlsStats.enabled - rlsStats.withPolicies > 1 ? \"s\" : \"\"} with RLS but no policies\n </Typography>\n <Typography variant=\"caption\" className=\"text-blue-700 dark:text-blue-500 text-[10px] block mt-0.5\">\n RLS is enabled but no permissive policies exist. All access is denied by default (Postgres deny-all).\n </Typography>\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n }\n secondPanel={\n <div className=\"flex-grow flex flex-col min-w-0 h-full w-full bg-white dark:bg-surface-950\">\n {/* Toolbar Header matching SQL/JS Editor style */}\n <div className={cls(\"flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-950 min-h-[46px]\", defaultBorderMixin)}>\n <div className=\"flex items-center flex-grow overflow-hidden px-4\">\n <Typography variant=\"subtitle2\" className=\"font-mono text-text-secondary dark:text-text-secondary-dark truncate\">\n {activeTableData ? `${activeTableData.schemaName}.${activeTableData.tableName}` : t(\"studio_rls_select_table\")}\n </Typography>\n {activeTableData && (\n <div className=\"ml-3\">\n {activeTableData.rlsEnabled ? (\n <Chip size=\"smallest\" className=\"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 border-green-200 dark:border-green-800\">{t(\"studio_rls_enabled\")}</Chip>\n ) : (\n <Chip size=\"smallest\" className=\"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400 border-yellow-200 dark:border-yellow-800\">{t(\"studio_rls_disabled\")}</Chip>\n )}\n </div>\n )}\n </div>\n <div className=\"flex shrink-0 items-center justify-end gap-1.5\">\n {activeTableData && (\n <>\n <Button\n variant=\"text\"\n size=\"small\"\n onClick={async () => {\n const table = activeTableData.tableName;\n const action = activeTableData.rlsEnabled ? \"DISABLE\" : \"ENABLE\";\n if (!confirm(`Are you sure you want to ${action.toLowerCase()} Row Level Security on \"${table}\"?`)) return;\n try {\n await databaseAdmin!.executeSql!(`ALTER TABLE ${sanitizeSqlIdentifier(table)} ${action} ROW LEVEL SECURITY`);\n snackbarController.open({ type: \"success\",\nmessage: `RLS ${action.toLowerCase()}d on ${table}` });\n fetchRLSData();\n } catch (e: unknown) {\n snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n }\n }}\n >\n {activeTableData.rlsEnabled ? t(\"studio_rls_disable_rls\") : t(\"studio_rls_enable_rls\")}\n </Button>\n\n <div className=\"h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1\"/>\n\n <Button\n variant=\"text\"\n size=\"small\"\n onClick={fetchRLSData}\n startIcon={<RefreshCwIcon size={iconSize.smallest}/>}\n >\n Refresh\n </Button>\n\n <div className=\"h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1\"/>\n\n <Button\n size=\"small\"\n color=\"primary\"\n disabled={!activeCollection}\n onClick={() => setEditingPolicy(\"new\")}\n >\n {t(\"studio_rls_create_policy\")}\n </Button>\n </>\n )}\n </div>\n </div>\n\n {isLoading && !activeTableData ? (\n <div className=\"flex-grow flex items-center justify-center h-full\">\n <CircularProgress size=\"small\"/>\n </div>\n ) : error ? (\n <div className=\"p-6 h-full flex items-center justify-center\">\n <ErrorView title={t(\"studio_rls_error\")} error={error} onRetry={fetchRLSData}/>\n </div>\n ) : !activeTableData ? (\n <div className=\"flex-grow flex items-center justify-center text-text-disabled h-full\">\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\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1} d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"/></svg>\n <Typography variant=\"body2\">{t(\"studio_rls_select_table\")}</Typography>\n </div>\n </div>\n ) : editingPolicy ? (\n <PolicyEditor\n policy={editingPolicy === \"new\" ? undefined : editingPolicy}\n schema={activeTableData.schemaName}\n table={activeTableData.tableName}\n onSave={async (newPolicy) => {\n if (!activeCollection) return;\n const rule: Record<string, unknown> = {\n name: newPolicy.policyname,\n operation: newPolicy.cmd?.toLowerCase(),\n mode: newPolicy.permissive?.toLowerCase(),\n using: newPolicy.qual || undefined,\n withCheck: newPolicy.with_check || undefined,\n roles: newPolicy.roles\n };\n\n const existingRules = (isPostgresCollection(activeCollection) ? activeCollection.securityRules : undefined) || [];\n let newRules;\n if (editingPolicy === \"new\") {\n newRules = [...existingRules, rule];\n } else {\n newRules = existingRules.map((r: { name?: string }) => r.name === editingPolicy.policyname ? rule : r);\n }\n\n try {\n const response = await fetch(`${apiUrl}/api/schema-editor/collection/save`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n collectionId: (activeCollection as { id?: string, path?: string, alias?: string }).id || (activeCollection as { id?: string, path?: string, alias?: string }).path || (activeCollection as { id?: string, path?: string, alias?: string }).alias || activeTableData.tableName,\n collectionData: { securityRules: newRules }\n })\n });\n if (!response.ok) throw new Error(\"Failed to save policy\");\n\n snackbarController.open({ type: \"success\",\nmessage: \"Policy saved successfully\" });\n setEditingPolicy(null);\n fetchRLSData();\n } catch (e: unknown) {\n snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n }\n }}\n onCancel={() => setEditingPolicy(null)}\n />\n ) : (\n <div className=\"flex-grow flex flex-col overflow-hidden\">\n <div className=\"p-6 pt-4 flex-grow overflow-auto bg-surface-50 dark:bg-surface-900\">\n <div className=\"max-w-4xl mx-auto flex flex-col gap-6\">\n {activeTableData && !activeCollection && (\n <Alert\n color=\"warning\"\n >\n <Typography variant=\"body2\" className=\"mb-1\">\n Table not managed by Rebase\n </Typography>\n <Typography variant=\"caption\" className=\"opacity-80\">\n This table is not mapped to a Rebase Schema via code. To edit security policies visually, you must first import this table into a Schema configuration file.\n </Typography>\n </Alert>\n )}\n\n {activeTableData && !activeTableData.rlsEnabled && (\n <div className={cls(\"p-4 sm:p-5 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-900/50 rounded-lg flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between\", defaultBorderMixin)}>\n <div className=\"flex gap-3 items-start\">\n <div className=\"mt-1 bg-yellow-100 dark:bg-yellow-900/50 p-1.5 rounded-md shrink-0 flex items-center justify-center\">\n <AlertTriangleIcon size={iconSize.smallest}/>\n </div>\n <div>\n <Typography variant=\"subtitle2\" className=\"text-yellow-800 dark:text-yellow-500\">\n Row Level Security (RLS) is disabled\n </Typography>\n <Typography variant=\"body2\" className=\"text-yellow-700 dark:text-yellow-600/90 mt-1 max-w-2xl\">\n Your table is completely readable and writable by anyone with access privileges. Enable RLS to create policies that restrict access to specific rows.\n </Typography>\n </div>\n </div>\n <Button\n size=\"medium\"\n variant=\"filled\"\n color=\"neutral\"\n onClick={() => setEditingPolicy(\"new\")}\n className=\"shrink-0 whitespace-nowrap\"\n disabled={!activeCollection}\n >\n {t(\"studio_rls_create_policy\")}\n </Button>\n </div>\n )}\n\n {activeTableData && mergedPolicies && mergedPolicies.length > 0 && (\n <div className=\"flex flex-col gap-3\">\n <Typography variant=\"subtitle2\" className=\"text-text-secondary dark:text-text-secondary-dark uppercase tracking-wider mb-1\">{t(\"studio_rls_policies\")}</Typography>\n {mergedPolicies.map(policy => (\n <Paper key={policy.policyname} className={cls(\"p-3 sm:px-4 sm:py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-4 border rounded-lg\", defaultBorderMixin)}>\n <div className=\"flex flex-col gap-2 min-w-0\">\n <div className=\"flex items-center gap-2\">\n <KeyIcon size={iconSize.smallest} className=\"text-text-secondary dark:text-text-secondary-dark shrink-0\"/>\n <Typography variant=\"body2\" className=\"truncate\">{policy.policyname}</Typography>\n {policy.status === \"code_only\" && (\n <Tooltip title=\"This policy is defined in your code but hasn't been applied to the database yet.\">\n <div className=\"px-1.5 py-0.5 rounded text-[10px] uppercase bg-primary/10 text-primary border border-primary/20 shrink-0\">\n Unapplied\n </div>\n </Tooltip>\n )}\n {policy.status === \"live\" && (\n <Tooltip title=\"This policy is live in the database but missing from your codebase schema.\">\n <div className=\"px-1.5 py-0.5 rounded text-[10px] uppercase bg-orange-500/10 text-orange-600 border border-orange-500/20 shrink-0\">\n DB Only\n </div>\n </Tooltip>\n )}\n </div>\n <div className=\"flex flex-wrap gap-1.5 text-sm\">\n {renderPolicyTag(\"Action\", policy.cmd)}\n {renderPolicyTag(\"Roles\", Array.isArray(policy.roles) ? policy.roles.join(\", \") : policy.roles)}\n </div>\n </div>\n <div className=\"flex gap-2 shrink-0 items-center\">\n {policy.status === \"live\" && activeCollection && (\n <Button\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n onClick={async () => {\n const rule: Record<string, unknown> = {\n name: policy.policyname,\n operation: policy.cmd?.toLowerCase(),\n mode: policy.permissive?.toLowerCase(),\n using: policy.qual || undefined,\n withCheck: policy.with_check || undefined,\n roles: policy.roles\n };\n\n const existingRules = (isPostgresCollection(activeCollection) ? activeCollection.securityRules : undefined) || [];\n const newRules = [...existingRules, rule];\n\n try {\n const response = await fetch(`${apiUrl}/api/schema-editor/collection/save`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n collectionId: (activeCollection as { id?: string, path?: string, alias?: string }).id || (activeCollection as { id?: string, path?: string, alias?: string }).path || (activeCollection as { id?: string, path?: string, alias?: string }).alias || activeTableData!.tableName,\n collectionData: { securityRules: newRules }\n })\n });\n if (!response.ok) throw new Error(\"Failed to save policy\");\n\n snackbarController.open({ type: \"success\",\nmessage: \"Policy imported successfully\" });\n fetchRLSData();\n } catch (e: unknown) {\n snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n }\n }}\n >\n Import to codebase\n </Button>\n )}\n <Button size=\"small\" variant=\"text\" color=\"primary\" onClick={() => setEditingPolicy(policy)} disabled={!activeCollection}>\n {t(\"studio_rls_edit\")}\n </Button>\n {policy.status !== \"code_only\" && (\n <Tooltip title={t(\"studio_rls_delete\")} asChild={true}>\n <IconButton\n size=\"small\"\n onClick={async () => {\n const table = activeTableData!.tableName;\n if (!confirm(`Drop policy \"${policy.policyname}\" from table \"${table}\"?`)) return;\n try {\n await databaseAdmin!.executeSql!(`DROP POLICY ${sanitizeSqlIdentifier(policy.policyname)} ON ${sanitizeSqlIdentifier(table)}`);\n snackbarController.open({ type: \"success\",\nmessage: `Policy \"${policy.policyname}\" dropped` });\n fetchRLSData();\n } catch (e: unknown) {\n snackbarController.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n }\n }}\n >\n <Trash2Icon size={iconSize.smallest}/>\n </IconButton>\n </Tooltip>\n )}\n </div>\n </Paper>\n ))}\n </div>\n )}\n\n {activeTableData && mergedPolicies.length === 0 && activeTableData.rlsEnabled && (\n <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n <ShieldIcon size={40} className=\"text-surface-300 dark:text-surface-600 mb-4\"/>\n <Typography variant=\"subtitle2\" className=\"text-text-secondary dark:text-text-secondary-dark mb-2\">\n No policies defined\n </Typography>\n <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark max-w-sm mb-4\">\n RLS is enabled on this table but no policies exist. All access is denied by default (Postgres deny-all). Create a policy to allow specific access.\n </Typography>\n {activeCollection && (\n <Button\n size=\"small\"\n variant=\"filled\"\n color=\"primary\"\n onClick={() => setEditingPolicy(\"new\")}\n >\n {t(\"studio_rls_create_policy\")}\n </Button>\n )}\n </div>\n )}\n\n {activeTableData && mergedPolicies.length === 0 && !activeTableData.rlsEnabled && activeCollection && (\n <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n <AlertTriangleIcon size={40} className=\"text-yellow-400 dark:text-yellow-600 mb-4\"/>\n <Typography variant=\"subtitle2\" className=\"text-text-secondary dark:text-text-secondary-dark mb-2\">\n No access control\n </Typography>\n <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark max-w-sm\">\n This table has neither RLS nor policies. Enable RLS and create policies to restrict row-level access.\n </Typography>\n </div>\n )}\n\n </div>\n </div>\n </div>\n )}\n </div>\n }\n />\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StorageView-nDaC2foF.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 <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 <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"],"mappings":"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"}