@rebasepro/studio 0.9.1-canary.ed943fa → 0.9.1-canary.f0ac103

package/dist/{ApiKeysView-vQKqt2wl.js → ApiKeysView-Dbe5cXkS.js}

@@ -53,7 +53,6 @@ function ApiKeysView() {
 	const [showCreate, setShowCreate] = useState(false);
 	const [showSecret, setShowSecret] = useState(null);
 	const [revoking, setRevoking] = useState(null);
-	const [confirmRevoke, setConfirmRevoke] = useState(null);
 	const clientRef = useRef(client);
 	clientRef.current = client;
 	const snackbarRef = useRef(snackbar);
@@ -229,7 +228,7 @@ function ApiKeysView() {
 								size: "small",
 								color: "error",
 								variant: "outlined",
-								onClick: () => setConfirmRevoke(selectedKey),
+								onClick: () => handleRevoke(selectedKey.id),
 								disabled: revoking === selectedKey.id,
 								startIcon: revoking === selectedKey.id ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest }),
 								children: "Revoke"
@@ -311,47 +310,6 @@ function ApiKeysView() {
 				] })
 			})]
 		}),
-		/* @__PURE__ */ jsxs(Dialog, {
-			open: confirmRevoke !== null,
-			onOpenChange: (open) => {
-				if (!open && !revoking) setConfirmRevoke(null);
-			},
-			children: [
-				/* @__PURE__ */ jsx(DialogTitle, {
-					hidden: true,
-					children: "Revoke Confirmation"
-				}),
-				/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(Typography, {
-					variant: "subtitle1",
-					className: "font-semibold mb-2",
-					children: [
-						"Revoke \"",
-						confirmRevoke?.name,
-						"\"?"
-					]
-				}), /* @__PURE__ */ jsx(Typography, {
-					variant: "body2",
-					color: "secondary",
-					children: "Requests authenticated with this key will stop working immediately. This action cannot be undone."
-				})] }),
-				/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
-					variant: "text",
-					onClick: () => setConfirmRevoke(null),
-					disabled: revoking !== null,
-					children: "Cancel"
-				}), /* @__PURE__ */ jsx(Button, {
-					color: "error",
-					disabled: revoking !== null,
-					startIcon: revoking !== null ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest }),
-					onClick: async () => {
-						if (!confirmRevoke) return;
-						await handleRevoke(confirmRevoke.id);
-						setConfirmRevoke(null);
-					},
-					children: "Revoke"
-				})] })
-			]
-		}),
 		showCreate && /* @__PURE__ */ jsx(CreateApiKeyDialog, {
 			onClose: () => setShowCreate(false),
 			onCreated: handleCreated
@@ -723,4 +681,4 @@ function SecretDisplayDialog({ keyWithSecret, onClose }) {
 //#endregion
 export { ApiKeysView };
 
-//# sourceMappingURL=ApiKeysView-vQKqt2wl.js.map
+//# sourceMappingURL=ApiKeysView-Dbe5cXkS.js.map

package/dist/ApiKeysView-Dbe5cXkS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeysView-Dbe5cXkS.js","names":[],"sources":["../src/components/ApiKeys/ApiKeysView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Button,\n    Card,\n    Chip,\n    CircularProgress,\n    cls,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n    iconSize,\n    KeyRoundIcon,\n    RefreshCwIcon,\n    Tooltip,\n    Typography,\n    TextField,\n    Select,\n    SelectItem,\n    Checkbox,\n    CopyIcon,\n    PlusIcon as AddIcon,\n    Trash2Icon as DeleteIcon,\n    AlertCircleIcon,\n    CheckCircleIcon\n} from \"@rebasepro/ui\";\nimport { useRebaseClient, useSnackbarController } from \"@rebasepro/app\";\nimport type { RebaseClient } from \"@rebasepro/types\";\n\n/* ═══════════════════════════════════════════════════════════════\n   Types — mirrors server api-key-types.ts\n   ═══════════════════════════════════════════════════════════════ */\n\ninterface ApiKeyPermission {\n    collection: string;\n    operations: (\"read\" | \"write\" | \"delete\")[];\n}\n\ninterface ApiKeyMasked {\n    id: string;\n    name: string;\n    key_prefix: string;\n    permissions: ApiKeyPermission[];\n    rate_limit: number | null;\n    created_by: string;\n    created_at: string;\n    updated_at: string;\n    last_used_at: string | null;\n    expires_at: string | null;\n    revoked_at: string | null;\n}\n\ninterface ApiKeyWithSecret extends ApiKeyMasked {\n    key: string;\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Helpers\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction formatRelative(iso: string | null | undefined): string {\n    if (!iso) return \"—\";\n    const d = new Date(iso);\n    const now = Date.now();\n    const diff = d.getTime() - now;\n    const abs = Math.abs(diff);\n    if (abs < 60000) return diff > 0 ? \"in <1m\" : \"<1m ago\";\n    if (abs < 3600000) { const m = Math.round(abs / 60000); return diff > 0 ? `in ${m}m` : `${m}m ago`; }\n    if (abs < 86400000) { const h = Math.round(abs / 3600000); return diff > 0 ? `in ${h}h` : `${h}h ago`; }\n    return d.toLocaleDateString();\n}\n\nfunction permissionSummary(perms: ApiKeyPermission[]): string {\n    if (perms.length === 0) return \"No permissions\";\n    const wildcard = perms.find(p => p.collection === \"*\");\n    if (wildcard) {\n        return `All collections (${wildcard.operations.join(\", \")})`;\n    }\n    if (perms.length === 1) {\n        return `${perms[0].collection} (${perms[0].operations.join(\", \")})`;\n    }\n    return `${perms.length} collections`;\n}\n\nfunction isExpired(key: ApiKeyMasked): boolean {\n    return !!(key.expires_at && new Date(key.expires_at) < new Date());\n}\n\nfunction keyStatus(key: ApiKeyMasked): { label: string; color: string } {\n    if (key.revoked_at) return { label: \"Revoked\", color: \"text-red-500\" };\n    if (isExpired(key)) return { label: \"Expired\", color: \"text-amber-500\" };\n    return { label: \"Active\", color: \"text-emerald-500\" };\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Main Component\n   ═══════════════════════════════════════════════════════════════ */\n\nexport function ApiKeysView() {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const [keys, setKeys] = useState<ApiKeyMasked[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [selectedId, setSelectedId] = useState<string | null>(null);\n    const [showCreate, setShowCreate] = useState(false);\n    const [showSecret, setShowSecret] = useState<ApiKeyWithSecret | null>(null);\n    const [revoking, setRevoking] = useState<string | null>(null);\n\n    const clientRef = useRef(client);\n    clientRef.current = client;\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const loadKeys = useCallback(async () => {\n        const c = clientRef.current;\n        if (!c?.apiKeys) { setLoading(false); return; }\n        try {\n            const res = await c.apiKeys.listKeys();\n            setKeys(res.keys);\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setLoading(false);\n        }\n    }, []);\n\n    useEffect(() => { loadKeys(); }, [loadKeys]);\n\n    const handleRevoke = async (id: string) => {\n        const c = clientRef.current;\n        if (!c?.apiKeys) return;\n        setRevoking(id);\n        try {\n            await c.apiKeys.revokeKey(id);\n            snackbarRef.current.open({ type: \"success\", message: \"API key revoked\" });\n            await loadKeys();\n            if (selectedId === id) setSelectedId(null);\n        } catch (e: unknown) {\n            snackbarRef.current.open({ type: \"error\", message: e instanceof Error ? e.message : String(e) });\n        } finally { setRevoking(null); }\n    };\n\n    const handleCreated = (keyWithSecret: ApiKeyWithSecret) => {\n        setShowCreate(false);\n        setShowSecret(keyWithSecret);\n        loadKeys();\n    };\n\n    const selectedKey = keys.find(k => k.id === selectedId);\n    const activeKeys = keys.filter(k => !k.revoked_at && !isExpired(k));\n    const inactiveKeys = keys.filter(k => k.revoked_at || isExpired(k));\n\n    if (loading) return <div className=\"flex items-center justify-center h-full\"><CircularProgress/></div>;\n\n    return (\n        <>\n            <div className=\"flex h-full w-full overflow-hidden bg-white dark:bg-surface-950\">\n                {/* ── Key List ── */}\n                <div className={cls(\"flex flex-col w-[340px] min-w-[280px] border-r h-full\", defaultBorderMixin)}>\n                    <div className={cls(\"flex items-center justify-between px-4 py-2.5 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                        <div className=\"flex items-center gap-2\">\n                            <KeyRoundIcon size={iconSize.smallest} className=\"text-primary\"/>\n                            <Typography variant=\"subtitle2\" className=\"font-semibold\">API Keys</Typography>\n                            <Chip size=\"smallest\" className=\"bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300\">{activeKeys.length}</Chip>\n                        </div>\n                        <div className=\"flex items-center gap-1\">\n                            <IconButton size=\"small\" onClick={loadKeys} title=\"Refresh\"><RefreshCwIcon size={iconSize.smallest}/></IconButton>\n                            <Button size=\"small\" color=\"primary\" onClick={() => setShowCreate(true)} startIcon={<AddIcon size={iconSize.smallest}/>}>\n                                New\n                            </Button>\n                        </div>\n                    </div>\n                    <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n                        {activeKeys.length === 0 && inactiveKeys.length === 0 && (\n                            <div className=\"flex flex-col items-center justify-center h-full gap-3 text-center p-6\">\n                                <KeyRoundIcon size={iconSize.medium} className=\"text-surface-300 dark:text-surface-600\"/>\n                                <Typography variant=\"body2\" color=\"secondary\">No API keys yet</Typography>\n                                <Typography variant=\"caption\" color=\"disabled\">Create a key to enable machine-to-machine authentication</Typography>\n                            </div>\n                        )}\n                        {activeKeys.map(key => (\n                            <KeyListItem key={key.id} apiKey={key} selected={selectedId === key.id} onClick={() => setSelectedId(key.id)}/>\n                        ))}\n                        {inactiveKeys.length > 0 && (\n                            <>\n                                <div className=\"px-2 pt-3 pb-1\">\n                                    <Typography variant=\"caption\" color=\"disabled\" className=\"text-[10px] uppercase tracking-wider font-medium\">Revoked / Expired</Typography>\n                                </div>\n                                {inactiveKeys.map(key => (\n                                    <KeyListItem key={key.id} apiKey={key} selected={selectedId === key.id} onClick={() => setSelectedId(key.id)}/>\n                                ))}\n                            </>\n                        )}\n                    </div>\n                </div>\n\n                {/* ── Detail Panel ── */}\n                <div className=\"flex-1 flex flex-col min-w-0 h-full overflow-hidden\">\n                    {!selectedKey ? (\n                        <div className=\"flex items-center justify-center h-full\">\n                            <Typography variant=\"body2\" color=\"disabled\">Select an API key to view details</Typography>\n                        </div>\n                    ) : (\n                        <>\n                            {/* Header */}\n                            <div className={cls(\"flex items-center justify-between px-5 py-3 border-b bg-white dark:bg-surface-950 min-h-[56px]\", defaultBorderMixin)}>\n                                <div className=\"flex items-center gap-3 min-w-0\">\n                                    <KeyRoundIcon size={iconSize.small} className=\"text-primary shrink-0\"/>\n                                    <div className=\"min-w-0\">\n                                        <Typography variant=\"subtitle1\" className=\"font-semibold truncate\">{selectedKey.name}</Typography>\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"font-mono text-[11px]\">{selectedKey.key_prefix}•••</Typography>\n                                    </div>\n                                </div>\n                                <div className=\"flex items-center gap-2 shrink-0\">\n                                    {!selectedKey.revoked_at && (\n                                        <Button\n                                            size=\"small\"\n                                            color=\"error\"\n                                            variant=\"outlined\"\n                                            onClick={() => handleRevoke(selectedKey.id)}\n                                            disabled={revoking === selectedKey.id}\n                                            startIcon={revoking === selectedKey.id ? <CircularProgress size=\"smallest\"/> : <DeleteIcon size={iconSize.smallest}/>}\n                                        >\n                                            Revoke\n                                        </Button>\n                                    )}\n                                </div>\n                            </div>\n\n                            {/* Stats */}\n                            <div className=\"px-5 py-4 bg-surface-50 dark:bg-surface-900/50\">\n                                <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n                                    <StatCard label=\"Status\" value={keyStatus(selectedKey).label} className={keyStatus(selectedKey).color}/>\n                                    <StatCard label=\"Created\" value={formatRelative(selectedKey.created_at)}/>\n                                    <StatCard label=\"Last Used\" value={formatRelative(selectedKey.last_used_at)}/>\n                                    <StatCard label=\"Expires\" value={selectedKey.expires_at ? formatRelative(selectedKey.expires_at) : \"Never\"}/>\n                                </div>\n                                <div className=\"grid grid-cols-2 gap-3 mt-3\">\n                                    <StatCard label=\"Rate Limit\" value={selectedKey.rate_limit ? `${selectedKey.rate_limit}/15min` : \"Default (1000/15min)\"}/>\n                                    <StatCard label=\"Created By\" value={selectedKey.created_by} mono/>\n                                </div>\n                            </div>\n\n                            {/* Permissions */}\n                            <div className={cls(\"flex items-center gap-2 px-5 py-2 border-y bg-white dark:bg-surface-950\", defaultBorderMixin)}>\n                                <Typography variant=\"subtitle2\" className=\"font-semibold text-[13px]\">Permissions</Typography>\n                                <Chip size=\"smallest\" className=\"bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300\">\n                                    {selectedKey.permissions.length}\n                                </Chip>\n                            </div>\n                            <div className=\"flex-1 overflow-y-auto px-5 py-3\">\n                                {selectedKey.permissions.length === 0 ? (\n                                    <Typography variant=\"body2\" color=\"disabled\">No permissions configured</Typography>\n                                ) : (\n                                    <div className=\"space-y-2\">\n                                        {selectedKey.permissions.map((perm, idx) => (\n                                            <div key={idx} className={cls(\"flex items-center gap-3 px-3 py-2 rounded-lg border\", defaultBorderMixin)}>\n                                                <Typography variant=\"body2\" className=\"font-mono text-[13px] font-medium flex-1\">\n                                                    {perm.collection === \"*\" ? \"* (all collections)\" : perm.collection}\n                                                </Typography>\n                                                <div className=\"flex items-center gap-1\">\n                                                    {perm.operations.map(op => (\n                                                        <Chip key={op} size=\"smallest\" className={cls(\n                                                            op === \"read\" && \"bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300\",\n                                                            op === \"write\" && \"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300\",\n                                                            op === \"delete\" && \"bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300\"\n                                                        )}>{op}</Chip>\n                                                    ))}\n                                                </div>\n                                            </div>\n                                        ))}\n                                    </div>\n                                )}\n                            </div>\n                        </>\n                    )}\n                </div>\n            </div>\n\n            {/* Create Dialog */}\n            {showCreate && (\n                <CreateApiKeyDialog\n                    onClose={() => setShowCreate(false)}\n                    onCreated={handleCreated}\n                />\n            )}\n\n            {/* Secret Display Dialog */}\n            {showSecret && (\n                <SecretDisplayDialog\n                    keyWithSecret={showSecret}\n                    onClose={() => setShowSecret(null)}\n                />\n            )}\n        </>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   List item\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction KeyListItem({ apiKey, selected, onClick }: { apiKey: ApiKeyMasked; selected: boolean; onClick: () => void }) {\n    const status = keyStatus(apiKey);\n    return (\n        <div\n            onClick={onClick}\n            className={cls(\n                \"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all\",\n                selected\n                    ? \"bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30\"\n                    : \"hover:bg-surface-100 dark:hover:bg-surface-950\"\n            )}\n        >\n            <div className={cls(\"w-2 h-2 rounded-full shrink-0\",\n                status.label === \"Active\" ? \"bg-emerald-400\" :\n                status.label === \"Expired\" ? \"bg-amber-400\" : \"bg-red-400\"\n            )}/>\n            <div className=\"flex-1 min-w-0\">\n                <Typography variant=\"body2\" className=\"truncate font-medium text-[13px]\">{apiKey.name}</Typography>\n                <Typography variant=\"caption\" color=\"secondary\" className=\"truncate text-[11px] font-mono\">{apiKey.key_prefix}•••</Typography>\n            </div>\n            <div className=\"shrink-0\">\n                <Typography variant=\"caption\" color=\"disabled\" className=\"text-[10px]\">{permissionSummary(apiKey.permissions)}</Typography>\n            </div>\n        </div>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Stat card\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction StatCard({ label, value, mono, className }: { label: string; value: string; mono?: boolean; className?: string }) {\n    return (\n        <div className={cls(\"px-3 py-2 rounded-lg border bg-white dark:bg-surface-900\", defaultBorderMixin)}>\n            <Typography variant=\"caption\" color=\"secondary\" className=\"text-[10px] uppercase tracking-wider font-medium\">{label}</Typography>\n            <Typography variant=\"body2\" className={cls(\n                \"mt-0.5 font-semibold text-[13px]\",\n                mono && \"font-mono\",\n                className\n            )}>{value}</Typography>\n        </div>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Create API Key Dialog\n   ═══════════════════════════════════════════════════════════════ */\n\ninterface PermissionRow {\n    collection: string;\n    read: boolean;\n    write: boolean;\n    delete: boolean;\n}\n\nfunction CreateApiKeyDialog({ onClose, onCreated }: { onClose: () => void; onCreated: (key: ApiKeyWithSecret) => void }) {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const [name, setName] = useState(\"\");\n    const [permissions, setPermissions] = useState<PermissionRow[]>([{ collection: \"*\", read: true, write: false, delete: false }]);\n    const [rateLimit, setRateLimit] = useState(\"\");\n    const [expiresIn, setExpiresIn] = useState(\"never\");\n    const [creating, setCreating] = useState(false);\n\n    const addRow = () => setPermissions([...permissions, { collection: \"\", read: true, write: false, delete: false }]);\n    const removeRow = (idx: number) => setPermissions(permissions.filter((_, i) => i !== idx));\n\n    const updateRow = (idx: number, field: keyof PermissionRow, value: string | boolean) => {\n        setPermissions(permissions.map((row, i) => i === idx ? { ...row, [field]: value } : row));\n    };\n\n    const handleCreate = async () => {\n        if (!client?.apiKeys || !name.trim()) return;\n        const apiPerms: ApiKeyPermission[] = permissions\n            .filter(r => r.collection.trim())\n            .map(r => ({\n                collection: r.collection.trim(),\n                operations: [\n                    ...(r.read ? [\"read\" as const] : []),\n                    ...(r.write ? [\"write\" as const] : []),\n                    ...(r.delete ? [\"delete\" as const] : [])\n                ]\n            }))\n            .filter(p => p.operations.length > 0);\n\n        if (apiPerms.length === 0) {\n            snackbar.open({ type: \"error\", message: \"At least one permission is required\" });\n            return;\n        }\n\n        let expires_at: string | null = null;\n        if (expiresIn === \"7d\") expires_at = new Date(Date.now() + 7 * 86400000).toISOString();\n        else if (expiresIn === \"30d\") expires_at = new Date(Date.now() + 30 * 86400000).toISOString();\n        else if (expiresIn === \"90d\") expires_at = new Date(Date.now() + 90 * 86400000).toISOString();\n        else if (expiresIn === \"1y\") expires_at = new Date(Date.now() + 365 * 86400000).toISOString();\n\n        setCreating(true);\n        try {\n            const res = await client.apiKeys.createKey({\n                name: name.trim(),\n                permissions: apiPerms,\n                rate_limit: rateLimit ? parseInt(rateLimit, 10) : null,\n                expires_at\n            });\n            onCreated(res.key);\n        } catch (e: unknown) {\n            snackbar.open({ type: \"error\", message: e instanceof Error ? e.message : String(e) });\n        } finally { setCreating(false); }\n    };\n\n    return (\n        <Dialog open onOpenChange={(open) => { if (!open) onClose(); }} maxWidth=\"lg\">\n            <DialogTitle>Create API Key</DialogTitle>\n            <DialogContent className=\"space-y-4\">\n                <TextField\n                    label=\"Name\"\n                    value={name}\n                    onChange={(e) => setName(e.target.value)}\n                    placeholder=\"e.g. Analytics Pipeline\"\n                    size=\"small\"\n                    autoFocus\n                />\n\n                <div>\n                    <Typography variant=\"caption\" color=\"secondary\" className=\"text-[11px] uppercase tracking-wider font-medium mb-2 block\">\n                        Permissions\n                    </Typography>\n                    <div className=\"space-y-2\">\n                        {permissions.map((row, idx) => (\n                            <div key={idx} className={cls(\"flex items-center gap-2 p-2 rounded-lg border\", defaultBorderMixin)}>\n                                <TextField\n                                    size=\"small\"\n                                    value={row.collection}\n                                    onChange={(e) => updateRow(idx, \"collection\", e.target.value)}\n                                    placeholder=\"Collection slug or *\"\n                                    className=\"flex-1\"\n                                />\n                                <label className=\"flex items-center gap-1 text-xs cursor-pointer\">\n                                    <Checkbox size=\"small\" checked={row.read} onCheckedChange={(v) => updateRow(idx, \"read\", !!v)}/>\n                                    <span className=\"text-emerald-600 dark:text-emerald-400\">read</span>\n                                </label>\n                                <label className=\"flex items-center gap-1 text-xs cursor-pointer\">\n                                    <Checkbox size=\"small\" checked={row.write} onCheckedChange={(v) => updateRow(idx, \"write\", !!v)}/>\n                                    <span className=\"text-blue-600 dark:text-blue-400\">write</span>\n                                </label>\n                                <label className=\"flex items-center gap-1 text-xs cursor-pointer\">\n                                    <Checkbox size=\"small\" checked={row.delete} onCheckedChange={(v) => updateRow(idx, \"delete\", !!v)}/>\n                                    <span className=\"text-red-600 dark:text-red-400\">delete</span>\n                                </label>\n                                {permissions.length > 1 && (\n                                    <IconButton size=\"small\" onClick={() => removeRow(idx)}>\n                                        <DeleteIcon size={iconSize.smallest}/>\n                                    </IconButton>\n                                )}\n                            </div>\n                        ))}\n                    </div>\n                    <Button size=\"small\" variant=\"text\" onClick={addRow} className=\"mt-1\" startIcon={<AddIcon size={iconSize.smallest}/>}>\n                        Add collection\n                    </Button>\n                </div>\n\n                <div className=\"flex gap-4\">\n                    <div className=\"flex-1\">\n                        <Select label=\"Expires\" value={expiresIn} onValueChange={setExpiresIn} size=\"small\" renderValue={(v) =>\n                            v === \"never\" ? \"Never\" :\n                            v === \"7d\" ? \"7 days\" :\n                            v === \"30d\" ? \"30 days\" :\n                            v === \"90d\" ? \"90 days\" : \"1 year\"\n                        }>\n                            <SelectItem value=\"never\">Never</SelectItem>\n                            <SelectItem value=\"7d\">7 days</SelectItem>\n                            <SelectItem value=\"30d\">30 days</SelectItem>\n                            <SelectItem value=\"90d\">90 days</SelectItem>\n                            <SelectItem value=\"1y\">1 year</SelectItem>\n                        </Select>\n                    </div>\n                    <div className=\"flex-1\">\n                        <TextField\n                            label=\"Rate Limit (per 15 min)\"\n                            value={rateLimit}\n                            onChange={(e) => setRateLimit(e.target.value.replace(/\\D/g, \"\"))}\n                            placeholder=\"Default: 1000\"\n                            size=\"small\"\n                        />\n                    </div>\n                </div>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"text\" onClick={onClose}>Cancel</Button>\n                <Button\n                    color=\"primary\"\n                    onClick={handleCreate}\n                    disabled={creating || !name.trim()}\n                    startIcon={creating ? <CircularProgress size=\"smallest\"/> : undefined}\n                >\n                    Create Key\n                </Button>\n            </DialogActions>\n        </Dialog>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Secret Display Dialog — shown exactly once after creation\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction SecretDisplayDialog({ keyWithSecret, onClose }: { keyWithSecret: ApiKeyWithSecret; onClose: () => void }) {\n    const snackbar = useSnackbarController();\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n        try {\n            await navigator.clipboard.writeText(keyWithSecret.key);\n            setCopied(true);\n            snackbar.open({ type: \"success\", message: \"API key copied to clipboard\" });\n            setTimeout(() => setCopied(false), 2000);\n        } catch {\n            snackbar.open({ type: \"error\", message: \"Failed to copy\" });\n        }\n    };\n\n    return (\n        <Dialog open onOpenChange={(open) => { if (!open) onClose(); }} maxWidth=\"md\">\n            <DialogTitle>\n                <div className=\"flex items-center gap-2\">\n                    <CheckCircleIcon size={iconSize.small} className=\"text-emerald-500\"/>\n                    API Key Created\n                </div>\n            </DialogTitle>\n            <DialogContent>\n                <div className=\"p-3 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50 mb-4\">\n                    <div className=\"flex items-center gap-2 mb-1\">\n                        <AlertCircleIcon size={iconSize.smallest} className=\"text-amber-600 dark:text-amber-400\"/>\n                        <Typography variant=\"caption\" className=\"font-semibold text-amber-700 dark:text-amber-400\">\n                            Copy your key now — it won&apos;t be shown again\n                        </Typography>\n                    </div>\n                    <Typography variant=\"caption\" className=\"text-amber-600 dark:text-amber-300\">\n                        This is the only time the full API key will be displayed. Store it securely.\n                    </Typography>\n                </div>\n\n                <div className={cls(\"flex items-center gap-2 p-3 rounded-lg border bg-surface-50 dark:bg-surface-900\", defaultBorderMixin)}>\n                    <code className=\"flex-1 text-[12px] font-mono break-all text-surface-700 dark:text-surface-300 select-all\">\n                        {keyWithSecret.key}\n                    </code>\n                    <Tooltip title={copied ? \"Copied!\" : \"Copy\"}>\n                        <IconButton size=\"small\" onClick={handleCopy}>\n                            {copied\n                                ? <CheckCircleIcon size={iconSize.smallest} className=\"text-emerald-500\"/>\n                                : <CopyIcon size={iconSize.smallest}/>\n                            }\n                        </IconButton>\n                    </Tooltip>\n                </div>\n\n                <div className=\"mt-4 space-y-1\">\n                    <Typography variant=\"caption\" color=\"secondary\">\n                        <strong>Name:</strong> {keyWithSecret.name}\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"secondary\">\n                        <strong>Permissions:</strong> {permissionSummary(keyWithSecret.permissions)}\n                    </Typography>\n                </div>\n            </DialogContent>\n            <DialogActions>\n                <Button color=\"primary\" onClick={onClose}>Done</Button>\n            </DialogActions>\n        </Dialog>\n    );\n}\n"],"mappings":"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"}

