@oktis-works/admin 0.9.0 → 0.11.0

package/dist/server/chunks/{DashboardLayout_C6I2H2jO.mjs → DashboardLayout_D-AI4SdO.mjs}

@@ -1,8 +1,8 @@
 import "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, p as addAttribute, s as renderSlot, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
-import { n as renderScript, t as $$BaseLayout } from "./BaseLayout_CmMnXoh2.mjs";
-import { a as LOCALE_LABELS, i as LOCALE_FLAGS, n as useTranslation, o as SUPPORTED_LOCALES, r as apiClient } from "./i18n_BqZ4e24O.mjs";
+import { n as renderScript, t as $$BaseLayout } from "./BaseLayout_BlxsDTAd.mjs";
+import { a as LOCALE_LABELS, i as LOCALE_FLAGS, n as useTranslation, o as SUPPORTED_LOCALES, r as apiClient } from "./i18n_CItvcX64.mjs";
 import { t as require_semver } from "./semver_WbqCUY_o.mjs";
 import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey, ssrStyle } from "solid-js/web";
 import { For, For as For2, Show, Show as Show2, createEffect, createMemo as createMemo$1, createSignal, createSignal as createSignal$1, onCleanup, onMount, onMount as onMount$1 } from "solid-js";
@@ -992,6 +992,11 @@ var $$DashboardLayout = createComponent$1(($$result, $$props, $$slots) => {
 			href: "/settings/webhooks",
 			key: "webhooks.title",
 			active: isActive("/settings/webhooks")
+		},
+		{
+			href: "/settings/api-keys",
+			key: "apiKeys.title",
+			active: isActive("/settings/api-keys")
 		}
 	];
 	return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, {

package/dist/server/chunks/FloatingPanel_DI2CdUZK.mjs

@@ -0,0 +1,57 @@
+import { Portal, createComponent, escape, ssr, ssrAttribute, ssrHydrationKey, ssrStyle } from "solid-js/web";
+import { Show, createEffect, createSignal, onCleanup, onMount } from "solid-js";
+//#region src/components/ui/FloatingPanel.tsx
+var _tmpl$ = [
+	"<div",
+	" style=\"",
+	"\">",
+	"</div>"
+];
+function FloatingPanel(props) {
+	const [style, setStyle] = createSignal({
+		position: "fixed",
+		visibility: "hidden"
+	});
+	const reposition = () => {
+		props.trigger;
+	};
+	createEffect(() => {
+		if (!props.open) return;
+		queueMicrotask(reposition);
+		requestAnimationFrame(reposition);
+	});
+	onMount(() => {
+		const onOutside = (event) => {
+			const target = event.target;
+			if (!target) return;
+			if (props.trigger?.contains(target) || void 0) return;
+			props.onClose();
+		};
+		const onKey = (event) => {
+			if (event.key === "Escape") props.onClose();
+		};
+		const onScrollOrResize = () => reposition();
+		document.addEventListener("mousedown", onOutside);
+		document.addEventListener("keydown", onKey);
+		window.addEventListener("scroll", onScrollOrResize, true);
+		window.addEventListener("resize", onScrollOrResize);
+		onCleanup(() => {
+			document.removeEventListener("mousedown", onOutside);
+			document.removeEventListener("keydown", onKey);
+			window.removeEventListener("scroll", onScrollOrResize, true);
+			window.removeEventListener("resize", onScrollOrResize);
+		});
+	});
+	return createComponent(Show, {
+		get when() {
+			return props.open;
+		},
+		get children() {
+			return createComponent(Portal, { get children() {
+				return ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("class", escape(props.class, true), false) + ssrAttribute("role", escape(props.role, true), false) + ssrAttribute("aria-label", escape(props["aria-label"], true), false), ssrStyle(style()), escape(props.children));
+			} });
+		}
+	});
+}
+//#endregion
+export { FloatingPanel as t };

package/dist/server/chunks/{MediaLibrary_c4bl4fTY.mjs → MediaLibrary_BPSHokdn.mjs}

