@rebasepro/studio 0.5.0 → 0.6.0

package/dist/RLSEditor-CHEExeSB.js

@@ -1,1871 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTranslation, useRebaseContext, useSnackbarController, useStudioCollectionRegistry, ErrorView } from "@rebasepro/core";
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { IconButton, HelpCircleIcon, iconSize, cls, defaultBorderMixin, Typography, Select, SelectItem, DialogTitle, TextField, Button, MultiSelect, Paper, DialogContent, DialogActions, Dialog, MultiSelectItem, ResizablePanels, Chip, RefreshCwIcon, CircularProgress, Alert, AlertTriangleIcon, KeyIcon, Tooltip, Trash2Icon, ShieldIcon, Tabs, Tab } from "@rebasepro/ui";
-import { isPostgresCollection } from "@rebasepro/types";
-import { c } from "react-compiler-runtime";
-import { M as MonacoEditor } from "./MonacoEditor-CMYEjiRf.js";
-const COMMAND_OPTIONS = ["ALL", "SELECT", "INSERT", "UPDATE", "DELETE"];
-const ROLE_OPTIONS = ["public", "authenticated", "anon", "admin"];
-const POLICY_PRESETS = [{
-  id: "public_read",
-  label: "Enable read access to everyone",
-  description: "Anyone can read data, regardless of authentication status.",
-  policyname: "Enable read access for all users",
-  cmd: "SELECT",
-  permissive: "PERMISSIVE",
-  roles: ["public"],
-  qual: "true",
-  with_check: ""
-}, {
-  id: "auth_read",
-  label: "Enable read access for authenticated users only",
-  description: "Only logged-in users are allowed to read data.",
-  policyname: "Enable read access for authenticated users",
-  cmd: "SELECT",
-  permissive: "PERMISSIVE",
-  roles: ["authenticated"],
-  qual: "true",
-  with_check: ""
-}, {
-  id: "auth_insert",
-  label: "Enable insert for authenticated users only",
-  description: "Only logged-in users are allowed to insert new data.",
-  policyname: "Enable insert for authenticated users only",
-  cmd: "INSERT",
-  permissive: "PERMISSIVE",
-  roles: ["authenticated"],
-  qual: "",
-  with_check: "true"
-}, {
-  id: "user_select_own",
-  label: "Users can read their own rows",
-  description: "Users can only read rows where the user_id matches their auth.uid()",
-  policyname: "Users can select their own data",
-  cmd: "SELECT",
-  permissive: "PERMISSIVE",
-  roles: ["authenticated"],
-  qual: "auth.uid() = user_id",
-  with_check: ""
-}, {
-  id: "user_update_own",
-  label: "Users can update their own rows",
-  description: "Users can only update rows where the user_id matches their auth.uid()",
-  policyname: "Users can update their own data",
-  cmd: "UPDATE",
-  permissive: "PERMISSIVE",
-  roles: ["authenticated"],
-  qual: "auth.uid() = user_id",
-  with_check: "auth.uid() = user_id"
-}, {
-  id: "user_delete_own",
-  label: "Users can delete their own rows",
-  description: "Users can only delete rows where the user_id matches their auth.uid()",
-  policyname: "Users can delete their own data",
-  cmd: "DELETE",
-  permissive: "PERMISSIVE",
-  roles: ["authenticated"],
-  qual: "auth.uid() = user_id",
-  with_check: ""
-}];
-const PolicyEditor = (t0) => {
-  const $ = c(294);
-  const {
-    policy,
-    schema,
-    table,
-    onSave,
-    onCancel
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const [name, setName] = useState("");
-  const [helpOpen, setHelpOpen] = useState(false);
-  const [behavior, setBehavior] = useState("PERMISSIVE");
-  const [command, setCommand] = useState("ALL");
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = ["public"];
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const [roles, setRoles] = useState(t1);
-  const [usingExpr, setUsingExpr] = useState("");
-  const [checkExpr, setCheckExpr] = useState("");
-  const [selectedPreset, setSelectedPreset] = useState("");
-  let t2;
-  let t3;
-  if ($[1] !== policy) {
-    t2 = () => {
-      if (policy) {
-        setName(policy.policyname || "");
-        setBehavior(policy.permissive || "PERMISSIVE");
-        setCommand(policy.cmd || "ALL");
-        const initialRoles = policy.roles ? Array.isArray(policy.roles) ? policy.roles : [policy.roles] : ["public"];
-        setRoles(initialRoles);
-        setUsingExpr(policy.qual || "");
-        setCheckExpr(policy.with_check || "");
-      } else {
-        setName("");
-        setBehavior("PERMISSIVE");
-        setCommand("ALL");
-        setRoles(["public"]);
-        setUsingExpr("");
-        setCheckExpr("");
-        setSelectedPreset("");
-      }
-    };
-    t3 = [policy];
-    $[1] = policy;
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t2 = $[2];
-    t3 = $[3];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = (presetId) => {
-      const preset = POLICY_PRESETS.find((p) => p.id === presetId);
-      if (!preset) {
-        return;
-      }
-      setSelectedPreset(presetId);
-      setName(preset.policyname);
-      setBehavior(preset.permissive);
-      setCommand(preset.cmd);
-      setRoles(preset.roles);
-      setUsingExpr(preset.qual);
-      setCheckExpr(preset.with_check);
-    };
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  const handlePresetChange = t4;
-  const showCheck = command === "ALL" || command === "INSERT" || command === "UPDATE";
-  let t5;
-  if ($[5] !== behavior || $[6] !== checkExpr || $[7] !== command || $[8] !== name || $[9] !== onSave || $[10] !== roles || $[11] !== showCheck || $[12] !== usingExpr) {
-    t5 = () => {
-      onSave({
-        policyname: name,
-        permissive: behavior,
-        cmd: command,
-        roles,
-        qual: usingExpr,
-        with_check: showCheck ? checkExpr : null
-      });
-    };
-    $[5] = behavior;
-    $[6] = checkExpr;
-    $[7] = command;
-    $[8] = name;
-    $[9] = onSave;
-    $[10] = roles;
-    $[11] = showCheck;
-    $[12] = usingExpr;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  const handleSave = t5;
-  let t6;
-  if ($[14] !== policy || $[15] !== t) {
-    t6 = policy ? t("studio_policy_edit") : t("studio_policy_create");
-    $[14] = policy;
-    $[15] = t;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  let t7;
-  if ($[17] !== t6) {
-    t7 = /* @__PURE__ */ jsx("div", { children: t6 });
-    $[17] = t6;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  let t8;
-  if ($[19] !== t) {
-    t8 = t("studio_policy_defining_rules");
-    $[19] = t;
-    $[20] = t8;
-  } else {
-    t8 = $[20];
-  }
-  let t9;
-  if ($[21] !== schema || $[22] !== table) {
-    t9 = /* @__PURE__ */ jsxs("span", { className: "font-mono text-primary bg-primary-bg dark:bg-primary-bg-dark px-1 py-0.5 rounded", children: [
-      schema,
-      ".",
-      table
-    ] });
-    $[21] = schema;
-    $[22] = table;
-    $[23] = t9;
-  } else {
-    t9 = $[23];
-  }
-  let t10;
-  if ($[24] !== t8 || $[25] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "text-sm font-normal text-text-secondary dark:text-text-secondary-dark tracking-wide mt-1", children: [
-      t8,
-      " ",
-      t9
-    ] });
-    $[24] = t8;
-    $[25] = t9;
-    $[26] = t10;
-  } else {
-    t10 = $[26];
-  }
-  let t11;
-  if ($[27] !== t10 || $[28] !== t7) {
-    t11 = /* @__PURE__ */ jsxs("div", { children: [
-      t7,
-      t10
-    ] });
-    $[27] = t10;
-    $[28] = t7;
-    $[29] = t11;
-  } else {
-    t11 = $[29];
-  }
-  let t12;
-  if ($[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setHelpOpen(true), children: /* @__PURE__ */ jsx(HelpCircleIcon, { size: iconSize.smallest }) });
-    $[30] = t12;
-  } else {
-    t12 = $[30];
-  }
-  let t13;
-  if ($[31] !== t11) {
-    t13 = /* @__PURE__ */ jsxs(DialogTitle, { className: "flex justify-between items-center w-full", variant: "h6", children: [
-      t11,
-      t12
-    ] });
-    $[31] = t11;
-    $[32] = t13;
-  } else {
-    t13 = $[32];
-  }
-  let t14;
-  if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t14 = 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);
-    $[33] = t14;
-  } else {
-    t14 = $[33];
-  }
-  let t15;
-  if ($[34] !== policy || $[35] !== selectedPreset || $[36] !== t) {
-    t15 = !policy && /* @__PURE__ */ jsxs("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", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-primary dark:text-primary-light uppercase tracking-wider", children: t("studio_policy_template") }),
-      /* @__PURE__ */ jsx(Select, { size: "small", value: selectedPreset, onValueChange: handlePresetChange, position: "item-aligned", placeholder: t("studio_policy_select_template"), className: "bg-white dark:bg-surface-950", children: POLICY_PRESETS.map(_temp) })
-    ] });
-    $[34] = policy;
-    $[35] = selectedPreset;
-    $[36] = t;
-    $[37] = t15;
-  } else {
-    t15 = $[37];
-  }
-  let t16;
-  if ($[38] !== t) {
-    t16 = t("studio_policy_name");
-    $[38] = t;
-    $[39] = t16;
-  } else {
-    t16 = $[39];
-  }
-  let t17;
-  if ($[40] !== t16) {
-    t17 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: t16 });
-    $[40] = t16;
-    $[41] = t17;
-  } else {
-    t17 = $[41];
-  }
-  let t18;
-  if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t18 = (e) => setName(e.target.value);
-    $[42] = t18;
-  } else {
-    t18 = $[42];
-  }
-  let t19;
-  if ($[43] !== t) {
-    t19 = t("studio_policy_name_placeholder");
-    $[43] = t;
-    $[44] = t19;
-  } else {
-    t19 = $[44];
-  }
-  let t20;
-  if ($[45] !== name || $[46] !== t19) {
-    t20 = /* @__PURE__ */ jsx(TextField, { value: name, onChange: t18, placeholder: t19, className: "w-full" });
-    $[45] = name;
-    $[46] = t19;
-    $[47] = t20;
-  } else {
-    t20 = $[47];
-  }
-  let t21;
-  if ($[48] !== t17 || $[49] !== t20) {
-    t21 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      t17,
-      t20
-    ] });
-    $[48] = t17;
-    $[49] = t20;
-    $[50] = t21;
-  } else {
-    t21 = $[50];
-  }
-  let t22;
-  if ($[51] !== t) {
-    t22 = t("studio_policy_behavior");
-    $[51] = t;
-    $[52] = t22;
-  } else {
-    t22 = $[52];
-  }
-  let t23;
-  if ($[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t23 = /* @__PURE__ */ jsx("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", children: "AS" });
-    $[53] = t23;
-  } else {
-    t23 = $[53];
-  }
-  let t24;
-  if ($[54] !== t22) {
-    t24 = /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: [
-      t22,
-      " ",
-      t23
-    ] });
-    $[54] = t22;
-    $[55] = t24;
-  } else {
-    t24 = $[55];
-  }
-  let t25;
-  if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t25 = (val) => setBehavior(val);
-    $[56] = t25;
-  } else {
-    t25 = $[56];
-  }
-  let t26;
-  if ($[57] !== t) {
-    t26 = t("studio_policy_permissive");
-    $[57] = t;
-    $[58] = t26;
-  } else {
-    t26 = $[58];
-  }
-  let t27;
-  if ($[59] !== t26) {
-    t27 = /* @__PURE__ */ jsx("span", { className: "", children: t26 });
-    $[59] = t26;
-    $[60] = t27;
-  } else {
-    t27 = $[60];
-  }
-  let t28;
-  if ($[61] !== t) {
-    t28 = t("studio_policy_permissive_desc");
-    $[61] = t;
-    $[62] = t28;
-  } else {
-    t28 = $[62];
-  }
-  let t29;
-  if ($[63] !== t28) {
-    t29 = /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary dark:text-text-secondary-dark", children: t28 });
-    $[63] = t28;
-    $[64] = t29;
-  } else {
-    t29 = $[64];
-  }
-  let t30;
-  if ($[65] !== t27 || $[66] !== t29) {
-    t30 = /* @__PURE__ */ jsx(SelectItem, { value: "PERMISSIVE", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-left", children: [
-      t27,
-      t29
-    ] }) });
-    $[65] = t27;
-    $[66] = t29;
-    $[67] = t30;
-  } else {
-    t30 = $[67];
-  }
-  let t31;
-  if ($[68] !== t) {
-    t31 = t("studio_policy_restrictive");
-    $[68] = t;
-    $[69] = t31;
-  } else {
-    t31 = $[69];
-  }
-  let t32;
-  if ($[70] !== t31) {
-    t32 = /* @__PURE__ */ jsx("span", { className: "", children: t31 });
-    $[70] = t31;
-    $[71] = t32;
-  } else {
-    t32 = $[71];
-  }
-  let t33;
-  if ($[72] !== t) {
-    t33 = t("studio_policy_restrictive_desc");
-    $[72] = t;
-    $[73] = t33;
-  } else {
-    t33 = $[73];
-  }
-  let t34;
-  if ($[74] !== t33) {
-    t34 = /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary dark:text-text-secondary-dark", children: t33 });
-    $[74] = t33;
-    $[75] = t34;
-  } else {
-    t34 = $[75];
-  }
-  let t35;
-  if ($[76] !== t32 || $[77] !== t34) {
-    t35 = /* @__PURE__ */ jsx(SelectItem, { value: "RESTRICTIVE", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-left", children: [
-      t32,
-      t34
-    ] }) });
-    $[76] = t32;
-    $[77] = t34;
-    $[78] = t35;
-  } else {
-    t35 = $[78];
-  }
-  let t36;
-  if ($[79] !== behavior || $[80] !== t30 || $[81] !== t35) {
-    t36 = /* @__PURE__ */ jsxs(Select, { value: behavior, onValueChange: t25, position: "item-aligned", children: [
-      t30,
-      t35
-    ] });
-    $[79] = behavior;
-    $[80] = t30;
-    $[81] = t35;
-    $[82] = t36;
-  } else {
-    t36 = $[82];
-  }
-  let t37;
-  if ($[83] !== t24 || $[84] !== t36) {
-    t37 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      t24,
-      t36
-    ] });
-    $[83] = t24;
-    $[84] = t36;
-    $[85] = t37;
-  } else {
-    t37 = $[85];
-  }
-  let t38;
-  if ($[86] !== t21 || $[87] !== t37) {
-    t38 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6", children: [
-      t21,
-      t37
-    ] });
-    $[86] = t21;
-    $[87] = t37;
-    $[88] = t38;
-  } else {
-    t38 = $[88];
-  }
-  let t39;
-  if ($[89] !== t) {
-    t39 = t("studio_policy_command");
-    $[89] = t;
-    $[90] = t39;
-  } else {
-    t39 = $[90];
-  }
-  let t40;
-  if ($[91] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t40 = /* @__PURE__ */ jsx("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", children: "FOR" });
-    $[91] = t40;
-  } else {
-    t40 = $[91];
-  }
-  let t41;
-  if ($[92] !== t39) {
-    t41 = /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: [
-      t39,
-      " ",
-      t40
-    ] });
-    $[92] = t39;
-    $[93] = t41;
-  } else {
-    t41 = $[93];
-  }
-  let t42;
-  if ($[94] !== command) {
-    t42 = COMMAND_OPTIONS.map((cmd) => /* @__PURE__ */ jsx(Button, { size: "small", variant: command === cmd ? "filled" : "text", color: "neutral", onClick: () => setCommand(cmd), className: "min-w-[80px]", children: cmd }, cmd));
-    $[94] = command;
-    $[95] = t42;
-  } else {
-    t42 = $[95];
-  }
-  let t43;
-  if ($[96] !== t42) {
-    t43 = /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: t42 });
-    $[96] = t42;
-    $[97] = t43;
-  } else {
-    t43 = $[97];
-  }
-  let t44;
-  if ($[98] !== t41 || $[99] !== t43) {
-    t44 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      t41,
-      t43
-    ] });
-    $[98] = t41;
-    $[99] = t43;
-    $[100] = t44;
-  } else {
-    t44 = $[100];
-  }
-  let t45;
-  if ($[101] !== t) {
-    t45 = t("studio_policy_target_roles");
-    $[101] = t;
-    $[102] = t45;
-  } else {
-    t45 = $[102];
-  }
-  let t46;
-  if ($[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t46 = /* @__PURE__ */ jsx("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", children: "TO" });
-    $[103] = t46;
-  } else {
-    t46 = $[103];
-  }
-  let t47;
-  if ($[104] !== t45) {
-    t47 = /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: [
-      t45,
-      " ",
-      t46
-    ] });
-    $[104] = t45;
-    $[105] = t47;
-  } else {
-    t47 = $[105];
-  }
-  let t48;
-  if ($[106] !== t) {
-    t48 = t("studio_policy_roles_placeholder");
-    $[106] = t;
-    $[107] = t48;
-  } else {
-    t48 = $[107];
-  }
-  let t49;
-  if ($[108] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t49 = ROLE_OPTIONS.map(_temp2);
-    $[108] = t49;
-  } else {
-    t49 = $[108];
-  }
-  let t50;
-  if ($[109] !== roles || $[110] !== t48) {
-    t50 = /* @__PURE__ */ jsx(MultiSelect, { size: "small", value: roles, onValueChange: setRoles, placeholder: t48, children: t49 });
-    $[109] = roles;
-    $[110] = t48;
-    $[111] = t50;
-  } else {
-    t50 = $[111];
-  }
-  let t51;
-  if ($[112] !== t47 || $[113] !== t50) {
-    t51 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      t47,
-      t50
-    ] });
-    $[112] = t47;
-    $[113] = t50;
-    $[114] = t51;
-  } else {
-    t51 = $[114];
-  }
-  let t52;
-  if ($[115] !== t15 || $[116] !== t38 || $[117] !== t44 || $[118] !== t51) {
-    t52 = /* @__PURE__ */ jsxs(Paper, { className: t14, children: [
-      t15,
-      t38,
-      t44,
-      t51
-    ] });
-    $[115] = t15;
-    $[116] = t38;
-    $[117] = t44;
-    $[118] = t51;
-    $[119] = t52;
-  } else {
-    t52 = $[119];
-  }
-  let t53;
-  if ($[120] !== command || $[121] !== t || $[122] !== usingExpr) {
-    t53 = command !== "INSERT" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: t("studio_policy_using_expr") }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary opacity-70", children: t("studio_policy_using_expr_desc") })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cls("h-32 border rounded-md overflow-hidden bg-white dark:bg-[#1e1e1e]", defaultBorderMixin), children: /* @__PURE__ */ jsx(MonacoEditor, { value: usingExpr, onChange: (v) => setUsingExpr(v || ""), readOnly: false, autoFocus: true }) })
-    ] });
-    $[120] = command;
-    $[121] = t;
-    $[122] = usingExpr;
-    $[123] = t53;
-  } else {
-    t53 = $[123];
-  }
-  let t54;
-  if ($[124] !== checkExpr || $[125] !== command || $[126] !== showCheck || $[127] !== t) {
-    t54 = showCheck && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 mt-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "uppercase tracking-wider text-text-secondary", children: t("studio_policy_check_expr") }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary opacity-70", children: t("studio_policy_check_expr_desc") })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cls("h-32 border rounded-md overflow-hidden bg-white dark:bg-[#1e1e1e]", defaultBorderMixin), children: /* @__PURE__ */ jsx(MonacoEditor, { value: checkExpr, onChange: (v_0) => setCheckExpr(v_0 || ""), readOnly: false, autoFocus: command === "INSERT" }) })
-    ] });
-    $[124] = checkExpr;
-    $[125] = command;
-    $[126] = showCheck;
-    $[127] = t;
-    $[128] = t54;
-  } else {
-    t54 = $[128];
-  }
-  let t55;
-  if ($[129] !== t53 || $[130] !== t54) {
-    t55 = /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col gap-4", children: [
-      t53,
-      t54
-    ] });
-    $[129] = t53;
-    $[130] = t54;
-    $[131] = t55;
-  } else {
-    t55 = $[131];
-  }
-  let t56;
-  if ($[132] !== t52 || $[133] !== t55) {
-    t56 = /* @__PURE__ */ jsx(DialogContent, { className: "p-4 md:p-6 border-t dark:border-surface-950 bg-surface-50 dark:bg-surface-950", includeMargin: false, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
-      t52,
-      t55
-    ] }) });
-    $[132] = t52;
-    $[133] = t55;
-    $[134] = t56;
-  } else {
-    t56 = $[134];
-  }
-  let t57;
-  if ($[135] !== t) {
-    t57 = t("studio_policy_cancel");
-    $[135] = t;
-    $[136] = t57;
-  } else {
-    t57 = $[136];
-  }
-  let t58;
-  if ($[137] !== onCancel || $[138] !== t57) {
-    t58 = /* @__PURE__ */ jsx(Button, { size: "small", variant: "text", color: "neutral", onClick: onCancel, children: t57 });
-    $[137] = onCancel;
-    $[138] = t57;
-    $[139] = t58;
-  } else {
-    t58 = $[139];
-  }
-  const t59 = !name;
-  let t60;
-  if ($[140] !== t) {
-    t60 = t("studio_policy_save");
-    $[140] = t;
-    $[141] = t60;
-  } else {
-    t60 = $[141];
-  }
-  let t61;
-  if ($[142] !== handleSave || $[143] !== t59 || $[144] !== t60) {
-    t61 = /* @__PURE__ */ jsx(Button, { size: "small", variant: "filled", color: "primary", onClick: handleSave, disabled: t59, children: t60 });
-    $[142] = handleSave;
-    $[143] = t59;
-    $[144] = t60;
-    $[145] = t61;
-  } else {
-    t61 = $[145];
-  }
-  let t62;
-  if ($[146] !== t58 || $[147] !== t61) {
-    t62 = /* @__PURE__ */ jsxs(DialogActions, { children: [
-      t58,
-      t61
-    ] });
-    $[146] = t58;
-    $[147] = t61;
-    $[148] = t62;
-  } else {
-    t62 = $[148];
-  }
-  let t63;
-  if ($[149] !== t) {
-    t63 = t("studio_policy_help_title");
-    $[149] = t;
-    $[150] = t63;
-  } else {
-    t63 = $[150];
-  }
-  let t64;
-  if ($[151] !== t63) {
-    t64 = /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "mb-2", children: t63 });
-    $[151] = t63;
-    $[152] = t64;
-  } else {
-    t64 = $[152];
-  }
-  let t65;
-  if ($[153] !== t) {
-    t65 = t("studio_policy_help_intro");
-    $[153] = t;
-    $[154] = t65;
-  } else {
-    t65 = $[154];
-  }
-  let t66;
-  if ($[155] !== t65) {
-    t66 = /* @__PURE__ */ jsx(Typography, { className: "text-text-secondary dark:text-text-secondary-dark", children: t65 });
-    $[155] = t65;
-    $[156] = t66;
-  } else {
-    t66 = $[156];
-  }
-  let t67;
-  if ($[157] !== t64 || $[158] !== t66) {
-    t67 = /* @__PURE__ */ jsxs("div", { children: [
-      t64,
-      t66
-    ] });
-    $[157] = t64;
-    $[158] = t66;
-    $[159] = t67;
-  } else {
-    t67 = $[159];
-  }
-  let t68;
-  if ($[160] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t68 = cls("p-4 sm:p-5 flex flex-col gap-1", defaultBorderMixin);
-    $[160] = t68;
-  } else {
-    t68 = $[160];
-  }
-  let t69;
-  if ($[161] !== t) {
-    t69 = t("studio_policy_help_step1_title");
-    $[161] = t;
-    $[162] = t69;
-  } else {
-    t69 = $[162];
-  }
-  let t70;
-  if ($[163] !== t69) {
-    t70 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-primary dark:text-primary-light font-medium", children: t69 });
-    $[163] = t69;
-    $[164] = t70;
-  } else {
-    t70 = $[164];
-  }
-  let t71;
-  if ($[165] !== t) {
-    t71 = t("studio_policy_help_step1_desc");
-    $[165] = t;
-    $[166] = t71;
-  } else {
-    t71 = $[166];
-  }
-  let t72;
-  if ($[167] !== t71) {
-    t72 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark", children: t71 });
-    $[167] = t71;
-    $[168] = t72;
-  } else {
-    t72 = $[168];
-  }
-  let t73;
-  if ($[169] !== t70 || $[170] !== t72) {
-    t73 = /* @__PURE__ */ jsxs(Paper, { className: t68, children: [
-      t70,
-      t72
-    ] });
-    $[169] = t70;
-    $[170] = t72;
-    $[171] = t73;
-  } else {
-    t73 = $[171];
-  }
-  let t74;
-  if ($[172] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t74 = cls("p-4 sm:p-5 flex flex-col gap-1", defaultBorderMixin);
-    $[172] = t74;
-  } else {
-    t74 = $[172];
-  }
-  let t75;
-  if ($[173] !== t) {
-    t75 = t("studio_policy_help_step2_title");
-    $[173] = t;
-    $[174] = t75;
-  } else {
-    t75 = $[174];
-  }
-  let t76;
-  if ($[175] !== t75) {
-    t76 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-primary dark:text-primary-light font-medium", children: t75 });
-    $[175] = t75;
-    $[176] = t76;
-  } else {
-    t76 = $[176];
-  }
-  let t77;
-  if ($[177] !== t) {
-    t77 = t("studio_policy_help_step2_desc");
-    $[177] = t;
-    $[178] = t77;
-  } else {
-    t77 = $[178];
-  }
-  let t78;
-  if ($[179] !== t77) {
-    t78 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark mb-1", children: t77 });
-    $[179] = t77;
-    $[180] = t78;
-  } else {
-    t78 = $[180];
-  }
-  let t79;
-  if ($[181] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t79 = /* @__PURE__ */ jsx("strong", { children: "public" });
-    $[181] = t79;
-  } else {
-    t79 = $[181];
-  }
-  let t80;
-  if ($[182] !== t) {
-    t80 = t("studio_policy_help_role_public");
-    $[182] = t;
-    $[183] = t80;
-  } else {
-    t80 = $[183];
-  }
-  let t81;
-  if ($[184] !== t80) {
-    t81 = /* @__PURE__ */ jsxs("li", { children: [
-      t79,
-      ": ",
-      t80
-    ] });
-    $[184] = t80;
-    $[185] = t81;
-  } else {
-    t81 = $[185];
-  }
-  let t82;
-  if ($[186] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t82 = /* @__PURE__ */ jsx("strong", { children: "authenticated" });
-    $[186] = t82;
-  } else {
-    t82 = $[186];
-  }
-  let t83;
-  if ($[187] !== t) {
-    t83 = t("studio_policy_help_role_authenticated");
-    $[187] = t;
-    $[188] = t83;
-  } else {
-    t83 = $[188];
-  }
-  let t84;
-  if ($[189] !== t83) {
-    t84 = /* @__PURE__ */ jsxs("li", { children: [
-      t82,
-      ": ",
-      t83
-    ] });
-    $[189] = t83;
-    $[190] = t84;
-  } else {
-    t84 = $[190];
-  }
-  let t85;
-  if ($[191] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t85 = /* @__PURE__ */ jsx("strong", { children: "anon" });
-    $[191] = t85;
-  } else {
-    t85 = $[191];
-  }
-  let t86;
-  if ($[192] !== t) {
-    t86 = t("studio_policy_help_role_anon");
-    $[192] = t;
-    $[193] = t86;
-  } else {
-    t86 = $[193];
-  }
-  let t87;
-  if ($[194] !== t86) {
-    t87 = /* @__PURE__ */ jsxs("li", { children: [
-      t85,
-      ": ",
-      t86
-    ] });
-    $[194] = t86;
-    $[195] = t87;
-  } else {
-    t87 = $[195];
-  }
-  let t88;
-  if ($[196] !== t81 || $[197] !== t84 || $[198] !== t87) {
-    t88 = /* @__PURE__ */ jsxs("ul", { className: "list-disc pl-5 space-y-1 text-sm text-text-secondary dark:text-text-secondary-dark", children: [
-      t81,
-      t84,
-      t87
-    ] });
-    $[196] = t81;
-    $[197] = t84;
-    $[198] = t87;
-    $[199] = t88;
-  } else {
-    t88 = $[199];
-  }
-  let t89;
-  if ($[200] !== t76 || $[201] !== t78 || $[202] !== t88) {
-    t89 = /* @__PURE__ */ jsxs(Paper, { className: t74, children: [
-      t76,
-      t78,
-      t88
-    ] });
-    $[200] = t76;
-    $[201] = t78;
-    $[202] = t88;
-    $[203] = t89;
-  } else {
-    t89 = $[203];
-  }
-  let t90;
-  if ($[204] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t90 = cls("p-4 sm:p-5 flex flex-col gap-1", defaultBorderMixin);
-    $[204] = t90;
-  } else {
-    t90 = $[204];
-  }
-  let t91;
-  if ($[205] !== t) {
-    t91 = t("studio_policy_help_step3_title");
-    $[205] = t;
-    $[206] = t91;
-  } else {
-    t91 = $[206];
-  }
-  let t92;
-  if ($[207] !== t91) {
-    t92 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-primary dark:text-primary-light font-medium", children: t91 });
-    $[207] = t91;
-    $[208] = t92;
-  } else {
-    t92 = $[208];
-  }
-  let t93;
-  if ($[209] !== t) {
-    t93 = t("studio_policy_help_step3_desc");
-    $[209] = t;
-    $[210] = t93;
-  } else {
-    t93 = $[210];
-  }
-  let t94;
-  if ($[211] !== t93) {
-    t94 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark mb-1", children: t93 });
-    $[211] = t93;
-    $[212] = t94;
-  } else {
-    t94 = $[212];
-  }
-  let t95;
-  if ($[213] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t95 = /* @__PURE__ */ jsx("div", { className: cls("bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin), children: "Example: auth.uid() = user_id" });
-    $[213] = t95;
-  } else {
-    t95 = $[213];
-  }
-  let t96;
-  if ($[214] !== t) {
-    t96 = t("studio_policy_help_step3_example");
-    $[214] = t;
-    $[215] = t96;
-  } else {
-    t96 = $[215];
-  }
-  let t97;
-  if ($[216] !== t96) {
-    t97 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark", children: t96 });
-    $[216] = t96;
-    $[217] = t97;
-  } else {
-    t97 = $[217];
-  }
-  let t98;
-  if ($[218] !== t92 || $[219] !== t94 || $[220] !== t97) {
-    t98 = /* @__PURE__ */ jsxs(Paper, { className: t90, children: [
-      t92,
-      t94,
-      t95,
-      t97
-    ] });
-    $[218] = t92;
-    $[219] = t94;
-    $[220] = t97;
-    $[221] = t98;
-  } else {
-    t98 = $[221];
-  }
-  let t99;
-  if ($[222] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t99 = cls("p-4 sm:p-5 flex flex-col gap-1", defaultBorderMixin);
-    $[222] = t99;
-  } else {
-    t99 = $[222];
-  }
-  let t100;
-  if ($[223] !== t) {
-    t100 = t("studio_policy_help_step4_title");
-    $[223] = t;
-    $[224] = t100;
-  } else {
-    t100 = $[224];
-  }
-  let t101;
-  if ($[225] !== t100) {
-    t101 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-primary dark:text-primary-light font-medium", children: t100 });
-    $[225] = t100;
-    $[226] = t101;
-  } else {
-    t101 = $[226];
-  }
-  let t102;
-  if ($[227] !== t) {
-    t102 = t("studio_policy_help_step4_desc");
-    $[227] = t;
-    $[228] = t102;
-  } else {
-    t102 = $[228];
-  }
-  let t103;
-  if ($[229] !== t102) {
-    t103 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark mb-1", children: t102 });
-    $[229] = t102;
-    $[230] = t103;
-  } else {
-    t103 = $[230];
-  }
-  let t104;
-  if ($[231] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t104 = /* @__PURE__ */ jsx("div", { className: cls("bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin), children: "Example: auth.uid() = user_id" });
-    $[231] = t104;
-  } else {
-    t104 = $[231];
-  }
-  let t105;
-  if ($[232] !== t) {
-    t105 = t("studio_policy_help_step4_example");
-    $[232] = t;
-    $[233] = t105;
-  } else {
-    t105 = $[233];
-  }
-  let t106;
-  if ($[234] !== t105) {
-    t106 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark", children: t105 });
-    $[234] = t105;
-    $[235] = t106;
-  } else {
-    t106 = $[235];
-  }
-  let t107;
-  if ($[236] !== t101 || $[237] !== t103 || $[238] !== t106) {
-    t107 = /* @__PURE__ */ jsxs(Paper, { className: t99, children: [
-      t101,
-      t103,
-      t104,
-      t106
-    ] });
-    $[236] = t101;
-    $[237] = t103;
-    $[238] = t106;
-    $[239] = t107;
-  } else {
-    t107 = $[239];
-  }
-  let t108;
-  if ($[240] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t108 = cls("p-4 sm:p-5 flex flex-col gap-2 bg-primary/5 dark:bg-primary-bg-dark/10", defaultBorderMixin);
-    $[240] = t108;
-  } else {
-    t108 = $[240];
-  }
-  let t109;
-  if ($[241] !== t) {
-    t109 = t("studio_policy_help_auth_vars_title");
-    $[241] = t;
-    $[242] = t109;
-  } else {
-    t109 = $[242];
-  }
-  let t110;
-  if ($[243] !== t109) {
-    t110 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-primary dark:text-primary-light font-medium", children: t109 });
-    $[243] = t109;
-    $[244] = t110;
-  } else {
-    t110 = $[244];
-  }
-  let t111;
-  if ($[245] !== t) {
-    t111 = t("studio_policy_help_auth_vars_desc");
-    $[245] = t;
-    $[246] = t111;
-  } else {
-    t111 = $[246];
-  }
-  let t112;
-  if ($[247] !== t111) {
-    t112 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark", children: t111 });
-    $[247] = t111;
-    $[248] = t112;
-  } else {
-    t112 = $[248];
-  }
-  let t113;
-  if ($[249] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t113 = /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap", children: "auth.uid()" });
-    $[249] = t113;
-  } else {
-    t113 = $[249];
-  }
-  let t114;
-  let t115;
-  if ($[250] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t114 = /* @__PURE__ */ jsxs("li", { children: [
-      t113,
-      /* @__PURE__ */ jsxs("span", { className: "block mt-0.5", children: [
-        "Returns the current user's ID as text. Example: ",
-        /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]", children: "auth.uid() = user_id" })
-      ] })
-    ] });
-    t115 = /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap", children: "auth.jwt()" });
-    $[250] = t114;
-    $[251] = t115;
-  } else {
-    t114 = $[250];
-    t115 = $[251];
-  }
-  let t116;
-  let t117;
-  if ($[252] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t116 = /* @__PURE__ */ jsxs("li", { children: [
-      t115,
-      /* @__PURE__ */ jsxs("span", { className: "block mt-0.5", children: [
-        "Returns the full JWT payload as JSONB so you can check custom claims. Example: ",
-        /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]", children: "auth.jwt() ->> 'email' = 'admin@example.com'" })
-      ] })
-    ] });
-    t117 = /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap", children: "auth.roles()" });
-    $[252] = t116;
-    $[253] = t117;
-  } else {
-    t116 = $[252];
-    t117 = $[253];
-  }
-  let t118;
-  if ($[254] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t118 = /* @__PURE__ */ jsxs("ul", { className: "list-disc pl-5 space-y-2 text-sm text-text-secondary dark:text-text-secondary-dark font-normal", children: [
-      t114,
-      t116,
-      /* @__PURE__ */ jsxs("li", { children: [
-        t117,
-        /* @__PURE__ */ jsxs("span", { className: "block mt-0.5", children: [
-          "Returns the user's role IDs as a comma-separated string. Best used with: ",
-          /* @__PURE__ */ jsx("code", { className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]", children: "string_to_array(auth.roles(), ',') @> ARRAY['admin']" })
-        ] })
-      ] })
-    ] });
-    $[254] = t118;
-  } else {
-    t118 = $[254];
-  }
-  let t119;
-  if ($[255] !== t110 || $[256] !== t112) {
-    t119 = /* @__PURE__ */ jsxs(Paper, { className: t108, children: [
-      t110,
-      t112,
-      t118
-    ] });
-    $[255] = t110;
-    $[256] = t112;
-    $[257] = t119;
-  } else {
-    t119 = $[257];
-  }
-  let t120;
-  if ($[258] !== t107 || $[259] !== t119 || $[260] !== t73 || $[261] !== t89 || $[262] !== t98) {
-    t120 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      t73,
-      t89,
-      t98,
-      t107,
-      t119
-    ] });
-    $[258] = t107;
-    $[259] = t119;
-    $[260] = t73;
-    $[261] = t89;
-    $[262] = t98;
-    $[263] = t120;
-  } else {
-    t120 = $[263];
-  }
-  let t121;
-  if ($[264] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t121 = 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);
-    $[264] = t121;
-  } else {
-    t121 = $[264];
-  }
-  let t122;
-  if ($[265] !== t) {
-    t122 = t("studio_policy_help_docs_cta");
-    $[265] = t;
-    $[266] = t122;
-  } else {
-    t122 = $[266];
-  }
-  let t123;
-  if ($[267] !== t122) {
-    t123 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-primary dark:text-primary-light mb-4 sm:mb-0 max-w-md", children: t122 });
-    $[267] = t122;
-    $[268] = t123;
-  } else {
-    t123 = $[268];
-  }
-  let t124;
-  if ($[269] !== t) {
-    t124 = t("studio_policy_help_read_docs");
-    $[269] = t;
-    $[270] = t124;
-  } else {
-    t124 = $[270];
-  }
-  let t125;
-  if ($[271] !== t124) {
-    t125 = /* @__PURE__ */ jsx(Button, { component: "a", href: "https://www.postgresql.org/docs/current/sql-createpolicy.html", target: "_blank", variant: "outlined", color: "primary", size: "small", className: "whitespace-nowrap flex-shrink-0", children: t124 });
-    $[271] = t124;
-    $[272] = t125;
-  } else {
-    t125 = $[272];
-  }
-  let t126;
-  if ($[273] !== t123 || $[274] !== t125) {
-    t126 = /* @__PURE__ */ jsxs("div", { className: t121, children: [
-      t123,
-      t125
-    ] });
-    $[273] = t123;
-    $[274] = t125;
-    $[275] = t126;
-  } else {
-    t126 = $[275];
-  }
-  let t127;
-  if ($[276] !== t120 || $[277] !== t126 || $[278] !== t67) {
-    t127 = /* @__PURE__ */ jsxs(DialogContent, { className: "p-4 sm:p-6 lg:p-8 flex flex-col gap-6", children: [
-      t67,
-      t120,
-      t126
-    ] });
-    $[276] = t120;
-    $[277] = t126;
-    $[278] = t67;
-    $[279] = t127;
-  } else {
-    t127 = $[279];
-  }
-  let t128;
-  if ($[280] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t128 = () => setHelpOpen(false);
-    $[280] = t128;
-  } else {
-    t128 = $[280];
-  }
-  let t129;
-  if ($[281] !== t) {
-    t129 = t("studio_policy_help_got_it");
-    $[281] = t;
-    $[282] = t129;
-  } else {
-    t129 = $[282];
-  }
-  let t130;
-  if ($[283] !== t129) {
-    t130 = /* @__PURE__ */ jsx(DialogActions, { className: "p-4 sm:px-6 sm:pb-6 pt-0 border-t-0", children: /* @__PURE__ */ jsx(Button, { onClick: t128, variant: "filled", color: "primary", children: t129 }) });
-    $[283] = t129;
-    $[284] = t130;
-  } else {
-    t130 = $[284];
-  }
-  let t131;
-  if ($[285] !== helpOpen || $[286] !== t127 || $[287] !== t130) {
-    t131 = /* @__PURE__ */ jsxs(Dialog, { open: helpOpen, onOpenChange: setHelpOpen, maxWidth: "3xl", children: [
-      t127,
-      t130
-    ] });
-    $[285] = helpOpen;
-    $[286] = t127;
-    $[287] = t130;
-    $[288] = t131;
-  } else {
-    t131 = $[288];
-  }
-  let t132;
-  if ($[289] !== t13 || $[290] !== t131 || $[291] !== t56 || $[292] !== t62) {
-    t132 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t13,
-      t56,
-      t62,
-      t131
-    ] });
-    $[289] = t13;
-    $[290] = t131;
-    $[291] = t56;
-    $[292] = t62;
-    $[293] = t132;
-  } else {
-    t132 = $[293];
-  }
-  return t132;
-};
-function _temp(preset_0) {
-  return /* @__PURE__ */ jsx(SelectItem, { value: preset_0.id, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-left", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-sm", children: preset_0.label }),
-    /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary dark:text-text-secondary-dark", children: preset_0.description })
-  ] }) }, preset_0.id);
-}
-function _temp2(role) {
-  return /* @__PURE__ */ jsx(MultiSelectItem, { value: role, children: role }, role);
-}
-function sanitizeSqlIdentifier(name) {
-  if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(name)) {
-    throw new Error(`Invalid SQL identifier: "${name}". Only letters, digits, and underscores are allowed.`);
-  }
-  return `"${name}"`;
-}
-const RLSEditor = ({
-  apiUrl = ""
-}) => {
-  const {
-    databaseAdmin
-  } = useRebaseContext();
-  const snackbarController = useSnackbarController();
-  const collectionRegistry = useStudioCollectionRegistry();
-  const {
-    t
-  } = useTranslation();
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [tables, setTables] = useState([]);
-  const [selectedTable, setSelectedTable] = useState(null);
-  const [activeTab, setActiveTab] = useState(0);
-  const [editingPolicy, setEditingPolicy] = useState(null);
-  const [sidebarSize, setSidebarSize] = useState(() => {
-    try {
-      const saved = localStorage.getItem("rebase_rls_editor_sidebar_size");
-      return saved !== null ? parseFloat(saved) : 20;
-    } catch (e) {
-      return 20;
-    }
-  });
-  const [expandedSchemas, setExpandedSchemas] = useState({
-    public: true
-  });
-  const [sidebarTab, setSidebarTab] = useState("tables");
-  useEffect(() => {
-    try {
-      localStorage.setItem("rebase_rls_editor_sidebar_size", sidebarSize.toString());
-    } catch (e_0) {
-    }
-  }, [sidebarSize]);
-  const fetchRLSData = useCallback(async () => {
-    if (!databaseAdmin?.executeSql) {
-      setError(t("studio_sql_sql_not_supported"));
-      setIsLoading(false);
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const tablesSql = `
-                SELECT 
-                    schemaname, 
-                    tablename, 
-                    rowsecurity 
-                FROM pg_tables 
-                WHERE schemaname NOT IN ('information_schema', 'pg_catalog')
-                ORDER BY schemaname, tablename;
-            `;
-      const tablesResult = await databaseAdmin.executeSql(tablesSql);
-      const policiesSql = `
-                SELECT 
-                    schemaname,
-                    tablename,
-                    policyname,
-                    permissive,
-                    roles,
-                    cmd,
-                    qual,
-                    with_check
-                FROM pg_policies
-                WHERE schemaname NOT IN ('information_schema', 'pg_catalog');
-            `;
-      const policiesResult = await databaseAdmin.executeSql(policiesSql);
-      const extractRows = (result) => {
-        if (result && typeof result === "object" && "rows" in result && Array.isArray(result.rows)) {
-          return result.rows;
-        }
-        if (Array.isArray(result)) return result;
-        return [];
-      };
-      const tRows = extractRows(tablesResult);
-      const pRows = extractRows(policiesResult);
-      const tableMap = {};
-      tRows.forEach((tRow) => {
-        const t_0 = tRow;
-        const schema = t_0.schemaname || t_0.SCHEMANAME || "public";
-        const table = t_0.tablename || t_0.TABLENAME || "";
-        const rlsEnabled = t_0.rowsecurity || t_0.ROWSECURITY || false;
-        const key = `${schema}.${table}`;
-        tableMap[key] = {
-          schemaName: schema,
-          tableName: table,
-          rlsEnabled,
-          policies: []
-        };
-      });
-      pRows.forEach((pRow) => {
-        const p = pRow;
-        const schema_0 = p.schemaname || p.SCHEMANAME || "public";
-        const table_0 = p.tablename || p.TABLENAME || "";
-        const key_0 = `${schema_0}.${table_0}`;
-        if (tableMap[key_0]) {
-          let parsedRoles = [];
-          const r = p.roles || p.ROLES;
-          if (Array.isArray(r)) {
-            parsedRoles = r;
-          } else if (typeof r === "string") {
-            parsedRoles = r.replace(/^{|}$/g, "").split(",").map((s) => s.trim());
-          }
-          tableMap[key_0].policies.push({
-            policyname: p.policyname || p.POLICYNAME || "",
-            tablename: table_0,
-            permissive: p.permissive || p.PERMISSIVE || "PERMISSIVE",
-            roles: parsedRoles,
-            cmd: p.cmd || p.CMD || "ALL",
-            qual: p.qual || p.QUAL || null,
-            with_check: p.with_check || p.WITH_CHECK || null
-          });
-        }
-      });
-      const sortedTables = Object.values(tableMap).sort((a, b) => a.tableName.localeCompare(b.tableName));
-      setTables(sortedTables);
-      if (sortedTables.length > 0 && !selectedTable) {
-        setSelectedTable(`${sortedTables[0].schemaName}.${sortedTables[0].tableName}`);
-      }
-    } catch (e_1) {
-      console.error("RLS fetch error:", e_1);
-      setError("Failed to fetch RLS policies: " + (e_1 instanceof Error ? e_1.message : String(e_1)));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [databaseAdmin, selectedTable]);
-  useEffect(() => {
-    setEditingPolicy(null);
-  }, [selectedTable]);
-  useEffect(() => {
-    fetchRLSData();
-  }, [fetchRLSData]);
-  const activeTableData = useMemo(() => {
-    if (!selectedTable) return null;
-    return tables.find((t_1) => `${t_1.schemaName}.${t_1.tableName}` === selectedTable) || null;
-  }, [selectedTable, tables]);
-  const groupedTables = useMemo(() => {
-    const groups = {};
-    tables.forEach((table_1) => {
-      if (!groups[table_1.schemaName]) {
-        groups[table_1.schemaName] = [];
-      }
-      groups[table_1.schemaName].push(table_1);
-    });
-    return groups;
-  }, [tables]);
-  const activeCollection = useMemo(() => {
-    if (!activeTableData) return null;
-    return collectionRegistry.collections?.find((c2) => c2.id === activeTableData.tableName || c2.path === activeTableData.tableName || c2.table === activeTableData.tableName || c2.slug === activeTableData.tableName || c2.collectionId === activeTableData.tableName) || null;
-  }, [activeTableData, collectionRegistry.collections]);
-  const mergedPolicies = useMemo(() => {
-    if (!activeTableData) return [];
-    const policiesMap = {};
-    (activeTableData.policies || []).forEach((p_0) => {
-      policiesMap[p_0.policyname] = {
-        ...p_0,
-        status: "live"
-      };
-    });
-    if (activeCollection && isPostgresCollection(activeCollection) && activeCollection.securityRules) {
-      activeCollection.securityRules.forEach((rule) => {
-        const ruleName = rule.name;
-        if (!ruleName) return;
-        if (policiesMap[ruleName]) {
-          policiesMap[ruleName] = {
-            policyname: ruleName,
-            tablename: activeTableData.tableName,
-            permissive: (rule.mode || "permissive").toUpperCase(),
-            cmd: (rule.operation || "ALL").toUpperCase(),
-            roles: rule.roles || ["public"],
-            qual: rule.using || null,
-            with_check: rule.withCheck || null,
-            status: "both"
-          };
-        } else {
-          policiesMap[ruleName] = {
-            policyname: ruleName,
-            tablename: activeTableData.tableName,
-            permissive: (rule.mode || "permissive").toUpperCase(),
-            cmd: (rule.operation || "ALL").toUpperCase(),
-            roles: rule.roles || ["public"],
-            qual: rule.using || null,
-            with_check: rule.withCheck || null,
-            status: "code_only"
-          };
-        }
-      });
-    }
-    return Object.values(policiesMap).sort((a_0, b_0) => a_0.policyname.localeCompare(b_0.policyname));
-  }, [activeTableData, activeCollection]);
-  const rlsStats = useMemo(() => {
-    const total = tables.length;
-    const enabled = tables.filter((t_2) => t_2.rlsEnabled).length;
-    const withPolicies = tables.filter((t_3) => t_3.policies.length > 0).length;
-    const totalPolicies = tables.reduce((sum, t_4) => sum + t_4.policies.length, 0);
-    return {
-      total,
-      enabled,
-      withPolicies,
-      totalPolicies
-    };
-  }, [tables]);
-  const renderPolicyTag = (label, value) => {
-    return /* @__PURE__ */ jsxs("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", children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-[10px] uppercase text-text-secondary dark:text-text-secondary-dark font-medium tracking-wider", children: [
-        label,
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-text-primary dark:text-text-primary-dark break-all", children: value })
-    ] });
-  };
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark", children: /* @__PURE__ */ jsx(ResizablePanels, { orientation: "horizontal", panelSizePercent: sidebarSize, onPanelSizeChange: setSidebarSize, minPanelSizePx: 220, firstPanel: /* @__PURE__ */ jsxs("div", { className: cls("flex flex-col h-full w-full bg-white dark:bg-surface-950 border-r", defaultBorderMixin), children: [
-    /* @__PURE__ */ jsxs(Tabs, { value: sidebarTab, onValueChange: (v) => setSidebarTab(v), variant: "boxy", className: "border-b border-surface-200 dark:border-surface-950", children: [
-      /* @__PURE__ */ jsx(Tab, { value: "tables", children: "Tables" }),
-      /* @__PURE__ */ jsx(Tab, { value: "info", children: "Info" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-grow overflow-hidden relative", children: [
-      sidebarTab === "tables" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-        /* @__PURE__ */ jsxs("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), children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark", children: t("studio_schema_tables") }),
-          /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: fetchRLSData, title: "Refresh", children: /* @__PURE__ */ jsx(RefreshCwIcon, { size: iconSize.smallest }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-auto no-scrollbar p-1", children: isLoading && tables.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) }) : Object.keys(groupedTables).length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark italic", children: t("studio_rls_no_tables") }) }) : Object.entries(groupedTables).map(([schemaName, schemaTables]) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-950 rounded transition-colors", onClick: () => setExpandedSchemas((prev) => ({
-            ...prev,
-            [schemaName]: !prev[schemaName]
-          })), children: [
-            /* @__PURE__ */ jsx("svg", { className: cls("w-3 h-3 mr-1 transition-transform", expandedSchemas[schemaName] ? "rotate-90" : ""), fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("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" }) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-primary dark:text-text-primary-dark font-medium text-xs truncate flex-grow", children: schemaName })
-          ] }),
-          expandedSchemas[schemaName] && /* @__PURE__ */ jsx("div", { className: "ml-3 mt-1 space-y-0.5", children: schemaTables.map((table_2) => {
-            const key_1 = `${table_2.schemaName}.${table_2.tableName}`;
-            const isSelected = selectedTable === key_1;
-            return /* @__PURE__ */ jsxs("div", { onClick: () => setSelectedTable(key_1), className: cls("flex items-center p-1 cursor-pointer rounded transition-colors group relative", isSelected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light" : "hover:bg-surface-100 dark:hover:bg-surface-950 text-text-secondary dark:text-text-secondary-dark"), children: [
-              /* @__PURE__ */ jsx("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", children: /* @__PURE__ */ jsx("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" }) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-xs truncate flex-1 min-w-0", children: table_2.tableName }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0 ml-2", children: [
-                table_2.rlsEnabled ? /* @__PURE__ */ jsx(Tooltip, { title: t("studio_rls_enabled"), children: /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-green-500" }) }) : /* @__PURE__ */ jsx(Tooltip, { title: t("studio_rls_disabled"), children: /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-orange-400 opacity-50" }) }),
-                /* @__PURE__ */ jsx("span", { className: "text-[10px] opacity-40 group-hover:opacity-100 min-w-[1.2rem] text-right font-medium", children: table_2.policies.length })
-              ] })
-            ] }, key_1);
-          }) })
-        ] }, schemaName)) })
-      ] }),
-      sidebarTab === "info" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-        /* @__PURE__ */ jsx("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), children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark", children: "Overview" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-grow overflow-y-auto p-3 space-y-3 no-scrollbar", children: [
-          /* @__PURE__ */ jsxs("div", { className: cls("p-3 rounded-lg border bg-white dark:bg-surface-900", defaultBorderMixin), children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ jsx(ShieldIcon, { size: iconSize.smallest, className: "text-primary" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-semibold text-[13px]", children: "RLS Studio" })
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px] leading-relaxed block", children: "Manage Row Level Security policies for your PostgreSQL tables. Enable RLS and create fine-grained access policies." })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin), children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px]", children: "Total tables" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-mono text-[13px] font-medium", children: rlsStats.total })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin), children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px]", children: "RLS enabled" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-green-500" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-mono text-[13px] font-medium", children: rlsStats.enabled })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin), children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px]", children: "Tables with policies" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-mono text-[13px] font-medium", children: rlsStats.withPolicies })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin), children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px]", children: "Total policies" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-mono text-[13px] font-medium", children: rlsStats.totalPolicies })
-            ] })
-          ] }),
-          rlsStats.total - rlsStats.enabled > 0 && /* @__PURE__ */ jsxs("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), children: [
-            /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 14, className: "text-yellow-600 dark:text-yellow-500 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-yellow-800 dark:text-yellow-400 text-[11px] font-semibold block", children: [
-                rlsStats.total - rlsStats.enabled,
-                " table",
-                rlsStats.total - rlsStats.enabled > 1 ? "s" : "",
-                " without RLS"
-              ] }),
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-yellow-700 dark:text-yellow-600 text-[10px] block mt-0.5", children: "These tables have no row-level access control. If auth enforcement is disabled, data may be publicly accessible." })
-            ] })
-          ] }),
-          rlsStats.enabled > 0 && rlsStats.enabled - rlsStats.withPolicies > 0 && /* @__PURE__ */ jsxs("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), children: [
-            /* @__PURE__ */ jsx(ShieldIcon, { size: 14, className: "text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-blue-800 dark:text-blue-300 text-[11px] font-semibold block", children: [
-                rlsStats.enabled - rlsStats.withPolicies,
-                " table",
-                rlsStats.enabled - rlsStats.withPolicies > 1 ? "s" : "",
-                " with RLS but no policies"
-              ] }),
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-blue-700 dark:text-blue-500 text-[10px] block mt-0.5", children: "RLS is enabled but no permissive policies exist. All access is denied by default (Postgres deny-all)." })
-            ] })
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }), secondPanel: /* @__PURE__ */ jsxs("div", { className: "flex-grow flex flex-col min-w-0 h-full w-full bg-white dark:bg-surface-950", children: [
-    /* @__PURE__ */ jsxs("div", { className: cls("flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-950 min-h-[46px]", defaultBorderMixin), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-grow overflow-hidden px-4", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "font-mono text-text-secondary dark:text-text-secondary-dark truncate", children: activeTableData ? `${activeTableData.schemaName}.${activeTableData.tableName}` : t("studio_rls_select_table") }),
-        activeTableData && /* @__PURE__ */ jsx("div", { className: "ml-3", children: activeTableData.rlsEnabled ? /* @__PURE__ */ jsx(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", children: t("studio_rls_enabled") }) : /* @__PURE__ */ jsx(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", children: t("studio_rls_disabled") }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-end gap-1.5", children: activeTableData && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", onClick: async () => {
-          const table_3 = activeTableData.tableName;
-          const action = activeTableData.rlsEnabled ? "DISABLE" : "ENABLE";
-          if (!confirm(`Are you sure you want to ${action.toLowerCase()} Row Level Security on "${table_3}"?`)) return;
-          try {
-            await databaseAdmin.executeSql(`ALTER TABLE ${sanitizeSqlIdentifier(table_3)} ${action} ROW LEVEL SECURITY`);
-            snackbarController.open({
-              type: "success",
-              message: `RLS ${action.toLowerCase()}d on ${table_3}`
-            });
-            fetchRLSData();
-          } catch (e_2) {
-            snackbarController.open({
-              type: "error",
-              message: e_2 instanceof Error ? e_2.message : String(e_2)
-            });
-          }
-        }, children: activeTableData.rlsEnabled ? t("studio_rls_disable_rls") : t("studio_rls_enable_rls") }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
-        /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", onClick: fetchRLSData, startIcon: /* @__PURE__ */ jsx(RefreshCwIcon, { size: iconSize.smallest }), children: "Refresh" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
-        /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", disabled: !activeCollection, onClick: () => setEditingPolicy("new"), children: t("studio_rls_create_policy") })
-      ] }) })
-    ] }),
-    isLoading && !activeTableData ? /* @__PURE__ */ jsx("div", { className: "flex-grow flex items-center justify-center h-full", children: /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) }) : error ? /* @__PURE__ */ jsx("div", { className: "p-6 h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(ErrorView, { title: t("studio_rls_error"), error, onRetry: fetchRLSData }) }) : !activeTableData ? /* @__PURE__ */ jsx("div", { className: "flex-grow flex items-center justify-center text-text-disabled h-full", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 mx-auto mb-4 opacity-50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("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" }) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: t("studio_rls_select_table") })
-    ] }) }) : editingPolicy ? /* @__PURE__ */ jsx(PolicyEditor, { policy: editingPolicy === "new" ? void 0 : editingPolicy, schema: activeTableData.schemaName, table: activeTableData.tableName, onSave: async (newPolicy) => {
-      if (!activeCollection) return;
-      const rule_0 = {
-        name: newPolicy.policyname,
-        operation: newPolicy.cmd?.toLowerCase(),
-        mode: newPolicy.permissive?.toLowerCase(),
-        using: newPolicy.qual || void 0,
-        withCheck: newPolicy.with_check || void 0,
-        roles: newPolicy.roles
-      };
-      const existingRules = (isPostgresCollection(activeCollection) ? activeCollection.securityRules : void 0) || [];
-      let newRules;
-      if (editingPolicy === "new") {
-        newRules = [...existingRules, rule_0];
-      } else {
-        newRules = existingRules.map((r_0) => r_0.name === editingPolicy.policyname ? rule_0 : r_0);
-      }
-      try {
-        const response = await fetch(`${apiUrl}/api/schema-editor/collection/save`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            collectionId: activeCollection.id || activeCollection.path || activeCollection.alias || activeTableData.tableName,
-            collectionData: {
-              securityRules: newRules
-            }
-          })
-        });
-        if (!response.ok) throw new Error("Failed to save policy");
-        snackbarController.open({
-          type: "success",
-          message: "Policy saved successfully"
-        });
-        setEditingPolicy(null);
-        fetchRLSData();
-      } catch (e_3) {
-        snackbarController.open({
-          type: "error",
-          message: e_3 instanceof Error ? e_3.message : String(e_3)
-        });
-      }
-    }, onCancel: () => setEditingPolicy(null) }) : /* @__PURE__ */ jsx("div", { className: "flex-grow flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "p-6 pt-4 flex-grow overflow-auto bg-surface-50 dark:bg-surface-900", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto flex flex-col gap-6", children: [
-      activeTableData && !activeCollection && /* @__PURE__ */ jsxs(Alert, { color: "warning", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "mb-1", children: "Table not managed by Rebase" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "opacity-80", children: "This table is not mapped to a Rebase Schema via code. To edit security policies visually, you must first import this table into a Schema configuration file." })
-      ] }),
-      activeTableData && !activeTableData.rlsEnabled && /* @__PURE__ */ jsxs("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), children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start", children: [
-          /* @__PURE__ */ jsx("div", { className: "mt-1 bg-yellow-100 dark:bg-yellow-900/50 p-1.5 rounded-md shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(AlertTriangleIcon, { size: iconSize.smallest }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-yellow-800 dark:text-yellow-500", children: "Row Level Security (RLS) is disabled" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-yellow-700 dark:text-yellow-600/90 mt-1 max-w-2xl", children: "Your table is completely readable and writable by anyone with access privileges. Enable RLS to create policies that restrict access to specific rows." })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Button, { size: "medium", variant: "filled", color: "neutral", onClick: () => setEditingPolicy("new"), className: "shrink-0 whitespace-nowrap", disabled: !activeCollection, children: t("studio_rls_create_policy") })
-      ] }),
-      activeTableData && mergedPolicies && mergedPolicies.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-text-secondary dark:text-text-secondary-dark uppercase tracking-wider mb-1", children: t("studio_rls_policies") }),
-        mergedPolicies.map((policy) => /* @__PURE__ */ jsxs(Paper, { 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), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(KeyIcon, { size: iconSize.smallest, className: "text-text-secondary dark:text-text-secondary-dark shrink-0" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "truncate", children: policy.policyname }),
-              policy.status === "code_only" && /* @__PURE__ */ jsx(Tooltip, { title: "This policy is defined in your code but hasn't been applied to the database yet.", children: /* @__PURE__ */ jsx("div", { className: "px-1.5 py-0.5 rounded text-[10px] uppercase bg-primary/10 text-primary border border-primary/20 shrink-0", children: "Unapplied" }) }),
-              policy.status === "live" && /* @__PURE__ */ jsx(Tooltip, { title: "This policy is live in the database but missing from your codebase schema.", children: /* @__PURE__ */ jsx("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", children: "DB Only" }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 text-sm", children: [
-              renderPolicyTag("Action", policy.cmd),
-              renderPolicyTag("Roles", Array.isArray(policy.roles) ? policy.roles.join(", ") : policy.roles)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 shrink-0 items-center", children: [
-            policy.status === "live" && activeCollection && /* @__PURE__ */ jsx(Button, { size: "small", variant: "outlined", color: "primary", onClick: async () => {
-              const rule_1 = {
-                name: policy.policyname,
-                operation: policy.cmd?.toLowerCase(),
-                mode: policy.permissive?.toLowerCase(),
-                using: policy.qual || void 0,
-                withCheck: policy.with_check || void 0,
-                roles: policy.roles
-              };
-              const existingRules_0 = (isPostgresCollection(activeCollection) ? activeCollection.securityRules : void 0) || [];
-              const newRules_0 = [...existingRules_0, rule_1];
-              try {
-                const response_0 = await fetch(`${apiUrl}/api/schema-editor/collection/save`, {
-                  method: "POST",
-                  headers: {
-                    "Content-Type": "application/json"
-                  },
-                  body: JSON.stringify({
-                    collectionId: activeCollection.id || activeCollection.path || activeCollection.alias || activeTableData.tableName,
-                    collectionData: {
-                      securityRules: newRules_0
-                    }
-                  })
-                });
-                if (!response_0.ok) throw new Error("Failed to save policy");
-                snackbarController.open({
-                  type: "success",
-                  message: "Policy imported successfully"
-                });
-                fetchRLSData();
-              } catch (e_4) {
-                snackbarController.open({
-                  type: "error",
-                  message: e_4 instanceof Error ? e_4.message : String(e_4)
-                });
-              }
-            }, children: "Import to codebase" }),
-            /* @__PURE__ */ jsx(Button, { size: "small", variant: "text", color: "primary", onClick: () => setEditingPolicy(policy), disabled: !activeCollection, children: t("studio_rls_edit") }),
-            policy.status !== "code_only" && /* @__PURE__ */ jsx(Tooltip, { title: t("studio_rls_delete"), asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: async () => {
-              const table_4 = activeTableData.tableName;
-              if (!confirm(`Drop policy "${policy.policyname}" from table "${table_4}"?`)) return;
-              try {
-                await databaseAdmin.executeSql(`DROP POLICY ${sanitizeSqlIdentifier(policy.policyname)} ON ${sanitizeSqlIdentifier(table_4)}`);
-                snackbarController.open({
-                  type: "success",
-                  message: `Policy "${policy.policyname}" dropped`
-                });
-                fetchRLSData();
-              } catch (e_5) {
-                snackbarController.open({
-                  type: "error",
-                  message: e_5 instanceof Error ? e_5.message : String(e_5)
-                });
-              }
-            }, children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest }) }) })
-          ] })
-        ] }, policy.policyname))
-      ] }),
-      activeTableData && mergedPolicies.length === 0 && activeTableData.rlsEnabled && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-        /* @__PURE__ */ jsx(ShieldIcon, { size: 40, className: "text-surface-300 dark:text-surface-600 mb-4" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-text-secondary dark:text-text-secondary-dark mb-2", children: "No policies defined" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark max-w-sm mb-4", children: "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." }),
-        activeCollection && /* @__PURE__ */ jsx(Button, { size: "small", variant: "filled", color: "primary", onClick: () => setEditingPolicy("new"), children: t("studio_rls_create_policy") })
-      ] }),
-      activeTableData && mergedPolicies.length === 0 && !activeTableData.rlsEnabled && activeCollection && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-        /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 40, className: "text-yellow-400 dark:text-yellow-600 mb-4" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-text-secondary dark:text-text-secondary-dark mb-2", children: "No access control" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark max-w-sm", children: "This table has neither RLS nor policies. Enable RLS and create policies to restrict row-level access." })
-      ] })
-    ] }) }) })
-  ] }) }) });
-};
-export {
-  RLSEditor
-};
-//# sourceMappingURL=RLSEditor-CHEExeSB.js.map