@rebasepro/studio 0.0.1-canary.09e5ec5

package/dist/RLSEditor-DBH09u9v.js

@@ -0,0 +1,1831 @@
+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, iconSize, cls, defaultBorderMixin, Typography, Select, SelectItem, DialogTitle, TextField, Button, MultiSelect, Paper, DialogContent, DialogActions, Dialog, MultiSelectItem, ResizablePanels, Chip, Alert, Tooltip, Tabs, Tab, CircularProgress } from "@rebasepro/ui";
+import { HelpCircleIcon, RefreshCwIcon, AlertTriangleIcon, KeyIcon, Trash2Icon, ShieldIcon } from "lucide-react";
+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);
+}
+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 })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }), 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 "${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") })
+      ] }) })
+    ] }),
+    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 "${policy.policyname}" ON "${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))
+      ] })
+    ] }) }) })
+  ] }) }) });
+};
+export {
+  RLSEditor
+};
+//# sourceMappingURL=RLSEditor-DBH09u9v.js.map