@@ -1,5 +1,5 @@
-import { n as useTranslation, r as apiClient } from "./i18n_BqZ4e24O.mjs";
-import { a as For2, c as Pagination, l as Select, m as onMount, o as Input, p as createSignal, r as Button, s as Modal, u as Show2 } from "./DashboardLayout_C6I2H2jO.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_CItvcX64.mjs";
+import { a as For2, c as Pagination, l as Select, m as onMount, o as Input, p as createSignal, r as Button, s as Modal, u as Show2 } from "./DashboardLayout_D-AI4SdO.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey, ssrStyleProperty } from "solid-js/web";
 //#region src/components/media/MediaLibrary.tsx
 var _tmpl$ = [

package/dist/server/chunks/Modal_vHjkS4i2.mjs

@@ -0,0 +1,33 @@
+import { n as useTranslation } from "./i18n_CItvcX64.mjs";
+import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
+import { Show, createEffect, onCleanup } from "solid-js";
+//#region src/components/ui/Modal.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"modal-overlay\" role=\"presentation\"><section class=\"modal\" role=\"dialog\" aria-modal=\"true\"",
+	"><header class=\"modal-header\"><h3>",
+	"</h3><button type=\"button\" class=\"modal-close\"",
+	">×</button></header><!--$-->",
+	"<!--/--></section></div>"
+];
+function Modal(props) {
+	const { t } = useTranslation();
+	createEffect(() => {
+		if (!props.open) return;
+		const onKey = (event) => {
+			if (event.key === "Escape") props.onClose();
+		};
+		document.addEventListener("keydown", onKey);
+		onCleanup(() => document.removeEventListener("keydown", onKey));
+	});
+	return createComponent(Show, {
+		get when() {
+			return props.open;
+		},
+		get children() {
+			return ssr(_tmpl$, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.title, true), false), escape(props.title), ssrAttribute("aria-label", escape(t("common.close"), true), false), escape(props.children));
+		}
+	});
+}
+//#endregion
+export { Modal as t };

package/dist/server/chunks/{_id__C2MAQ-Pj.mjs → _id__CvxvSegw.mjs}

@@ -1,9 +1,10 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, i as renderComponent, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
-import { n as useTranslation, r as apiClient } from "./i18n_BqZ4e24O.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_C6I2H2jO.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_CItvcX64.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
 import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
+import { t as FloatingPanel } from "./FloatingPanel_DI2CdUZK.mjs";
 import { t as FbIcon } from "./FbIcon_D0f6QiFJ.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, batch, createContext, createEffect, createMemo, createSignal, on, onCleanup, onMount, splitProps, useContext } from "solid-js";
@@ -5949,10 +5950,9 @@ function ConditionalLogicEditor(props) {
 //#endregion
 //#region src/components/content/FieldTypePicker.tsx
 var _tmpl$$6 = [
-	"<div",
-	" class=\"field-type-picker__panel\" role=\"listbox\"><input type=\"search\" class=\"field-type-picker__search\" placeholder=\"Buscar tipo de campo...\"",
-	"><!--$-->",
-	"<!--/--></div>"
+	"<input",
+	" type=\"search\" class=\"field-type-picker__search\" placeholder=\"Buscar tipo de campo...\"",
+	">"
 ];
 var _tmpl$2$6 = [
 	"<div",
@@ -5983,6 +5983,7 @@ var _tmpl$5$4 = [
 function FieldTypePicker(props) {
 	const [open, setOpen] = createSignal(false);
 	const [query, setQuery] = createSignal("");
+	const [trigger, setTrigger] = createSignal(void 0);
 	const selected = () => props.types.find((type) => type.type === props.value);
 	const filteredTypes = () => {
 		const q = query().toLowerCase();
@@ -5992,12 +5993,22 @@ function FieldTypePicker(props) {
 		queueMicrotask(() => createIcons({ icons }));
 	};
 	onMount(refreshIcons);
-	return ssr(_tmpl$2$6, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), ssrAttribute("data-lucide", escape(selected()?.icon ?? "box", true), false), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(Show, {
-		get when() {
+	return ssr(_tmpl$2$6, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), ssrAttribute("data-lucide", escape(selected()?.icon ?? "box", true), false), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(FloatingPanel, {
+		get open() {
 			return open();
 		},
+		get trigger() {
+			return trigger();
+		},
+		onClose: () => {
+			setOpen(false);
+			setQuery("");
+		},
+		"class": "field-type-picker__panel",
+		role: "listbox",
+		minWidth: 280,
 		get children() {
-			return ssr(_tmpl$$6, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false), escape(createComponent(For, {
+			return [ssr(_tmpl$$6, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false)), createComponent(For, {
 				get each() {
 					return props.categories;
 				},
@@ -6022,7 +6033,7 @@ function FieldTypePicker(props) {
 						}
 					});
 				}
-			})));
+			})];
 		}
 	})));
 }

