@burdenoff/microfe-store 2026.625.5 → 2026.626.2

package/dist/pages/AdminStoresPage.js

@@ -4,8 +4,9 @@ import { ArrowLeft as i, Pencil as a, Plus as o, RefreshCw as s, Store as c, Tra
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { useNavigate as f } from "react-router-dom";
 import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { AlertDialog as m, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as v, AlertDialogFooter as y, AlertDialogHeader as b, AlertDialogTitle as x, GlassCard as S, IllustratedEmptyState as C, NextSteps as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminStoresPage.tsx
-var m = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name\n      type\n      tenantId\n      isPublic\n      requiresApproval\n      allowUnverifiedPublishers\n      currency\n      logoUrl\n      description\n      createdAt\n    }\n  }\n", h = "\n  mutation CreateStore($input: CreateStoreInput!) {\n    createStore(input: $input) {\n      id\n      slug\n      name\n      type\n    }\n  }\n", g = "\n  mutation UpdateStore($id: ID!, $input: UpdateStoreInput!) {\n    updateStore(id: $id, input: $input) {\n      id\n      name\n      isPublic\n      requiresApproval\n    }\n  }\n", _ = "\n  mutation DeleteStore($id: ID!) {\n    deleteStore(id: $id)\n  }\n", v = {
+var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name\n      type\n      tenantId\n      isPublic\n      requiresApproval\n      allowUnverifiedPublishers\n      currency\n      logoUrl\n      description\n      createdAt\n    }\n  }\n", D = "\n  mutation CreateStore($input: CreateStoreInput!) {\n    createStore(input: $input) {\n      id\n      slug\n      name\n      type\n    }\n  }\n", O = "\n  mutation UpdateStore($id: ID!, $input: UpdateStoreInput!) {\n    updateStore(id: $id, input: $input) {\n      id\n      name\n      isPublic\n      requiresApproval\n    }\n  }\n", k = "\n  mutation DeleteStore($id: ID!) {\n    deleteStore(id: $id)\n  }\n", A = {
 	slug: "",
 	name: "",
 	type: "PRIVATE",
@@ -15,30 +16,30 @@ var m = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 	allowUnverifiedPublishers: !0,
 	currency: "USD",
 	description: ""