package/dist/{RLSEditor-D6adwB6e.js → RLSEditor-DO_pFwLP.js}

@@ -139,10 +139,9 @@ var PolicyEditor = ({ policy, schema, table, onSave, onCancel }) => {
 		});
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs(Typography, {
+		/* @__PURE__ */ jsxs(DialogTitle, {
+			className: "flex justify-between items-center w-full",
 			variant: "h6",
-			gutterBottom: true,
-			className: "mt-8 mx-8 flex justify-between items-center w-full",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: policy ? t("studio_policy_edit") : t("studio_policy_create") }), /* @__PURE__ */ jsxs("div", {
 				className: "text-sm font-normal text-text-secondary dark:text-text-secondary-dark tracking-wide mt-1",
 				children: [
@@ -1557,4 +1556,4 @@ var RLSEditor = ({ apiUrl = "" }) => {
 //#endregion
 export { RLSEditor };
 
-//# sourceMappingURL=RLSEditor-D6adwB6e.js.map
+//# sourceMappingURL=RLSEditor-DO_pFwLP.js.map

package/dist/RLSEditor-DO_pFwLP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RLSEditor-DO_pFwLP.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/app\";\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                <DialogTitle hidden>Row-Level Security Help</DialogTitle>\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/app\";\nimport React, { useState, useEffect, useCallback, useMemo } from \"react\";\nimport {\n    Alert,\n    AlertTriangleIcon,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    DatabaseIcon,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    KeyIcon,\n    Link2Icon,\n    LockIcon,\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/app\";\nimport { isPostgresCollectionConfig } from \"@rebasepro/types\";\nimport { REBASE_INTERNAL_SCHEMAS, REBASE_INTERNAL_PREFIXES, JUNCTION_TABLES_SQL } from \"@rebasepro/common\";\nimport { getPolicyNamesForRule, getPolicyNamesForRules, getPolicyOperations } from \"@rebasepro/utils\";\nimport { resolveJunctionSpecs, getJunctionSecurityRules } from \"@rebasepro/common\";\nimport { PolicyEditor } from \"./PolicyEditor\";\n\ntype TableCategory = \"collection\" | \"junction\" | \"internal\" | \"other\";\n\nfunction classifyTableClient(\n    tableName: string,\n    schemaName: string,\n    junctionTableNames: Set<string>,\n    isMappedToCollection: boolean\n): TableCategory {\n    if (\n        REBASE_INTERNAL_SCHEMAS.includes(schemaName) ||\n        REBASE_INTERNAL_PREFIXES.some((prefix) => tableName.startsWith(prefix))\n    ) {\n        return \"internal\";\n    }\n    if (isMappedToCollection) return \"collection\";\n    if (junctionTableNames.has(tableName)) return \"junction\";\n    return \"other\";\n}\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\n// ─── Sidebar helper components ──────────────────────────────────────\n\nfunction SidebarSection({ title, icon, expanded, onToggle, count, children }: {\n    title: string;\n    icon: React.ReactNode;\n    expanded: boolean;\n    onToggle: () => void;\n    count?: number;\n    children: React.ReactNode;\n}) {\n    return (\n        <div className=\"mb-2\">\n            <div\n                className=\"flex items-center p-1.5 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-900 rounded transition-colors\"\n                onClick={onToggle}\n            >\n                <svg className={cls(\"w-3 h-3 mr-1.5 transition-transform text-text-disabled dark:text-text-disabled-dark\", expanded ? \"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                {icon}\n                <Typography variant=\"body2\" className=\"text-text-primary dark:text-text-primary-dark font-medium text-xs truncate flex-grow ml-1.5\">{title}</Typography>\n                {count !== undefined && (\n                    <span className=\"text-[10px] text-text-disabled dark:text-text-disabled-dark font-medium tabular-nums mr-1\">{count}</span>\n                )}\n            </div>\n            {expanded && (\n                <div className=\"ml-3 mt-0.5 space-y-0.5\">\n                    {children}\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction SidebarTableRow({ table, isSelected, onSelect, badge, dimmed, t }: {\n    table: TableRLSStatus;\n    isSelected: boolean;\n    onSelect: () => void;\n    badge?: string;\n    dimmed?: boolean;\n    t: (key: string) => string;\n}) {\n    return (\n        <div\n            onClick={onSelect}\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-900 text-text-secondary dark:text-text-secondary-dark\",\n                dimmed && !isSelected && \"opacity-60\"\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                {badge && (\n                    <span className=\"text-[9px] uppercase tracking-wider font-semibold text-text-disabled dark:text-text-disabled-dark bg-surface-200 dark:bg-surface-800 rounded px-1 py-px\">\n                        {badge}\n                    </span>\n                )}\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\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    const [junctionTableNames, setJunctionTableNames] = useState<Set<string>>(new Set());\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 [expandedSections, setExpandedSections] = useState<Record<string, boolean>>({\n        collection: true,\n        other: true,\n        internal: false\n    });\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            // Detect junction tables (where all columns are FKs)\n            try {\n                const junctionResult = await databaseAdmin!.executeSql!(JUNCTION_TABLES_SQL);\n                const jRows = extractRows(junctionResult);\n                setJunctionTableNames(new Set(\n                    jRows.map((r: Record<string, unknown>) => r.table_name as string).filter(Boolean)\n                ));\n            } catch {\n                // Junction detection is best-effort\n            }\n\n            if (sortedTables.length > 0 && !selectedTable) {\n                // Auto-select first public/collection table, skip internal\n                const firstUserTable = sortedTables.find(t => !REBASE_INTERNAL_SCHEMAS.includes(t.schemaName));\n                if (firstUserTable) {\n                    setSelectedTable(`${firstUserTable.schemaName}.${firstUserTable.tableName}`);\n                } else {\n                    setSelectedTable(`${sortedTables[0].schemaName}.${sortedTables[0].tableName}`);\n                }\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    /** Categorize tables into 4 buckets for the sidebar. */\n    const categorizedTables = useMemo(() => {\n        const groups: Record<TableCategory, TableRLSStatus[]> = {\n            collection: [],\n            junction: [],\n            internal: [],\n            other: []\n        };\n\n        tables.forEach(table => {\n            const isMapped = !!collectionRegistry.collections?.find(\n                (c: { id?: string, path?: string, table?: string, slug?: string, collectionId?: string }) =>\n                    c.id === table.tableName ||\n                    c.path === table.tableName ||\n                    c.table === table.tableName ||\n                    c.slug === table.tableName ||\n                    c.collectionId === table.tableName\n            );\n            const cat = classifyTableClient(table.tableName, table.schemaName, junctionTableNames, isMapped);\n            groups[cat].push(table);\n        });\n\n        return groups;\n    }, [tables, junctionTableNames, collectionRegistry.collections]);\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    /** The category of the currently selected table. */\n    const activeTableCategory = useMemo((): TableCategory | null => {\n        if (!activeTableData) return null;\n        const isMapped = !!activeCollection;\n        return classifyTableClient(activeTableData.tableName, activeTableData.schemaName, junctionTableNames, isMapped);\n    }, [activeTableData, activeCollection, junctionTableNames]);\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        //\n        // A rule without an explicit `name` still produces policies — Postgres gets\n        // `<table>_<op>_<hash>`, one per operation. Skipping those rules left their\n        // live policies looking like hand-written SQL (\"DB Only\"), so derive the\n        // names the generator would emit and match on those.\n        if (activeCollection && isPostgresCollectionConfig(activeCollection) && activeCollection.securityRules) {\n            activeCollection.securityRules.forEach((rule) => {\n                const ops = getPolicyOperations(rule);\n                const policyNames = getPolicyNamesForRule(rule, activeTableData.tableName);\n\n                policyNames.forEach((policyName, opIdx) => {\n                    policiesMap[policyName] = {\n                        policyname: policyName,\n                        tablename: activeTableData.tableName,\n                        permissive: (rule.mode || \"permissive\").toUpperCase() as PostgresPolicy[\"permissive\"],\n                        cmd: (ops[opIdx] ?? rule.operation ?? \"ALL\").toUpperCase() as PostgresPolicy[\"cmd\"],\n                        roles: [...(rule.roles ?? [\"public\"])],\n                        qual: rule.using || null,\n                        with_check: rule.withCheck || null,\n                        // \"both\" = defined in code and live in Postgres (potentially edited)\n                        status: policiesMap[policyName] ? \"both\" : \"code_only\"\n                    };\n                });\n            });\n        }\n\n        // Junction tables have no collection, but their policies are generated\n        // too — derived from the endpoints' relations. Recognise them so they\n        // don't show as hand-written SQL (\"DB Only\"). If the registry's\n        // collections don't carry resolvable relations, they simply stay \"live\".\n        if (!activeCollection) {\n            try {\n                const registryCollections = (collectionRegistry.collections ?? []) as unknown as Parameters<typeof resolveJunctionSpecs>[0];\n                const spec = resolveJunctionSpecs(registryCollections).get(activeTableData.tableName);\n                if (spec) {\n                    const generatedNames = getPolicyNamesForRules(getJunctionSecurityRules(spec), spec.table);\n                    for (const p of Object.values(policiesMap)) {\n                        if (generatedNames.has(p.policyname)) p.status = \"both\";\n                    }\n                }\n            } catch {\n                /* serialized configs without relation closures — leave as live */\n            }\n        }\n\n        return Object.values(policiesMap).sort((a, b) => a.policyname.localeCompare(b.policyname));\n    }, [activeTableData, activeCollection, collectionRegistry.collections]);\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                                        ) : tables.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                                            <>\n                                            {/* ── Schema Collections ── */}\n                                            {categorizedTables.collection.length > 0 && (\n                                                <SidebarSection\n                                                    title=\"Schema Collections\"\n                                                    icon={<DatabaseIcon size={12} className=\"text-primary dark:text-primary-light\"/>}\n                                                    expanded={expandedSections.collection ?? true}\n                                                    onToggle={() => setExpandedSections(prev => ({ ...prev, collection: !(prev.collection ?? true) }))}\n                                                >\n                                                    {categorizedTables.collection.map(table => (\n                                                        <SidebarTableRow\n                                                            key={`${table.schemaName}.${table.tableName}`}\n                                                            table={table}\n                                                            isSelected={selectedTable === `${table.schemaName}.${table.tableName}`}\n                                                            onSelect={() => setSelectedTable(`${table.schemaName}.${table.tableName}`)}\n                                                            t={t}\n                                                        />\n                                                    ))}\n                                                </SidebarSection>\n                                            )}\n\n                                            {/* ── Other Tables (unmapped + junction) ── */}\n                                            {(categorizedTables.other.length > 0 || categorizedTables.junction.length > 0) && (\n                                                <SidebarSection\n                                                    title=\"Other Tables\"\n                                                    icon={<AlertTriangleIcon size={12} className=\"text-yellow-500 dark:text-yellow-400\"/>}\n                                                    expanded={expandedSections.other ?? true}\n                                                    onToggle={() => setExpandedSections(prev => ({ ...prev, other: !(prev.other ?? true) }))}\n                                                >\n                                                    {categorizedTables.other.map(table => (\n                                                        <SidebarTableRow\n                                                            key={`${table.schemaName}.${table.tableName}`}\n                                                            table={table}\n                                                            isSelected={selectedTable === `${table.schemaName}.${table.tableName}`}\n                                                            onSelect={() => setSelectedTable(`${table.schemaName}.${table.tableName}`)}\n                                                            t={t}\n                                                        />\n                                                    ))}\n                                                    {categorizedTables.junction.map(table => (\n                                                        <SidebarTableRow\n                                                            key={`${table.schemaName}.${table.tableName}`}\n                                                            table={table}\n                                                            isSelected={selectedTable === `${table.schemaName}.${table.tableName}`}\n                                                            onSelect={() => setSelectedTable(`${table.schemaName}.${table.tableName}`)}\n                                                            badge=\"Junction\"\n                                                            dimmed\n                                                            t={t}\n                                                        />\n                                                    ))}\n                                                </SidebarSection>\n                                            )}\n\n                                            {/* ── Rebase Internal ── */}\n                                            {categorizedTables.internal.length > 0 && (\n                                                <SidebarSection\n                                                    title=\"Rebase Internal\"\n                                                    icon={<LockIcon size={12} className=\"text-text-disabled dark:text-text-disabled-dark\"/>}\n                                                    expanded={expandedSections.internal ?? false}\n                                                    onToggle={() => setExpandedSections(prev => ({ ...prev, internal: !(prev.internal ?? false) }))}\n                                                    count={categorizedTables.internal.length}\n                                                >\n                                                    {categorizedTables.internal.map(table => (\n                                                        <SidebarTableRow\n                                                            key={`${table.schemaName}.${table.tableName}`}\n                                                            table={table}\n                                                            isSelected={selectedTable === `${table.schemaName}.${table.tableName}`}\n                                                            onSelect={() => setSelectedTable(`${table.schemaName}.${table.tableName}`)}\n                                                            dimmed\n                                                            t={t}\n                                                        />\n                                                    ))}\n                                                </SidebarSection>\n                                            )}\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 qualifiedTable = `${sanitizeSqlIdentifier(activeTableData.schemaName)}.${sanitizeSqlIdentifier(table)}`;\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 ${qualifiedTable} ${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                                            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) {\n                                        // Collection-mapped table: save via schema-editor API\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 = (isPostgresCollectionConfig(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                                    } else {\n                                        // Non-collection table (internal/junction/unmapped): apply policy directly via SQL\n                                        try {\n                                            const qualifiedTable = `${sanitizeSqlIdentifier(activeTableData.schemaName)}.${sanitizeSqlIdentifier(activeTableData.tableName)}`;\n                                            const policyName = sanitizeSqlIdentifier(newPolicy.policyname || \"unnamed_policy\");\n                                            const cmd = newPolicy.cmd || \"ALL\";\n                                            const permissive = (newPolicy.permissive || \"PERMISSIVE\") === \"PERMISSIVE\" ? \"PERMISSIVE\" : \"RESTRICTIVE\";\n                                            const roles = newPolicy.roles && newPolicy.roles.length > 0\n                                                ? newPolicy.roles.map(r => sanitizeSqlIdentifier(r)).join(\", \")\n                                                : \"public\";\n\n                                            // Drop existing policy if editing\n                                            if (editingPolicy !== \"new\") {\n                                                await databaseAdmin!.executeSql!(`DROP POLICY IF EXISTS ${policyName} ON ${qualifiedTable}`);\n                                            }\n\n                                            let sql = `CREATE POLICY ${policyName} ON ${qualifiedTable}`;\n                                            sql += ` AS ${permissive}`;\n                                            sql += ` FOR ${cmd}`;\n                                            sql += ` TO ${roles}`;\n                                            if (newPolicy.qual) sql += ` USING (${newPolicy.qual})`;\n                                            if (newPolicy.with_check) sql += ` WITH CHECK (${newPolicy.with_check})`;\n\n                                            await databaseAdmin!.executeSql!(sql);\n\n                                            snackbarController.open({ type: \"success\",\nmessage: `Policy \"${newPolicy.policyname}\" applied directly via SQL` });\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                                }}\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                                    {/* Context-aware banner based on table category */}\n                                    {activeTableData && activeTableCategory === \"internal\" && (\n                                        <Alert color=\"info\">\n                                            <div className=\"flex items-start gap-2\">\n                                                <LockIcon size={16} className=\"shrink-0 mt-0.5\"/>\n                                                <div>\n                                                    <Typography variant=\"body2\" className=\"mb-1 font-semibold\">\n                                                        Rebase System Table\n                                                    </Typography>\n                                                    <Typography variant=\"caption\" className=\"opacity-80\">\n                                                        This table is managed internally by Rebase. Its security policies are configured automatically.\n                                                        Editing policies on system tables is an advanced operation.\n                                                    </Typography>\n                                                </div>\n                                            </div>\n                                        </Alert>\n                                    )}\n                                    {activeTableData && activeTableCategory === \"junction\" && (\n                                        <Alert color=\"info\">\n                                            <div className=\"flex items-start gap-2\">\n                                                <Link2Icon size={16} className=\"shrink-0 mt-0.5\"/>\n                                                <div>\n                                                    <Typography variant=\"body2\" className=\"mb-1 font-semibold\">\n                                                        Junction Table\n                                                    </Typography>\n                                                    <Typography variant=\"caption\" className=\"opacity-80\">\n                                                        This is an auto-generated junction table for a many-to-many relation.\n                                                        Rebase derives its policies: rows are readable when both related rows\n                                                        are, and writable following the declaring collection&apos;s update rules\n                                                        (plus the server/admin baseline). You can still add RLS policies\n                                                        directly to broaden access.\n                                                    </Typography>\n                                                </div>\n                                            </div>\n                                        </Alert>\n                                    )}\n                                    {activeTableData && activeTableCategory === \"other\" && (\n                                        <Alert color=\"warning\">\n                                            <div className=\"flex items-start gap-2\">\n                                                <AlertTriangleIcon size={16} className=\"shrink-0 mt-0.5\"/>\n                                                <div>\n                                                    <Typography variant=\"body2\" className=\"mb-1 font-semibold\">\n                                                        Unmapped Table\n                                                    </Typography>\n                                                    <Typography variant=\"caption\" className=\"opacity-80\">\n                                                        This table exists in the database but isn&apos;t mapped to a collection definition.\n                                                        Import it into a Schema configuration file to manage security policies visually.\n                                                    </Typography>\n                                                </div>\n                                            </div>\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 = (isPostgresCollectionConfig(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)}>\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                                                                        const qualifiedTable = `${sanitizeSqlIdentifier(activeTableData!.schemaName)}.${sanitizeSqlIdentifier(table)}`;\n                                                                        if (!confirm(`Drop policy \"${policy.policyname}\" from table \"${table}\"?`)) return;\n                                                                        try {\n                                                                            await databaseAdmin!.executeSql!(`DROP POLICY ${sanitizeSqlIdentifier(policy.policyname)} ON ${qualifiedTable}`);\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                                            <Button\n                                                size=\"small\"\n                                                variant=\"filled\"\n                                                color=\"primary\"\n                                                onClick={() => setEditingPolicy(\"new\")}\n                                            >\n                                                {t(\"studio_rls_create_policy\")}\n                                            </Button>\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":";;;;;;;;;AAkCA,IAAM,kBAAmC;CAAC;CAAO;CAAU;CAAU;CAAU;AAAQ;AACvF,IAAM,eAAe;CAAC;CAAU;CAAiB;CAAQ;AAAO;AAchE,IAAM,iBAAiC;CACnC;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,QAAQ;EAChB,MAAM;EACN,YAAY;CAChB;CACA;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,eAAe;EACvB,MAAM;EACN,YAAY;CAChB;CACA;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,eAAe;EACvB,MAAM;EACN,YAAY;CAChB;CACA;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,eAAe;EACvB,MAAM;EACN,YAAY;CAChB;CACA;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,eAAe;EACvB,MAAM;EACN,YAAY;CAChB;CACA;EACI,IAAI;EACJ,OAAO;EACP,aAAa;EACb,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,OAAO,CAAC,eAAe;EACvB,MAAM;EACN,YAAY;CAChB;AACJ;AAEA,IAAa,gBAAgB,EACzB,QACA,QACA,OACA,QACA,eACqB;CAErB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,UAAU,eAAe,SAAuC,YAAY;CACnF,MAAM,CAAC,SAAS,cAAc,SAAwB,KAAK;CAC3D,MAAM,CAAC,OAAO,YAAY,SAAmB,CAAC,QAAQ,CAAC;CACvD,MAAM,CAAC,WAAW,gBAAgB,SAAiB,EAAE;CACrD,MAAM,CAAC,WAAW,gBAAgB,SAAiB,EAAE;CAErD,MAAM,CAAC,gBAAgB,qBAAqB,SAAiB,EAAE;CAE/D,gBAAgB;EACZ,IAAI,QAAQ;GACR,QAAQ,OAAO,cAAc,EAAE;GAC/B,YAAY,OAAO,cAAc,YAAY;GAC7C,WAAY,OAAO,OAAyB,KAAK;GAKjD,SAHqB,OAAO,QACrB,MAAM,QAAQ,OAAO,KAAK,IAAI,OAAO,QAAQ,CAAC,OAAO,KAAK,IAC3D,CAAC,QAAQ,CACkB;GAEjC,aAAa,OAAO,QAAQ,EAAE;GAC9B,aAAa,OAAO,cAAc,EAAE;EACxC,OAAO;GACH,QAAQ,EAAE;GACV,YAAY,YAAY;GACxB,WAAW,KAAK;GAChB,SAAS,CAAC,QAAQ,CAAC;GACnB,aAAa,EAAE;GACf,aAAa,EAAE;GACf,kBAAkB,EAAE;EACxB;CACJ,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,sBAAsB,aAAqB;EAC7C,MAAM,SAAS,eAAe,MAAK,MAAK,EAAE,OAAO,QAAQ;EACzD,IAAI,CAAC,QAAQ;EAEb,kBAAkB,QAAQ;EAC1B,QAAQ,OAAO,UAAU;EACzB,YAAY,OAAO,UAAU;EAC7B,WAAW,OAAO,GAAG;EACrB,SAAS,OAAO,KAAK;EACrB,aAAa,OAAO,IAAI;EACxB,aAAa,OAAO,UAAU;CAClC;CAEA,MAAM,YAAY,YAAY,SAAS,YAAY,YAAY,YAAY;CAE3E,MAAM,mBAAmB;EACrB,OAAO;GACH,YAAY;GACZ,YAAY;GACZ,KAAK;GACE;GACP,MAAM;GACN,YAAY,YAAY,YAAY;EACxC,CAAC;CACL;CAEA,OACI,qBAAA,UAAA,EAAA,UAAA;EACI,qBAAC,aAAD;GAAa,WAAU;GAA2C,SAAQ;aAA1E,CACI,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,OAAD,EAAA,UAAM,SAAS,EAAE,oBAAoB,IAAI,EAAE,sBAAsB,EAAO,CAAA,GACxE,qBAAC,OAAD;IAAK,WAAU;cAAf;KACK,EAAE,8BAA8B;KAAE;KAAC,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OAAoG;OAAO;OAAE;MAAY;;IAC5J;KACJ,EAAA,CAAA,GACL,oBAAC,YAAD;IAAY,MAAK;IAAQ,eAAe,YAAY,IAAI;cACpD,oBAAC,gBAAD,EAAgB,MAAM,SAAS,SAAU,CAAA;GACjC,CAAA,CACH;;EAEb,oBAAC,eAAD;GAAe,WAAU;GAAgF,eAAe;aACpH,qBAAC,OAAD;IAAK,WAAU;cAAf,CACA,qBAAC,OAAD;KAAO,WAAW,IAAI,sHAAsH,kBAAkB;eAA9J;MAGK,CAAC,UACF,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAiE,EAAE,wBAAwB;OAAc,CAAA,GACjJ,oBAAC,QAAD;QACI,MAAK;QACL,OAAO;QACP,eAAe;QACf,UAAS;QACT,aAAa,EAAE,+BAA+B;QAC9C,WAAU;kBAET,eAAe,KAAK,WACjB,oBAAC,YAAD;SAA4B,OAAO,OAAO;mBACtC,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,QAAD;WAAM,WAAU;qBAAW,OAAO;UAAY,CAAA,GAC9C,oBAAC,QAAD;WAAM,WAAU;qBAA6D,OAAO;UAAkB,CAAA,CACrG;;QACG,GALK,OAAO,EAKZ,CACf;OACG,CAAA,CACP;;MAGL,qBAAC,OAAD;OAAK,WAAU;iBAAf,CAEI,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,oBAAC,YAAD;SAAY,SAAQ;SAAU,WAAU;mBAAgD,EAAE,oBAAoB;QAAc,CAAA,GAC5H,oBAAC,WAAD;SACI,OAAO;SACP,WAAW,MAAM,QAAQ,EAAE,OAAO,KAAK;SACvC,aAAa,EAAE,gCAAgC;SAC/C,WAAU;QACb,CAAA,CACA;WAGL,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,qBAAC,YAAD;SAAY,SAAQ;SAAU,WAAU;mBAAxC;UACK,EAAE,wBAAwB;UAAE;UAAC,oBAAC,QAAD;WAAM,WAAU;qBAA4H;UAAQ,CAAA;SAC1K;YACZ,qBAAC,QAAD;SACI,OAAO;SACP,gBAAgB,QAAQ,YAAY,GAAmC;SACvE,UAAS;mBAHb,CAKI,oBAAC,YAAD;UAAY,OAAM;oBACd,qBAAC,OAAD;WAAK,WAAU;qBAAf,CACI,oBAAC,QAAD;YAAM,WAAU;sBAAI,EAAE,0BAA0B;WAAQ,CAAA,GACxD,oBAAC,QAAD;YAAM,WAAU;sBAA6D,EAAE,+BAA+B;WAAQ,CAAA,CACrH;;SACG,CAAA,GACZ,oBAAC,YAAD;UAAY,OAAM;oBACd,qBAAC,OAAD;WAAK,WAAU;qBAAf,CACI,oBAAC,QAAD;YAAM,WAAU;sBAAI,EAAE,2BAA2B;WAAQ,CAAA,GACzD,oBAAC,QAAD;YAAM,WAAU;sBAA6D,EAAE,gCAAgC;WAAQ,CAAA,CACtH;;SACG,CAAA,CACR;UACP;SACJ;;MAGL,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,qBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAxC;SACK,EAAE,uBAAuB;SAAE;SAAC,oBAAC,QAAD;UAAM,WAAU;oBAA4H;SAAS,CAAA;QAC1K;WACZ,oBAAC,OAAD;QAAK,WAAU;kBACV,gBAAgB,KAAI,QACjB,oBAAC,QAAD;SAEI,MAAK;SACL,SAAS,YAAY,MAAM,WAAW;SACtC,OAAM;SACN,eAAe,WAAW,GAAG;SAC7B,WAAU;mBAET;QACG,GARC,GAQD,CACX;OACA,CAAA,CACJ;;MAGL,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,qBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAxC;SACK,EAAE,4BAA4B;SAAE;SAAC,oBAAC,QAAD;UAAM,WAAU;oBAA4H;SAAQ,CAAA;QAC9K;WACZ,oBAAC,aAAD;QACI,MAAK;QACL,OAAO;QACP,eAAe;QACf,aAAa,EAAE,iCAAiC;kBAE/C,aAAa,KAAI,SACd,oBAAC,iBAAD;SAA4B,OAAO;mBAC9B;QACY,GAFK,IAEL,CACpB;OACQ,CAAA,CACZ;;KAEF;QAEP,qBAAC,OAAD;KAAK,WAAU;eAAf,CAEK,YAAY,YACT,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAgD,EAAE,0BAA0B;OAAc,CAAA,GAClI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAkC,EAAE,+BAA+B;OAAc,CAAA,CACxH;UACL,oBAAC,OAAD;OAAK,WAAW,IAAI,qEAAqE,kBAAkB;iBACvG,oBAAC,cAAD;QACI,OAAO;QACP,WAAW,MAAM,aAAa,KAAK,EAAE;QACrC,UAAU;QACV,WAAW;OACd,CAAA;MACA,CAAA,CACJ;SAIR,aACG,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAgD,EAAE,0BAA0B;OAAc,CAAA,GAClI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAkC,EAAE,+BAA+B;OAAc,CAAA,CACxH;UACL,oBAAC,OAAD;OAAK,WAAW,IAAI,qEAAqE,kBAAkB;iBACvG,oBAAC,cAAD;QACI,OAAO;QACP,WAAW,MAAM,aAAa,KAAK,EAAE;QACrC,UAAU;QACV,WAAW,YAAY;OAC1B,CAAA;MACA,CAAA,CACJ;OAER;MAEA;;EACM,CAAA;EAEf,qBAAC,eAAD,EAAA,UAAA,CACI,oBAAC,QAAD;GAAQ,MAAK;GAAQ,SAAQ;GAAO,OAAM;GAAU,SAAS;aACxD,EAAE,sBAAsB;EACrB,CAAA,GACR,oBAAC,QAAD;GAAQ,MAAK;GAAQ,SAAQ;GAAS,OAAM;GAAU,SAAS;GAAY,UAAU,CAAC;aACjF,EAAE,oBAAoB;EACnB,CAAA,CACG,EAAA,CAAA;EAEf,qBAAC,QAAD;GAAQ,MAAM;GAAU,cAAc;GAAa,UAAS;aAA5D;IACI,oBAAC,aAAD;KAAa,QAAA;eAAO;IAAoC,CAAA;IACxD,qBAAC,eAAD;KAAe,WAAU;eAAzB;MACI,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;OAAY,SAAQ;OAAK,WAAU;iBAAQ,EAAE,0BAA0B;MAAc,CAAA,GACrF,oBAAC,YAAD;OAAY,WAAU;iBACjB,EAAE,0BAA0B;MACrB,CAAA,CACX,EAAA,CAAA;MAEL,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACI,qBAAC,OAAD;SAAO,WAAW,IAAI,kCAAkC,kBAAkB;mBAA1E,CACI,oBAAC,YAAD;UAAY,SAAQ;UAAY,WAAU;oBAAoD,EAAE,gCAAgC;SAAc,CAAA,GAC9I,oBAAC,YAAD;UAAY,SAAQ;UAAQ,WAAU;oBACjC,EAAE,+BAA+B;SAC1B,CAAA,CACT;;QAEP,qBAAC,OAAD;SAAO,WAAW,IAAI,kCAAkC,kBAAkB;mBAA1E;UACI,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAoD,EAAE,gCAAgC;UAAc,CAAA;UAC9I,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBACjC,EAAE,+BAA+B;UAC1B,CAAA;UACZ,qBAAC,MAAD;WAAI,WAAU;qBAAd;YACI,qBAAC,MAAD,EAAA,UAAA;aAAI,oBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;aAAC;aAAG,EAAE,gCAAgC;YAAM,EAAA,CAAA;YACtE,qBAAC,MAAD,EAAA,UAAA;aAAI,oBAAC,UAAD,EAAA,UAAQ,gBAAqB,CAAA;aAAC;aAAG,EAAE,uCAAuC;YAAM,EAAA,CAAA;YACpF,qBAAC,MAAD,EAAA,UAAA;aAAI,oBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;aAAC;aAAG,EAAE,8BAA8B;YAAM,EAAA,CAAA;WAClE;;SACD;;QAEP,qBAAC,OAAD;SAAO,WAAW,IAAI,kCAAkC,kBAAkB;mBAA1E;UACI,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAoD,EAAE,gCAAgC;UAAc,CAAA;UAC9I,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBACjC,EAAE,+BAA+B;UAC1B,CAAA;UACZ,oBAAC,OAAD;WAAK,WAAW,IAAI,kFAAkF,kBAAkB;qBAAG;UAEtH,CAAA;UACL,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBACnC,EAAE,kCAAkC;UAC7B,CAAA;SACT;;QAEP,qBAAC,OAAD;SAAO,WAAW,IAAI,kCAAkC,kBAAkB;mBAA1E;UACI,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAoD,EAAE,gCAAgC;UAAc,CAAA;UAC9I,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBACjC,EAAE,+BAA+B;UAC1B,CAAA;UACZ,oBAAC,OAAD;WAAK,WAAW,IAAI,kFAAkF,kBAAkB;qBAAG;UAEtH,CAAA;UACL,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBACnC,EAAE,kCAAkC;UAC7B,CAAA;SACT;;QAEP,qBAAC,OAAD;SAAO,WAAW,IAAI,0EAA0E,kBAAkB;mBAAlH;UACI,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAoD,EAAE,oCAAoC;UAAc,CAAA;UAClJ,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBACjC,EAAE,mCAAmC;UAC9B,CAAA;UACZ,qBAAC,MAAD;WAAI,WAAU;qBAAd;YACI,qBAAC,MAAD,EAAA,UAAA,CACI,oBAAC,QAAD;aAAM,WAAU;uBAAkF;YAAgB,CAAA,GAClH,qBAAC,QAAD;aAAM,WAAU;uBAAhB,CAA+B,oDAAqD,oBAAC,QAAD;cAAM,WAAU;wBAAqE;aAA0B,CAAA,CAAO;cAC1M,EAAA,CAAA;YACJ,qBAAC,MAAD,EAAA,UAAA,CACI,oBAAC,QAAD;aAAM,WAAU;uBAAkF;YAAgB,CAAA,GAClH,qBAAC,QAAD;aAAM,WAAU;uBAAhB,CAA+B,mFAA+E,oBAAC,QAAD;cAAM,WAAU;wBAAqE;aAA4E,CAAA,CAAO;cACtR,EAAA,CAAA;YACJ,qBAAC,MAAD,EAAA,UAAA,CACI,oBAAC,QAAD;aAAM,WAAU;uBAAkF;YAAkB,CAAA,GACpH,qBAAC,QAAD;aAAM,WAAU;uBAAhB,CAA+B,6EAA8E,oBAAC,QAAD;cAAM,WAAU;wBAAqE;aAAiF,CAAA,CAAO;cAC1R,EAAA,CAAA;WACJ;;SACD;;OACN;;MAEL,qBAAC,OAAD;OAAK,WAAW,IAAI,qLAAqL,kBAAkB;iBAA3N,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAQ,WAAU;kBACjC,EAAE,6BAA6B;OACxB,CAAA,GACZ,oBAAC,QAAD;QACI,WAAU;QACV,MAAK;QACL,QAAO;QACP,SAAQ;QACR,OAAM;QACN,MAAK;QACL,WAAU;kBAET,EAAE,8BAA8B;OAC7B,CAAA,CACP;;KACM;;IACf,oBAAC,eAAD;KAAe,WAAU;eACrB,oBAAC,QAAD;MAAQ,eAAe,YAAY,KAAK;MAAG,SAAQ;MAAS,OAAM;gBAAW,EAAE,2BAA2B;KAAU,CAAA;IACzG,CAAA;GACX;;CACV,EAAA,CAAA;AAEV;;;ACxaA,SAAS,oBACL,WACA,YACA,oBACA,sBACa;CACb,IACI,wBAAwB,SAAS,UAAU,KAC3C,yBAAyB,MAAM,WAAW,UAAU,WAAW,MAAM,CAAC,GAEtE,OAAO;CAEX,IAAI,sBAAsB,OAAO;CACjC,IAAI,mBAAmB,IAAI,SAAS,GAAG,OAAO;CAC9C,OAAO;AACX;;;;;;AAOA,SAAS,sBAAsB,MAAsB;CACjD,IAAI,CAAC,2BAA2B,KAAK,IAAI,GACrC,MAAM,IAAI,MAAM,4BAA4B,KAAK,sDAAsD;CAE3G,OAAO,IAAI,KAAK;AACpB;AAsBA,SAAS,eAAe,EAAE,OAAO,MAAM,UAAU,UAAU,OAAO,YAO/D;CACC,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf,CACI,qBAAC,OAAD;GACI,WAAU;GACV,SAAS;aAFb;IAII,oBAAC,OAAD;KAAK,WAAW,IAAI,uFAAuF,WAAW,cAAc,EAAE;KAAG,MAAK;KAAe,SAAQ;eAAY,oBAAC,QAAD,EAAM,GAAE,qHAAqH,CAAA;IAAM,CAAA;IACnT;IACD,oBAAC,YAAD;KAAY,SAAQ;KAAQ,WAAU;eAA+F;IAAkB,CAAA;IACtJ,UAAU,KAAA,KACP,oBAAC,QAAD;KAAM,WAAU;eAA6F;IAAY,CAAA;GAE5H;MACJ,YACG,oBAAC,OAAD;GAAK,WAAU;GACV;EACA,CAAA,CAER;;AAEb;AAEA,SAAS,gBAAgB,EAAE,OAAO,YAAY,UAAU,OAAO,QAAQ,KAOpE;CACC,OACI,qBAAC,OAAD;EACI,SAAS;EACT,WAAW,IACP,iFACA,aACM,0EACA,oGACN,UAAU,CAAC,cAAc,YAC7B;YARJ;GAUI,oBAAC,OAAD;IAAK,WAAU;IAA4E,MAAK;IAAO,QAAO;IAAe,SAAQ;cAAY,oBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAA4F,CAAA;GAAM,CAAA;GACxT,oBAAC,YAAD;IAAY,SAAQ;IAAQ,WAAU;cAAmC,MAAM;GAAsB,CAAA;GACrG,qBAAC,OAAD;IAAK,WAAU;cAAf;KACK,SACG,oBAAC,QAAD;MAAM,WAAU;gBACX;KACC,CAAA;KAET,MAAM,aACH,oBAAC,SAAD;MAAS,OAAO,EAAE,oBAAoB;gBAClC,oBAAC,OAAD,EAAK,WAAU,wCAAwC,CAAA;KAClD,CAAA,IAET,oBAAC,SAAD;MAAS,OAAO,EAAE,qBAAqB;gBACnC,oBAAC,OAAD,EAAK,WAAU,oDAAoD,CAAA;KAC9D,CAAA;KAEb,oBAAC,QAAD;MAAM,WAAU;gBACX,MAAM,SAAS;KACd,CAAA;IACL;;EACJ;;AAEb;AAEA,IAAa,aAAa,EAAE,SAAS,SAA8B;CAC/D,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,qBAAqB,sBAAsB;CACjD,MAAM,qBAAqB,4BAA4B;CACvD,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,CAAC,WAAW,gBAAgB,SAAS,IAAI;CAC/C,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,CAAC,QAAQ,aAAa,SAA2B,CAAC,CAAC;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAwB,IAAI;CACtE,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC;CAC5C,MAAM,CAAC,oBAAoB,yBAAyB,yBAAsB,IAAI,IAAI,CAAC;CAEnF,MAAM,CAAC,eAAe,oBAAoB,SAAwC,IAAI;CAEtF,MAAM,CAAC,aAAa,kBAAkB,eAAe;EACjD,IAAI;GACA,MAAM,QAAQ,aAAa,QAAQ,gCAAgC;GACnE,OAAO,UAAU,OAAO,WAAW,KAAK,IAAI;EAChD,SAAS,GAAG;GACR,OAAO;EACX;CACJ,CAAC;CAED,MAAM,CAAC,kBAAkB,uBAAuB,SAAkC;EAC9E,YAAY;EACZ,OAAO;EACP,UAAU;CACd,CAAC;CAGD,MAAM,CAAC,YAAY,iBAAiB,SAA4B,QAAQ;CAExE,gBAAgB;EACZ,IAAI;GACA,aAAa,QAAQ,kCAAkC,YAAY,SAAS,CAAC;EACjF,SAAS,GAAG,CAAe;CAC/B,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,eAAe,YAAY,YAAY;EACzC,IAAI,CAAC,eAAe,YAAY;GAC5B,SAAS,EAAE,8BAA8B,CAAC;GAC1C,aAAa,KAAK;GAClB;EACJ;EAEA,aAAa,IAAI;EACjB,SAAS,IAAI;EACb,IAAI;GAWA,MAAM,eAAe,MAAM,cAAe,WAAY;;;;;;;;aAAS;GAgB/D,MAAM,iBAAiB,MAAM,cAAe,WAAY;;;;;;;;;;;;aAAW;GAEnE,MAAM,eAAe,WAA+C;IAChE,IAAI,UAAU,OAAO,WAAW,YAAY,UAAU,UAAU,MAAM,QAAS,OAA+C,IAAI,GAC9H,OAAQ,OAA+C;IAE3D,IAAI,MAAM,QAAQ,MAAM,GAAG,OAAO;IAClC,OAAO,CAAC;GACZ;GAEA,MAAM,QAAQ,YAAY,YAAY;GACtC,MAAM,QAAQ,YAAY,cAAc;GAExC,MAAM,WAA2C,CAAC;GAElD,MAAM,SAAS,SAAkC;IAC7C,MAAM,IAAI;IACV,MAAM,SAAS,EAAE,cAAc,EAAE,cAAc;IAC/C,MAAM,QAAQ,EAAE,aAAa,EAAE,aAAa;IAC5C,MAAM,aAAa,EAAE,eAAe,EAAE,eAAe;IAErD,MAAM,MAAM,GAAG,OAAO,GAAG;IACzB,SAAS,OAAO;KACZ,YAAY;KACZ,WAAW;KACC;KACZ,UAAU,CAAC;IACf;GACJ,CAAC;GAED,MAAM,SAAS,SAAkC;IAC7C,MAAM,IAAI;IACV,MAAM,SAAS,EAAE,cAAc,EAAE,cAAc;IAC/C,MAAM,QAAQ,EAAE,aAAa,EAAE,aAAa;IAC5C,MAAM,MAAM,GAAG,OAAO,GAAG;IAEzB,IAAI,SAAS,MAAM;KAEf,IAAI,cAAwB,CAAC;KAC7B,MAAM,IAAI,EAAE,SAAS,EAAE;KACvB,IAAI,MAAM,QAAQ,CAAC,GACf,cAAc;UACX,IAAI,OAAO,MAAM,UACpB,cAAc,EAAE,QAAQ,UAAU,EAAE,EAAE,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,KAAK,CAAC;KAGtE,SAAS,KAAK,SAAS,KAAK;MACxB,YAAY,EAAE,cAAc,EAAE,cAAc;MAC5C,WAAW;MACX,YAAY,EAAE,cAAc,EAAE,cAAc;MAC5C,OAAO;MACP,KAAK,EAAE,OAAO,EAAE,OAAO;MACvB,MAAM,EAAE,QAAQ,EAAE,QAAQ;MAC1B,YAAY,EAAE,cAAc,EAAE,cAAc;KAChD,CAAC;IACL;GACJ,CAAC;GAED,MAAM,eAAe,OAAO,OAAO,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,cAAc,EAAE,SAAS,CAAC;GAClG,UAAU,YAAY;GAGtB,IAAI;IAEA,MAAM,QAAQ,YAAY,MADG,cAAe,WAAY,mBAAmB,CACnC;IACxC,sBAAsB,IAAI,IACtB,MAAM,KAAK,MAA+B,EAAE,UAAoB,EAAE,OAAO,OAAO,CACpF,CAAC;GACL,QAAQ,CAER;GAEA,IAAI,aAAa,SAAS,KAAK,CAAC,eAAe;IAE3C,MAAM,iBAAiB,aAAa,MAAK,MAAK,CAAC,wBAAwB,SAAS,EAAE,UAAU,CAAC;IAC7F,IAAI,gBACA,iBAAiB,GAAG,eAAe,WAAW,GAAG,eAAe,WAAW;SAE3E,iBAAiB,GAAG,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,WAAW;GAErF;EAEJ,SAAS,GAAY;GACjB,QAAQ,MAAM,oBAAoB,CAAC;GACnC,SAAS,oCAAoC,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,EAAE;EAC5F,UAAU;GACN,aAAa,KAAK;EACtB;CACJ,GAAG,CAAC,eAAe,aAAa,CAAC;CAEjC,gBAAgB;EACZ,iBAAiB,IAAI;CACzB,GAAG,CAAC,aAAa,CAAC;CAElB,gBAAgB;EACZ,aAAa;CACjB,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,kBAAkB,cAAc;EAClC,IAAI,CAAC,eAAe,OAAO;EAC3B,OAAO,OAAO,MAAK,MAAK,GAAG,EAAE,WAAW,GAAG,EAAE,gBAAgB,aAAa,KAAK;CACnF,GAAG,CAAC,eAAe,MAAM,CAAC;;CAG1B,MAAM,oBAAoB,cAAc;EACpC,MAAM,SAAkD;GACpD,YAAY,CAAC;GACb,UAAU,CAAC;GACX,UAAU,CAAC;GACX,OAAO,CAAC;EACZ;EAEA,OAAO,SAAQ,UAAS;GACpB,MAAM,WAAW,CAAC,CAAC,mBAAmB,aAAa,MAC9C,MACG,EAAE,OAAO,MAAM,aACf,EAAE,SAAS,MAAM,aACjB,EAAE,UAAU,MAAM,aAClB,EAAE,SAAS,MAAM,aACjB,EAAE,iBAAiB,MAAM,SACjC;GAEA,OADY,oBAAoB,MAAM,WAAW,MAAM,YAAY,oBAAoB,QAChF,GAAK,KAAK,KAAK;EAC1B,CAAC;EAED,OAAO;CACX,GAAG;EAAC;EAAQ;EAAoB,mBAAmB;CAAW,CAAC;CAE/D,MAAM,mBAAmB,cAAc;EACnC,IAAI,CAAC,iBAAiB,OAAO;EAC7B,OAAO,mBAAmB,aAAa,MAAM,MACzC,EAAE,OAAO,gBAAgB,aACzB,EAAE,SAAS,gBAAgB,aAC3B,EAAE,UAAU,gBAAgB,aAC5B,EAAE,SAAS,gBAAgB,aAC3B,EAAE,iBAAiB,gBAAgB,SACvC,KAAK;CACT,GAAG,CAAC,iBAAiB,mBAAmB,WAAW,CAAC;;CAGpD,MAAM,sBAAsB,cAAoC;EAC5D,IAAI,CAAC,iBAAiB,OAAO;EAC7B,MAAM,WAAW,CAAC,CAAC;EACnB,OAAO,oBAAoB,gBAAgB,WAAW,gBAAgB,YAAY,oBAAoB,QAAQ;CAClH,GAAG;EAAC;EAAiB;EAAkB;CAAkB,CAAC;CAE1D,MAAM,iBAAiB,cAAc;EACjC,IAAI,CAAC,iBAAiB,OAAO,CAAC;EAE9B,MAAM,cAA8C,CAAC;EAGrD,CAAC,gBAAgB,YAAY,CAAC,GAAG,SAAQ,MAAK;GAC1C,YAAY,EAAE,cAAc;IAAE,GAAG;IAC7C,QAAQ;GAAO;EACP,CAAC;EAQD,IAAI,oBAAoB,2BAA2B,gBAAgB,KAAK,iBAAiB,eACrF,iBAAiB,cAAc,SAAS,SAAS;GAC7C,MAAM,MAAM,oBAAoB,IAAI;GAGpC,sBAF0C,MAAM,gBAAgB,SAEhE,EAAY,SAAS,YAAY,UAAU;IACvC,YAAY,cAAc;KACtB,YAAY;KACZ,WAAW,gBAAgB;KAC3B,aAAa,KAAK,QAAQ,cAAc,YAAY;KACpD,MAAM,IAAI,UAAU,KAAK,aAAa,OAAO,YAAY;KACzD,OAAO,CAAC,GAAI,KAAK,SAAS,CAAC,QAAQ,CAAE;KACrC,MAAM,KAAK,SAAS;KACpB,YAAY,KAAK,aAAa;KAE9B,QAAQ,YAAY,cAAc,SAAS;IAC/C;GACJ,CAAC;EACL,CAAC;EAOL,IAAI,CAAC,kBACD,IAAI;GAEA,MAAM,OAAO,qBADgB,mBAAmB,eAAe,CAAC,CACX,EAAE,IAAI,gBAAgB,SAAS;GACpF,IAAI,MAAM;IACN,MAAM,iBAAiB,uBAAuB,yBAAyB,IAAI,GAAG,KAAK,KAAK;IACxF,KAAK,MAAM,KAAK,OAAO,OAAO,WAAW,GACrC,IAAI,eAAe,IAAI,EAAE,UAAU,GAAG,EAAE,SAAS;GAEzD;EACJ,QAAQ,CAER;EAGJ,OAAO,OAAO,OAAO,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,cAAc,EAAE,UAAU,CAAC;CAC7F,GAAG;EAAC;EAAiB;EAAkB,mBAAmB;CAAW,CAAC;CAGtE,MAAM,WAAW,cAAc;EAK3B,OAAO;GAAE,OAJK,OAAO;GAK7B,SAJwB,OAAO,QAAO,MAAK,EAAE,UAAU,EAAE;GAKzD,cAJ6B,OAAO,QAAO,MAAK,EAAE,SAAS,SAAS,CAAC,EAAE;GAKvE,eAJ8B,OAAO,QAAQ,KAAK,MAAM,MAAM,EAAE,SAAS,QAAQ,CAIjF;EAAc;CACV,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,OAAe,UAAkB;EACtD,OACI,qBAAC,OAAD;GAAK,WAAU;aAAf,CACI,qBAAC,QAAD;IAAM,WAAU;cAAhB,CACK,OAAM,GACL;OACN,oBAAC,QAAD;IAAM,WAAU;cACX;GACC,CAAA,CACL;;CAEb;CAEA,OACI,oBAAC,OAAD;EAAK,WAAU;YACX,oBAAC,iBAAD;GACI,aAAY;GACZ,kBAAkB;GAClB,mBAAmB;GACnB,gBAAgB;GAChB,YACI,qBAAC,OAAD;IAAK,WAAW,IAAI,qEAAqE,kBAAkB;cAA3G,CACI,qBAAC,MAAD;KAAM,OAAO;KAAY,gBAAgB,MAAM,cAAc,CAAsB;KAAG,SAAQ;KAAO,WAAU;eAA/G,CACI,oBAAC,KAAD;MAAK,OAAM;gBAAS;KAAW,CAAA,GAC/B,oBAAC,KAAD;MAAK,OAAM;gBAAO;KAAS,CAAA,CACzB;QAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACK,eAAe,YACZ,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,qBAAC,OAAD;OAAK,WAAW,IAAI,uGAAuG,kBAAkB;iBAA7I,CACI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBACnC,EAAE,sBAAsB;OACjB,CAAA,GACZ,oBAAC,YAAD;QAAY,MAAK;QAAQ,SAAS;QAAc,OAAM;kBAClD,oBAAC,eAAD,EAAe,MAAM,SAAS,SAAU,CAAA;OAChC,CAAA,CACX;UACL,oBAAC,OAAD;OAAK,WAAU;iBACV,aAAa,OAAO,WAAW,IAC5B,oBAAC,OAAD;QAAK,WAAU;kBAA0B,oBAAC,kBAAD,EAAkB,MAAK,QAAQ,CAAA;OAAM,CAAA,IAC9E,OAAO,WAAW,IAClB,oBAAC,OAAD;QAAK,WAAU;kBACX,oBAAC,YAAD;SAAY,SAAQ;SAAU,WAAU;mBAA0D,EAAE,sBAAsB;QAAc,CAAA;OACvI,CAAA,IAEL,qBAAA,UAAA,EAAA,UAAA;QAEC,kBAAkB,WAAW,SAAS,KACnC,oBAAC,gBAAD;SACI,OAAM;SACN,MAAM,oBAAC,cAAD;UAAc,MAAM;UAAI,WAAU;SAAuC,CAAA;SAC/E,UAAU,iBAAiB,cAAc;SACzC,gBAAgB,qBAAoB,UAAS;UAAE,GAAG;UAAM,YAAY,EAAE,KAAK,cAAc;SAAM,EAAE;mBAEhG,kBAAkB,WAAW,KAAI,UAC9B,oBAAC,iBAAD;UAEW;UACP,YAAY,kBAAkB,GAAG,MAAM,WAAW,GAAG,MAAM;UAC3D,gBAAgB,iBAAiB,GAAG,MAAM,WAAW,GAAG,MAAM,WAAW;UACtE;SACN,GALQ,GAAG,MAAM,WAAW,GAAG,MAAM,WAKrC,CACJ;QACW,CAAA;SAIlB,kBAAkB,MAAM,SAAS,KAAK,kBAAkB,SAAS,SAAS,MACxE,qBAAC,gBAAD;SACI,OAAM;SACN,MAAM,oBAAC,mBAAD;UAAmB,MAAM;UAAI,WAAU;SAAuC,CAAA;SACpF,UAAU,iBAAiB,SAAS;SACpC,gBAAgB,qBAAoB,UAAS;UAAE,GAAG;UAAM,OAAO,EAAE,KAAK,SAAS;SAAM,EAAE;mBAJ3F,CAMK,kBAAkB,MAAM,KAAI,UACzB,oBAAC,iBAAD;UAEW;UACP,YAAY,kBAAkB,GAAG,MAAM,WAAW,GAAG,MAAM;UAC3D,gBAAgB,iBAAiB,GAAG,MAAM,WAAW,GAAG,MAAM,WAAW;UACtE;SACN,GALQ,GAAG,MAAM,WAAW,GAAG,MAAM,WAKrC,CACJ,GACA,kBAAkB,SAAS,KAAI,UAC5B,oBAAC,iBAAD;UAEW;UACP,YAAY,kBAAkB,GAAG,MAAM,WAAW,GAAG,MAAM;UAC3D,gBAAgB,iBAAiB,GAAG,MAAM,WAAW,GAAG,MAAM,WAAW;UACzE,OAAM;UACN,QAAA;UACG;SACN,GAPQ,GAAG,MAAM,WAAW,GAAG,MAAM,WAOrC,CACJ,CACW;;QAInB,kBAAkB,SAAS,SAAS,KACjC,oBAAC,gBAAD;SACI,OAAM;SACN,MAAM,oBAAC,UAAD;UAAU,MAAM;UAAI,WAAU;SAAkD,CAAA;SACtF,UAAU,iBAAiB,YAAY;SACvC,gBAAgB,qBAAoB,UAAS;UAAE,GAAG;UAAM,UAAU,EAAE,KAAK,YAAY;SAAO,EAAE;SAC9F,OAAO,kBAAkB,SAAS;mBAEjC,kBAAkB,SAAS,KAAI,UAC5B,oBAAC,iBAAD;UAEW;UACP,YAAY,kBAAkB,GAAG,MAAM,WAAW,GAAG,MAAM;UAC3D,gBAAgB,iBAAiB,GAAG,MAAM,WAAW,GAAG,MAAM,WAAW;UACzE,QAAA;UACG;SACN,GANQ,GAAG,MAAM,WAAW,GAAG,MAAM,WAMrC,CACJ;QACW,CAAA;OAElB,EAAA,CAAA;MAEL,CAAA,CACJ;SAGR,eAAe,UACZ,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,oBAAC,OAAD;OAAK,WAAW,IAAI,uGAAuG,kBAAkB;iBACzI,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAqF;OAEjH,CAAA;MACX,CAAA,GACL,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACI,qBAAC,OAAD;SAAK,WAAW,IAAI,sDAAsD,kBAAkB;mBAA5F,CACI,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,YAAD;WAAY,MAAM,SAAS;WAAU,WAAU;UAAe,CAAA,GAC9D,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBAA4B;UAAsB,CAAA,CACvF;aACL,oBAAC,YAAD;UAAY,SAAQ;UAAU,WAAU;oBAAsF;SAElH,CAAA,CACX;;QAEL,qBAAC,OAAD;SAAK,WAAU;mBAAf;UACI,qBAAC,OAAD;WAAK,WAAW,IAAI,uFAAuF,kBAAkB;qBAA7H,CACI,oBAAC,YAAD;YAAY,SAAQ;YAAU,WAAU;sBAAgE;WAAwB,CAAA,GAChI,oBAAC,YAAD;YAAY,SAAQ;YAAQ,WAAU;sBAAqC,SAAS;WAAkB,CAAA,CACrG;;UACL,qBAAC,OAAD;WAAK,WAAW,IAAI,uFAAuF,kBAAkB;qBAA7H,CACI,oBAAC,YAAD;YAAY,SAAQ;YAAU,WAAU;sBAAgE;WAAuB,CAAA,GAC/H,qBAAC,OAAD;YAAK,WAAU;sBAAf,CACI,oBAAC,OAAD,EAAK,WAAU,wCAAwC,CAAA,GACvD,oBAAC,YAAD;aAAY,SAAQ;aAAQ,WAAU;uBAAqC,SAAS;YAAoB,CAAA,CACvG;aACJ;;UACL,qBAAC,OAAD;WAAK,WAAW,IAAI,uFAAuF,kBAAkB;qBAA7H,CACI,oBAAC,YAAD;YAAY,SAAQ;YAAU,WAAU;sBAAgE;WAAgC,CAAA,GACxI,oBAAC,YAAD;YAAY,SAAQ;YAAQ,WAAU;sBAAqC,SAAS;WAAyB,CAAA,CAC5G;;UACL,qBAAC,OAAD;WAAK,WAAW,IAAI,uFAAuF,kBAAkB;qBAA7H,CACI,oBAAC,YAAD;YAAY,SAAQ;YAAU,WAAU;sBAAgE;WAA0B,CAAA,GAClI,oBAAC,YAAD;YAAY,SAAQ;YAAQ,WAAU;sBAAqC,SAAS;WAA0B,CAAA,CAC7G;;SACJ;;QAGJ,SAAS,QAAQ,SAAS,UAAU,KACjC,qBAAC,OAAD;SAAK,WAAW,IAAI,8HAA8H,kBAAkB;mBAApK,CACI,oBAAC,mBAAD;UAAmB,MAAM;UAAI,WAAU;SAAuD,CAAA,GAC9F,qBAAC,OAAD,EAAA,UAAA,CACI,qBAAC,YAAD;UAAY,SAAQ;UAAU,WAAU;oBAAxC;WACK,SAAS,QAAQ,SAAS;WAAQ;WAAO,SAAS,QAAQ,SAAS,UAAU,IAAI,MAAM;WAAG;UACnF;aACZ,oBAAC,YAAD;UAAY,SAAQ;UAAU,WAAU;oBAAgE;SAE5F,CAAA,CACX,EAAA,CAAA,CACJ;;QAGR,SAAS,UAAU,KAAK,SAAS,UAAU,SAAS,eAAe,KAChE,qBAAC,OAAD;SAAK,WAAW,IAAI,sHAAsH,kBAAkB;mBAA5J,CACI,oBAAC,YAAD;UAAY,MAAM;UAAI,WAAU;SAAmD,CAAA,GACnF,qBAAC,OAAD,EAAA,UAAA,CACI,qBAAC,YAAD;UAAY,SAAQ;UAAU,WAAU;oBAAxC;WACK,SAAS,UAAU,SAAS;WAAa;WAAO,SAAS,UAAU,SAAS,eAAe,IAAI,MAAM;WAAG;UACjG;aACZ,oBAAC,YAAD;UAAY,SAAQ;UAAU,WAAU;oBAA4D;SAExF,CAAA,CACX,EAAA,CAAA,CACJ;;OAER;QACJ;OAER;MACJ;;GAET,aACI,qBAAC,OAAD;IAAK,WAAU;cAAf,CAEI,qBAAC,OAAD;KAAK,WAAW,IAAI,6FAA6F,kBAAkB;eAAnI,CACI,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,oBAAC,YAAD;OAAY,SAAQ;OAAY,WAAU;iBACrC,kBAAkB,GAAG,gBAAgB,WAAW,GAAG,gBAAgB,cAAc,EAAE,yBAAyB;MACrG,CAAA,GACX,mBACG,oBAAC,OAAD;OAAK,WAAU;iBACV,gBAAgB,aACb,oBAAC,MAAD;QAAM,MAAK;QAAW,WAAU;kBAA+G,EAAE,oBAAoB;OAAQ,CAAA,IAE7K,oBAAC,MAAD;QAAM,MAAK;QAAW,WAAU;kBAAqH,EAAE,qBAAqB;OAAQ,CAAA;MAEvL,CAAA,CAER;SACL,oBAAC,OAAD;MAAK,WAAU;gBACV,mBACG,qBAAA,UAAA,EAAA,UAAA;OACI,oBAAC,QAAD;QACI,SAAQ;QACR,MAAK;QACL,SAAS,YAAY;SACjB,MAAM,QAAQ,gBAAgB;SAC9B,MAAM,iBAAiB,GAAG,sBAAsB,gBAAgB,UAAU,EAAE,GAAG,sBAAsB,KAAK;SAC1G,MAAM,SAAS,gBAAgB,aAAa,YAAY;SACxD,IAAI,CAAC,QAAQ,4BAA4B,OAAO,YAAY,EAAE,0BAA0B,MAAM,GAAG,GAAG;SACpG,IAAI;UACA,MAAM,cAAe,WAAY,eAAe,eAAe,GAAG,OAAO,oBAAoB;UAC7F,mBAAmB,KAAK;WAAE,MAAM;WACpF,SAAS,OAAO,OAAO,YAAY,EAAE,OAAO;UAAQ,CAAC;UACD,aAAa;SACjB,SAAS,GAAY;UACjB,mBAAmB,KAAK;WAAE,MAAM;WACpF,SAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;UAAE,CAAC;SACL;QACJ;kBAEC,gBAAgB,aAAa,EAAE,wBAAwB,IAAI,EAAE,uBAAuB;OACjF,CAAA;OAER,oBAAC,OAAD,EAAK,WAAU,mDAAmD,CAAA;OAElE,oBAAC,QAAD;QACI,SAAQ;QACR,MAAK;QACL,SAAS;QACT,WAAW,oBAAC,eAAD,EAAe,MAAM,SAAS,SAAU,CAAA;kBACtD;OAEO,CAAA;OAER,oBAAC,OAAD,EAAK,WAAU,mDAAmD,CAAA;OAElE,oBAAC,QAAD;QACI,MAAK;QACL,OAAM;QACN,eAAe,iBAAiB,KAAK;kBAEpC,EAAE,0BAA0B;OACzB,CAAA;MACV,EAAA,CAAA;KAEL,CAAA,CACJ;QAEJ,aAAa,CAAC,kBACX,oBAAC,OAAD;KAAK,WAAU;eACX,oBAAC,kBAAD,EAAkB,MAAK,QAAQ,CAAA;IAC9B,CAAA,IACL,QACA,oBAAC,OAAD;KAAK,WAAU;eACX,oBAAC,WAAD;MAAW,OAAO,EAAE,kBAAkB;MAAU;MAAO,SAAS;KAAc,CAAA;IAC7E,CAAA,IACL,CAAC,kBACD,oBAAC,OAAD;KAAK,WAAU;eACX,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,oBAAC,OAAD;OAAK,WAAU;OAAoC,MAAK;OAAO,QAAO;OAAe,SAAQ;iBAAY,oBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;OAAuG,CAAA;MAAM,CAAA,GAC3R,oBAAC,YAAD;OAAY,SAAQ;iBAAS,EAAE,yBAAyB;MAAc,CAAA,CACrE;;IACJ,CAAA,IACL,gBACA,oBAAC,cAAD;KACI,QAAQ,kBAAkB,QAAQ,KAAA,IAAY;KAC9C,QAAQ,gBAAgB;KACxB,OAAO,gBAAgB;KACvB,QAAQ,OAAO,cAAc;MACzB,IAAI,kBAAkB;OAElB,MAAM,OAAgC;QAClC,MAAM,UAAU;QAChB,WAAW,UAAU,KAAK,YAAY;QACtC,MAAM,UAAU,YAAY,YAAY;QACxC,OAAO,UAAU,QAAQ,KAAA;QACzB,WAAW,UAAU,cAAc,KAAA;QACnC,OAAO,UAAU;OACrB;OAEA,MAAM,iBAAiB,2BAA2B,gBAAgB,IAAI,iBAAiB,gBAAgB,KAAA,MAAc,CAAC;OACtH,IAAI;OACJ,IAAI,kBAAkB,OAClB,WAAW,CAAC,GAAG,eAAe,IAAI;YAElC,WAAW,cAAc,KAAK,MAAyB,EAAE,SAAS,cAAc,aAAa,OAAO,CAAC;OAGzG,IAAI;QASA,IAAI,EAAC,MARkB,MAAM,GAAG,OAAO,qCAAqC;SACxE,QAAQ;SACR,SAAS,EAAE,gBAAgB,mBAAmB;SAC9C,MAAM,KAAK,UAAU;UACjB,cAAe,iBAAoE,MAAO,iBAAoE,QAAS,iBAAoE,SAAS,gBAAgB;UACpQ,gBAAgB,EAAE,eAAe,SAAS;SAC9C,CAAC;QACL,CAAC,GACa,IAAI,MAAM,IAAI,MAAM,uBAAuB;QAEzD,mBAAmB,KAAK;SAAE,MAAM;SAC5E,SAAS;QAA4B,CAAC;QACM,iBAAiB,IAAI;QACrB,aAAa;OACjB,SAAS,GAAY;QACjB,mBAAmB,KAAK;SAAE,MAAM;SAC5E,SAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;QAAE,CAAC;OACb;MACJ,OAEI,IAAI;OACA,MAAM,iBAAiB,GAAG,sBAAsB,gBAAgB,UAAU,EAAE,GAAG,sBAAsB,gBAAgB,SAAS;OAC9H,MAAM,aAAa,sBAAsB,UAAU,cAAc,gBAAgB;OACjF,MAAM,MAAM,UAAU,OAAO;OAC7B,MAAM,cAAc,UAAU,cAAc,kBAAkB,eAAe,eAAe;OAC5F,MAAM,QAAQ,UAAU,SAAS,UAAU,MAAM,SAAS,IACpD,UAAU,MAAM,KAAI,MAAK,sBAAsB,CAAC,CAAC,EAAE,KAAK,IAAI,IAC5D;OAGN,IAAI,kBAAkB,OAClB,MAAM,cAAe,WAAY,yBAAyB,WAAW,MAAM,gBAAgB;OAG/F,IAAI,MAAM,iBAAiB,WAAW,MAAM;OAC5C,OAAO,OAAO;OACd,OAAO,QAAQ;OACf,OAAO,OAAO;OACd,IAAI,UAAU,MAAM,OAAO,WAAW,UAAU,KAAK;OACrD,IAAI,UAAU,YAAY,OAAO,gBAAgB,UAAU,WAAW;OAEtE,MAAM,cAAe,WAAY,GAAG;OAEpC,mBAAmB,KAAK;QAAE,MAAM;QAC5E,SAAS,WAAW,UAAU,WAAW;OAA4B,CAAC;OAC1B,iBAAiB,IAAI;OACrB,aAAa;MACjB,SAAS,GAAY;OACjB,mBAAmB,KAAK;QAAE,MAAM;QAC5E,SAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;OAAE,CAAC;MACb;KAER;KACA,gBAAgB,iBAAiB,IAAI;IACxC,CAAA,IAED,oBAAC,OAAD;KAAK,WAAU;eACX,oBAAC,OAAD;MAAK,WAAU;gBACX,qBAAC,OAAD;OAAK,WAAU;iBAAf;QAEC,mBAAmB,wBAAwB,cACxC,oBAAC,OAAD;SAAO,OAAM;mBACT,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,UAAD;WAAU,MAAM;WAAI,WAAU;UAAkB,CAAA,GAChD,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBAAqB;UAE/C,CAAA,GACZ,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBAAa;UAGzC,CAAA,CACX,EAAA,CAAA,CACJ;;QACF,CAAA;QAEV,mBAAmB,wBAAwB,cACxC,oBAAC,OAAD;SAAO,OAAM;mBACT,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,WAAD;WAAW,MAAM;WAAI,WAAU;UAAkB,CAAA,GACjD,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBAAqB;UAE/C,CAAA,GACZ,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBAAa;UAMzC,CAAA,CACX,EAAA,CAAA,CACJ;;QACF,CAAA;QAEV,mBAAmB,wBAAwB,WACxC,oBAAC,OAAD;SAAO,OAAM;mBACT,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,mBAAD;WAAmB,MAAM;WAAI,WAAU;UAAkB,CAAA,GACzD,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBAAqB;UAE/C,CAAA,GACZ,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBAAa;UAGzC,CAAA,CACX,EAAA,CAAA,CACJ;;QACF,CAAA;QAGV,mBAAmB,CAAC,gBAAgB,cACjC,qBAAC,OAAD;SAAK,WAAW,IAAI,2LAA2L,kBAAkB;mBAAjO,CACI,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACI,oBAAC,OAAD;WAAK,WAAU;qBACX,oBAAC,mBAAD,EAAmB,MAAM,SAAS,SAAU,CAAA;UAC3C,CAAA,GACL,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAuC;UAErE,CAAA,GACZ,oBAAC,YAAD;WAAY,SAAQ;WAAQ,WAAU;qBAAyD;UAEnF,CAAA,CACX,EAAA,CAAA,CACJ;aACL,oBAAC,QAAD;UACI,MAAK;UACL,SAAQ;UACR,OAAM;UACN,eAAe,iBAAiB,KAAK;UACrC,WAAU;UACV,UAAU,CAAC;oBAEV,EAAE,0BAA0B;SACzB,CAAA,CACP;;QAGR,mBAAmB,kBAAkB,eAAe,SAAS,KAC1D,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACI,oBAAC,YAAD;UAAY,SAAQ;UAAY,WAAU;oBAAmF,EAAE,qBAAqB;SAAc,CAAA,GACjK,eAAe,KAAI,WAChB,qBAAC,OAAD;UAA+B,WAAW,IAAI,yGAAyG,kBAAkB;oBAAzK,CACI,qBAAC,OAAD;WAAK,WAAU;qBAAf,CACI,qBAAC,OAAD;YAAK,WAAU;sBAAf;aACI,oBAAC,SAAD;cAAS,MAAM,SAAS;cAAU,WAAU;aAA6D,CAAA;aACzG,oBAAC,YAAD;cAAY,SAAQ;cAAQ,WAAU;wBAAY,OAAO;aAAuB,CAAA;aAC/E,OAAO,WAAW,eACf,oBAAC,SAAD;cAAS,OAAM;wBACX,oBAAC,OAAD;eAAK,WAAU;yBAA2G;cAErH,CAAA;aACA,CAAA;aAEZ,OAAO,WAAW,UACf,oBAAC,SAAD;cAAS,OAAM;wBACX,oBAAC,OAAD;eAAK,WAAU;yBAAoH;cAE9H,CAAA;aACA,CAAA;YAEZ;eACL,qBAAC,OAAD;YAAK,WAAU;sBAAf,CACK,gBAAgB,UAAU,OAAO,GAAG,GACpC,gBAAgB,SAAS,MAAM,QAAQ,OAAO,KAAK,IAAI,OAAO,MAAM,KAAK,IAAI,IAAI,OAAO,KAAK,CAC7F;aACJ;cACL,qBAAC,OAAD;WAAK,WAAU;qBAAf;YACK,OAAO,WAAW,UAAU,oBACzB,oBAAC,QAAD;aACI,MAAK;aACL,SAAQ;aACR,OAAM;aACN,SAAS,YAAY;cACjB,MAAM,OAAgC;eAClC,MAAM,OAAO;eACb,WAAW,OAAO,KAAK,YAAY;eACnC,MAAM,OAAO,YAAY,YAAY;eACrC,OAAO,OAAO,QAAQ,KAAA;eACtB,WAAW,OAAO,cAAc,KAAA;eAChC,OAAO,OAAO;cAClB;cAGA,MAAM,WAAW,CAAC,IADK,2BAA2B,gBAAgB,IAAI,iBAAiB,gBAAgB,KAAA,MAAc,CAAC,GAClF,IAAI;cAExC,IAAI;eASA,IAAI,EAAC,MARkB,MAAM,GAAG,OAAO,qCAAqC;gBACxE,QAAQ;gBACR,SAAS,EAAE,gBAAgB,mBAAmB;gBAC9C,MAAM,KAAK,UAAU;iBACjB,cAAe,iBAAoE,MAAO,iBAAoE,QAAS,iBAAoE,SAAS,gBAAiB;iBACrQ,gBAAgB,EAAE,eAAe,SAAS;gBAC9C,CAAC;eACL,CAAC,GACa,IAAI,MAAM,IAAI,MAAM,uBAAuB;eAEzD,mBAAmB,KAAK;gBAAE,MAAM;gBACxG,SAAS;eAA+B,CAAC;eAC+B,aAAa;cACjB,SAAS,GAAY;eACjB,mBAAmB,KAAK;gBAAE,MAAM;gBACxG,SAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;eAAE,CAAC;cACe;aACJ;uBACH;YAEO,CAAA;YAEZ,oBAAC,QAAD;aAAQ,MAAK;aAAQ,SAAQ;aAAO,OAAM;aAAU,eAAe,iBAAiB,MAAM;uBACrF,EAAE,iBAAiB;YAChB,CAAA;YACP,OAAO,WAAW,eACf,oBAAC,SAAD;aAAS,OAAO,EAAE,mBAAmB;aAAG,SAAS;uBAC7C,oBAAC,YAAD;cACI,MAAK;cACL,SAAS,YAAY;eACjB,MAAM,QAAQ,gBAAiB;eAC/B,MAAM,iBAAiB,GAAG,sBAAsB,gBAAiB,UAAU,EAAE,GAAG,sBAAsB,KAAK;eAC3G,IAAI,CAAC,QAAQ,gBAAgB,OAAO,WAAW,gBAAgB,MAAM,GAAG,GAAG;eAC3E,IAAI;gBACA,MAAM,cAAe,WAAY,eAAe,sBAAsB,OAAO,UAAU,EAAE,MAAM,gBAAgB;gBAC/G,mBAAmB,KAAK;iBAAE,MAAM;iBAC5G,SAAS,WAAW,OAAO,WAAW;gBAAW,CAAC;gBAC0B,aAAa;eACjB,SAAS,GAAY;gBACjB,mBAAmB,KAAK;iBAAE,MAAM;iBAC5G,SAAS,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;gBAAE,CAAC;eACmB;cACJ;wBAEA,oBAAC,YAAD,EAAY,MAAM,SAAS,SAAU,CAAA;aAC7B,CAAA;YACP,CAAA;WAEZ;YACF;YA9FK,OAAO,UA8FZ,CACV,CACA;;QAGR,mBAAmB,eAAe,WAAW,KAAK,gBAAgB,cAC/D,qBAAC,OAAD;SAAK,WAAU;mBAAf;UACI,oBAAC,YAAD;WAAY,MAAM;WAAI,WAAU;UAA8C,CAAA;UAC9E,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAyD;UAEvF,CAAA;UACZ,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBAAgE;UAE5F,CAAA;UACZ,oBAAC,QAAD;WACI,MAAK;WACL,SAAQ;WACR,OAAM;WACN,eAAe,iBAAiB,KAAK;qBAEpC,EAAE,0BAA0B;UACzB,CAAA;SACP;;QAGR,mBAAmB,eAAe,WAAW,KAAK,CAAC,gBAAgB,cAAc,oBAC9E,qBAAC,OAAD;SAAK,WAAU;mBAAf;UACI,oBAAC,mBAAD;WAAmB,MAAM;WAAI,WAAU;UAA4C,CAAA;UACnF,oBAAC,YAAD;WAAY,SAAQ;WAAY,WAAU;qBAAyD;UAEvF,CAAA;UACZ,oBAAC,YAAD;WAAY,SAAQ;WAAU,WAAU;qBAA2D;UAEvF,CAAA;SACX;;OAGJ;;KACJ,CAAA;IACJ,CAAA,CAER;;EAEZ,CAAA;CACA,CAAA;AAEb"}

package/dist/{SchemaVisualizer-C_ErehfH.js → SchemaVisualizer-D01DzU-f.js}

@@ -965,7 +965,7 @@ function SchemaVisualizerCanvas({ collections }) {
 						}),
 						/* @__PURE__ */ jsx(Controls, {
 							showInteractive: false,
-							className: "!mb-16 !bg-white dark:!bg-surface-900 !border !border-surface-200/40 dark:!border-surface-700/40 !shadow-sm !rounded-lg dark:[--xy-controls-button-background-color:var(--color-surface-900)] dark:[--xy-controls-button-background-color-hover:var(--color-surface-800)] dark:[--xy-controls-button-color:var(--color-surface-300)] dark:[--xy-controls-button-color-hover:var(--color-surface-50)] dark:[--xy-controls-button-border-color:var(--color-surface-700)]"
+							className: "!bg-white dark:!bg-surface-900 !border !border-surface-200/40 dark:!border-surface-700/40 !shadow-sm !rounded-lg"
 						}),
 						/* @__PURE__ */ jsx(MiniMap, {
 							nodeStrokeColor: (n) => {
@@ -1065,4 +1065,4 @@ var SchemaVisualizer = () => {
 //#endregion
 export { SchemaVisualizer };
 
-//# sourceMappingURL=SchemaVisualizer-C_ErehfH.js.map
+//# sourceMappingURL=SchemaVisualizer-D01DzU-f.js.map