package/dist/server/chunks/{_slug__CR0j3J9V.mjs → _slug__B3m1GWZj.mjs}

@@ -1,7 +1,7 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, p as addAttribute, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent } from "./compiler_O7J1rlsi.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_C6I2H2jO.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
 import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
 //#region src/pages/plugins/[slug].astro
 var _slug__exports = /* @__PURE__ */ __exportAll({

package/dist/server/chunks/access_t-YgohBR.mjs

@@ -0,0 +1,389 @@
+import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
+import { S as createAstro, i as renderComponent, u as renderTemplate } from "./server_B5N27szj.mjs";
+import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_CItvcX64.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
+import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
+import { t as Modal } from "./Modal_vHjkS4i2.mjs";
+import { t as FloatingPanel } from "./FloatingPanel_DI2CdUZK.mjs";
+import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
+import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+//#region src/components/apps/settings/PermissionPicker.tsx
+var _tmpl$$1 = [
+	"<input",
+	" type=\"search\" class=\"input permission-picker__search\"",
+	">"
+];
+var _tmpl$2$1 = [
+	"<div",
+	" class=\"permission-picker__matrix\" role=\"presentation\"><div class=\"permission-picker__row permission-picker__row--head\" role=\"presentation\"><span class=\"permission-picker__resource\"></span><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$3$1 = [
+	"<div",
+	" class=\"permission-picker__custom\"><p class=\"permission-picker__custom-label\">",
+	"</p><div class=\"permission-picker__chips\"><!--$-->",
+	"<!--/--><form class=\"permission-picker__custom-form\"><input class=\"input permission-picker__custom-input\"",
+	"><button class=\"btn btn-secondary btn-sm\" type=\"submit\">",
+	"</button></form></div></div>"
+];
+var _tmpl$4$1 = [
+	"<p",
+	" class=\"icon-picker__count\">",
+	"</p>"
+];
+var _tmpl$5$1 = [
+	"<div",
+	" class=\"permission-picker\"><button type=\"button\" class=\"input permission-picker__trigger\" aria-haspopup=\"dialog\"",
+	"><span class=\"",
+	"\">",
+	"</span><span class=\"icon-picker__caret\" aria-hidden=\"true\">",
+	"</span></button><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$6$1 = [
+	"<span",
+	" class=\"permission-picker__action-label\">",
+	"</span>"
+];
+var _tmpl$7$1 = [
+	"<p",
+	" class=\"permission-picker__empty\">",
+	"</p>"
+];
+var _tmpl$8 = [
+	"<div",
+	" class=\"permission-picker__row\"><span class=\"permission-picker__resource\"",
+	">",
+	"</span><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$9 = [
+	"<label",
+	" class=\"",
+	"\" title=\"",
+	"\"><input type=\"checkbox\"",
+	"><span aria-hidden=\"true\">✓</span></label>"
+];
+var _tmpl$0 = ["<span", " class=\"permission-picker__cell permission-picker__cell--empty\"></span>"];
+var _tmpl$1 = [
+	"<span",
+	" class=\"permission-picker__chip\"><code>",
+	"</code><button type=\"button\" aria-label=\"",
+	"\">×</button></span>"
+];
+/** Ações canônicas (o que `requirePermission(action, resource)` recebe). */
+var ACTIONS = [
+	"read",
+	"create",
+	"update",
+	"delete"
+];
+/** Recursos protegidos pela API, na ordem em que aparecem na matriz. */
+var RESOURCES = [
+	"content",
+	"media",
+	"category",
+	"tag",
+	"menu",
+	"user",
+	"roles",
+	"theme",
+	"plugin",
+	"setting",
+	"webhook",
+	"tenants",
+	"audit",
+	"build",
+	"system"
+];
+/** Ação extra por recurso (fora do padrão read/create/update/delete). */
+var EXTRA_ACTIONS = { media: ["upload"] };
+var permissionKey = (action, resource) => `${action}:${resource}`;
+var isKnown = (token) => {
+	const [action, resource] = token.split(":");
+	if (!action || !resource) return false;
+	return ACTIONS.includes(action) && RESOURCES.includes(resource);
+};
+function PermissionPicker(props) {
+	const { t } = useTranslation();
+	const [open, setOpen] = createSignal(false);
+	const [query, setQuery] = createSignal("");
+	const [customDraft, setCustomDraft] = createSignal("");
+	const [trigger, setTrigger] = createSignal(void 0);
+	const selected = createMemo(() => new Set(props.value));
+	const custom = createMemo(() => props.value.filter((token) => !isKnown(token)));
+	const filteredResources = createMemo(() => {
+		const q = query().trim().toLowerCase();
+		if (!q) return RESOURCES;
+		return RESOURCES.filter((resource) => resource.includes(q) || t(`access.resources.${resource}`).toLowerCase().includes(q));
+	});
+	/** Colunas extras visíveis (ex.: upload quando "media" está no filtro). */
+	const extraColumns = createMemo(() => {
+		const seen = /* @__PURE__ */ new Set();
+		for (const resource of filteredResources()) for (const action of EXTRA_ACTIONS[resource] ?? []) seen.add(action);
+		return [...seen];
+	});
+	/** Coluna completa para o par (ação, recurso)? */
+	const hasColumn = (action, resource) => ACTIONS.includes(action) || (EXTRA_ACTIONS[resource] ?? []).includes(action);
+	const summary = () => {
+		const count = props.value.length;
+		if (count === 0) return props.placeholder ?? t("access.permissionsPlaceholder");
+		const resources = new Set(props.value.map((token) => token.split(":")[1] ?? token));
+		return t("access.permissionsSummary", {
+			resources: resources.size,
+			count
+		});
+	};
+	return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), `permission-picker__value ${props.value.length === 0 ? "is-empty" : ""}`, escape(summary()), open() ? "▴" : "▾", escape(createComponent(FloatingPanel, {
+		get open() {
+			return open();
+		},
+		get trigger() {
+			return trigger();
+		},
+		onClose: () => setOpen(false),
+		"class": "permission-picker__panel",
+		role: "dialog",
+		get ["aria-label"]() {
+			return t("access.permissions");
+		},
+		minWidth: 440,
+		get children() {
+			return [
+				ssr(_tmpl$$1, ssrHydrationKey(), ssrAttribute("placeholder", escape(props.searchPlaceholder ?? t("access.permissionSearch"), true), false) + ssrAttribute("value", escape(query(), true), false)),
+				ssr(_tmpl$2$1, ssrHydrationKey(), escape(createComponent(For, {
+					each: ACTIONS,
+					children: (action) => ssr(_tmpl$6$1, ssrHydrationKey(), escape(action))
+				})), escape(createComponent(For, {
+					get each() {
+						return extraColumns();
+					},
+					children: (action) => ssr(_tmpl$6$1, ssrHydrationKey(), escape(action))
+				})), escape(createComponent(For, {
+					get each() {
+						return filteredResources();
+					},
+					get fallback() {
+						return ssr(_tmpl$7$1, ssrHydrationKey(), escape(t("access.permissionNoMatches")));
+					},
+					children: (resource) => ssr(_tmpl$8, ssrHydrationKey(), ssrAttribute("title", escape(resource, true), false), escape(t(`access.resources.${resource}`)), escape(createComponent(For, {
+						get each() {
+							return [...ACTIONS, ...extraColumns()];
+						},
+						children: (action) => hasColumn(action, resource) ? ssr(_tmpl$9, ssrHydrationKey(), `permission-picker__cell ${selected().has(permissionKey(action, resource)) ? "is-checked" : ""}`, `${escape(action, true)}:${escape(resource, true)}`, ssrAttribute("checked", selected().has(permissionKey(action, resource)), true)) : ssr(_tmpl$0, ssrHydrationKey())
+					})))
+				}))),
+				ssr(_tmpl$3$1, ssrHydrationKey(), escape(t("access.customPermissions")), escape(createComponent(For, {
+					get each() {
+						return custom();
+					},
+					children: (token) => ssr(_tmpl$1, ssrHydrationKey(), escape(token), `${escape(t("common.remove"), true)}: ${escape(token, true)}`)
+				})), ssrAttribute("placeholder", escape(t("access.customPermission"), true), false) + ssrAttribute("value", escape(customDraft(), true), false), escape(t("common.add"))),
+				createComponent(Show, {
+					get when() {
+						return props.value.length > 0;
+					},
+					get children() {
+						return ssr(_tmpl$4$1, ssrHydrationKey(), escape(t("access.permissionsSelected", { count: props.value.length })));
+					}
+				})
+			];
+		}
+	})));
+}
+//#endregion
+//#region src/components/apps/settings/ResourceHubs.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"notice notice--error\">",
+	"</div>"
+];
+var _tmpl$2 = [
+	"<div",
+	" class=\"resource-hub\"><!--$-->",
+	"<!--/--><div class=\"access-grid\"><section class=\"card\"><div class=\"card-header-row\"><h3>",
+	"</h3><button class=\"btn btn-primary\" type=\"button\">+ <!--$-->",
+	"<!--/--></button></div><table class=\"table\"><thead><tr><th>",
+	"</th><th>",
+	"</th><th>",
+	"</th><th></th></tr></thead><tbody>",
+	"</tbody></table><!--$-->",
+	"<!--/--></section><section class=\"card\"><div class=\"card-header-row\"><h3>",
+	"</h3><button class=\"btn btn-primary\" type=\"button\">+ <!--$-->",
+	"<!--/--></button></div><table class=\"table\"><thead><tr><th>",
+	"</th><th>",
+	"</th><th>",
+	"</th><th></th></tr></thead><tbody>",
+	"</tbody></table><!--$-->",
+	"<!--/--></section></div></div>"
+];
+var _tmpl$3 = [
+	"<button",
+	" class=\"btn btn-danger btn-sm\" type=\"button\">",
+	"</button>"
+];
+var _tmpl$4 = [
+	"<tr",
+	"><td>",
+	"</td><td><code>",
+	"</code></td><td class=\"access-permissions-cell\"",
+	">",
+	"</td><td class=\"access-actions\"><button class=\"btn btn-secondary btn-sm\" type=\"button\">",
+	"</button><!--$-->",
+	"<!--/--></td></tr>"
+];
+var _tmpl$5 = [
+	"<form",
+	" class=\"resource-form\"><label><span class=\"resource-form__label\">",
+	"</span><input class=\"input\" required",
+	"></label><label><span class=\"resource-form__label\">",
+	"</span><input class=\"input\" required",
+	"></label><div class=\"resource-form__field\"><span class=\"resource-form__label\">",
+	"</span><!--$-->",
+	"<!--/--></div><div class=\"form-actions\"><button class=\"btn btn-secondary\" type=\"button\">",
+	"</button><button class=\"btn btn-primary\" type=\"submit\"",
+	">",
+	"</button></div></form>"
+];
+var _tmpl$6 = [
+	"<tr",
+	"><td>",
+	"</td><td><code>",
+	"</code></td><td>",
+	"</td><td class=\"access-actions\"><button class=\"btn btn-secondary btn-sm\" type=\"button\">",
+	"</button><button class=\"btn btn-danger btn-sm\" type=\"button\">",
+	"</button></td></tr>"
+];
+var _tmpl$7 = [
+	"<form",
+	" class=\"resource-form\"><label><span class=\"resource-form__label\">",
+	"</span><input class=\"input\" required",
+	"></label><label><span class=\"resource-form__label\">",
+	"</span><input class=\"input\" required",
+	"></label><label><span class=\"resource-form__label\">",
+	"</span><input class=\"input\"",
+	"></label><div class=\"form-actions\"><button class=\"btn btn-secondary\" type=\"button\">",
+	"</button><button class=\"btn btn-primary\" type=\"submit\"",
+	">",
+	"</button></div></form>"
+];
+function AccessManager() {
+	const { t } = useTranslation();
+	const [roles, setRoles] = createSignal([]);
+	const [tenants, setTenants] = createSignal([]);
+	const [editingRole, setEditingRole] = createSignal(null);
+	const [editingTenant, setEditingTenant] = createSignal(null);
+	const [saving, setSaving] = createSignal(false);
+	const [error, setError] = createSignal("");
+	const load = async () => {
+		try {
+			setRoles(await apiClient.listRoles());
+			setTenants((await apiClient.listTenants({ limit: 100 })).data ?? []);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	};
+	onMount(load);
+	const permissionsSummary = (role) => {
+		const list = role.permissions ?? [];
+		if (list.length === 0) return "—";
+		return list.slice(0, 4).join(", ") + (list.length > 4 ? ` +${list.length - 4}` : "");
+	};
+	return ssr(_tmpl$2, ssrHydrationKey(), escape(createComponent(Show, {
+		get when() {
+			return error();
+		},
+		get children() {
+			return ssr(_tmpl$, ssrHydrationKey(), escape(error()));
+		}
+	})), escape(t("access.roles")), escape(t("common.create")), escape(t("resources.name")), escape(t("resources.slug")), escape(t("access.permissions")), escape(createComponent(For, {
+		get each() {
+			return roles();
+		},
+		children: (role) => ssr(_tmpl$4, ssrHydrationKey(), escape(role.name), escape(role.slug), ssrAttribute("title", escape((role.permissions ?? []).join(", "), true), false), escape(permissionsSummary(role)), escape(t("common.edit")), escape(createComponent(Show, {
+			get when() {
+				return !role.is_system;
+			},
+			get children() {
+				return ssr(_tmpl$3, ssrHydrationKey(), escape(t("common.delete")));
+			}
+		})))
+	})), escape(createComponent(Modal, {
+		get open() {
+			return editingRole() !== null;
+		},
+		onClose: () => setEditingRole(null),
+		get title() {
+			return memo(() => !!editingRole()?.id)() ? t("access.editRole") : t("access.newRole");
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return editingRole();
+				},
+				children: (role) => ssr(_tmpl$5, ssrHydrationKey(), escape(t("resources.name")), ssrAttribute("placeholder", escape(t("resources.name"), true), false) + ssrAttribute("value", escape(role().name ?? "", true), false), escape(t("resources.slug")), ssrAttribute("placeholder", escape(t("resources.slug"), true), false) + ssrAttribute("value", escape(role().slug ?? "", true), false), escape(t("access.permissions")), escape(createComponent(PermissionPicker, {
+					get value() {
+						return role().permissions ?? [];
+					},
+					onChange: (permissions) => setEditingRole({
+						...role(),
+						permissions
+					})
+				})), escape(t("common.cancel")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("common.loading")) : escape(t("common.save")))
+			});
+		}
+	})), escape(t("access.tenants")), escape(t("common.create")), escape(t("resources.name")), escape(t("resources.slug")), escape(t("common.status")), escape(createComponent(For, {
+		get each() {
+			return tenants();
+		},
+		children: (tenant) => ssr(_tmpl$6, ssrHydrationKey(), escape(tenant.name), escape(tenant.slug), escape(tenant.status), escape(t("common.edit")), escape(t("common.delete")))
+	})), escape(createComponent(Modal, {
+		get open() {
+			return editingTenant() !== null;
+		},
+		onClose: () => setEditingTenant(null),
+		get title() {
+			return memo(() => !!editingTenant()?.id)() ? t("access.editTenant") : t("access.newTenant");
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return editingTenant();
+				},
+				children: (tenant) => ssr(_tmpl$7, ssrHydrationKey(), escape(t("resources.name")), ssrAttribute("placeholder", escape(t("resources.name"), true), false) + ssrAttribute("value", escape(tenant().name ?? "", true), false), escape(t("resources.slug")), ssrAttribute("placeholder", escape(t("resources.slug"), true), false) + ssrAttribute("value", escape(tenant().slug ?? "", true), false), escape(t("access.domain")), ssrAttribute("placeholder", escape(t("access.domain"), true), false) + ssrAttribute("value", escape(tenant().domain ?? "", true), false), escape(t("common.cancel")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("common.loading")) : escape(t("common.save")))
+			});
+		}
+	})));
+}
+//#endregion
+//#region src/pages/settings/access.astro
+var access_exports = /* @__PURE__ */ __exportAll({
+	default: () => $$Access,
+	file: () => $$file,
+	url: () => $$url
+});
+createAstro("https://astro.build");
+var $$Access = createComponent$1(($$result, $$props, $$slots) => {
+	const Astro = $$result.createAstro($$props, $$slots);
+	Astro.self = $$Access;
+	const { t } = Astro.locals;
+	return renderTemplate`${renderComponent($$result, "DashboardLayout", $$DashboardLayout, { "title": t("access.title") }, { "default": ($$result) => renderTemplate`${renderComponent($$result, "PageHeader", PageHeader, {
+		"title": t("access.title"),
+		"description": t("access.description")
+	})}${renderComponent($$result, "AccessManager", AccessManager, {
+		"client:load": true,
+		"client:component-hydration": "load",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/settings/ResourceHubs.tsx",
+		"client:component-export": "AccessManager"
+	})}` })}`;
+}, "/home/runner/work/cms/cms/apps/admin/src/pages/settings/access.astro", void 0);
+var $$file = "/home/runner/work/cms/cms/apps/admin/src/pages/settings/access.astro";
+var $$url = "/settings/access";
+//#endregion
+//#region \0virtual:astro:page:src/pages/settings/access@_@astro
+var page = () => access_exports;
+//#endregion
+export { page };