@rebasepro/studio 0.19.1 → 0.19.2-canary.g09316f6

package/dist/{RLSEditor-Sa1D34ny.js → RLSEditor-C958zVWW.js}

@@ -247,12 +247,12 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 			})]
 		}),
 		/* @__PURE__ */ jsx(DialogContent, {
-			className: "p-4 md:p-6 border-t dark:border-surface-950 bg-surface-50 dark:bg-surface-950",
+			className: "p-4 md:p-6 border-t border-hairline bg-surface-well",
 			includeMargin: false,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "max-w-4xl mx-auto",
 				children: [/* @__PURE__ */ jsxs(Paper, {
-					className: cls("p-4 md:p-6 flex flex-col gap-6 bg-white dark:bg-surface-900 border-none sm:border-solid rounded-none sm:rounded-xl", defaultBorderMixin),
+					className: cls("p-4 md:p-6 flex flex-col gap-6 bg-surface-card border-none sm:border-solid rounded-none sm:rounded-xl", defaultBorderMixin),
 					children: [
 						!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",
@@ -266,7 +266,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 								onValueChange: handlePresetChange,
 								position: "item-aligned",
 								placeholder: t("studio_policy_select_template"),
-								className: "bg-white dark:bg-surface-950",
+								className: "bg-surface-card",
 								children: POLICY_PRESETS.map((preset) => /* @__PURE__ */ jsx(SelectItem, {
 									value: preset.id,
 									children: /* @__PURE__ */ jsxs("div", {
@@ -306,7 +306,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 										t("studio_policy_behavior"),
 										" ",
 										/* @__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",
+											className: "text-[10px] bg-hairline text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1",
 											children: "AS"
 										})
 									]
@@ -351,7 +351,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 									t("studio_policy_command"),
 									" ",
 									/* @__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",
+										className: "text-[10px] bg-hairline text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1",
 										children: "FOR"
 									})
 								]
@@ -376,7 +376,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 									t("studio_policy_target_roles"),
 									" ",
 									/* @__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",
+										className: "text-[10px] bg-hairline text-text-secondary dark:text-text-secondary-dark px-1 py-0.5 rounded ml-1",
 										children: "TO"
 									})
 								]
@@ -540,7 +540,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 											children: t("studio_policy_help_step3_desc")
 										}),
 										/* @__PURE__ */ jsxs("div", {
-											className: cls("bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin),
+											className: cls("bg-surface-well px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin),
 											children: [
 												"Example: ",
 												RLS_UID_SQL,
@@ -568,7 +568,7 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 											children: t("studio_policy_help_step4_desc")
 										}),
 										/* @__PURE__ */ jsxs("div", {
-											className: cls("bg-surface-100 dark:bg-surface-950 px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin),
+											className: cls("bg-surface-well px-3 py-2 rounded-md font-mono text-sm my-2", defaultBorderMixin),
 											children: [
 												"Example: ",
 												RLS_UID_SQL,
@@ -599,32 +599,32 @@ var PolicyEditor = ({ policy, schema, table, roleOptions, onSave, onCancel }) =>
 											className: "list-disc pl-5 space-y-2 text-sm text-text-secondary dark:text-text-secondary-dark font-normal",
 											children: [
 												/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
+													className: "bg-surface-well px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
 													children: RLS_UID_SQL
 												}), /* @__PURE__ */ jsxs("span", {
 													className: "block mt-0.5",
 													children: ["Returns the current user's ID as text. Example: ", /* @__PURE__ */ jsxs("code", {
-														className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]",
+														className: "bg-surface-well px-1 py-0.5 rounded text-[11px]",
 														children: [RLS_UID_SQL, " = uid"]
 													})]
 												})] }),
 												/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
+													className: "bg-surface-well px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
 													children: RLS_JWT_SQL
 												}), /* @__PURE__ */ jsxs("span", {
 													className: "block mt-0.5",
 													children: ["Returns the full JWT payload as JSONB so you can check custom claims. Example: ", /* @__PURE__ */ jsxs("code", {
-														className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]",
+														className: "bg-surface-well px-1 py-0.5 rounded text-[11px]",
 														children: [RLS_JWT_SQL, " ->> 'email' = 'admin@example.com'"]
 													})]
 												})] }),
 												/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("code", {
-													className: "bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
+													className: "bg-surface-well px-1.5 py-0.5 rounded mr-1 whitespace-nowrap",
 													children: RLS_ROLES_SQL
 												}), /* @__PURE__ */ jsxs("span", {
 													className: "block mt-0.5",
 													children: ["Returns the user's role IDs as a comma-separated string. Best used with: ", /* @__PURE__ */ jsxs("code", {
-														className: "bg-surface-100 dark:bg-surface-950 px-1 py-0.5 rounded text-[11px]",
+														className: "bg-surface-well px-1 py-0.5 rounded text-[11px]",
 														children: [
 															"string_to_array(",
 															RLS_ROLES_SQL,
@@ -780,7 +780,7 @@ function SidebarSection({ title, icon, expanded, onToggle, count, children }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mb-2",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center p-1.5 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-900 rounded transition-colors",
+			className: "flex items-center p-1.5 cursor-pointer hover:bg-surface-hover rounded transition-colors",
 			onClick: onToggle,
 			children: [
 				/* @__PURE__ */ jsx("svg", {
@@ -809,7 +809,7 @@ function SidebarSection({ title, icon, expanded, onToggle, count, children }) {
 function SidebarTableRow({ table, isSelected, onSelect, badge, dimmed, t }) {
 	return /* @__PURE__ */ jsxs("div", {
 		onClick: onSelect,
-		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-900 text-text-secondary dark:text-text-secondary-dark", dimmed && !isSelected && "opacity-60"),
+		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-hover text-text-secondary dark:text-text-secondary-dark", dimmed && !isSelected && "opacity-60"),
 		children: [
 			/* @__PURE__ */ jsx("svg", {
 				className: "w-3.5 h-3.5 mr-1 shrink-0 text-text-disabled dark:text-text-disabled-dark",
@@ -832,7 +832,7 @@ function SidebarTableRow({ table, isSelected, onSelect, badge, dimmed, t }) {
 				className: "flex items-center gap-1.5 shrink-0 ml-2",
 				children: [
 					badge && /* @__PURE__ */ jsx("span", {
-						className: "text-[9px] uppercase tracking-wider font-semibold text-text-disabled dark:text-text-disabled-dark bg-surface-200 dark:bg-surface-800 rounded px-1 py-px",
+						className: "text-[9px] uppercase tracking-wider font-semibold text-text-disabled dark:text-text-disabled-dark bg-surface-raised rounded px-1 py-px",
 						children: badge
 					}),
 					table.rlsEnabled ? /* @__PURE__ */ jsx(Tooltip, {
@@ -1163,7 +1163,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 	}, [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",
+			className: "flex items-center gap-1.5 px-2 py-1 rounded-md bg-surface-well border border-hairline",
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "text-[10px] uppercase text-text-secondary dark:text-text-secondary-dark font-medium tracking-wider",
 				children: [label, ":"]
@@ -1174,7 +1174,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark",
+		className: "flex h-full w-full bg-surface-card overflow-hidden text-text-primary dark:text-text-primary-dark",
 		children: [
 			/* @__PURE__ */ jsx(ResizablePanels, {
 				orientation: "horizontal",
@@ -1182,12 +1182,12 @@ var RLSEditor = ({ apiUrl = "" }) => {
 				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),
+					className: cls("flex flex-col h-full w-full bg-surface-card 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",
+						className: "border-b border-hairline",
 						children: [/* @__PURE__ */ jsx(Tab, {
 							value: "tables",
 							children: "Tables"
@@ -1200,7 +1200,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 						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),
+								className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-sheet min-h-[48px]", defaultBorderMixin),
 								children: [/* @__PURE__ */ jsx(Typography, {
 									variant: "caption",
 									className: "font-semibold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark",
@@ -1292,7 +1292,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 						}), 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),
+								className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-sheet min-h-[48px]", defaultBorderMixin),
 								children: /* @__PURE__ */ jsx(Typography, {
 									variant: "caption",
 									className: "font-semibold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark",
@@ -1302,7 +1302,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 								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),
+										className: cls("p-3 rounded-lg border bg-surface-card", defaultBorderMixin),
 										children: [/* @__PURE__ */ jsxs("div", {
 											className: "flex items-center gap-2 mb-2",
 											children: [/* @__PURE__ */ jsx(ShieldIcon, {
@@ -1323,7 +1323,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 										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),
+												className: cls("p-2.5 rounded border bg-surface-card flex items-center justify-between", defaultBorderMixin),
 												children: [/* @__PURE__ */ jsx(Typography, {
 													variant: "caption",
 													className: "text-text-secondary dark:text-text-secondary-dark text-[11px]",
@@ -1335,7 +1335,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 												})]
 											}),
 											/* @__PURE__ */ jsxs("div", {
-												className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin),
+												className: cls("p-2.5 rounded border bg-surface-card flex items-center justify-between", defaultBorderMixin),
 												children: [/* @__PURE__ */ jsx(Typography, {
 													variant: "caption",
 													className: "text-text-secondary dark:text-text-secondary-dark text-[11px]",
@@ -1350,7 +1350,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 												})]
 											}),
 											/* @__PURE__ */ jsxs("div", {
-												className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin),
+												className: cls("p-2.5 rounded border bg-surface-card flex items-center justify-between", defaultBorderMixin),
 												children: [/* @__PURE__ */ jsx(Typography, {
 													variant: "caption",
 													className: "text-text-secondary dark:text-text-secondary-dark text-[11px]",
@@ -1362,7 +1362,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 												})]
 											}),
 											/* @__PURE__ */ jsxs("div", {
-												className: cls("p-2.5 rounded border bg-white dark:bg-surface-900 flex items-center justify-between", defaultBorderMixin),
+												className: cls("p-2.5 rounded border bg-surface-card flex items-center justify-between", defaultBorderMixin),
 												children: [/* @__PURE__ */ jsx(Typography, {
 													variant: "caption",
 													className: "text-text-secondary dark:text-text-secondary-dark text-[11px]",
@@ -1421,9 +1421,9 @@ var RLSEditor = ({ apiUrl = "" }) => {
 					})]
 				}),
 				secondPanel: /* @__PURE__ */ jsxs("div", {
-					className: "flex-grow flex flex-col min-w-0 h-full w-full bg-white dark:bg-surface-950",
+					className: "flex-grow flex flex-col min-w-0 h-full w-full bg-surface-card",
 					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),
+						className: cls("flex items-center justify-between pr-2 border-b bg-surface-card min-h-[46px]", defaultBorderMixin),
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center flex-grow overflow-hidden px-4",
 							children: [/* @__PURE__ */ jsx(Typography, {
@@ -1455,7 +1455,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 									}),
 									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("div", { className: "h-4 w-px bg-hairline mx-1" }),
 								/* @__PURE__ */ jsx(Button, {
 									variant: "text",
 									size: "small",
@@ -1463,7 +1463,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 									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("div", { className: "h-4 w-px bg-hairline mx-1" }),
 								/* @__PURE__ */ jsx(Button, {
 									size: "small",
 									color: "primary",
@@ -1563,7 +1563,7 @@ var RLSEditor = ({ apiUrl = "" }) => {
 					}) : /* @__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",
+							className: "p-6 pt-4 flex-grow overflow-auto bg-surface-sheet",
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "max-w-4xl mx-auto flex flex-col gap-6",
 								children: [
@@ -1818,4 +1818,4 @@ var RLSEditor = ({ apiUrl = "" }) => {
 //#endregion
 export { RLSEditor };
 
-//# sourceMappingURL=RLSEditor-Sa1D34ny.js.map
+//# sourceMappingURL=RLSEditor-C958zVWW.js.map