-}, y = () => {
-	let y = f(), { authToken: b, basePath: x } = e(), [S, C] = r([]), [w, T] = r(!1), [E, D] = r(null), [O, k] = r(!1), [A, j] = r(v), [M, N] = r(null), P = t(async () => {
-		T(!0), D(null);
+}, j = () => {
+	let j = f(), { authToken: M, basePath: N } = e(), [P, F] = r([]), [I, L] = r(!1), [R, z] = r(null), [B, V] = r(!1), [H, U] = r(A), [W, G] = r(null), [K, q] = r(null), J = t(async () => {
+		L(!0), z(null);
 		try {
 			let e = await p({
 				gateway: "global",
-				query: m,
-				authToken: b || void 0
+				query: E,
+				authToken: M || void 0
 			});
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load stores");
-			C(e.data?.stores ?? []);
+			F(e.data?.stores ?? []);
 		} catch (e) {
-			D(e instanceof Error ? e.message : "Failed to load stores");
+			z(e instanceof Error ? e.message : "Failed to load stores");
 		} finally {
-			T(!1);
+			L(!1);
 		}
-	}, [b]);
+	}, [M]);
 	n(() => {
-		P();
-	}, [P]);
-	let F = () => {
-		N(null), j(v), k(!0);
-	}, I = (e) => {
-		N(e.id), j({
+		J();
+	}, [J]);
+	let Y = () => {
+		G(null), U(A), V(!0);
+	}, X = (e) => {
+		G(e.id), U({
 			slug: e.slug,
 			name: e.name,
 			type: e.type,
@@ -48,403 +49,455 @@ var m = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 			allowUnverifiedPublishers: e.allowUnverifiedPublishers,
 			currency: e.currency,
 			description: e.description ?? ""
-		}), k(!0);
-	}, L = async () => {
-		if (!A.slug.trim() || !A.name.trim()) {
-			D("Slug and name are required");
+		}), V(!0);
+	}, Z = async () => {
+		if (!H.slug.trim() || !H.name.trim()) {
+			z("Slug and name are required");
 			return;
 		}
-		D(null);
+		z(null);
 		try {
-			M ? await p({
+			W ? await p({
 				gateway: "global",
-				query: g,
+				query: O,
 				variables: {
-					id: M,
+					id: W,
 					input: {
-						name: A.name,
-						isPublic: A.isPublic,
-						requiresApproval: A.requiresApproval,
-						allowUnverifiedPublishers: A.allowUnverifiedPublishers,
-						currency: A.currency,
-						description: A.description || null
+						name: H.name,
+						isPublic: H.isPublic,
+						requiresApproval: H.requiresApproval,
+						allowUnverifiedPublishers: H.allowUnverifiedPublishers,
+						currency: H.currency,
+						description: H.description || null
 					}
 				},
-				authToken: b || void 0
+				authToken: M || void 0
 			}) : await p({
 				gateway: "global",
-				query: h,
+				query: D,
 				variables: { input: {
-					slug: A.slug,
-					name: A.name,
-					type: A.type,
-					tenantId: A.tenantId || null,
-					isPublic: A.isPublic,
-					requiresApproval: A.requiresApproval,
-					allowUnverifiedPublishers: A.allowUnverifiedPublishers,
-					currency: A.currency,
-					description: A.description || null
+					slug: H.slug,
+					name: H.name,
+					type: H.type,
+					tenantId: H.tenantId || null,
+					isPublic: H.isPublic,
+					requiresApproval: H.requiresApproval,
+					allowUnverifiedPublishers: H.allowUnverifiedPublishers,
+					currency: H.currency,
+					description: H.description || null
 				} },
-				authToken: b || void 0
-			}), k(!1), N(null), j(v), await P();
+				authToken: M || void 0
+			}), V(!1), G(null), U(A), await J();
 		} catch (e) {
-			D(e instanceof Error ? e.message : "Save failed");
+			z(e instanceof Error ? e.message : "Save failed");
 		}
-	}, R = async (e) => {
-		if (confirm("Delete this store? This is a soft delete.")) try {
+	}, Q = async (e) => {
+		try {
 			await p({
 				gateway: "global",
-				query: _,
+				query: k,
 				variables: { id: e },
-				authToken: b || void 0
-			}), await P();
+				authToken: M || void 0
+			}), await J();
 		} catch (e) {
-			D(e instanceof Error ? e.message : "Delete failed");
+			z(e instanceof Error ? e.message : "Delete failed");
 		}
 	};
 	return /* @__PURE__ */ d("div", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ u("header", {
-			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ u("div", {
-				className: "mx-auto max-w-7xl px-6 py-4",
-				children: /* @__PURE__ */ d("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: () => y(`${x}/dashboard`),
-							className: "inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-text-secondary hover:bg-surface-hover hover:text-text-primary",
-							children: [/* @__PURE__ */ u(i, { className: "size-4" }), "Back"]
+		children: [
+			/* @__PURE__ */ u("header", {
+				className: "border-b border-border-seam bg-surface-raised",
+				children: /* @__PURE__ */ u("div", {
+					className: "mx-auto max-w-7xl px-6 py-4",
+					children: /* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: () => j(`${N}/dashboard`),
+								className: "inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-text-secondary hover:bg-surface-hover hover:text-text-primary",
+								children: [/* @__PURE__ */ u(i, { className: "size-4" }), "Back"]
+							}), /* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ u(c, { className: "size-5 text-text-primary" }),
+									/* @__PURE__ */ u("h1", {
+										className: "text-xl font-semibold text-text-primary",
+										children: "Store registry"
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
+										children: P.length
+									})
+								]
+							})]
 						}), /* @__PURE__ */ d("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ u(c, { className: "size-5 text-text-primary" }),
-								/* @__PURE__ */ u("h1", {
-									className: "text-xl font-semibold text-text-primary",
-									children: "Store registry"
-								}),
-								/* @__PURE__ */ u("span", {
-									className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-									children: S.length
-								})
-							]
-						})]
-					}), /* @__PURE__ */ d("div", {
-						className: "flex gap-2",
-						children: [/* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: () => void P(),
-							className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-							disabled: w,
-							children: [/* @__PURE__ */ u(s, { className: `size-4 ${w ? "animate-spin" : ""}` }), "Refresh"]
-						}), /* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: F,
-							className: "inline-flex items-center gap-2 rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
-							children: [/* @__PURE__ */ u(o, { className: "size-4" }), "Create store"]
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: () => void J(),
+								className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
+								disabled: I,
+								children: [/* @__PURE__ */ u(s, { className: `size-4 ${I ? "animate-spin" : ""}` }), "Refresh"]
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Y,
+								className: "inline-flex items-center gap-2 rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
+								children: [/* @__PURE__ */ u(o, { className: "size-4" }), "Create store"]
+							})]
 						})]
-					})]
+					})
 				})
-			})
-		}), /* @__PURE__ */ d("main", {
-			className: "mx-auto max-w-7xl p-6",
-			children: [
-				E && /* @__PURE__ */ u("div", {
-					role: "alert",
-					className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-					children: E
-				}),
-				O && /* @__PURE__ */ d("div", {
-					className: "mb-6 rounded-lg border border-border-default bg-surface-raised p-4",
-					children: [
-						/* @__PURE__ */ u("h2", {
-							className: "mb-3 text-sm font-semibold text-text-primary",
-							children: M ? "Edit store" : "Create store"
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "grid grid-cols-1 gap-3 md:grid-cols-2",
-							children: [
-								/* @__PURE__ */ d("label", {
-									className: "block",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Slug"
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										"aria-label": "Slug",
-										value: A.slug,
-										onChange: (e) => j({
-											...A,
-											slug: e.target.value
-										}),
-										disabled: !!M,
-										required: !0,
-										"aria-required": "true",
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "block",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Name"
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										"aria-label": "Name",
-										value: A.name,
-										onChange: (e) => j({
-											...A,
-											name: e.target.value
-										}),
-										required: !0,
-										"aria-required": "true",
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "block",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Type"
-									}), /* @__PURE__ */ d("select", {
-										"aria-label": "Store type",
-										value: A.type,
-										onChange: (e) => j({
-											...A,
-											type: e.target.value
-										}),
-										disabled: !!M,
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60",
-										children: [
-											/* @__PURE__ */ u("option", {
-												value: "PUBLIC",
-												children: "Public"
+			}),
+			/* @__PURE__ */ d("main", {
+				className: "mx-auto max-w-7xl p-6",
+				children: [
+					/* @__PURE__ */ u(T, {
+						className: "mb-4",
+						children: "A store is a storefront that decides which products a given audience can see and buy. Use this registry to spin up a public marketplace, a tenant-scoped enterprise store, or a private opt-in catalog — and to control whether submissions auto-publish or wait for approval, and whether unverified publishers may submit. One store can power a whole product's app marketplace."
+					}),
+					/* @__PURE__ */ u(w, {
+						storageKey: "store-admin-stores",
+						steps: [
+							{
+								id: "create-store",
+								label: "Create your first store",
+								description: "Choose a type (public, private, or enterprise) and a slug.",
+								onClick: Y
+							},
+							{
+								id: "approval-policy",
+								label: "Set the submission policy",
+								description: "Decide if new products require approval before going live.",
+								onClick: Y
+							},
+							{
+								id: "moderate",
+								label: "Review incoming submissions",
+								description: "Head to the submission queue to approve or reject products.",
+								onClick: () => j(`${N}/submissions`)
+							}
+						]
+					}),
+					R && /* @__PURE__ */ u("div", {
+						role: "alert",
+						className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
+						children: R
+					}),
+					B && /* @__PURE__ */ d(S, {
+						treatment: "plain",
+						className: "mb-6 p-4",
+						children: [
+							/* @__PURE__ */ u("h2", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: W ? "Edit store" : "Create store"
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid grid-cols-1 gap-3 md:grid-cols-2",
+								children: [
+									/* @__PURE__ */ d("label", {
+										className: "block",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Slug"
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											"aria-label": "Slug",
+											value: H.slug,
+											onChange: (e) => U({
+												...H,
+												slug: e.target.value
+											}),
+											disabled: !!W,
+											required: !0,
+											"aria-required": "true",
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "block",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Name"
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											"aria-label": "Name",
+											value: H.name,
+											onChange: (e) => U({
+												...H,
+												name: e.target.value
+											}),
+											required: !0,
+											"aria-required": "true",
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "block",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Type"
+										}), /* @__PURE__ */ d("select", {
+											"aria-label": "Store type",
+											value: H.type,
+											onChange: (e) => U({
+												...H,
+												type: e.target.value
+											}),
+											disabled: !!W,
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60",
+											children: [
+												/* @__PURE__ */ u("option", {
+													value: "PUBLIC",
+													children: "Public"
+												}),
+												/* @__PURE__ */ u("option", {
+													value: "PRIVATE",
+													children: "Private (opt-in)"
+												}),
+												/* @__PURE__ */ u("option", {
+													value: "ENTERPRISE",
+													children: "Enterprise (tenant-scoped)"
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "block",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Currency"
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											"aria-label": "Currency",
+											value: H.currency,
+											onChange: (e) => U({
+												...H,
+												currency: e.target.value
+											}),
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
+										})]
+									}),
+									H.type !== "PUBLIC" && /* @__PURE__ */ d("label", {
+										className: "block md:col-span-2",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Tenant ID (optional)"
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											"aria-label": "Tenant ID",
+											value: H.tenantId,
+											onChange: (e) => U({
+												...H,
+												tenantId: e.target.value
 											}),
-											/* @__PURE__ */ u("option", {
-												value: "PRIVATE",
-												children: "Private (opt-in)"
+											disabled: !!W,
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "block md:col-span-2",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-xs text-text-secondary",
+											children: "Description"
+										}), /* @__PURE__ */ u("textarea", {
+											"aria-label": "Description",
+											value: H.description,
+											onChange: (e) => U({
+												...H,
+												description: e.target.value
 											}),
-											/* @__PURE__ */ u("option", {
-												value: "ENTERPRISE",
-												children: "Enterprise (tenant-scoped)"
+											rows: 2,
+											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ u("input", {
+											type: "checkbox",
+											"aria-label": "Publicly visible",
+											checked: H.isPublic,
+											onChange: (e) => U({
+												...H,
+												isPublic: e.target.checked
 											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "block",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Currency"
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										"aria-label": "Currency",
-										value: A.currency,
-										onChange: (e) => j({
-											...A,
-											currency: e.target.value
-										}),
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
-									})]
-								}),
-								A.type !== "PUBLIC" && /* @__PURE__ */ d("label", {
-									className: "block md:col-span-2",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Tenant ID (optional)"
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										"aria-label": "Tenant ID",
-										value: A.tenantId,
-										onChange: (e) => j({
-											...A,
-											tenantId: e.target.value
-										}),
-										disabled: !!M,
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "block md:col-span-2",
-									children: [/* @__PURE__ */ u("span", {
-										className: "text-xs text-text-secondary",
-										children: "Description"
-									}), /* @__PURE__ */ u("textarea", {
-										"aria-label": "Description",
-										value: A.description,
-										onChange: (e) => j({
-											...A,
-											description: e.target.value
-										}),
-										rows: 2,
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ u("input", {
-										type: "checkbox",
-										"aria-label": "Publicly visible",
-										checked: A.isPublic,
-										onChange: (e) => j({
-											...A,
-											isPublic: e.target.checked
-										})
-									}), /* @__PURE__ */ u("span", {
-										className: "text-sm text-text-primary",
-										children: "Publicly visible"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ u("input", {
-										type: "checkbox",
-										"aria-label": "Requires admin approval",
-										checked: A.requiresApproval,
-										onChange: (e) => j({
-											...A,
-											requiresApproval: e.target.checked
-										})
-									}), /* @__PURE__ */ u("span", {
-										className: "text-sm text-text-primary",
-										children: "Requires admin approval"
-									})]
-								}),
-								/* @__PURE__ */ d("label", {
-									className: "flex items-center gap-2 md:col-span-2",
-									children: [/* @__PURE__ */ u("input", {
-										type: "checkbox",
-										"aria-label": "Allow unverified publishers to submit",
-										checked: A.allowUnverifiedPublishers,
-										onChange: (e) => j({
-											...A,
-											allowUnverifiedPublishers: e.target.checked
-										})
-									}), /* @__PURE__ */ u("span", {
-										className: "text-sm text-text-primary",
-										children: "Allow unverified publishers to submit"
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "mt-4 flex justify-end gap-2",
-							children: [/* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: () => {
-									k(!1), N(null), j(v);
-								},
-								className: "rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-								children: "Cancel"
-							}), /* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: () => void L(),
-								className: "rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
-								children: M ? "Save changes" : "Create"
-							})]
+										}), /* @__PURE__ */ u("span", {
+											className: "text-sm text-text-primary",
+											children: "Publicly visible"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ u("input", {
+											type: "checkbox",
+											"aria-label": "Requires admin approval",
+											checked: H.requiresApproval,
+											onChange: (e) => U({
+												...H,
+												requiresApproval: e.target.checked
+											})
+										}), /* @__PURE__ */ u("span", {
+											className: "text-sm text-text-primary",
+											children: "Requires admin approval"
+										})]
+									}),
+									/* @__PURE__ */ d("label", {
+										className: "flex items-center gap-2 md:col-span-2",
+										children: [/* @__PURE__ */ u("input", {
+											type: "checkbox",
+											"aria-label": "Allow unverified publishers to submit",
+											checked: H.allowUnverifiedPublishers,
+											onChange: (e) => U({
+												...H,
+												allowUnverifiedPublishers: e.target.checked
+											})
+										}), /* @__PURE__ */ u("span", {
+											className: "text-sm text-text-primary",
+											children: "Allow unverified publishers to submit"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "mt-4 flex justify-end gap-2",
+								children: [/* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: () => {
+										V(!1), G(null), U(A);
+									},
+									className: "rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
+									children: "Cancel"
+								}), /* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: () => void Z(),
+									className: "rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
+									children: W ? "Save changes" : "Create"
+								})]
+							})
+						]
+					}),
+					I && P.length === 0 ? /* @__PURE__ */ u("output", {
+						className: "block py-16 text-center text-text-secondary",
+						children: "Loading stores…"
+					}) : P.length === 0 ? /* @__PURE__ */ u(C, {
+						illustration: "empty-generic",
+						title: "No stores yet",
+						description: "Create your first store to give an audience a place to discover and install products.",
+						action: /* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: Y,
+							className: "inline-flex items-center gap-2 rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
+							children: [/* @__PURE__ */ u(o, { className: "size-4" }), "Create store"]
 						})
-					]
-				}),
-				w && S.length === 0 ? /* @__PURE__ */ u("output", {
-					className: "block py-16 text-center text-text-secondary",
-					children: "Loading stores…"
-				}) : S.length === 0 ? /* @__PURE__ */ u("div", {
-					className: "py-16 text-center text-text-secondary",
-					children: "No stores yet."
-				}) : /* @__PURE__ */ u("div", {
-					className: "overflow-hidden rounded-lg border border-border-default",
-					children: /* @__PURE__ */ d("table", {
-						className: "w-full text-sm",
-						children: [/* @__PURE__ */ u("thead", {
-							className: "bg-surface-muted text-left text-xs uppercase tracking-wide text-text-secondary",
-							children: /* @__PURE__ */ d("tr", { children: [
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Slug"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Name"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Type"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Public"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Approval"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2",
-									children: "Currency"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "px-4 py-2 text-right",
-									children: "Actions"
-								})
-							] })
-						}), /* @__PURE__ */ u("tbody", {
-							className: "divide-y divide-border-default bg-surface-raised",
-							children: S.map((e) => /* @__PURE__ */ d("tr", {
-								className: "text-text-primary",
-								children: [
-									/* @__PURE__ */ u("td", {
-										className: "px-4 py-2 font-mono text-xs",
-										children: e.slug
+					}) : /* @__PURE__ */ u("div", {
+						className: "overflow-hidden rounded-lg border border-border-seam",
+						children: /* @__PURE__ */ d("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ u("thead", {
+								className: "bg-surface-muted text-left text-xs uppercase tracking-wide text-text-secondary",
+								children: /* @__PURE__ */ d("tr", { children: [
+									/* @__PURE__ */ u("th", {
+										className: "px-4 py-2",
+										children: "Slug"
 									}),
-									/* @__PURE__ */ u("td", {
+									/* @__PURE__ */ u("th", {
 										className: "px-4 py-2",
-										children: e.name
+										children: "Name"
 									}),
-									/* @__PURE__ */ u("td", {
+									/* @__PURE__ */ u("th", {
 										className: "px-4 py-2",
-										children: /* @__PURE__ */ u("span", {
-											className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-											children: e.type
-										})
+										children: "Type"
 									}),
-									/* @__PURE__ */ u("td", {
-										className: "px-4 py-2 text-xs",
-										children: e.isPublic ? "Yes" : "No"
+									/* @__PURE__ */ u("th", {
+										className: "px-4 py-2",
+										children: "Public"
 									}),
-									/* @__PURE__ */ u("td", {
-										className: "px-4 py-2 text-xs",
-										children: e.requiresApproval ? "Required" : "Auto-publish"
+									/* @__PURE__ */ u("th", {
+										className: "px-4 py-2",
+										children: "Approval"
 									}),
-									/* @__PURE__ */ u("td", {
-										className: "px-4 py-2 text-xs",
-										children: e.currency
+									/* @__PURE__ */ u("th", {
+										className: "px-4 py-2",
+										children: "Currency"
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ u("th", {
 										className: "px-4 py-2 text-right",
-										children: [/* @__PURE__ */ d("button", {
-											type: "button",
-											onClick: () => I(e),
-											className: "inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 text-xs text-text-primary hover:bg-surface-hover",
-											children: [/* @__PURE__ */ u(a, { className: "size-3" }), "Edit"]
-										}), e.id !== "store_public_default" && /* @__PURE__ */ d("button", {
-											type: "button",
-											onClick: () => void R(e.id),
-											className: "ml-2 inline-flex items-center gap-1 rounded-md border border-border-danger px-2 py-1 text-xs text-text-danger hover:bg-surface-danger-muted",
-											children: [/* @__PURE__ */ u(l, { className: "size-3" }), "Delete"]
-										})]
+										children: "Actions"
 									})
-								]
-							}, e.id))
-						})]
+								] })
+							}), /* @__PURE__ */ u("tbody", {
+								className: "divide-y divide-border-seam bg-surface-raised",
+								children: P.map((e) => /* @__PURE__ */ d("tr", {
+									className: "text-text-primary",
+									children: [
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2 font-mono text-xs",
+											children: e.slug
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2",
+											children: e.name
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2",
+											children: /* @__PURE__ */ u("span", {
+												className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
+												children: e.type
+											})
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2 text-xs",
+											children: e.isPublic ? "Yes" : "No"
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2 text-xs",
+											children: e.requiresApproval ? "Required" : "Auto-publish"
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-4 py-2 text-xs",
+											children: e.currency
+										}),
+										/* @__PURE__ */ d("td", {
+											className: "px-4 py-2 text-right",
+											children: [/* @__PURE__ */ d("button", {
+												type: "button",
+												onClick: () => X(e),
+												className: "inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 text-xs text-text-primary hover:bg-surface-hover",
+												children: [/* @__PURE__ */ u(a, { className: "size-3" }), "Edit"]
+											}), e.id !== "store_public_default" && /* @__PURE__ */ d("button", {
+												type: "button",
+												onClick: () => q(e.id),
+												className: "ml-2 inline-flex items-center gap-1 rounded-md border border-border-danger px-2 py-1 text-xs text-text-danger hover:bg-surface-danger-muted",
+												children: [/* @__PURE__ */ u(l, { className: "size-3" }), "Delete"]
+											})]
+										})
+									]
+								}, e.id))
+							})]
+						})
 					})
-				})
-			]
-		})]
+				]
+			}),
+			/* @__PURE__ */ u(m, {
+				open: K !== null,
+				onOpenChange: (e) => !e && q(null),
+				children: /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ d(b, { children: [/* @__PURE__ */ u(x, { children: "Delete this store?" }), /* @__PURE__ */ u(v, { children: "This is a soft delete." })] }), /* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(g, {
+					onClick: () => q(null),
+					children: "Cancel"
+				}), /* @__PURE__ */ u(h, {
+					className: "bg-surface-danger text-text-on-danger hover:bg-surface-danger-hover",
+					onClick: () => {
+						K && Q(K), q(null);
+					},
+					children: "Delete"
+				})] })] })
+			})
+		]
 	});
 };
 //#endregion
-export { y as AdminStoresPage };
+export { j as AdminStoresPage };
 
 //# sourceMappingURL=AdminStoresPage.js.map