@develemit/commerce-admin 0.7.0 → 0.8.0

package/dist/index.js

@@ -1,13 +1,13 @@
 "use client";
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, o as l, p as u, r as d, s as f, u as p } from "./client-DCL5DSHP.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, o as l, p as u, r as d, s as f, u as p } from "./client-ClTCzt-p.js";
 import { createContext as m, useCallback as h, useContext as g, useEffect as _, useId as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { shippingRatesInputSchema as T } from "@develemit/commerce-contracts";
+import { formatOrderRef as T, shippingRatesInputSchema as E } from "@develemit/commerce-contracts";
 // src/lib/order-labels.ts
-var E = {
+var D = {
 	title: "Orders",
 	searchLabel: "Search orders",
-	searchPlaceholder: "Search by email or order id",
+	searchPlaceholder: "Search orders",
 	tabs: {
 		paid: "To ship",
 		shipped: "Shipped",
@@ -87,6 +87,8 @@ var E = {
 		trackingUrl: "Tracking URL",
 		trackingUrlInvalid: "Enter a full link starting with http:// or https://.",
 		shipped: "Shipping details saved.",
+		shipWithoutTracking: "Ship without tracking",
+		trackingRequired: "Add a carrier and tracking number, or choose Ship without tracking.",
 		refund: "Refund…",
 		refundTitle: "Refund order",
 		refundAmount: "Amount",
@@ -105,7 +107,7 @@ var E = {
 		resolved: "Order resolved.",
 		restockThenResolve: "Restock, then resolve"
 	}
-}, D = {
+}, O = {
 	title: "Shipping rates",
 	loading: "Loading shipping rates…",
 	emptyTitle: "No shipping options yet",
@@ -138,7 +140,7 @@ var E = {
 	daysInvalid: "Use a whole number of days, or leave blank.",
 	daysOrder: "Fastest cannot be more than slowest.",
 	rowInvalid: "These details are not valid."
-}, O = {
+}, k = {
 	title: "Discounts",
 	newDiscount: "New discount",
 	searchLabel: "Search discounts",
@@ -202,12 +204,13 @@ var E = {
 		invalid: "This value is not valid."
 	},
 	orderRow: "Discount"
-}, k = {
+}, A = {
 	addSeveral: {
 		title: "Add several pieces",
 		introTitle: "One photo, one piece",
 		introBody: "Choose a stack of photos from your camera roll. Each one becomes a draft, and you name and price them one at a time next.",
 		choose: "Choose photos",
+		dropHint: "Pick as many as you like. Each photo becomes its own piece.",
 		progress: "Adding {done} of {total}…",
 		failedTitle: "{count} did not upload",
 		retry: "Try again",
@@ -233,6 +236,7 @@ var E = {
 		title: "Ready for the shop?",
 		lede: "Pieces with their details can go in the shop now. The rest stay as drafts.",
 		needsDetails: "Needs details",
+		openPiece: "Finish {name}",
 		untitled: "Untitled piece",
 		publish: "Put {count} in the shop",
 		keepDrafts: "Keep as drafts",
@@ -241,7 +245,7 @@ var E = {
 		publishedBody: "Customers can see them now.",
 		allSkipped: "None of these are ready yet."
 	}
-}, A = {
+}, j = {
 	title: "Photos",
 	empty: "Add a photo so this can go live.",
 	add: "Add photos",
@@ -266,12 +270,12 @@ var E = {
 	wrongType: "{name} must be a JPEG, PNG, WebP or HEIC image.",
 	reorderFailed: "The photos could not be reordered. The old order is back.",
 	dismiss: "Dismiss"
-}, j = [
+}, M = [
 	"photos",
 	"basics",
 	"story",
 	"preview"
-], M = {
+], N = {
 	title: "Products",
 	newProduct: "New product",
 	searchLabel: "Search products",
@@ -291,6 +295,10 @@ var E = {
 		archived: "No archived products."
 	},
 	noMatches: "No products match that search.",
+	emptyActions: {
+		start: "Start a piece",
+		clearSearch: "Clear search"
+	},
 	loadMore: "Load more",
 	welcome: {
 		title: "Your shop is ready for its first piece",
@@ -328,11 +336,15 @@ var E = {
 		edit: "Edit details",
 		photos: "Photos ({count})",
 		featureOn: "Feature on home",
-		featureOff: "Remove from home",
-		hide: "Hide from shop",
+		featureOff: "Take off the home page",
+		hide: "Hide from the shop",
 		copyLink: "Copy shop link",
 		linkCopied: "Link copied.",
 		archive: "Archive",
+		deleteDraft: "Delete draft",
+		deleteTitle: "Delete this draft?",
+		deleteBody: "This removes the draft and its photos for good. There is no undo.",
+		deleteConfirm: "Delete draft",
 		undo: "Undo",
 		missingTitle: "Before it can go in the shop, it needs:",
 		missing: {
@@ -391,7 +403,7 @@ var E = {
 		status: "Status",
 		featured: "Feature this product on the home page"
 	},
-	images: A,
+	images: j,
 	flow: {
 		newTitle: "New product",
 		editTitle: "Edit product",
@@ -412,7 +424,7 @@ var E = {
 		},
 		ledes: {
 			photos: "The first photo is the one customers see in the shop. Tap any photo to make it the cover.",
-			basics: "That is all a product needs to go in the shop.",
+			basics: "That is all it needs to go in the shop.",
 			story: "Optional, but it helps it sell. You can add this later.",
 			preview: "This is how customers will see it."
 		},
@@ -426,15 +438,24 @@ var E = {
 		removePhoto: "Remove photo {n}",
 		uploading: "Uploading {name}…",
 		pricePlaceholder: "0.00",
-		otherCategory: "Other…",
+		otherCategory: "New category…",
 		newCategory: "New category",
 		oneOfAKind: "One of a kind",
 		howMany: "How many do you have?",
 		descriptionPrompts: [],
+		descriptionPlaceholder: "",
+		sizePlaceholder: "",
+		altPlaceholder: "",
+		previewHeadingLive: "Your changes",
+		saveChanges: "Save changes",
+		seeInShop: "See it in the shop",
+		continueNeeds: "Add {things} to continue",
+		addPhotoTile: "Add photo",
+		stepCount: "Step {n} of {total}",
 		materialsOther: "Or type your own",
 		size: "Size",
 		altTitle: "Describe each photo",
-		altHelp: "Read aloud for customers who use screen readers. Left blank, it uses the name.",
+		altHelp: "Describe the photo for shoppers who can’t see it. Left blank, it uses the name.",
 		altFallback: "{name}, photo {n}",
 		inTheShop: "In the shop",
 		untitled: "Untitled product",
@@ -448,17 +469,17 @@ var E = {
 		publish: "Put it in the shop",
 		done: "Done",
 		saving: "Saving…",
-		savedNew: "Saved as a draft as you go",
+		savedNew: "Saved as you go",
 		savedEdit: "Saved",
 		saveFailed: "Your changes have not been saved yet.",
 		retry: "Try again",
 		savedAsDraft: "Saved as a draft",
 		success: "It’s in the shop!",
-		successFirst: "Your first product is in the shop!",
+		successFirst: "Your first one is in the shop!",
 		addAnother: "Add another",
-		backToList: "Back to products"
+		backToList: "Back to the list"
 	},
-	stock: k,
+	stock: A,
 	statusHelp: "Draft is hidden. Active is live in the shop. Archived is hidden and kept. Mark a piece sold from the product list.",
 	priceHelp: "In dollars, for example 48.00.",
 	validation: {
@@ -466,7 +487,7 @@ var E = {
 		price: "Enter a price like 48 or 48.50.",
 		quantity: "Enter a whole number, zero or more."
 	}
-}, N = {
+}, P = {
 	loading: "Loading…",
 	empty: "Nothing here yet.",
 	save: "Save",
@@ -479,7 +500,10 @@ var E = {
 		orders: "Orders",
 		shippingRates: "Shipping rates",
 		more: "More",
-		closeMore: "Close menu"
+		closeMore: "Close menu",
+		viewShop: "View shop",
+		badge: (e) => `${e} waiting`,
+		productsBadge: (e) => `${e} drafts`
 	},
 	statuses: {
 		draft: "Draft",
@@ -511,14 +535,14 @@ var E = {
 		imageTooLarge: "That image is too large. Choose a smaller one.",
 		generic: "Something went wrong. Try again."
 	},
-	products: M,
-	orders: E,
-	shipping: D,
-	discounts: O
+	products: N,
+	orders: D,
+	shipping: O,
+	discounts: k
 };
 // src/lib/merge-labels.ts
 function ee(e) {
-	let t = E;
+	let t = D;
 	return {
 		...t,
 		...e,
@@ -556,8 +580,8 @@ function ee(e) {
 		}
 	};
 }
-function P(e) {
-	let t = M;
+function te(e) {
+	let t = N;
 	return {
 		...t,
 		...e,
@@ -581,6 +605,10 @@ function P(e) {
 			...t.welcome,
 			...e?.welcome
 		},
+		emptyActions: {
+			...t.emptyActions,
+			...e?.emptyActions
+		},
 		card: {
 			...t.card,
 			...e?.card
@@ -649,8 +677,8 @@ function P(e) {
 		}
 	};
 }
-function te(e) {
-	let t = O;
+function ne(e) {
+	let t = k;
 	return {
 		...t,
 		...e,
@@ -680,8 +708,8 @@ function te(e) {
 		}
 	};
 }
-function ne(e) {
-	let t = N;
+function re(e) {
+	let t = P;
 	return {
 		...t,
 		...e,
@@ -697,20 +725,21 @@ function ne(e) {
 			...t.errors,
 			...e?.errors
 		},
-		products: P(e?.products),
+		products: te(e?.products),
 		orders: ee(e?.orders),
 		shipping: {
-			...D,
+			...O,
 			...e?.shipping
 		},
-		discounts: te(e?.discounts)
+		discounts: ne(e?.discounts)
 	};
 }
 // src/lib/provider.tsx
-var re = {
-	renderLink: ({ href: e, children: t, className: n }) => /* @__PURE__ */ C("a", {
+var ie = {
+	renderLink: ({ href: e, children: t, className: n, "aria-current": r }) => /* @__PURE__ */ C("a", {
 		href: e,
 		className: n,
+		"aria-current": r,
 		children: t
 	}),
 	renderImage: ({ src: e, alt: t, sizes: n, className: r, priority: i }) => /* @__PURE__ */ C("img", {
@@ -736,25 +765,25 @@ var re = {
 		newDiscount: "/admin/discounts/new"
 	},
 	client: null,
-	labels: N
-}, ie = m(re);
-function ae({ children: e, hrefs: t, labels: n, ...r }) {
+	labels: P
+}, ae = m(ie);
+function oe({ children: e, hrefs: t, labels: n, ...r }) {
 	let i = {
-		...re,
+		...ie,
 		...r,
 		hrefs: {
-			...re.hrefs,
+			...ie.hrefs,
 			...t
 		},
-		labels: ne(n)
+		labels: re(n)
 	};
-	return /* @__PURE__ */ C(ie.Provider, {
+	return /* @__PURE__ */ C(ae.Provider, {
 		value: i,
 		children: e
 	});
 }
 function F() {
-	return g(ie);
+	return g(ae);
 }
 function I() {
 	let { client: e } = F();
@@ -884,16 +913,17 @@ var B = {
 		r: "3"
 	}))
 };
-function oe(e) {
+function se(e) {
 	return e !== void 0 && e !== "" && e !== 0;
 }
-function se(e, t, n, r) {
+function ce(e, t, n, r) {
 	let i = [
 		{
 			href: e.products,
 			label: t.products,
 			icon: B.products,
-			badge: r.products
+			badge: r.products,
+			badgeLabel: se(r.products) ? t.productsBadge(r.products) : void 0
 		},
 		{
 			href: e.orders,
@@ -919,10 +949,13 @@ function se(e, t, n, r) {
 		...n.filter((e) => e.position !== "start").map(a)
 	].map((e) => ({
 		...e,
-		badge: oe(e.badge) ? e.badge : void 0
+		badge: se(e.badge) ? e.badge : void 0
+	})).map((e) => ({
+		...e,
+		badgeLabel: e.badge === void 0 ? void 0 : e.badgeLabel ?? t.badge(e.badge)
 	}));
 }
-function ce(e) {
+function le(e) {
 	return e.length <= 5 ? {
 		bar: e,
 		overflow: []
@@ -931,8 +964,31 @@ function ce(e) {
 		overflow: e.slice(4)
 	};
 }
+// src/components/admin-layout/current-item.ts
+function ue(e) {
+	let t = e.split(/[?#]/)[0] ?? "";
+	return t.length > 1 ? t.replace(/\/+$/, "") : t;
+}
+function de(e, t) {
+	if (!t) return;
+	let n = ue(t), r, i = -1;
+	for (let t of e) {
+		let e = ue(t);
+		(n === e || e !== "/" && n.startsWith(`${e}/`)) && e.length > i && (r = t, i = e.length);
+	}
+	return r;
+}
+// src/components/admin-layout/use-current-href.ts
+function fe(e) {
+	let [t, n] = b();
+	return _(() => {
+		if (e !== void 0) return;
+		let t = () => n(window.location.pathname);
+		return t(), window.addEventListener("popstate", t), () => window.removeEventListener("popstate", t);
+	}, [e]), e ?? t;
+}
 // src/components/admin-layout/use-more-sheet.ts
-function le() {
+function pe() {
 	let [e, t] = b(!1), n = h(() => t(!1), []), r = h(() => t((e) => !e), []);
 	return _(() => {
 		if (!e) return;
@@ -947,10 +1003,11 @@ function le() {
 	};
 }
 // src/components/admin-layout/admin-layout.tsx
-function ue({ children: e, extraNav: t = [], navBadges: n = {}, header: r, footer: i }) {
-	let { hrefs: a, labels: o, renderLink: s } = F(), c = v(), l = le(), u = se(a, o.nav, t, n), { bar: d, overflow: f } = ce(u), p = (e, t) => s({
+function me({ children: e, extraNav: t = [], navBadges: n = {}, header: r, footer: i, currentHref: a }) {
+	let { hrefs: o, labels: s, renderLink: c } = F(), l = v(), u = pe(), d = ce(o, s.nav, t, n), { bar: f, overflow: p } = le(d), m = de(d.map((e) => e.href), fe(a)), h = (e, t) => c({
 		href: e.href,
-		className: t,
+		className: e.href === m ? `${t} is-current` : t,
+		"aria-current": e.href === m ? "page" : void 0,
 		children: /* @__PURE__ */ w(S, { children: [
 			/* @__PURE__ */ C("span", {
 				className: "sfa-nav__icon",
@@ -962,6 +1019,9 @@ function ue({ children: e, extraNav: t = [], navBadges: n = {}, header: r, foote
 			}),
 			e.badge === void 0 ? null : /* @__PURE__ */ C("span", {
 				className: "sfa-nav__badge",
+				role: "img",
+				"aria-label": e.badgeLabel,
+				title: e.badgeLabel,
 				children: e.badge
 			})
 		] })
@@ -978,8 +1038,8 @@ function ue({ children: e, extraNav: t = [], navBadges: n = {}, header: r, foote
 					}) : null,
 					/* @__PURE__ */ C("nav", {
 						className: "sfa-nav",
-						"aria-label": o.navLabel,
-						children: /* @__PURE__ */ C("ul", { children: u.map((e) => /* @__PURE__ */ C("li", { children: p(e, "sfa-nav__link") }, e.href)) })
+						"aria-label": s.navLabel,
+						children: /* @__PURE__ */ C("ul", { children: d.map((e) => /* @__PURE__ */ C("li", { children: h(e, "sfa-nav__link") }, e.href)) })
 					}),
 					i ? /* @__PURE__ */ C("div", {
 						className: "sfa-layout__footer",
@@ -993,13 +1053,13 @@ function ue({ children: e, extraNav: t = [], navBadges: n = {}, header: r, foote
 			}),
 			/* @__PURE__ */ C("nav", {
 				className: "sfa-tabbar",
-				"aria-label": o.navLabel,
-				children: /* @__PURE__ */ w("ul", { children: [d.map((e) => /* @__PURE__ */ C("li", { children: p(e, "sfa-tabbar__item") }, e.href)), f.length > 0 || r || i ? /* @__PURE__ */ C("li", { children: /* @__PURE__ */ w("button", {
+				"aria-label": s.navLabel,
+				children: /* @__PURE__ */ w("ul", { children: [f.map((e) => /* @__PURE__ */ C("li", { children: h(e, "sfa-tabbar__item") }, e.href)), p.length > 0 || o.storefront || r || i ? /* @__PURE__ */ C("li", { children: /* @__PURE__ */ w("button", {
 					type: "button",
 					className: "sfa-tabbar__item",
-					"aria-expanded": l.open,
-					"aria-controls": c,
-					onClick: l.toggle,
+					"aria-expanded": u.open,
+					"aria-controls": l,
+					onClick: u.toggle,
 					children: [
 						/* @__PURE__ */ C("span", {
 							className: "sfa-nav__icon",
@@ -1007,33 +1067,43 @@ function ue({ children: e, extraNav: t = [], navBadges: n = {}, header: r, foote
 						}),
 						/* @__PURE__ */ C("span", {
 							className: "sfa-nav__label",
-							children: o.nav.more
+							children: s.nav.more
 						}),
-						f.some((e) => e.badge !== void 0) ? /* @__PURE__ */ C("span", { className: "sfa-nav__badge sfa-nav__badge--dot" }) : null
+						p.some((e) => e.badge !== void 0) ? /* @__PURE__ */ C("span", { className: "sfa-nav__badge sfa-nav__badge--dot" }) : null
 					]
 				}) }) : null] })
 			}),
-			l.open ? /* @__PURE__ */ C("button", {
+			u.open ? /* @__PURE__ */ C("button", {
 				type: "button",
 				className: "sfa-more__backdrop",
-				"aria-label": o.nav.closeMore,
-				onClick: l.close
+				"aria-label": s.nav.closeMore,
+				onClick: u.close
 			}) : null,
 			/* @__PURE__ */ w("div", {
-				id: c,
+				id: l,
 				className: "sfa-more",
-				hidden: !l.open,
+				hidden: !u.open,
 				onClick: (e) => {
-					e.target.closest("a") && l.close();
+					e.target.closest("a") && u.close();
 				},
 				children: [
+					/* @__PURE__ */ C("button", {
+						type: "button",
+						className: "sfa-btn sfa-btn--ghost sfa-more__close",
+						onClick: u.close,
+						children: s.nav.closeMore
+					}),
 					r ? /* @__PURE__ */ C("div", {
 						className: "sfa-layout__header",
 						children: r
 					}) : null,
-					f.length > 0 ? /* @__PURE__ */ C("ul", {
+					p.length > 0 || o.storefront ? /* @__PURE__ */ w("ul", {
 						className: "sfa-more__list",
-						children: f.map((e) => /* @__PURE__ */ C("li", { children: p(e, "sfa-nav__link") }, e.href))
+						children: [p.map((e) => /* @__PURE__ */ C("li", { children: h(e, "sfa-nav__link") }, e.href)), o.storefront ? /* @__PURE__ */ C("li", { children: c({
+							href: o.storefront,
+							className: "sfa-nav__link",
+							children: s.nav.viewShop
+						}) }) : null]
 					}) : null,
 					i ? /* @__PURE__ */ C("div", {
 						className: "sfa-layout__footer",
@@ -1079,6 +1149,7 @@ function H({ columns: e, rows: t, rowKey: n, caption: r }) {
 			}, e.key)) }) }),
 			/* @__PURE__ */ C("tbody", { children: t.map((t) => /* @__PURE__ */ C("tr", { children: e.map((e) => /* @__PURE__ */ C("td", {
 				"data-label": e.header,
+				"data-col": e.key,
 				children: e.render(t)
 			}, e.key)) }, n(t))) })
 		]
@@ -1104,12 +1175,12 @@ function W({ cents: e, currency: t }) {
 	});
 }
 // src/lib/use-focus-trap.ts
-var de = "button:not([disabled]), [href], input:not([disabled]), select, textarea, [tabindex]:not([tabindex=\"-1\"])";
-function fe(e, t, n) {
+var he = "button:not([disabled]), [href], input:not([disabled]), select, textarea, [tabindex]:not([tabindex=\"-1\"])";
+function ge(e, t, n) {
 	return _(() => {
 		if (!t) return;
 		let n = document.activeElement;
-		return e.current?.querySelector(de)?.focus(), () => n?.focus();
+		return e.current?.querySelector(he)?.focus({ focusVisible: !0 }), () => n?.focus();
 	}, [t, e]), _(() => {
 		if (!t) return;
 		let e = (e) => {
@@ -1122,7 +1193,7 @@ function fe(e, t, n) {
 			return;
 		}
 		if (t.key !== "Tab") return;
-		let r = Array.from(e.current?.querySelectorAll(de) ?? []);
+		let r = Array.from(e.current?.querySelectorAll(he) ?? []);
 		if (r.length === 0) return;
 		let i = r[0], a = r[r.length - 1];
 		t.shiftKey && document.activeElement === i ? (t.preventDefault(), a.focus()) : !t.shiftKey && document.activeElement === a && (t.preventDefault(), i.focus());
@@ -1130,7 +1201,7 @@ function fe(e, t, n) {
 }
 // src/components/confirm-dialog/confirm-dialog.tsx
 function G({ open: e, title: t, children: n, confirmLabel: r, destructive: i = !1, pending: a = !1, onConfirm: o, onCancel: s }) {
-	let { labels: c } = F(), l = y(null), u = fe(l, e, s);
+	let { labels: c } = F(), l = y(null), u = ge(l, e, s);
 	return e ? /* @__PURE__ */ C("div", {
 		className: "sfa-dialog-backdrop",
 		onKeyDown: u,
@@ -1167,8 +1238,11 @@ function G({ open: e, title: t, children: n, confirmLabel: r, destructive: i = !
 }
 // src/components/notice/notice.tsx
 function K({ variant: e, children: t, toast: n = !1, duration: r = 4e3, onDismiss: i, action: a }) {
-	let { labels: o } = F();
+	let { labels: o } = F(), s = y(null);
 	_(() => {
+		let e = s.current;
+		!n && e && "scrollIntoView" in e && e.scrollIntoView({ block: "nearest" });
+	}, [n]), _(() => {
 		if (!n || !i) return;
 		let e = setTimeout(i, r);
 		return () => clearTimeout(e);
@@ -1177,10 +1251,11 @@ function K({ variant: e, children: t, toast: n = !1, duration: r = 4e3, onDismis
 		r,
 		i
 	]);
-	let s = e === "error" ? "alert" : "status", c = `sfa-notice sfa-notice--${e}${n ? " sfa-notice--toast" : ""}`;
+	let c = e === "error" ? "alert" : "status", l = `sfa-notice sfa-notice--${e}${n ? " sfa-notice--toast" : ""}`;
 	return /* @__PURE__ */ w("div", {
-		role: s,
-		className: c,
+		ref: s,
+		role: c,
+		className: l,
 		children: [
 			/* @__PURE__ */ C("span", {
 				className: "sfa-notice__body",
@@ -1202,77 +1277,130 @@ function K({ variant: e, children: t, toast: n = !1, duration: r = 4e3, onDismis
 	});
 }
 // src/components/error-message/error-message.tsx
-var pe = [
-	[e, "unauthorized"],
-	[o, "notFound"],
+var _e = [
+	[t, "unauthorized"],
+	[s, "notFound"],
 	[d, "invalidInput"],
-	[n, "invalidOrderState"],
-	[s, "insufficientStock"],
-	[c, "refundExceedsBalance"],
+	[r, "invalidOrderState"],
+	[c, "insufficientStock"],
+	[o, "refundExceedsBalance"],
 	[a, "refundGateway"],
-	[i, "refundOutcomeUnknown"],
+	[e, "refundOutcomeUnknown"],
 	[l, "discountCodeTaken"],
 	[f, "discountInUse"],
-	[t, "imageTooLarge"],
+	[n, "imageTooLarge"],
 	[p, "imageInvalid"]
 ];
-function me(e) {
-	return pe.find(([t]) => e instanceof t)?.[1] ?? "generic";
+function ve(e) {
+	return _e.find(([t]) => e instanceof t)?.[1] ?? "generic";
 }
 function q({ error: e }) {
 	let { labels: t } = F();
 	return e ? /* @__PURE__ */ C(K, {
 		variant: "error",
-		children: t.errors[me(e)]
+		children: t.errors[ve(e)]
 	}) : null;
 }
+// src/components/empty-state/empty-state.tsx
+var ye = {
+	orders: "M4 8l8-4 8 4v8l-8 4-8-4V8zm0 0l8 4m0 0l8-4m-8 4v8",
+	discounts: "M3 12V4h8l10 10-8 8L3 12zm5-5h.01",
+	shipping: "M2 6h11v9H2V6zm11 3h4l3 3v3h-7V9zM6 18.5h.01M17 18.5h.01",
+	products: "M4 7h16v13H4V7zm0 0l2-3h12l2 3M9 12h6",
+	search: "M11 4a7 7 0 100 14 7 7 0 000-14zm9 16l-4-4"
+};
+function be({ icon: e, title: t, body: n, action: r, children: i }) {
+	return /* @__PURE__ */ w("div", {
+		className: "sfa-empty-state",
+		children: [
+			/* @__PURE__ */ C("svg", {
+				className: "sfa-empty-state__icon",
+				viewBox: "0 0 24 24",
+				width: "48",
+				height: "48",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: /* @__PURE__ */ C("path", { d: ye[e] })
+			}),
+			/* @__PURE__ */ C("h2", {
+				className: "sfa-empty-state__title",
+				children: t
+			}),
+			n ? /* @__PURE__ */ C("p", {
+				className: "sfa-empty-state__body",
+				children: n
+			}) : null,
+			i,
+			r ? /* @__PURE__ */ C("div", {
+				className: "sfa-empty-state__action",
+				children: r
+			}) : null
+		]
+	});
+}
 // src/lib/product-missing.ts
-function he(e, t) {
+function xe(e, t) {
 	return e.status === "draft" ? e.priceCents === null ? t.needsPrice : e.category ? e.images.length === 0 ? t.needsPhoto : null : t.needsCategory : null;
 }
 function J(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => String(t[n] ?? ""));
 }
 // src/components/setup-checklist/setup-checklist.tsx
-function ge({ step: e }) {
+function Se({ step: e }) {
 	let t = e.locked ? e.lockedDetail : e.detail;
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", {
-		className: "sfa-setup__mark",
-		"aria-hidden": "true",
-		children: e.done ? "✓" : ""
-	}), /* @__PURE__ */ w("span", {
-		className: "sfa-setup__text",
-		children: [/* @__PURE__ */ C("span", {
-			className: "sfa-setup__name",
-			children: e.title
-		}), t ? /* @__PURE__ */ C("span", {
-			className: "sfa-setup__detail",
-			children: t
-		}) : null]
-	})] });
+	return /* @__PURE__ */ w(S, { children: [
+		/* @__PURE__ */ C("span", {
+			className: "sfa-setup__mark",
+			"aria-hidden": "true",
+			children: e.done ? "✓" : ""
+		}),
+		/* @__PURE__ */ w("span", {
+			className: "sfa-setup__text",
+			children: [/* @__PURE__ */ C("span", {
+				className: "sfa-setup__name",
+				children: e.title
+			}), t ? /* @__PURE__ */ C("span", {
+				className: "sfa-setup__detail",
+				children: t
+			}) : null]
+		}),
+		Ce(e) ? /* @__PURE__ */ C("span", {
+			className: "sfa-setup__chevron",
+			"aria-hidden": "true",
+			children: "›"
+		}) : null
+	] });
+}
+function Ce(e) {
+	return !e.done && !e.locked && !!(e.href || e.onSelect);
 }
-function _e({ step: e }) {
+function we({ step: e }) {
 	let { renderLink: t } = F(), n = `sfa-setup__step${e.done ? " is-done" : ""}${e.locked ? " is-locked" : ""}`, r = !e.done && !e.locked, i;
 	return i = r && e.href ? t({
 		href: e.href,
-		children: /* @__PURE__ */ C(ge, { step: e }),
+		children: /* @__PURE__ */ C(Se, { step: e }),
 		className: "sfa-setup__action"
 	}) : r && e.onSelect ? /* @__PURE__ */ C("button", {
 		type: "button",
 		className: "sfa-setup__action",
 		onClick: e.onSelect,
-		children: /* @__PURE__ */ C(ge, { step: e })
+		children: /* @__PURE__ */ C(Se, { step: e })
 	}) : /* @__PURE__ */ C("span", {
 		className: "sfa-setup__action",
-		children: /* @__PURE__ */ C(ge, { step: e })
+		children: /* @__PURE__ */ C(Se, { step: e })
 	}), /* @__PURE__ */ C("li", {
 		className: n,
 		"data-step": e.id,
 		children: i
 	});
 }
-function ve({ steps: e, compact: t = !1 }) {
-	let { labels: n } = F(), r = n.products.setup, [i, a] = b(!1), o = e.filter((e) => e.done).length;
+function Te({ steps: e, compact: t = !1 }) {
+	let { labels: n } = F(), r = n.products.setup, [i, a] = b(!0), o = e.filter((e) => e.done).length;
 	if (e.length === 0 || o === e.length) return null;
 	let s = J(r.progress, {
 		done: o,
@@ -1313,19 +1441,19 @@ function ve({ steps: e, compact: t = !1 }) {
 			}),
 			c ? /* @__PURE__ */ C("ul", {
 				className: "sfa-setup__list",
-				children: e.map((e) => /* @__PURE__ */ C(_e, { step: e }, e.id))
+				children: e.map((e) => /* @__PURE__ */ C(we, { step: e }, e.id))
 			}) : null
 		]
 	});
 }
 // src/lib/product-filter.ts
-function ye(e) {
+function Ee(e) {
 	return e.status === "active" && e.quantity === 0;
 }
-function be(e) {
-	return ye(e) ? "sold" : e.status;
+function De(e) {
+	return Ee(e) ? "sold" : e.status;
 }
-function xe(e) {
+function Oe(e) {
 	switch (e) {
 		case "live":
 		case "sold": return "active";
@@ -1334,12 +1462,12 @@ function xe(e) {
 		case "all": return;
 	}
 }
-function Se(e) {
+function ke(e) {
 	if (e === "live") return "in";
 	if (e === "sold") return "sold";
 }
 // src/lib/use-debounced.ts
-function Ce(e, t) {
+function Ae(e, t) {
 	let [n, r] = b(e);
 	return _(() => {
 		let n = setTimeout(() => r(e), t);
@@ -1347,7 +1475,7 @@ function Ce(e, t) {
 	}, [e, t]), n;
 }
 // src/lib/use-paged-list.ts
-function we(e, t) {
+function je(e, t) {
 	let n = L(e, () => t()), [r, i] = b(null), a = R(async (e, n) => {
 		let r = await t(e);
 		i((e) => ({
@@ -1370,21 +1498,21 @@ function we(e, t) {
 	};
 }
 // src/lib/use-product-pages.ts
-function Te(e) {
+function Me(e) {
 	let t = I();
-	return we(["admin-products", e], (n) => t.listProducts(n ? {
+	return je(["admin-products", e], (n) => t.listProducts(n ? {
 		...e,
 		cursor: n
 	} : e));
 }
 // src/lib/product-sheet-actions.ts
-function Ee(e) {
+function Ne(e) {
 	return e.name.trim() !== "" && e.priceCents !== null && !!e.category && e.images.length > 0;
 }
-function De(e) {
-	return e.status === "draft" ? Ee(e) ? "publish" : "finish" : e.status === "archived" ? "restore" : e.quantity > 0 ? "sold" : "restock";
+function Pe(e) {
+	return e.status === "draft" ? Ne(e) ? "publish" : "finish" : e.status === "archived" ? "restore" : e.quantity > 0 ? "sold" : "restock";
 }
-function Oe(e, t) {
+function Fe(e, t) {
 	switch (t) {
 		case "publish": return {
 			patch: { status: "active" },
@@ -1405,25 +1533,52 @@ function Oe(e, t) {
 		case "finish": return null;
 	}
 }
-var ke = {
+var Ie = {
 	patch: { status: "draft" },
 	undo: { status: "active" }
 };
-function Ae(e) {
+function Le(e) {
 	return {
 		patch: { status: "archived" },
 		undo: { status: e.status }
 	};
 }
-function je(e) {
+function Re(e) {
 	return {
 		patch: { featured: !e.featured },
 		undo: { featured: e.featured }
 	};
 }
-var Me = (e) => e.status === "active";
+var ze = (e) => e.status === "active";
+// src/views/products/product-sheet/delete-draft-button.tsx
+function Be(e) {
+	return e.status === "draft" && !e.everPublished;
+}
+function Ve({ product: e, disabled: t, onDeleted: n }) {
+	let r = F().labels.products.sheet, i = I(), [a, o] = b(!1), s = R(async () => (await i.deleteProduct(e.id), !0));
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("button", {
+		type: "button",
+		className: "sfa-btn",
+		disabled: t,
+		onClick: () => {
+			s.reset(), o(!0);
+		},
+		children: r.deleteDraft
+	}), /* @__PURE__ */ w(G, {
+		open: a,
+		title: r.deleteTitle,
+		destructive: !0,
+		confirmLabel: r.deleteConfirm,
+		pending: s.pending,
+		onConfirm: async () => {
+			await s.run() && (o(!1), n());
+		},
+		onCancel: () => o(!1),
+		children: [/* @__PURE__ */ C("p", { children: r.deleteBody }), /* @__PURE__ */ C(q, { error: s.error })]
+	})] });
+}
 // src/views/products/product-sheet/sheet-carousel.tsx
-function Ne({ product: e }) {
+function He({ product: e }) {
 	let { labels: t, renderImage: n } = F(), r = t.products.sheet, [i, a] = b(0), o = e.images.length, s = e.images[Math.min(i, Math.max(o - 1, 0))];
 	if (!s) return /* @__PURE__ */ C("div", {
 		className: "sfa-sheet__photo",
@@ -1457,7 +1612,7 @@ function Ne({ product: e }) {
 	});
 }
 // src/views/products/product-sheet/use-product-change.ts
-function Pe(e, t, n) {
+function Ue(e, t, n) {
 	let r = I(), [i, a] = b(null), o = R((t) => r.updateProduct(e.id, t)), s = async (e, r) => {
 		a(null);
 		let i = await o.run(e.patch);
@@ -1482,13 +1637,13 @@ function Pe(e, t, n) {
 	};
 }
 // src/views/products/product-sheet/sheet-edit-link.tsx
-function Fe(e, t) {
+function We(e, t) {
 	return `${e}${e.includes("?") ? "&" : "?"}step=${t}`;
 }
-function Ie(e) {
+function Ge(e) {
 	return !e.name || e.priceCents === null || !e.category || e.images.length > 0 ? "basics" : "photos";
 }
-function Le({ product: e, step: t, onEdit: n, className: r, children: i }) {
+function Ke({ product: e, step: t, onEdit: n, className: r, children: i }) {
 	let { hrefs: a, renderLink: o } = F();
 	return n ? /* @__PURE__ */ C("button", {
 		type: "button",
@@ -1496,30 +1651,31 @@ function Le({ product: e, step: t, onEdit: n, className: r, children: i }) {
 		onClick: () => n(e, t),
 		children: i
 	}) : o({
-		href: Fe(a.product(e.id), t),
+		href: We(a.product(e.id), t),
 		children: i,
 		className: r
 	});
 }
 // src/views/products/product-sheet/admin-product-sheet.tsx
-function Re({ productId: e, onClose: t, onEdit: n, onChanged: r }) {
+function qe({ productId: e, onClose: t, onEdit: n, onChanged: r }) {
 	let i = I(), a = L(["admin-product", e], () => i.getProduct(e)), [o, s] = b(null), c = o && o.id === e ? o : a.data;
-	return /* @__PURE__ */ C(Be, {
+	return /* @__PURE__ */ C(Ye, {
 		onClose: t,
-		children: c ? /* @__PURE__ */ C(Ve, {
+		children: c ? /* @__PURE__ */ C(Xe, {
 			product: c,
 			setProduct: s,
 			onEdit: n,
-			onChanged: r ?? (() => void 0)
-		}) : /* @__PURE__ */ C(ze, { error: a.error })
+			onChanged: r ?? (() => void 0),
+			onClose: t
+		}) : /* @__PURE__ */ C(Je, { error: a.error })
 	});
 }
-function ze({ error: e }) {
+function Je({ error: e }) {
 	let { labels: t } = F();
 	return e ? /* @__PURE__ */ C(q, { error: e }) : /* @__PURE__ */ C("p", { children: t.loading });
 }
-function Be({ onClose: e, children: t }) {
-	let { labels: n } = F(), r = y(null), i = fe(r, !0, e);
+function Ye({ onClose: e, children: t }) {
+	let { labels: n } = F(), r = y(null), i = ge(r, !0, e);
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-sheet-layer",
 		onKeyDown: i,
@@ -1550,17 +1706,17 @@ function Be({ onClose: e, children: t }) {
 		})]
 	});
 }
-function Ve({ product: e, setProduct: t, onEdit: n, onChanged: r }) {
-	let { labels: i, hrefs: a } = F(), o = i.products.sheet, s = Pe(e, t, r), c = De(e), l = Oe(e, c), u = a.storefrontProduct?.(e.slug), d = {
+function Xe({ product: e, setProduct: t, onEdit: n, onChanged: r, onClose: i }) {
+	let { labels: a, hrefs: o } = F(), s = a.products.sheet, c = Ue(e, t, r), l = Pe(e), u = Fe(e, l), d = o.storefrontProduct?.(e.slug), f = {
 		product: e,
 		onEdit: n
-	}, f = async () => {
-		u && (await navigator.clipboard.writeText(new URL(u, window.location.href).href), s.announce(o.linkCopied));
+	}, p = async () => {
+		d && (await navigator.clipboard.writeText(new URL(d, window.location.href).href), c.announce(s.linkCopied));
 	};
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-sheet__body",
 		children: [
-			/* @__PURE__ */ C(Ne, { product: e }),
+			/* @__PURE__ */ C(He, { product: e }),
 			/* @__PURE__ */ C("h2", {
 				className: "sfa-sheet__name",
 				children: e.name
@@ -1568,99 +1724,105 @@ function Ve({ product: e, setProduct: t, onEdit: n, onChanged: r }) {
 			/* @__PURE__ */ w("p", {
 				className: "sfa-sheet__meta",
 				children: [
-					/* @__PURE__ */ C(U, { status: be(e) }),
+					/* @__PURE__ */ C(U, { status: De(e) }),
 					/* @__PURE__ */ C("span", { children: e.priceCents === null ? "—" : /* @__PURE__ */ C(W, {
 						cents: e.priceCents,
 						currency: e.currency
 					}) }),
-					/* @__PURE__ */ C("span", { children: e.category ?? o.noCategory })
+					/* @__PURE__ */ C("span", { children: e.category ?? s.noCategory })
 				]
 			}),
-			s.missing ? /* @__PURE__ */ w(K, {
+			c.missing ? /* @__PURE__ */ w(K, {
 				variant: "warning",
 				children: [
-					o.missingTitle,
+					s.missingTitle,
 					" ",
-					s.missing.map((e) => o.missing[e] ?? e).join(", ")
+					c.missing.map((e) => s.missing[e] ?? e).join(", ")
 				]
 			}) : null,
-			/* @__PURE__ */ C(q, { error: s.error }),
-			l ? /* @__PURE__ */ C("button", {
+			/* @__PURE__ */ C(q, { error: c.error }),
+			u ? /* @__PURE__ */ C("button", {
 				type: "button",
 				className: "sfa-btn sfa-btn--primary sfa-sheet__primary",
-				disabled: s.pending,
-				onClick: () => s.apply(l, o.done[c]),
-				children: o.primary[c]
+				disabled: c.pending,
+				onClick: () => c.apply(u, s.done[l]),
+				children: s.primary[l]
 			}) : /* @__PURE__ */ C("span", {
 				className: "sfa-sheet__primary",
-				children: /* @__PURE__ */ C(Le, {
-					...d,
-					step: Ie(e),
+				children: /* @__PURE__ */ C(Ke, {
+					...f,
+					step: Ge(e),
 					className: "sfa-btn sfa-btn--primary",
-					children: o.primary.finish
+					children: s.primary.finish
 				})
 			}),
 			/* @__PURE__ */ w("div", {
 				className: "sfa-sheet__actions",
 				children: [
-					/* @__PURE__ */ C(Le, {
-						...d,
+					/* @__PURE__ */ C(Ke, {
+						...f,
 						step: "basics",
 						className: "sfa-btn",
-						children: o.edit
+						children: s.edit
 					}),
-					/* @__PURE__ */ C(Le, {
-						...d,
+					/* @__PURE__ */ C(Ke, {
+						...f,
 						step: "photos",
 						className: "sfa-btn",
-						children: J(o.photos, { count: e.images.length })
+						children: J(s.photos, { count: e.images.length })
 					}),
-					Me(e) ? /* @__PURE__ */ C("button", {
+					ze(e) ? /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn",
-						disabled: s.pending,
-						onClick: () => s.apply(je(e), o.done.feature),
-						children: e.featured ? o.featureOff : o.featureOn
+						disabled: c.pending,
+						onClick: () => c.apply(Re(e), s.done.feature),
+						children: e.featured ? s.featureOff : s.featureOn
 					}) : null,
 					e.status === "active" ? /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn",
-						disabled: s.pending,
-						onClick: () => s.apply(ke, o.done.hide),
-						children: o.hide
+						disabled: c.pending,
+						onClick: () => c.apply(Ie, s.done.hide),
+						children: s.hide
 					}) : null,
-					u ? /* @__PURE__ */ C("button", {
+					d ? /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn",
-						onClick: f,
-						children: o.copyLink
+						onClick: p,
+						children: s.copyLink
 					}) : null,
-					e.status === "archived" ? null : /* @__PURE__ */ C("button", {
+					Be(e) ? /* @__PURE__ */ C(Ve, {
+						product: e,
+						disabled: c.pending,
+						onDeleted: () => {
+							r(), i();
+						}
+					}) : e.status === "archived" ? null : /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn",
-						disabled: s.pending,
-						onClick: () => s.apply(Ae(e), o.done.archive),
-						children: o.archive
+						disabled: c.pending,
+						onClick: () => c.apply(Le(e), s.done.archive),
+						children: s.archive
 					})
 				]
 			}),
-			s.notice ? /* @__PURE__ */ C(K, {
+			c.notice ? /* @__PURE__ */ C(K, {
 				variant: "success",
 				toast: !0,
 				duration: 8e3,
-				onDismiss: s.dismiss,
-				action: s.notice.undo ? {
-					label: o.undo,
-					onAction: s.undo
+				onDismiss: c.dismiss,
+				action: c.notice.undo ? {
+					label: s.undo,
+					onAction: c.undo
 				} : void 0,
-				children: s.notice.text
+				children: c.notice.text
 			}) : null
 		]
 	});
 }
 // src/views/products/product-card.tsx
-function He({ product: e, onOpen: t }) {
-	let { labels: n, renderImage: r } = F(), i = n.products, a = be(e), o = he(e, i.card), s = e.images[0], c = /* @__PURE__ */ C("button", {
+function Ze({ product: e, onOpen: t }) {
+	let { labels: n, renderImage: r } = F(), i = n.products, a = De(e), o = xe(e, i.card), s = e.images[0], c = /* @__PURE__ */ C("button", {
 		type: "button",
 		className: "sfa-card__name sfa-link--tap",
 		onClick: t,
@@ -1708,17 +1870,17 @@ function He({ product: e, onOpen: t }) {
 	});
 }
 // src/views/products/product-toolbar.tsx
-var Ue = [
+var Qe = [
 	"all",
 	"live",
 	"sold",
 	"draft",
 	"archived"
 ];
-function We(e, t) {
+function $e(e, t) {
 	return t === "all" ? e.all : e[t];
 }
-function Ge({ filter: e, onFilter: t, search: n, onSearch: r, counts: i }) {
+function et({ filter: e, onFilter: t, search: n, onSearch: r, counts: i }) {
 	let { labels: a } = F(), o = a.products, [s, c] = b(!1);
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-products__toolbar",
@@ -1727,14 +1889,14 @@ function Ge({ filter: e, onFilter: t, search: n, onSearch: r, counts: i }) {
 				role: "group",
 				"aria-label": o.columns.status,
 				className: "sfa-filter-group",
-				children: Ue.map((n) => /* @__PURE__ */ w("button", {
+				children: Qe.map((n) => /* @__PURE__ */ w("button", {
 					type: "button",
 					className: "sfa-chip",
 					"aria-pressed": e === n,
 					onClick: () => t(n),
 					children: [o.filters[n], i ? /* @__PURE__ */ C("span", {
 						className: "sfa-chip__count",
-						children: We(i, n)
+						children: $e(i, n)
 					}) : null]
 				}, n))
 			}),
@@ -1757,7 +1919,7 @@ function Ge({ filter: e, onFilter: t, search: n, onSearch: r, counts: i }) {
 	});
 }
 // src/views/products/product-welcome.tsx
-function Ke() {
+function tt() {
 	return /* @__PURE__ */ w("svg", {
 		className: "sfa-welcome__art",
 		viewBox: "0 0 120 120",
@@ -1794,14 +1956,14 @@ function Ke() {
 		]
 	});
 }
-function qe({ art: e, steps: t, onAddMany: n }) {
+function nt({ art: e, steps: t, onAddMany: n }) {
 	let { labels: r, hrefs: i, renderLink: a } = F(), o = r.products.welcome;
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-welcome",
 		children: [/* @__PURE__ */ w("div", {
 			className: "sfa-welcome__hero",
 			children: [
-				e ?? /* @__PURE__ */ C(Ke, {}),
+				e ?? /* @__PURE__ */ C(tt, {}),
 				/* @__PURE__ */ C("h2", {
 					className: "sfa-welcome__title",
 					children: o.title
@@ -1824,12 +1986,12 @@ function qe({ art: e, steps: t, onAddMany: n }) {
 					}) : null]
 				})
 			]
-		}), t ? /* @__PURE__ */ C(ve, { steps: t }) : null]
+		}), t ? /* @__PURE__ */ C(Te, { steps: t }) : null]
 	});
 }
 // src/views/products/admin-product-list.tsx
-function Je({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProduct: i, onEditProduct: a } = {}) {
-	let o = I(), { labels: s, hrefs: c, renderLink: l } = F(), u = s.products, [d, f] = b("all"), [p, m] = b(""), h = Ce(p.trim(), 300), g = xe(d), _ = Se(d), v = Te({
+function rt({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProduct: i, onEditProduct: a } = {}) {
+	let o = I(), { labels: s, hrefs: c, renderLink: l } = F(), u = s.products, [d, f] = b("all"), [p, m] = b(""), h = Ae(p.trim(), 300), g = Oe(d), _ = ke(d), v = Me({
 		...g ? { status: g } : {},
 		...d === "all" ? { excludeArchived: "true" } : {},
 		..._ ? { stock: _ } : {},
@@ -1849,12 +2011,12 @@ function Je({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProdu
 				floatingAction: O ? void 0 : N
 			}),
 			/* @__PURE__ */ C(q, { error: v.error ?? y.error }),
-			k || v.loading && !v.loaded && !O ? /* @__PURE__ */ C("p", { children: s.loading }) : O ? /* @__PURE__ */ C(qe, {
+			k || v.loading && !v.loaded && !O ? /* @__PURE__ */ C("p", { children: s.loading }) : O ? /* @__PURE__ */ C(nt, {
 				art: e,
 				steps: t,
 				onAddMany: n
 			}) : /* @__PURE__ */ w(S, { children: [
-				t ? /* @__PURE__ */ C(ve, {
+				t ? /* @__PURE__ */ C(Te, {
 					steps: t,
 					compact: !0
 				}) : null,
@@ -1868,19 +2030,34 @@ function Je({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProdu
 						children: u.draftsBanner.finish
 					}) : null]
 				}) : null,
-				/* @__PURE__ */ C(Ge, {
+				/* @__PURE__ */ C(et, {
 					filter: d,
 					onFilter: f,
 					search: p,
 					onSearch: m,
 					counts: D
 				}),
-				A.length === 0 ? /* @__PURE__ */ C("p", {
-					className: "sfa-empty",
-					children: j
+				A.length === 0 ? /* @__PURE__ */ C(be, {
+					icon: h ? "search" : "products",
+					title: j,
+					action: h ? /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "sfa-btn",
+						onClick: () => m(""),
+						children: u.emptyActions.clearSearch
+					}) : /* @__PURE__ */ w(S, { children: [l({
+						href: c.newProduct,
+						children: u.emptyActions.start,
+						className: "sfa-btn sfa-btn--primary"
+					}), n ? /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "sfa-btn",
+						onClick: n,
+						children: u.welcome.addMany
+					}) : null] })
 				}) : /* @__PURE__ */ C("ul", {
 					className: "sfa-grid",
-					children: A.map((e) => /* @__PURE__ */ C(He, {
+					children: A.map((e) => /* @__PURE__ */ C(Ze, {
 						product: e,
 						onOpen: () => i ? i(e) : T(e.id)
 					}, e.id))
@@ -1893,7 +2070,7 @@ function Je({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProdu
 					children: u.loadMore
 				}) : null
 			] }),
-			x ? /* @__PURE__ */ C(Re, {
+			x ? /* @__PURE__ */ C(qe, {
 				productId: x,
 				onClose: () => T(null),
 				onEdit: a,
@@ -1903,7 +2080,7 @@ function Je({ welcome: e, setup: t, onAddMany: n, onFinishDrafts: r, onOpenProdu
 	});
 }
 // src/components/switch/switch.tsx
-function Ye({ id: e, label: t, checked: n, onChange: r }) {
+function it({ id: e, label: t, checked: n, onChange: r }) {
 	return /* @__PURE__ */ w("label", {
 		className: "sfa-switch",
 		htmlFor: e,
@@ -1917,9 +2094,9 @@ function Ye({ id: e, label: t, checked: n, onChange: r }) {
 	});
 }
 // src/lib/money-input.ts
-var Xe = /^\$?\s*(\d+|\d{1,3}(?:,\d{3})+)?(?:\.(\d{1,2}))?$/;
+var at = /^\$?\s*(\d+|\d{1,3}(?:,\d{3})+)?(?:\.(\d{1,2}))?$/;
 function Y(e) {
-	let t = e.trim(), n = Xe.exec(t);
+	let t = e.trim(), n = at.exec(t);
 	if (!n || !n[1] && !n[2]) return null;
 	let r = Number((n[1] ?? "0").replace(/,/g, "")), i = Number((n[2] ?? "").padEnd(2, "0")), a = r * 100 + i;
 	return Number.isSafeInteger(a) ? a : null;
@@ -1928,56 +2105,62 @@ function X(e) {
 	return `${Math.floor(e / 100)}.${String(e % 100).padStart(2, "0")}`;
 }
 // src/lib/product-draft.ts
-function Ze(e) {
+function ot(e) {
 	let t = e.trim();
 	return t === "" ? null : t;
 }
-function Qe(e) {
+function st(e) {
 	return /^\d+$/.test(e.trim()) ? Number(e.trim()) : null;
 }
-function $e(e) {
-	let t = e.name.trim(), n = e.category.trim(), r = Y(e.price), i = Qe(e.quantity);
+function ct(e) {
+	let t = e.name.trim(), n = e.category.trim(), r = Y(e.price), i = st(e.quantity);
 	return {
 		...t ? { name: t } : {},
 		...n ? { category: n } : {},
 		...r === null ? {} : { priceCents: r },
 		...i === null ? {} : { quantity: i },
 		description: e.description,
-		materials: Ze(e.materials),
-		dimensions: Ze(e.dimensions),
+		materials: ot(e.materials),
+		dimensions: ot(e.dimensions),
 		featured: e.featured
 	};
 }
-function et(e) {
+function lt(e) {
 	return e.name.trim() !== "";
 }
-function tt(e, t) {
+function ut(e, t) {
 	return {
-		...$e(e),
+		...ct(e),
 		...t ? { currency: t } : {},
 		status: "draft"
 	};
 }
-function nt(e, t) {
+function dt(e, t) {
 	let n = {};
-	for (let [r, i] of Object.entries($e(t))) i !== e[r] && (n[r] = i);
+	for (let [r, i] of Object.entries(ct(t))) i !== e[r] && (n[r] = i);
 	return n;
 }
-function rt(e) {
+function ft(e) {
 	return e.name.trim() !== "" && e.category.trim() !== "" && Y(e.price) !== null;
 }
-function it(e) {
+function pt(e) {
+	let t = [];
+	return e.name.trim() === "" && t.push("name"), Y(e.price) === null && t.push("price"), e.category.trim() === "" && t.push("category"), t;
+}
+function mt(e) {
+	return e.replace(/(^|[\s-])(\p{L})/gu, (e, t, n) => t + n.toUpperCase());
+}
+function ht(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-function at(e, t) {
-	let n = it(e);
-	return (n.includes(t) ? n.filter((e) => e !== t) : [...n, t]).join(", ");
+function gt(e, t) {
+	return [...e, ...ht(t)].join(", ");
 }
-function ot(e, t) {
+function _t(e, t) {
 	let n = e.trimEnd();
 	return n ? `${n}\n${t}` : t;
 }
-function st(e, t) {
+function vt(e, t) {
 	return new Intl.NumberFormat(e, {
 		style: "currency",
 		currency: t
@@ -1987,12 +2170,12 @@ function Z(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? "");
 }
 // src/views/products/product-flow/basics-section.tsx
-function ct(e, t) {
-	let n = [...e ?? []], r = t.trim();
-	return r && !n.includes(r) && n.push(r), n;
+function yt(e, t, n) {
+	let r = t.trim();
+	return n || !r || e.includes(r) ? e : [...e, r];
 }
-function lt({ form: e, update: t, categories: n, currency: r }) {
-	let { labels: i, locale: a } = F(), o = i.products.flow, s = i.products.fields, c = ct(n, e.category), [l, u] = b(!1), [d, f] = b(e.quantity.trim() === "1");
+function bt({ form: e, update: t, categories: n, currency: r }) {
+	let { labels: i, locale: a } = F(), o = i.products.flow, s = i.products.fields, c = n ?? [], [l, u] = b(!1), d = yt(c, e.category, l), f = d.some((e) => e.trim().toLowerCase() === "other"), [p, m] = b(e.quantity.trim() === "1");
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ w("div", {
 			className: "sfa-field",
@@ -2018,7 +2201,7 @@ function lt({ form: e, update: t, categories: n, currency: r }) {
 				className: "sfa-flow__price",
 				children: [/* @__PURE__ */ C("span", {
 					"aria-hidden": "true",
-					children: st(a, r)
+					children: vt(a, r)
 				}), /* @__PURE__ */ C("input", {
 					id: "sfa-flow-price",
 					type: "text",
@@ -2041,15 +2224,15 @@ function lt({ form: e, update: t, categories: n, currency: r }) {
 				}),
 				/* @__PURE__ */ w("div", {
 					className: "sfa-flow__chips",
-					children: [c.map((n) => /* @__PURE__ */ C("button", {
+					children: [d.map((n) => /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-chip",
 						"aria-pressed": !l && e.category.trim() === n,
 						onClick: () => {
 							u(!1), t("category", n);
 						},
-						children: n
-					}, n)), /* @__PURE__ */ C("button", {
+						children: mt(n)
+					}, n)), f ? null : /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-chip",
 						"aria-pressed": l,
@@ -2079,15 +2262,15 @@ function lt({ form: e, update: t, categories: n, currency: r }) {
 				onChange: (e) => t("category", e.target.value)
 			})]
 		}),
-		/* @__PURE__ */ C(Ye, {
+		/* @__PURE__ */ C(it, {
 			id: "sfa-flow-one-of-a-kind",
 			label: o.oneOfAKind,
-			checked: d,
+			checked: p,
 			onChange: (n) => {
-				f(n), n ? t("quantity", "1") : e.quantity.trim() === "1" && t("quantity", "2");
+				m(n), n ? t("quantity", "1") : e.quantity.trim() === "1" && t("quantity", "2");
 			}
 		}),
-		d ? null : /* @__PURE__ */ w("div", {
+		p ? null : /* @__PURE__ */ w("div", {
 			className: "sfa-field",
 			children: [/* @__PURE__ */ C("label", {
 				className: "sfa-field__label",
@@ -2104,15 +2287,15 @@ function lt({ form: e, update: t, categories: n, currency: r }) {
 	] });
 }
 // src/views/products/product-flow/flow-actions.tsx
-function ut(e) {
-	let t = j.indexOf(e);
-	return j[Math.min(t + 1, j.length - 1)];
+function xt(e) {
+	let t = M.indexOf(e);
+	return M[Math.min(t + 1, M.length - 1)];
 }
-function dt(e) {
-	let t = j.indexOf(e);
-	return t > 0 ? j[t - 1] : null;
+function St(e) {
+	let t = M.indexOf(e);
+	return t > 0 ? M[t - 1] : null;
 }
-function ft({ flow: e }) {
+function Ct({ flow: e }) {
 	let { labels: t } = F(), n = t.products.flow;
 	return (e.product?.status ?? "draft") === "draft" ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("button", {
 		type: "button",
@@ -2131,11 +2314,11 @@ function ft({ flow: e }) {
 		className: "sfa-btn sfa-btn--primary",
 		disabled: e.pending,
 		onClick: e.saveDraft,
-		children: n.done
+		children: n.saveChanges
 	});
 }
-function pt({ flow: e }) {
-	let { labels: t } = F(), n = t.products.flow, r = () => e.goTo(ut(e.step));
+function wt({ flow: e }) {
+	let { labels: t } = F(), n = t.products.flow, r = () => e.goTo(xt(e.step));
 	if (e.step === "photos") {
 		let t = (e.product?.images.length ?? 0) > 0;
 		return /* @__PURE__ */ C("button", {
@@ -2148,7 +2331,8 @@ function pt({ flow: e }) {
 	return e.step === "basics" ? /* @__PURE__ */ C("button", {
 		type: "button",
 		className: "sfa-btn sfa-btn--primary",
-		disabled: !rt(e.form),
+		disabled: !ft(e.form),
+		"aria-describedby": "sfa-flow-continue-hint",
 		onClick: r,
 		children: n.continue
 	}) : e.step === "story" ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("button", {
@@ -2161,36 +2345,69 @@ function pt({ flow: e }) {
 		className: "sfa-btn sfa-btn--primary",
 		onClick: r,
 		children: n.continue
-	})] }) : /* @__PURE__ */ C(ft, { flow: e });
+	})] }) : /* @__PURE__ */ C(Ct, { flow: e });
+}
+function Tt({ flow: e }) {
+	let { labels: t, locale: n } = F(), r = t.products.flow;
+	if (e.step !== "basics") return null;
+	let i = pt(e.form);
+	if (!i.length) return null;
+	let a = new Intl.ListFormat(n, {
+		style: "long",
+		type: "conjunction"
+	}).format(i.map((e) => t.products.fields[e].toLowerCase()));
+	return /* @__PURE__ */ C("p", {
+		id: "sfa-flow-continue-hint",
+		className: "sfa-flow__hint",
+		children: Z(r.continueNeeds, { things: a })
+	});
 }
 // src/views/products/product-flow/flow-frame.tsx
-function mt({ title: e, onBack: t, canGoBack: n, close: r }) {
-	let { labels: i } = F();
+function Et({ title: e, step: t, onBack: n, canGoBack: r, close: i }) {
+	let { labels: a } = F(), o = a.products.flow;
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-flow__head",
 		children: [
-			/* @__PURE__ */ C("button", {
+			/* @__PURE__ */ w("button", {
 				type: "button",
 				className: "sfa-btn sfa-btn--ghost sfa-flow__back",
-				"aria-label": i.products.flow.back,
-				disabled: !n,
-				onClick: t,
-				children: "‹"
+				"aria-label": o.back,
+				disabled: !r,
+				onClick: n,
+				children: [/* @__PURE__ */ C("span", {
+					"aria-hidden": "true",
+					children: "‹"
+				}), /* @__PURE__ */ C("span", {
+					className: "sfa-flow__btn-text",
+					"aria-hidden": "true",
+					children: o.back
+				})]
 			}),
 			/* @__PURE__ */ C("h1", {
 				className: "sfa-flow__title",
 				children: e
 			}),
-			r
+			/* @__PURE__ */ w("p", {
+				className: "sfa-flow__step-count",
+				children: [
+					Z(o.stepCount, {
+						n: String(M.indexOf(t) + 1),
+						total: String(M.length)
+					}),
+					" · ",
+					o.steps[t]
+				]
+			}),
+			i
 		]
 	});
 }
-function ht({ step: e, allOpen: t, onStep: n }) {
-	let { labels: r } = F(), i = r.products.flow, a = j.indexOf(e);
+function Dt({ step: e, allOpen: t, onStep: n }) {
+	let { labels: r } = F(), i = r.products.flow, a = M.indexOf(e);
 	return /* @__PURE__ */ C("nav", {
 		className: "sfa-flow__steps",
 		"aria-label": i.stepsLabel,
-		children: /* @__PURE__ */ C("ol", { children: j.map((e, r) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ C("button", {
+		children: /* @__PURE__ */ C("ol", { children: M.map((e, r) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ C("button", {
 			type: "button",
 			"aria-current": r === a ? "step" : void 0,
 			"data-state": r < a ? "done" : void 0,
@@ -2200,7 +2417,7 @@ function ht({ step: e, allOpen: t, onStep: n }) {
 		}) }, e)) })
 	});
 }
-function gt({ state: e, isNew: t, onRetry: n }) {
+function Ot({ state: e, isNew: t, onRetry: n }) {
 	let { labels: r } = F(), i = r.products.flow;
 	return e === "idle" ? null : e === "error" ? /* @__PURE__ */ w("div", {
 		className: "sfa-flow__saved is-error",
@@ -2211,14 +2428,18 @@ function gt({ state: e, isNew: t, onRetry: n }) {
 			onClick: n,
 			children: i.retry
 		})]
-	}) : /* @__PURE__ */ C("p", {
-		className: "sfa-flow__saved",
+	}) : /* @__PURE__ */ w("p", {
+		className: `sfa-flow__saved${e === "saving" ? " is-saving" : " is-saved"}`,
 		role: "status",
-		children: e === "saving" ? i.saving : t ? i.savedNew : i.savedEdit
+		children: [e === "saving" ? null : /* @__PURE__ */ C("span", {
+			className: "sfa-flow__saved-check",
+			"aria-hidden": "true",
+			children: "✓"
+		}), e === "saving" ? i.saving : t ? i.savedNew : i.savedEdit]
 	});
 }
-function _t({ step: e, active: t, children: n }) {
-	let { labels: r } = F(), i = r.products.flow;
+function kt({ step: e, active: t, live: n, children: r }) {
+	let { labels: i } = F(), a = i.products.flow;
 	return /* @__PURE__ */ w("section", {
 		id: `sfa-flow-${e}`,
 		className: `sfa-flow__section sfa-flow__section--${e}`,
@@ -2227,13 +2448,13 @@ function _t({ step: e, active: t, children: n }) {
 		children: [
 			/* @__PURE__ */ C("h2", {
 				id: `sfa-flow-${e}-title`,
-				children: i.headings[e]
+				children: n && e === "preview" ? a.previewHeadingLive : a.headings[e]
 			}),
 			/* @__PURE__ */ C("p", {
 				className: "sfa-flow__lede",
-				children: i.ledes[e]
+				children: a.ledes[e]
 			}),
-			n
+			r
 		]
 	});
 }
@@ -2242,8 +2463,8 @@ function Q(e) {
 	return [...e?.images ?? []].sort((e, t) => e.position - t.position);
 }
 // src/views/products/product-flow/flow-success.tsx
-function vt({ success: e, onAddAnother: t, onDone: n }) {
-	let { labels: r, hrefs: i, renderImage: a, renderLink: o } = F(), s = r.products.flow, { product: c, first: l } = e, u = Q(c)[0];
+function At({ success: e, onAddAnother: t, onDone: n }) {
+	let { labels: r, hrefs: i, renderImage: a, renderLink: o } = F(), s = r.products.flow, { product: c, first: l } = e, u = Q(c)[0], d = i.storefrontProduct?.(c.slug);
 	return /* @__PURE__ */ w("section", {
 		className: "sfa-flow-success",
 		"aria-labelledby": "sfa-flow-success",
@@ -2271,6 +2492,11 @@ function vt({ success: e, onAddAnother: t, onDone: n }) {
 				onClick: t,
 				children: s.addAnother
 			}),
+			d ? o({
+				href: d,
+				children: s.seeInShop,
+				className: "sfa-btn"
+			}) : null,
 			n ? /* @__PURE__ */ C("button", {
 				type: "button",
 				className: "sfa-btn",
@@ -2284,20 +2510,20 @@ function vt({ success: e, onAddAnother: t, onDone: n }) {
 		]
 	});
 }
-var yt = [
+var jt = [
 	"image/jpeg",
 	"image/png",
 	"image/webp",
 	"image/heic"
 ];
-function $(e, t) {
+function Mt(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? "");
 }
-function bt(e, t) {
-	return yt.includes(e.type) ? e.size > 8388608 ? $(t.tooLarge, { name: e.name }) : null : $(t.wrongType, { name: e.name });
+function Nt(e, t) {
+	return jt.includes(e.type) ? e.size > 8388608 ? Mt(t.tooLarge, { name: e.name }) : null : Mt(t.wrongType, { name: e.name });
 }
 // src/lib/use-image-upload.ts
-function xt({ productId: e, resolveProductId: t, onUploaded: n }) {
+function Pt({ productId: e, resolveProductId: t, onUploaded: n }) {
 	let r = I(), { labels: i } = F(), [a, o] = b([]), s = y(0), c = y(Promise.resolve()), l = y(n), u = y({
 		productId: e,
 		resolveProductId: t
@@ -2334,7 +2560,7 @@ function xt({ productId: e, resolveProductId: t, onUploaded: n }) {
 			let n = e.map((e) => ({
 				id: s.current++,
 				file: e,
-				reason: bt(e, i.products.images)
+				reason: Nt(e, i.products.images)
 			}));
 			o((e) => [...e, ...n.map(({ id: e, file: t, reason: n }) => ({
 				id: e,
@@ -2348,16 +2574,16 @@ function xt({ productId: e, resolveProductId: t, onUploaded: n }) {
 	};
 }
 // src/views/products/product-flow/photos-section.tsx
-function St({ product: e, ensureProduct: t, setProduct: n, imagesSlot: r }) {
-	let i = I(), { labels: a, renderImage: o } = F(), s = a.products.flow, [c, l] = b(void 0), [u, d] = b(!1), f = Q(e), { entries: p, upload: m, dismiss: h } = xt({
+function Ft({ product: e, ensureProduct: t, setProduct: n, imagesSlot: r }) {
+	let i = I(), { labels: a, renderImage: o } = F(), s = a.products.flow, [c, l] = b(void 0), [u, d] = b(!1), f = Q(e), { entries: p, upload: m, dismiss: h } = Pt({
 		productId: e?.id,
 		resolveProductId: async () => (await t()).id,
 		onUploaded: n
 	});
 	if (r) return r;
-	let g = (e) => {
+	let g = f.length > 0 || p.length > 0, _ = (e) => {
 		m(Array.from(e.target.files ?? []), ""), e.target.value = "";
-	}, _ = async (t) => {
+	}, v = async (t) => {
 		if (e && !u) {
 			d(!0), l(void 0);
 			try {
@@ -2368,62 +2594,69 @@ function St({ product: e, ensureProduct: t, setProduct: n, imagesSlot: r }) {
 				d(!1);
 			}
 		}
-	}, v = (e) => _((t) => i.reorderProductImages(t, [e, ...f.filter((t) => t.id !== e).map((e) => e.id)]));
+	}, y = (e) => v((t) => i.reorderProductImages(t, [e, ...f.filter((t) => t.id !== e).map((e) => e.id)])), x = /* @__PURE__ */ w("label", {
+		className: `sfa-flow__dropzone${g ? " sfa-flow__dropzone--tile" : ""}`,
+		children: [
+			/* @__PURE__ */ C("span", {
+				className: "sfa-flow__dropzone-icon",
+				"aria-hidden": "true",
+				children: "+"
+			}),
+			/* @__PURE__ */ C("strong", { children: g ? s.addPhotoTile : s.addPhotos }),
+			g ? null : /* @__PURE__ */ C("small", { children: s.photoHint }),
+			/* @__PURE__ */ C("input", {
+				type: "file",
+				accept: "image/*",
+				multiple: !0,
+				className: "sfa-sr-only",
+				onChange: _
+			})
+		]
+	});
 	return /* @__PURE__ */ w(S, { children: [
-		/* @__PURE__ */ w("label", {
-			className: "sfa-flow__dropzone",
+		f.length || p.length ? null : x,
+		/* @__PURE__ */ C(q, { error: c }),
+		f.length || p.length ? /* @__PURE__ */ w("ul", {
+			className: "sfa-flow__thumbs",
 			children: [
-				/* @__PURE__ */ C("span", {
-					className: "sfa-flow__dropzone-icon",
-					"aria-hidden": "true",
-					children: "+"
+				f.map((e, t) => {
+					let n = String(t + 1);
+					return /* @__PURE__ */ w("li", {
+						className: `sfa-flow__thumb${t === 0 ? " is-cover" : ""}`,
+						children: [/* @__PURE__ */ w("button", {
+							type: "button",
+							className: "sfa-flow__thumb-pick",
+							"aria-label": t === 0 ? `${Z(s.photoN, { n })}, ${s.cover}` : Z(s.makeCover, { n }),
+							"aria-pressed": t === 0,
+							disabled: u,
+							onClick: () => t === 0 ? void 0 : y(e.id),
+							children: [o({
+								src: e.url,
+								alt: "",
+								sizes: "120px"
+							}), t === 0 ? /* @__PURE__ */ C("span", {
+								className: "sfa-flow__badge",
+								children: s.cover
+							}) : null]
+						}), /* @__PURE__ */ C("button", {
+							type: "button",
+							className: "sfa-flow__thumb-remove",
+							"aria-label": Z(s.removePhoto, { n }),
+							disabled: u,
+							onClick: () => v((t) => i.deleteProductImage(t, e.id)),
+							children: "✕"
+						})]
+					}, e.id);
 				}),
-				/* @__PURE__ */ C("strong", { children: f.length ? s.addMorePhotos : s.addPhotos }),
-				/* @__PURE__ */ C("small", { children: s.photoHint }),
-				/* @__PURE__ */ C("input", {
-					type: "file",
-					accept: "image/*",
-					multiple: !0,
-					className: "sfa-sr-only",
-					onChange: g
+				p.map((e) => /* @__PURE__ */ C(It, {
+					entry: e,
+					onDismiss: h
+				}, e.id)),
+				/* @__PURE__ */ C("li", {
+					className: "sfa-flow__thumb sfa-flow__thumb--add",
+					children: x
 				})
 			]
-		}),
-		/* @__PURE__ */ C(q, { error: c }),
-		f.length || p.length ? /* @__PURE__ */ w("ul", {
-			className: "sfa-flow__thumbs",
-			children: [f.map((e, t) => {
-				let n = String(t + 1);
-				return /* @__PURE__ */ w("li", {
-					className: `sfa-flow__thumb${t === 0 ? " is-cover" : ""}`,
-					children: [/* @__PURE__ */ w("button", {
-						type: "button",
-						className: "sfa-flow__thumb-pick",
-						"aria-label": t === 0 ? `${Z(s.photoN, { n })}, ${s.cover}` : Z(s.makeCover, { n }),
-						"aria-pressed": t === 0,
-						disabled: u,
-						onClick: () => t === 0 ? void 0 : v(e.id),
-						children: [o({
-							src: e.url,
-							alt: "",
-							sizes: "120px"
-						}), t === 0 ? /* @__PURE__ */ C("span", {
-							className: "sfa-flow__badge",
-							children: s.cover
-						}) : null]
-					}), /* @__PURE__ */ C("button", {
-						type: "button",
-						className: "sfa-flow__thumb-remove",
-						"aria-label": Z(s.removePhoto, { n }),
-						disabled: u,
-						onClick: () => _((t) => i.deleteProductImage(t, e.id)),
-						children: "✕"
-					})]
-				}, e.id);
-			}), p.map((e) => /* @__PURE__ */ C(Ct, {
-				entry: e,
-				onDismiss: h
-			}, e.id))]
 		}) : null,
 		/* @__PURE__ */ C("p", {
 			className: "sfa-flow__tip",
@@ -2431,7 +2664,7 @@ function St({ product: e, ensureProduct: t, setProduct: n, imagesSlot: r }) {
 		})
 	] });
 }
-function Ct({ entry: e, onDismiss: t }) {
+function It({ entry: e, onDismiss: t }) {
 	let { labels: n } = F();
 	return e.status === "error" ? /* @__PURE__ */ w("li", {
 		className: "sfa-flow__thumb is-failed",
@@ -2455,7 +2688,7 @@ function Ct({ entry: e, onDismiss: t }) {
 	});
 }
 // src/views/products/product-flow/preview-section.tsx
-function wt({ form: e, update: t, product: n, currency: r, missing: i, actions: a }) {
+function Lt({ form: e, update: t, product: n, currency: r, missing: i, actions: a }) {
 	let { labels: o, renderImage: s } = F(), c = o.products.flow, l = o.products.sheet.missing, u = Q(n)[0], d = Y(e.price);
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ w("div", {
@@ -2498,7 +2731,7 @@ function wt({ form: e, update: t, product: n, currency: r, missing: i, actions:
 				}) : null
 			]
 		}),
-		/* @__PURE__ */ C(Ye, {
+		/* @__PURE__ */ C(it, {
 			id: "sfa-flow-featured",
 			label: c.featured,
 			checked: e.featured,
@@ -2518,9 +2751,52 @@ function wt({ form: e, update: t, product: n, currency: r, missing: i, actions:
 		})
 	] });
 }
+// src/views/products/product-flow/materials-field.tsx
+function Rt(e, t) {
+	let n = ht(e);
+	return {
+		picked: n.filter((e) => t.includes(e)),
+		custom: n.filter((e) => !t.includes(e)).join(", ")
+	};
+}
+function zt({ value: e, suggestions: t = [], onChange: n }) {
+	let { labels: r } = F(), i = Rt(e, t), [a, o] = b(i.picked), [s, c] = b(i.custom), l = (e) => {
+		let t = a.includes(e) ? a.filter((t) => t !== e) : [...a, e];
+		o(t), n(gt(t, s));
+	}, u = (e) => {
+		c(e), n(gt(a, e));
+	};
+	return /* @__PURE__ */ w("div", {
+		className: "sfa-field",
+		children: [
+			/* @__PURE__ */ C("label", {
+				className: "sfa-field__label",
+				htmlFor: "sfa-flow-materials",
+				children: r.products.fields.materials
+			}),
+			t.length ? /* @__PURE__ */ C("div", {
+				className: "sfa-flow__chips",
+				children: t.map((e) => /* @__PURE__ */ C("button", {
+					type: "button",
+					className: "sfa-chip",
+					"aria-pressed": a.includes(e),
+					onClick: () => l(e),
+					children: e
+				}, e))
+			}) : null,
+			/* @__PURE__ */ C("input", {
+				id: "sfa-flow-materials",
+				type: "text",
+				placeholder: t.length ? r.products.flow.materialsOther : "",
+				value: s,
+				onChange: (e) => u(e.target.value)
+			})
+		]
+	});
+}
 // src/views/products/product-flow/story-section.tsx
-function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions: i }) {
-	let { labels: a } = F(), o = a.products.flow, s = a.products.fields, c = o.descriptionPrompts, l = it(e.materials), u = Q(n);
+function Bt({ form: e, update: t, product: n, setProduct: r, materialSuggestions: i }) {
+	let { labels: a } = F(), o = a.products.flow, s = a.products.fields, c = o.descriptionPrompts, l = Q(n);
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ w("div", {
 			className: "sfa-field",
@@ -2533,6 +2809,7 @@ function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions
 				/* @__PURE__ */ C("textarea", {
 					id: "sfa-flow-description",
 					rows: 5,
+					placeholder: o.descriptionPlaceholder,
 					value: e.description,
 					onChange: (e) => t("description", e.target.value)
 				}),
@@ -2541,38 +2818,16 @@ function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions
 					children: c.map((n) => /* @__PURE__ */ w("button", {
 						type: "button",
 						className: "sfa-chip",
-						onClick: () => t("description", ot(e.description, n)),
+						onClick: () => t("description", _t(e.description, n)),
 						children: ["+ ", n]
 					}, n))
 				}) : null
 			]
 		}),
-		/* @__PURE__ */ w("div", {
-			className: "sfa-field",
-			children: [
-				/* @__PURE__ */ C("label", {
-					className: "sfa-field__label",
-					htmlFor: "sfa-flow-materials",
-					children: s.materials
-				}),
-				i?.length ? /* @__PURE__ */ C("div", {
-					className: "sfa-flow__chips",
-					children: i.map((n) => /* @__PURE__ */ C("button", {
-						type: "button",
-						className: "sfa-chip",
-						"aria-pressed": l.includes(n),
-						onClick: () => t("materials", at(e.materials, n)),
-						children: n
-					}, n))
-				}) : null,
-				/* @__PURE__ */ C("input", {
-					id: "sfa-flow-materials",
-					type: "text",
-					placeholder: i?.length ? o.materialsOther : "",
-					value: e.materials,
-					onChange: (e) => t("materials", e.target.value)
-				})
-			]
+		/* @__PURE__ */ C(zt, {
+			value: e.materials,
+			suggestions: i,
+			onChange: (e) => t("materials", e)
 		}),
 		/* @__PURE__ */ w("div", {
 			className: "sfa-field",
@@ -2583,11 +2838,12 @@ function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions
 			}), /* @__PURE__ */ C("input", {
 				id: "sfa-flow-size",
 				type: "text",
+				placeholder: o.sizePlaceholder,
 				value: e.dimensions,
 				onChange: (e) => t("dimensions", e.target.value)
 			})]
 		}),
-		n && u.length ? /* @__PURE__ */ w("fieldset", {
+		n && l.length ? /* @__PURE__ */ w("fieldset", {
 			className: "sfa-flow__alts",
 			children: [
 				/* @__PURE__ */ C("legend", {
@@ -2598,11 +2854,11 @@ function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions
 					className: "sfa-field__help",
 					children: o.altHelp
 				}),
-				u.map((t, i) => /* @__PURE__ */ C(Et, {
+				l.map((t, i) => /* @__PURE__ */ C(Vt, {
 					productId: n.id,
 					image: t,
 					label: Z(o.photoN, { n: String(i + 1) }),
-					placeholder: Z(o.altFallback, {
+					placeholder: o.altPlaceholder || Z(o.altFallback, {
 						name: e.name.trim() || o.untitled,
 						n: String(i + 1)
 					}),
@@ -2612,7 +2868,7 @@ function Tt({ form: e, update: t, product: n, setProduct: r, materialSuggestions
 		}) : null
 	] });
 }
-function Et({ productId: e, image: t, label: n, placeholder: r, onSaved: i }) {
+function Vt({ productId: e, image: t, label: n, placeholder: r, onSaved: i }) {
 	let a = I(), [o, s] = b(t.alt), [c, l] = b(void 0), u = `sfa-flow-alt-${t.id}`;
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-field",
@@ -2644,7 +2900,7 @@ function Et({ productId: e, image: t, label: n, placeholder: r, onSaved: i }) {
 	});
 }
 // src/lib/product-form.ts
-var Dt = {
+var Ht = {
 	name: "",
 	category: "",
 	description: "",
@@ -2655,7 +2911,7 @@ var Dt = {
 	status: "draft",
 	featured: !1
 };
-function Ot(e) {
+function Ut(e) {
 	return {
 		name: e.name,
 		category: e.category ?? "",
@@ -2669,18 +2925,21 @@ function Ot(e) {
 	};
 }
 // src/lib/use-product-autosave.ts
-function kt({ initial: e, form: t, currency: n, delayMs: r = 600 }) {
+function Wt({ initial: e, form: t, currency: n, delayMs: r = 600 }) {
 	let i = I(), [a, o] = b(e), [s, c] = b(e ? "saved" : "idle"), [l, u] = b(void 0), d = y(e), f = y(t), p = y(t), m = y(Promise.resolve()), g = h((e) => {
 		d.current = e, o(e);
 	}, []), v = h(async (e) => {
 		let t = d.current, r = f.current;
-		if (!t && !e && !et(r)) return null;
-		let a = t ? nt(t, r) : null;
+		if (!t && !e && !lt(r)) return null;
+		let a = t ? dt(t, r) : null;
 		if (t && a && Object.keys(a).length === 0) return t;
 		c("saving");
 		try {
-			let e = t ? await i.updateProduct(t.id, a) : await i.createProduct(tt(r, n));
-			return g(e), u(void 0), c("saved"), e;
+			let e = t ? await i.updateProduct(t.id, a) : await i.createProduct(ut(r, n)), o = d.current;
+			return g(t && o && o !== t ? {
+				...e,
+				images: o.images
+			} : e), u(void 0), c("saved"), d.current ?? e;
 		} catch (e) {
 			return u(e), c("error"), null;
 		}
@@ -2715,8 +2974,8 @@ function kt({ initial: e, form: t, currency: n, delayMs: r = 600 }) {
 	};
 }
 // src/views/products/product-flow/use-product-flow.ts
-function At({ initial: e, initialStep: t, isFirstProduct: n, onDone: r, onClose: i }) {
-	let a = I(), { labels: o } = F(), s = o.products.flow, [c, l] = b(e ? Ot(e) : Dt), [d, f] = b(t ?? "photos"), p = kt({
+function Gt({ initial: e, initialStep: t, isFirstProduct: n, onDone: r, onClose: i }) {
+	let a = I(), { labels: o } = F(), s = o.products.flow, [c, l] = b(e ? Ut(e) : Ht), [d, f] = b(t ?? "photos"), p = Wt({
 		initial: e,
 		form: c
 	}), [m, h] = b(null), [g, _] = b(void 0), [v, y] = b(!1), [x, S] = b(null), [C, w] = b(null), [T, E] = b(!1), D = p.product, O = e === null, k = (e, t) => {
@@ -2750,8 +3009,8 @@ function At({ initial: e, initialStep: t, isFirstProduct: n, onDone: r, onClose:
 		r ? r(e) : w(o.products.saved);
 	}, N = () => j(async () => {
 		let e = await p.flush();
-		e ? M(await A(e)) : et(c) || await P();
-	}), ee = () => j(async () => {
+		e ? M(await A(e)) : lt(c) || await ee();
+	}), P = () => j(async () => {
 		let e = (D?.status ?? "draft") === "draft", t = await A(await p.ensureProduct()), r = t.status === "active" ? t : await a.updateProduct(t.id, { status: "active" });
 		if (p.setProduct(r), !e) return M(r);
 		let i = n ?? (await a.getProductCounts()).live === 1;
@@ -2759,7 +3018,7 @@ function At({ initial: e, initialStep: t, isFirstProduct: n, onDone: r, onClose:
 			product: r,
 			first: i
 		});
-	}), P = async () => {
+	}), ee = async () => {
 		let e = await p.flush() ?? p.product;
 		O && e && e.status === "draft" && !x ? E(!0) : i?.(e);
 	};
@@ -2782,12 +3041,12 @@ function At({ initial: e, initialStep: t, isFirstProduct: n, onDone: r, onClose:
 			E(!1), i?.(p.product);
 		},
 		saveDraft: N,
-		publish: ee,
-		close: P
+		publish: P,
+		close: ee
 	};
 }
 // src/views/products/product-flow/admin-product-flow.tsx
-function jt(e) {
+function Kt(e) {
 	let [t, n] = b({
 		key: 0,
 		productId: e.productId
@@ -2795,11 +3054,11 @@ function jt(e) {
 		key: e.key + 1,
 		productId: void 0
 	}));
-	return t.productId ? /* @__PURE__ */ C(Mt, {
+	return t.productId ? /* @__PURE__ */ C(qt, {
 		...e,
 		productId: t.productId,
 		onAddAnother: r
-	}, t.key) : /* @__PURE__ */ C(Nt, {
+	}, t.key) : /* @__PURE__ */ C(Jt, {
 		...e,
 		initial: null,
 		initialStep: void 0,
@@ -2807,15 +3066,15 @@ function jt(e) {
 		onAddAnother: r
 	}, t.key);
 }
-function Mt({ productId: e, ...t }) {
+function qt({ productId: e, ...t }) {
 	let n = I(), { labels: r } = F(), i = L(["admin-product", e], () => n.getProduct(e));
-	return i.error ? /* @__PURE__ */ C(q, { error: i.error }) : i.data ? /* @__PURE__ */ C(Nt, {
+	return i.error ? /* @__PURE__ */ C(q, { error: i.error }) : i.data ? /* @__PURE__ */ C(Jt, {
 		...t,
 		initial: i.data
 	}, i.data.id) : /* @__PURE__ */ C("p", { children: r.loading });
 }
-function Nt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i, materialSuggestions: a, isFirstProduct: o, imagesSlot: s, onAddAnother: c }) {
-	let { labels: l, hrefs: u, renderLink: d, currency: f } = F(), p = l.products.flow, m = At({
+function Jt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i, materialSuggestions: a, isFirstProduct: o, imagesSlot: s, onAddAnother: c }) {
+	let { labels: l, hrefs: u, renderLink: d, currency: f } = F(), p = l.products.flow, m = Gt({
 		initial: e,
 		initialStep: t,
 		isFirstProduct: o,
@@ -2830,44 +3089,60 @@ function Nt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i,
 		b.current = !1, e && v.current?.querySelector(`#sfa-flow-${m.step}`)?.scrollIntoView?.({ block: "start" });
 	}, [m.step, t]), m.success) return /* @__PURE__ */ C("div", {
 		className: "sfa-flow sfa-flow--done",
-		children: /* @__PURE__ */ C(vt, {
+		children: /* @__PURE__ */ C(At, {
 			success: m.success,
 			onAddAnother: c,
 			onDone: n
 		})
 	});
 	let x = () => {
-		let e = dt(m.step);
+		let e = St(m.step);
 		e ? m.goTo(e) : r && m.close();
-	}, T = r ? /* @__PURE__ */ C("button", {
+	}, T = r ? /* @__PURE__ */ w("button", {
 		type: "button",
 		className: "sfa-btn sfa-btn--ghost",
 		"aria-label": p.close,
 		onClick: () => void m.close(),
-		children: "✕"
-	}) : d({
-		href: u.products,
-		className: "sfa-btn sfa-btn--ghost",
-		children: /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ C("span", {
 			"aria-hidden": "true",
 			children: "✕"
 		}), /* @__PURE__ */ C("span", {
-			className: "sfa-sr-only",
+			className: "sfa-flow__btn-text",
+			"aria-hidden": "true",
 			children: p.close
-		})] })
+		})]
+	}) : d({
+		href: u.products,
+		className: "sfa-btn sfa-btn--ghost",
+		children: /* @__PURE__ */ w(S, { children: [
+			/* @__PURE__ */ C("span", {
+				"aria-hidden": "true",
+				children: "✕"
+			}),
+			/* @__PURE__ */ C("span", {
+				className: "sfa-sr-only",
+				children: p.close
+			}),
+			/* @__PURE__ */ C("span", {
+				className: "sfa-flow__btn-text",
+				"aria-hidden": "true",
+				children: p.close
+			})
+		] })
 	}), E = (e) => m.step === e;
 	return /* @__PURE__ */ w("div", {
 		ref: v,
 		className: "sfa-flow",
 		"data-step": m.step,
 		children: [
-			/* @__PURE__ */ C(mt, {
+			/* @__PURE__ */ C(Et, {
 				title: m.isNew ? p.newTitle : p.editTitle,
+				step: m.step,
 				onBack: x,
 				canGoBack: !!r || m.step !== "photos",
 				close: T
 			}),
-			/* @__PURE__ */ C(ht, {
+			/* @__PURE__ */ C(Dt, {
 				step: m.step,
 				allOpen: !m.isNew,
 				onStep: m.goTo
@@ -2877,29 +3152,29 @@ function Nt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i,
 				children: [/* @__PURE__ */ w("div", {
 					className: "sfa-flow__main",
 					children: [
-						/* @__PURE__ */ C(_t, {
+						/* @__PURE__ */ C(kt, {
 							step: "photos",
 							active: E("photos"),
-							children: /* @__PURE__ */ C(St, {
+							children: /* @__PURE__ */ C(Ft, {
 								product: m.product,
 								ensureProduct: m.autosave.ensureProduct,
 								setProduct: m.autosave.setProduct,
 								imagesSlot: s
 							})
 						}),
-						/* @__PURE__ */ C(_t, {
+						/* @__PURE__ */ C(kt, {
 							step: "basics",
 							active: E("basics"),
-							children: /* @__PURE__ */ C(lt, {
+							children: /* @__PURE__ */ C(bt, {
 								...g,
 								categories: i,
 								currency: h
 							})
 						}),
-						/* @__PURE__ */ C(_t, {
+						/* @__PURE__ */ C(kt, {
 							step: "story",
 							active: E("story"),
-							children: /* @__PURE__ */ C(Tt, {
+							children: /* @__PURE__ */ C(Bt, {
 								...g,
 								product: m.product,
 								setProduct: m.autosave.setProduct,
@@ -2909,30 +3184,34 @@ function Nt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i,
 					]
 				}), /* @__PURE__ */ w("aside", {
 					className: "sfa-flow__aside",
-					children: [
-						/* @__PURE__ */ C(_t, {
-							step: "preview",
-							active: E("preview"),
-							children: /* @__PURE__ */ C(wt, {
-								...g,
-								product: m.product,
-								currency: h,
-								missing: m.missing,
-								actions: /* @__PURE__ */ C(ft, { flow: m })
-							})
-						}),
-						/* @__PURE__ */ C(q, { error: m.failure }),
-						/* @__PURE__ */ C(gt, {
-							state: m.autosave.state,
-							isNew: m.isNew,
-							onRetry: () => void m.autosave.retry()
+					children: [/* @__PURE__ */ C(kt, {
+						step: "preview",
+						active: E("preview"),
+						live: (m.product?.status ?? "draft") !== "draft",
+						children: /* @__PURE__ */ C(Lt, {
+							...g,
+							product: m.product,
+							currency: h,
+							missing: m.missing,
+							actions: /* @__PURE__ */ C(Ct, { flow: m })
 						})
-					]
+					}), /* @__PURE__ */ C(q, { error: m.failure })]
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "sfa-flow__foot",
-				children: /* @__PURE__ */ C(pt, { flow: m })
+				children: [
+					/* @__PURE__ */ C(Tt, { flow: m }),
+					/* @__PURE__ */ C(Ot, {
+						state: m.autosave.state,
+						isNew: m.isNew,
+						onRetry: () => void m.autosave.retry()
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "sfa-flow__foot-actions",
+						children: /* @__PURE__ */ C(wt, { flow: m })
+					})
+				]
 			}),
 			m.notice ? /* @__PURE__ */ C(K, {
 				variant: "success",
@@ -2951,14 +3230,14 @@ function Nt({ initial: e, initialStep: t, onDone: n, onClose: r, categories: i,
 	});
 }
 // src/views/products/admin-product-editor.tsx
-function Pt() {
+function Yt() {
 	let e = new URLSearchParams(window.location.search).get("step");
-	return j.find((t) => t === e);
+	return M.find((t) => t === e);
 }
-var Ft = () => () => void 0;
-function It({ productId: e, onSaved: t, imagesSlot: n, categories: r, initialStep: i }) {
-	let a = x(Ft, Pt, () => void 0);
-	return /* @__PURE__ */ C(jt, {
+var Xt = () => () => void 0;
+function Zt({ productId: e, onSaved: t, imagesSlot: n, categories: r, initialStep: i }) {
+	let a = x(Xt, Yt, () => void 0);
+	return /* @__PURE__ */ C(Kt, {
 		productId: e,
 		initialStep: i ?? a,
 		onDone: t,
@@ -2967,7 +3246,7 @@ function It({ productId: e, onSaved: t, imagesSlot: n, categories: r, initialSte
 	});
 }
 // src/views/products/image-alt-editor.tsx
-function Lt({ imageId: e, alt: t, name: n, labels: r, onSave: i }) {
+function Qt({ imageId: e, alt: t, name: n, labels: r, onSave: i }) {
 	let [a, o] = b(null), [s, c] = b(!1), [l, u] = b(void 0), d = () => {
 		o(null), u(void 0);
 	};
@@ -3021,8 +3300,8 @@ function Lt({ imageId: e, alt: t, name: n, labels: r, onSave: i }) {
 	});
 }
 // src/views/products/image-tile.tsx
-function Rt({ image: e, index: t, total: n, busy: r, labels: i, onMove: a, onRemove: o, onSaveAlt: s }) {
-	let { renderImage: c } = F(), l = e.alt || $(i.photoName, { n: String(t + 1) }), u = (t, n, r) => /* @__PURE__ */ C("button", {
+function $t({ image: e, index: t, total: n, busy: r, labels: i, onMove: a, onRemove: o, onSaveAlt: s }) {
+	let { renderImage: c } = F(), l = e.alt || Mt(i.photoName, { n: String(t + 1) }), u = (t, n, r) => /* @__PURE__ */ C("button", {
 		type: "button",
 		className: "sfa-btn",
 		"data-image-id": e.id,
@@ -3057,7 +3336,7 @@ function Rt({ image: e, index: t, total: n, busy: r, labels: i, onMove: a, onRem
 				children: [
 					u("earlier", i.moveEarlier, t === 0),
 					u("later", i.moveLater, t === n - 1),
-					/* @__PURE__ */ C(Lt, {
+					/* @__PURE__ */ C(Qt, {
 						imageId: e.id,
 						alt: e.alt,
 						name: l,
@@ -3077,7 +3356,7 @@ function Rt({ image: e, index: t, total: n, busy: r, labels: i, onMove: a, onRem
 	});
 }
 // src/views/products/upload-picker.tsx
-function zt({ labels: e, onFiles: t }) {
+function en({ labels: e, onFiles: t }) {
 	let n = (e) => {
 		t(Array.from(e.target.files ?? [])), e.target.value = "";
 	};
@@ -3105,11 +3384,11 @@ function zt({ labels: e, onFiles: t }) {
 	});
 }
 // src/views/products/admin-product-images.tsx
-var Bt = (e) => [...e].sort((e, t) => e.position - t.position);
-function Vt({ productId: e, images: t }) {
-	let n = I(), { labels: r } = F(), i = r.products.images, [a, o] = b(() => Bt(t)), [s, c] = b(null), [l, u] = b(!1), [d, f] = b(""), [p, m] = b(void 0), [h, g] = b(!1), [v, x] = b(null), T = y(null), E = y(null), { entries: D, upload: O, dismiss: k } = xt({
+var $ = (e) => [...e].sort((e, t) => e.position - t.position);
+function tn({ productId: e, images: t }) {
+	let n = I(), { labels: r } = F(), i = r.products.images, [a, o] = b(() => $(t)), [s, c] = b(null), [l, u] = b(!1), [d, f] = b(""), [p, m] = b(void 0), [h, g] = b(!1), [v, x] = b(null), T = y(null), E = y(null), { entries: D, upload: O, dismiss: k } = Pt({
 		productId: e,
-		onUploaded: (e) => o(Bt(e.images))
+		onUploaded: (e) => o($(e.images))
 	});
 	_(() => {
 		let e = T.current;
@@ -3128,7 +3407,7 @@ function Vt({ productId: e, images: t }) {
 		}, o(d), u(!0), c(a[t].id), m(void 0), g(!1);
 		try {
 			let t = await n.reorderProductImages(e, d.map((e) => e.id));
-			o(Bt(t.images));
+			o($(t.images));
 		} catch (e) {
 			T.current = {
 				id: a[t].id,
@@ -3143,7 +3422,7 @@ function Vt({ productId: e, images: t }) {
 		x(null), c(t.id), m(void 0), g(!1);
 		try {
 			let r = await n.deleteProductImage(e, t.id);
-			o(Bt(r.images));
+			o($(r.images));
 		} catch (e) {
 			m(e);
 		} finally {
@@ -3151,7 +3430,7 @@ function Vt({ productId: e, images: t }) {
 		}
 	}, M = async (t, r) => {
 		let i = await n.updateProductImage(e, t, { alt: r });
-		o(Bt(i.images));
+		o($(i.images));
 	};
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-images",
@@ -3192,7 +3471,7 @@ function Vt({ productId: e, images: t }) {
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ C(zt, {
+			/* @__PURE__ */ C(en, {
 				labels: i,
 				onFiles: (e) => O(e, d)
 			}),
@@ -3204,7 +3483,7 @@ function Vt({ productId: e, images: t }) {
 			/* @__PURE__ */ w("ul", {
 				ref: E,
 				className: "sfa-image-grid",
-				children: [a.map((e, t) => /* @__PURE__ */ C(Rt, {
+				children: [a.map((e, t) => /* @__PURE__ */ C($t, {
 					image: e,
 					index: t,
 					total: a.length,
@@ -3243,69 +3522,28 @@ function Vt({ productId: e, images: t }) {
 		]
 	});
 }
-// src/components/empty-state/empty-state.tsx
-var Ht = {
-	orders: "M4 8l8-4 8 4v8l-8 4-8-4V8zm0 0l8 4m0 0l8-4m-8 4v8",
-	discounts: "M3 12V4h8l10 10-8 8L3 12zm5-5h.01",
-	shipping: "M2 6h11v9H2V6zm11 3h4l3 3v3h-7V9zM6 18.5h.01M17 18.5h.01",
-	search: "M11 4a7 7 0 100 14 7 7 0 000-14zm9 16l-4-4"
-};
-function Ut({ icon: e, title: t, body: n, action: r, children: i }) {
-	return /* @__PURE__ */ w("div", {
-		className: "sfa-empty-state",
-		children: [
-			/* @__PURE__ */ C("svg", {
-				className: "sfa-empty-state__icon",
-				viewBox: "0 0 24 24",
-				width: "48",
-				height: "48",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				focusable: "false",
-				children: /* @__PURE__ */ C("path", { d: Ht[e] })
-			}),
-			/* @__PURE__ */ C("h2", {
-				className: "sfa-empty-state__title",
-				children: t
-			}),
-			n ? /* @__PURE__ */ C("p", {
-				className: "sfa-empty-state__body",
-				children: n
-			}) : null,
-			i,
-			r ? /* @__PURE__ */ C("div", {
-				className: "sfa-empty-state__action",
-				children: r
-			}) : null
-		]
-	});
-}
 // src/lib/use-order-pages.ts
-function Wt(e) {
+function nn(e) {
 	let t = I();
-	return we(["admin-orders", e], (n) => t.listOrders(n ? {
+	return je(["admin-orders", e], (n) => t.listOrders(n ? {
 		...e,
 		cursor: n
 	} : e));
 }
 // src/views/orders/admin-order-list.tsx
-var Gt = [
+var rn = [
 	"paid",
 	"shipped",
 	"needs_attention",
 	"pending_refund",
 	"all"
 ];
-function Kt(e) {
+function an(e) {
 	return e === "pending_refund" ? { hasPendingRefund: !0 } : e === "all" ? {} : { status: e };
 }
-function qt() {
-	let { labels: e, locale: t, hrefs: n, renderLink: r } = F(), i = e.orders, [a, o] = b("paid"), [s, c] = b(""), l = Ce(s.trim(), 300), u = Wt({
-		...Kt(a),
+function on() {
+	let { labels: e, locale: t, hrefs: n, renderLink: r } = F(), i = e.orders, [a, o] = b("paid"), [s, c] = b(""), l = Ae(s.trim(), 300), u = nn({
+		...an(a),
 		...l ? { q: l } : {}
 	}), d = new Intl.DateTimeFormat(t), f = [
 		{
@@ -3313,7 +3551,7 @@ function qt() {
 			header: i.columns.order,
 			render: (e) => r({
 				href: n.order(e.id),
-				children: e.id,
+				children: T(e.id),
 				className: "sfa-link--tap"
 			})
 		},
@@ -3356,7 +3594,7 @@ function qt() {
 					role: "group",
 					"aria-label": i.columns.status,
 					className: "sfa-filter-group",
-					children: Gt.map((e) => /* @__PURE__ */ C("button", {
+					children: rn.map((e) => /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-chip",
 						"aria-pressed": a === e,
@@ -3372,10 +3610,10 @@ function qt() {
 				})]
 			}),
 			/* @__PURE__ */ C(q, { error: u.error }),
-			u.loading ? /* @__PURE__ */ C("p", { children: e.loading }) : u.items.length === 0 ? /* @__PURE__ */ C(Ut, {
+			u.loading ? /* @__PURE__ */ C("p", { children: e.loading }) : u.items.length === 0 ? /* @__PURE__ */ C(be, {
 				icon: l ? "search" : "orders",
 				title: l ? i.noMatches : i.empty[a],
-				body: l ? void 0 : i.emptyHint
+				body: !l && a === "all" ? i.emptyHint : void 0
 			}) : /* @__PURE__ */ C(H, {
 				columns: f,
 				rows: u.items,
@@ -3392,27 +3630,27 @@ function qt() {
 	});
 }
 // src/lib/refund-rules.ts
-function Jt(e) {
+function sn(e) {
 	return e.refunds.filter((e) => e.status === "pending").reduce((e, t) => e + t.amountCents, 0);
 }
-function Yt(e) {
-	return e.totalCents - e.refundedCents - Jt(e);
+function cn(e) {
+	return e.totalCents - e.refundedCents - sn(e);
 }
-function Xt(e) {
+function ln(e) {
 	return e.refunds.some((e) => e.status === "pending");
 }
-function Zt(e, t) {
-	return e.status !== "needs_attention" && t !== null && t === Yt(e);
+function un(e, t) {
+	return e.status !== "needs_attention" && t !== null && t === cn(e);
 }
-function Qt(e) {
+function dn(e) {
 	return e.status === "paid" || e.status === "shipped";
 }
-function $t(e) {
-	return (Qt(e) || e.status === "needs_attention") && Yt(e) > 0;
+function fn(e) {
+	return (dn(e) || e.status === "needs_attention") && cn(e) > 0;
 }
 // src/views/orders/refund-dialog.tsx
-function en({ order: e, onClose: t, onDone: n }) {
-	let r = I(), o = F().labels.orders.actions, s = y(crypto.randomUUID()), c = Yt(e), [l, u] = b(X(c)), [d, f] = b(""), [p, m] = b(!1), [h, g] = b(!1), _ = R(r.refundOrder), v = Y(l), x = v !== null && v > 0 && v <= c, S = Zt(e, v), T = _.error instanceof a || _.error instanceof i;
+function pn({ order: t, onClose: n, onDone: r }) {
+	let i = I(), o = F().labels.orders.actions, s = y(crypto.randomUUID()), c = cn(t), [l, u] = b(X(c)), [d, f] = b(""), [p, m] = b(!1), [h, g] = b(!1), _ = R(i.refundOrder), v = Y(l), x = v !== null && v > 0 && v <= c, S = un(t, v), T = _.error instanceof a || _.error instanceof e;
 	return /* @__PURE__ */ w(G, {
 		open: !0,
 		title: o.refundTitle,
@@ -3420,15 +3658,15 @@ function en({ order: e, onClose: t, onDone: n }) {
 		destructive: !0,
 		pending: _.pending,
 		onConfirm: async () => {
-			x ? (g(!1), await _.run(e.id, {
+			x ? (g(!1), await _.run(t.id, {
 				amountCents: v,
 				reason: d.trim() || void 0,
 				restock: p && S
-			}, { idempotencyKey: s.current }) && n(o.refundDone)) : g(!0);
+			}, { idempotencyKey: s.current }) && r(o.refundDone)) : g(!0);
 		},
-		onCancel: t,
+		onCancel: n,
 		children: [
-			Xt(e) ? /* @__PURE__ */ C(K, {
+			ln(t) ? /* @__PURE__ */ C(K, {
 				variant: "warning",
 				children: o.refundPending
 			}) : null,
@@ -3470,21 +3708,20 @@ function en({ order: e, onClose: t, onDone: n }) {
 			}),
 			S ? /* @__PURE__ */ w("div", {
 				className: "sfa-field",
-				children: [/* @__PURE__ */ w("label", { children: [
-					/* @__PURE__ */ C("input", {
+				children: [/* @__PURE__ */ w("label", {
+					className: "sfa-check",
+					children: [/* @__PURE__ */ C("input", {
 						type: "checkbox",
 						checked: p,
 						disabled: T,
 						onChange: (e) => m(e.target.checked)
-					}),
-					" ",
-					o.restock
-				] }), /* @__PURE__ */ C("p", {
+					}), o.restock]
+				}), /* @__PURE__ */ C("p", {
 					className: "sfa-field__help",
 					children: o.restockWarning
 				})]
 			}) : null,
-			_.error instanceof i ? /* @__PURE__ */ C(K, {
+			_.error instanceof e ? /* @__PURE__ */ C(K, {
 				variant: "warning",
 				children: o.refundUnknown
 			}) : _.error instanceof a ? /* @__PURE__ */ C(K, {
@@ -3495,34 +3732,35 @@ function en({ order: e, onClose: t, onDone: n }) {
 	});
 }
 // src/views/orders/resolve-button.tsx
-function tn({ order: e, onDone: t }) {
-	let n = I(), { labels: r, hrefs: i, renderLink: a } = F(), o = r.orders.actions, c = R(n.resolveOrder), l = async () => {
-		await c.run(e.id) && t(o.resolved);
-	}, u = c.error instanceof s ? c.error : null, d = new Map(e.items.map((e) => [e.productId, e.name]));
+function mn({ order: e, onDone: t, notice: n }) {
+	let r = I(), { labels: i, hrefs: a, renderLink: o } = F(), s = i.orders.actions, l = R(r.resolveOrder), u = async () => {
+		await l.run(e.id) && t(s.resolved);
+	}, d = l.error instanceof c ? l.error : null, f = new Map(e.items.map((e) => [e.productId, e.name]));
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-order__action",
 		children: [
-			/* @__PURE__ */ C("p", { children: o.resolveHelp }),
-			u ? /* @__PURE__ */ w(K, {
+			/* @__PURE__ */ C("p", { children: s.resolveHelp }),
+			d ? /* @__PURE__ */ w(K, {
 				variant: "error",
-				children: [r.errors.insufficientStock, /* @__PURE__ */ C("ul", { children: u.productIds.map((e) => /* @__PURE__ */ C("li", { children: a({
-					href: i.product(e),
-					children: `${o.restockThenResolve}: ${d.get(e) ?? e}`,
+				children: [i.errors.insufficientStock, /* @__PURE__ */ C("ul", { children: d.productIds.map((e) => /* @__PURE__ */ C("li", { children: o({
+					href: a.product(e),
+					children: `${s.restockThenResolve}: ${f.get(e) ?? e}`,
 					className: "sfa-link--tap"
 				}) }, e)) })]
-			}) : /* @__PURE__ */ C(q, { error: c.error }),
+			}) : /* @__PURE__ */ C(q, { error: l.error }),
 			/* @__PURE__ */ C("button", {
 				type: "button",
 				className: "sfa-btn sfa-btn--primary",
-				disabled: c.pending,
-				onClick: l,
-				children: o.resolve
-			})
+				disabled: l.pending,
+				onClick: u,
+				children: s.resolve
+			}),
+			n
 		]
 	});
 }
 // src/views/orders/ship-form.tsx
-function nn(e) {
+function hn(e) {
 	try {
 		let { protocol: t } = new URL(e);
 		return t === "http:" || t === "https:";
@@ -3530,31 +3768,39 @@ function nn(e) {
 		return !1;
 	}
 }
-function rn({ order: e, onDone: t }) {
-	let n = I(), r = F().labels.orders.actions, i = e.fulfillment, [a, o] = b(i?.carrier ?? ""), [s, c] = b(i?.trackingNumber ?? ""), [l, u] = b(i?.trackingUrl ?? ""), [d, f] = b(!1), p = R(n.shipOrder), m = e.status === "shipped";
+function gn({ order: e, onDone: t, requireTracking: n = !0, notice: r }) {
+	let i = I(), a = F().labels.orders.actions, o = e.fulfillment, [s, c] = b(o?.carrier ?? ""), [l, u] = b(o?.trackingNumber ?? ""), [d, f] = b(o?.trackingUrl ?? ""), [p, m] = b(!1), [h, g] = b(!1), _ = R(i.shipOrder), v = e.status === "shipped", y = async () => {
+		let n = d.trim();
+		n && !hn(n) ? m(!0) : (m(!1), await _.run(e.id, {
+			carrier: s.trim() || void 0,
+			trackingNumber: l.trim() || void 0,
+			trackingUrl: n || void 0
+		}) && t(a.shipped));
+	};
 	return /* @__PURE__ */ w("form", {
 		className: "sfa-order__action",
-		onSubmit: async (n) => {
-			n.preventDefault();
-			let i = l.trim();
-			i && !nn(i) ? f(!0) : (f(!1), await p.run(e.id, {
-				carrier: a.trim() || void 0,
-				trackingNumber: s.trim() || void 0,
-				trackingUrl: i || void 0
-			}) && t(r.shipped));
+		onSubmit: async (e) => {
+			e.preventDefault();
+			let t = d.trim();
+			if (t && !hn(t)) {
+				m(!0);
+				return;
+			}
+			let r = !s.trim() || !l.trim();
+			g(n && r), !(n && r) && await y();
 		},
 		children: [
-			/* @__PURE__ */ C("h3", { children: r.shipHeading }),
+			/* @__PURE__ */ C("h3", { children: a.shipHeading }),
 			/* @__PURE__ */ w("div", {
 				className: "sfa-field",
 				children: [/* @__PURE__ */ C("label", {
 					htmlFor: "sfa-ship-carrier",
 					className: "sfa-field__label",
-					children: r.carrier
+					children: a.carrier
 				}), /* @__PURE__ */ C("input", {
 					id: "sfa-ship-carrier",
-					value: a,
-					onChange: (e) => o(e.target.value)
+					value: s,
+					onChange: (e) => c(e.target.value)
 				})]
 			}),
 			/* @__PURE__ */ w("div", {
@@ -3562,11 +3808,11 @@ function rn({ order: e, onDone: t }) {
 				children: [/* @__PURE__ */ C("label", {
 					htmlFor: "sfa-ship-number",
 					className: "sfa-field__label",
-					children: r.trackingNumber
+					children: a.trackingNumber
 				}), /* @__PURE__ */ C("input", {
 					id: "sfa-ship-number",
-					value: s,
-					onChange: (e) => c(e.target.value)
+					value: l,
+					onChange: (e) => u(e.target.value)
 				})]
 			}),
 			/* @__PURE__ */ w("div", {
@@ -3575,71 +3821,91 @@ function rn({ order: e, onDone: t }) {
 					/* @__PURE__ */ C("label", {
 						htmlFor: "sfa-ship-url",
 						className: "sfa-field__label",
-						children: r.trackingUrl
+						children: a.trackingUrl
 					}),
 					/* @__PURE__ */ C("input", {
 						id: "sfa-ship-url",
-						value: l,
-						"aria-invalid": d,
-						"aria-describedby": d ? "sfa-ship-url-error" : void 0,
-						onChange: (e) => u(e.target.value)
+						value: d,
+						"aria-invalid": p,
+						"aria-describedby": p ? "sfa-ship-url-error" : void 0,
+						onChange: (e) => f(e.target.value)
 					}),
-					d ? /* @__PURE__ */ C("p", {
+					p ? /* @__PURE__ */ C("p", {
 						id: "sfa-ship-url-error",
 						className: "sfa-field__error",
-						children: r.trackingUrlInvalid
+						children: a.trackingUrlInvalid
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ C(q, { error: p.error }),
-			/* @__PURE__ */ C("button", {
-				type: "submit",
-				className: "sfa-btn sfa-btn--primary",
-				disabled: p.pending,
-				children: m ? r.reship : r.ship
-			})
+			h ? /* @__PURE__ */ C(K, {
+				variant: "error",
+				children: a.trackingRequired
+			}) : null,
+			/* @__PURE__ */ w("div", {
+				className: "sfa-order__buttons",
+				children: [/* @__PURE__ */ C("button", {
+					type: "submit",
+					className: "sfa-btn sfa-btn--primary",
+					disabled: _.pending,
+					children: v ? a.reship : a.ship
+				}), n ? /* @__PURE__ */ C("button", {
+					type: "button",
+					className: "sfa-btn",
+					disabled: _.pending,
+					onClick: () => (g(!1), y()),
+					children: a.shipWithoutTracking
+				}) : null]
+			}),
+			/* @__PURE__ */ C(q, { error: _.error }),
+			r
 		]
 	});
 }
 // src/views/orders/order-actions.tsx
-function an({ order: e, reload: t }) {
-	let n = F().labels.orders.actions, [r, i] = b(!1), [a, o] = b(null), s = (e) => {
-		i(!1), o(e), t();
-	};
+function _n({ order: e, reload: t, requireTracking: n = !0 }) {
+	let r = F().labels.orders.actions, [i, a] = b(!1), [o, s] = b(null), c = (e) => (n) => {
+		a(!1), s({
+			source: e,
+			text: n
+		}), t();
+	}, l = (e) => o?.source === e ? /* @__PURE__ */ C(K, {
+		variant: "success",
+		onDismiss: () => s(null),
+		children: o.text
+	}) : null;
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-order__actions",
 		children: [
-			a ? /* @__PURE__ */ C(K, {
-				variant: "success",
-				onDismiss: () => o(null),
-				children: a
-			}) : null,
-			Qt(e) ? /* @__PURE__ */ C(rn, {
+			dn(e) ? /* @__PURE__ */ C(gn, {
 				order: e,
-				onDone: s
+				requireTracking: n,
+				onDone: c("ship"),
+				notice: l("ship")
 			}) : null,
-			e.status === "needs_attention" ? /* @__PURE__ */ C(tn, {
+			e.status === "needs_attention" ? /* @__PURE__ */ C(mn, {
 				order: e,
-				onDone: s
+				onDone: c("resolve"),
+				notice: l("resolve")
 			}) : null,
-			$t(e) ? /* @__PURE__ */ C("button", {
+			fn(e) ? /* @__PURE__ */ C("button", {
 				type: "button",
-				className: "sfa-btn sfa-btn--danger",
-				onClick: () => i(!0),
-				children: n.refund
+				className: "sfa-btn sfa-btn--quiet-danger sfa-order__refund-btn",
+				onClick: () => a(!0),
+				children: r.refund
 			}) : null,
-			r ? /* @__PURE__ */ C(en, {
+			l("refund"),
+			i ? /* @__PURE__ */ C(pn, {
 				order: e,
 				onClose: () => {
-					i(!1), t();
+					a(!1), t();
 				},
-				onDone: s
+				onDone: c("refund")
 			}) : null
 		]
 	});
 }
 // src/views/orders/order-fulfillment.tsx
-function on({ order: e }) {
+function vn({ order: e }) {
 	let { labels: t, locale: n, renderLink: r } = F(), i = t.orders, a = e.fulfillment;
 	return /* @__PURE__ */ w("section", {
 		className: "sfa-order__section",
@@ -3651,13 +3917,13 @@ function on({ order: e }) {
 			a.trackingUrl ? /* @__PURE__ */ C("dd", { children: r({
 				href: a.trackingUrl,
 				children: i.trackShipment,
-				className: "sfa-link--tap"
+				className: "sfa-link--tap sfa-link--external"
 			}) }) : null
 		] }) : /* @__PURE__ */ C("p", { children: i.notShipped })]
 	});
 }
 // src/views/orders/order-items.tsx
-function sn({ order: e }) {
+function yn({ order: e }) {
 	let { labels: t } = F(), n = t.orders, { currency: r } = e, i = [
 		{
 			key: "name",
@@ -3723,7 +3989,7 @@ function sn({ order: e }) {
 	});
 }
 // src/views/orders/order-refunds.tsx
-function cn({ order: e }) {
+function bn({ order: e }) {
 	let { labels: t, locale: n } = F(), r = t.orders, { currency: i } = e, a = new Intl.DateTimeFormat(n), o = [
 		{
 			key: "amount",
@@ -3787,7 +4053,7 @@ function cn({ order: e }) {
 	});
 }
 // src/views/orders/admin-order-detail.tsx
-function ln(e) {
+function xn(e) {
 	let t = e.shippingAddress;
 	if (!t) return [];
 	let n = [
@@ -3803,70 +4069,83 @@ function ln(e) {
 		t.country
 	].filter((e) => !!e);
 }
-function un({ orderId: e, actions: t }) {
-	let n = I(), { labels: r, locale: i, hrefs: a, renderLink: o } = F(), s = r.orders, c = L(["admin-order", e], () => n.getOrder(e));
-	if (c.error) return /* @__PURE__ */ C(q, { error: c.error });
-	let l = c.data;
-	if (!l) return /* @__PURE__ */ C("p", { children: r.loading });
-	let u = ln(l);
+function Sn({ orderId: e, actions: t, requireTracking: n = !0 }) {
+	let r = I(), { labels: i, locale: a, hrefs: o, renderLink: s } = F(), c = i.orders, l = L(["admin-order", e], () => r.getOrder(e));
+	if (l.error) return /* @__PURE__ */ C(q, { error: l.error });
+	let u = l.data;
+	if (!u) return /* @__PURE__ */ C("p", { children: i.loading });
+	let d = xn(u);
 	return /* @__PURE__ */ w("article", {
 		className: "sfa-order",
 		children: [
-			o({
-				href: a.orders,
-				children: s.back,
+			s({
+				href: o.orders,
+				children: c.back,
 				className: "sfa-link--tap"
 			}),
 			/* @__PURE__ */ C(V, {
-				title: `${s.detailTitle} ${l.id}`,
+				title: `${c.detailTitle} ${T(u.id)}`,
 				children: /* @__PURE__ */ w("div", {
 					className: "sfa-order__header",
 					children: [
-						/* @__PURE__ */ C(U, { status: l.status }),
+						/* @__PURE__ */ C(U, { status: u.status }),
 						/* @__PURE__ */ w("span", { children: [
-							s.placed,
+							c.placed,
 							" ",
-							new Intl.DateTimeFormat(i).format(new Date(l.createdAt))
+							new Intl.DateTimeFormat(a).format(new Date(u.createdAt))
 						] }),
 						/* @__PURE__ */ C(W, {
-							cents: l.totalCents,
-							currency: l.currency
+							cents: u.totalCents,
+							currency: u.currency
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ w("section", {
-				className: "sfa-order__section",
-				children: [/* @__PURE__ */ C("h2", { children: s.buyer }), /* @__PURE__ */ C("p", { children: l.email ?? r.orders.noEmail })]
-			}),
-			/* @__PURE__ */ C(sn, { order: l }),
-			/* @__PURE__ */ w("section", {
-				className: "sfa-order__section",
-				children: [/* @__PURE__ */ C("h2", { children: s.shippingAddress }), u.length === 0 ? /* @__PURE__ */ C("p", { children: s.noAddress }) : /* @__PURE__ */ C("address", {
-					className: "sfa-order__address",
-					children: u.map((e) => /* @__PURE__ */ C("div", { children: e }, e))
+			/* @__PURE__ */ w("div", {
+				className: "sfa-order__columns",
+				children: [/* @__PURE__ */ w("div", {
+					className: "sfa-order__main",
+					children: [
+						/* @__PURE__ */ w("section", {
+							className: "sfa-order__section",
+							children: [/* @__PURE__ */ C("h2", { children: c.buyer }), /* @__PURE__ */ C("p", { children: u.email ?? i.orders.noEmail })]
+						}),
+						/* @__PURE__ */ C(yn, { order: u }),
+						/* @__PURE__ */ w("section", {
+							className: "sfa-order__section",
+							children: [/* @__PURE__ */ C("h2", { children: c.shippingAddress }), d.length === 0 ? /* @__PURE__ */ C("p", { children: c.noAddress }) : /* @__PURE__ */ C("address", {
+								className: "sfa-order__address",
+								children: d.map((e) => /* @__PURE__ */ C("div", { children: e }, e))
+							})]
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "sfa-order__side",
+					children: [
+						/* @__PURE__ */ C(vn, { order: u }),
+						/* @__PURE__ */ C(bn, { order: u }),
+						/* @__PURE__ */ C("section", {
+							className: "sfa-order__section",
+							children: t ? t({
+								order: u,
+								reload: l.reload
+							}) : /* @__PURE__ */ C(_n, {
+								order: u,
+								reload: l.reload,
+								requireTracking: n
+							})
+						})
+					]
 				})]
-			}),
-			/* @__PURE__ */ C(on, { order: l }),
-			/* @__PURE__ */ C(cn, { order: l }),
-			/* @__PURE__ */ C("section", {
-				className: "sfa-order__section",
-				children: t ? t({
-					order: l,
-					reload: c.reload
-				}) : /* @__PURE__ */ C(an, {
-					order: l,
-					reload: c.reload
-				})
 			})
 		]
 	});
 }
 // src/lib/shipping-rates.ts
-var dn = 0, fn = () => `rate-${++dn}`;
-function pn(e) {
+var Cn = 0, wn = () => `rate-${++Cn}`;
+function Tn(e) {
 	return [...e].sort((e, t) => e.sort - t.sort).map((e) => ({
-		key: fn(),
+		key: wn(),
 		label: e.label,
 		amount: X(e.amountCents),
 		currency: e.currency,
@@ -3875,9 +4154,9 @@ function pn(e) {
 		active: e.active
 	}));
 }
-function mn(e, t) {
+function En(e, t) {
 	return {
-		key: fn(),
+		key: wn(),
 		label: t,
 		amount: "",
 		currency: e,
@@ -3886,18 +4165,18 @@ function mn(e, t) {
 		active: !0
 	};
 }
-var hn = (e) => JSON.stringify(e.map(({ key: e, ...t }) => t));
-function gn(e) {
+var Dn = (e) => JSON.stringify(e.map(({ key: e, ...t }) => t));
+function On(e) {
 	let t = e.trim();
 	return t === "" ? null : /^\d+$/.test(t) ? Number(t) : void 0;
 }
-function _n(e, t) {
+function kn(e, t) {
 	let n = {}, r = [], i = /* @__PURE__ */ new Map();
 	if (e.forEach((e) => {
 		let t = e.label.trim();
 		i.set(t, (i.get(t) ?? 0) + 1);
 	}), e.forEach((e, a) => {
-		let o = {}, s = e.label.trim(), c = Y(e.amount), l = gn(e.minDays), u = gn(e.maxDays);
+		let o = {}, s = e.label.trim(), c = Y(e.amount), l = On(e.minDays), u = On(e.maxDays);
 		s === "" ? o.label = t.labelRequired : (i.get(s) ?? 0) > 1 && (o.label = t.labelDuplicate), /^[A-Z]{3}$/.test(e.currency) || (o.currency = t.currencyInvalid), c === null && (o.amount = t.amountInvalid), l === void 0 && (o.minDays = t.daysInvalid), u === void 0 && (o.maxDays = t.daysInvalid), typeof l == "number" && typeof u == "number" && l > u && (o.minDays = t.daysOrder), Object.keys(o).length > 0 && (n[e.key] = o), r.push({
 			label: s,
 			amountCents: c ?? 0,
@@ -3908,7 +4187,7 @@ function _n(e, t) {
 			sort: a
 		});
 	}), Object.keys(n).length === 0) {
-		let i = T.safeParse(r);
+		let i = E.safeParse(r);
 		if (!i.success) for (let r of i.error.issues) {
 			let i = typeof r.path[0] == "number" ? e[r.path[0]]?.key : void 0;
 			i && (n[i] = { row: t.rowInvalid });
@@ -3922,19 +4201,19 @@ function _n(e, t) {
 		valid: Object.keys(n).length === 0 && !a
 	};
 }
-var vn = {
+var An = {
 	label: "label",
 	amountCents: "amount",
 	currency: "currency",
 	minDays: "minDays",
 	maxDays: "maxDays"
 };
-function yn(e, t, n) {
+function jn(e, t, n) {
 	let r = {};
 	for (let i of e) {
 		let e = i?.path ?? [], a = e.findIndex((e) => typeof e == "number"), o = a >= 0 ? t[e[a]]?.key : void 0;
 		if (!o) continue;
-		let s = e[e.length - 1], c = e.length - 1 > a && typeof s == "string" ? vn[s] : void 0;
+		let s = e[e.length - 1], c = e.length - 1 > a && typeof s == "string" ? An[s] : void 0;
 		r[o] = {
 			...r[o],
 			[c ?? "row"]: n.rowInvalid
@@ -3942,31 +4221,50 @@ function yn(e, t, n) {
 	}
 	return r;
 }
+// src/lib/currency-symbol.ts
+function Mn(e, t) {
+	try {
+		return new Intl.NumberFormat(t, {
+			style: "currency",
+			currency: e,
+			currencyDisplay: "narrowSymbol"
+		}).formatToParts(0).find((e) => e.type === "currency")?.value ?? e;
+	} catch {
+		return e;
+	}
+}
 // src/views/shipping/shipping-rate-row.tsx
-function bn({ draft: e, index: t, total: n, errors: r, disabled: i, labels: a, onChange: o, onMove: s, onRemove: c }) {
-	let l = e.label.trim() || $(a.rowName, { n: String(t + 1) }), u = (t, n, a, s, c) => {
-		let l = r[s], u = `${e.key}-${t}`;
+function Nn({ draft: e, index: t, total: n, errors: r, disabled: i, labels: a, locale: o, onChange: s, onMove: c, onRemove: l }) {
+	let u = e.label.trim() || Mt(a.rowName, { n: String(t + 1) }), d = Mn(e.currency, o), f = (t, n, a, o, c, l) => {
+		let u = r[o], d = `${e.key}-${t}`, f = /* @__PURE__ */ C("input", {
+			id: d,
+			value: a,
+			inputMode: c,
+			disabled: i,
+			"aria-invalid": !!u,
+			"aria-describedby": u ? `${d}-error` : void 0,
+			onChange: (e) => s({ [o]: e.target.value })
+		});
 		return /* @__PURE__ */ w("div", {
 			className: "sfa-field",
 			children: [
 				/* @__PURE__ */ C("label", {
 					className: "sfa-field__label",
-					htmlFor: u,
+					htmlFor: d,
 					children: n
 				}),
-				/* @__PURE__ */ C("input", {
-					id: u,
-					value: a,
-					inputMode: c,
-					disabled: i,
-					"aria-invalid": !!l,
-					"aria-describedby": l ? `${u}-error` : void 0,
-					onChange: (e) => o({ [s]: e.target.value })
-				}),
-				l ? /* @__PURE__ */ C("p", {
-					id: `${u}-error`,
+				l ? /* @__PURE__ */ w("div", {
+					className: "sfa-rate__money",
+					children: [/* @__PURE__ */ C("span", {
+						className: "sfa-rate__prefix",
+						"aria-hidden": "true",
+						children: l
+					}), f]
+				}) : f,
+				u ? /* @__PURE__ */ C("p", {
+					id: `${d}-error`,
 					className: "sfa-field__error",
-					children: l
+					children: u
 				}) : null
 			]
 		});
@@ -3975,35 +4273,21 @@ function bn({ draft: e, index: t, total: n, errors: r, disabled: i, labels: a, o
 		className: "sfa-rate",
 		"data-rate-key": e.key,
 		children: [
-			u("label", a.label, e.label, "label"),
-			u("amount", a.amount, e.amount, "amount", "decimal"),
-			/* @__PURE__ */ w("div", {
-				className: "sfa-field",
-				children: [
-					/* @__PURE__ */ C("span", {
-						className: "sfa-field__label",
-						children: a.currency
-					}),
-					/* @__PURE__ */ C("span", {
-						className: "sfa-rate__currency",
-						"aria-invalid": !!r.currency,
-						children: e.currency
-					}),
-					r.currency ? /* @__PURE__ */ C("p", {
-						className: "sfa-field__error",
-						children: r.currency
-					}) : null
-				]
-			}),
-			u("min", a.minDays, e.minDays, "minDays", "numeric"),
-			u("max", a.maxDays, e.maxDays, "maxDays", "numeric"),
+			f("label", a.label, e.label, "label"),
+			f("amount", a.amount, e.amount, "amount", "decimal", d),
+			r.currency ? /* @__PURE__ */ C("p", {
+				className: "sfa-field__error",
+				children: r.currency
+			}) : null,
+			f("min", a.minDays, e.minDays, "minDays", "numeric"),
+			f("max", a.maxDays, e.maxDays, "maxDays", "numeric"),
 			/* @__PURE__ */ w("label", {
 				className: "sfa-rate__active",
 				children: [/* @__PURE__ */ C("input", {
 					type: "checkbox",
 					checked: e.active,
 					disabled: i,
-					onChange: (e) => o({ active: e.target.checked })
+					onChange: (e) => s({ active: e.target.checked })
 				}), a.active]
 			}),
 			r.row ? /* @__PURE__ */ C("p", {
@@ -4015,27 +4299,39 @@ function bn({ draft: e, index: t, total: n, errors: r, disabled: i, labels: a, o
 				children: [
 					/* @__PURE__ */ C("button", {
 						type: "button",
-						className: "sfa-btn",
-						"aria-label": `${a.moveEarlier}: ${l}`,
+						className: "sfa-btn sfa-btn--icon",
+						"aria-label": `${a.moveEarlier}: ${u}`,
+						title: a.moveEarlier,
 						disabled: i || t === 0,
-						onClick: () => s("earlier"),
-						children: a.moveEarlier
+						onClick: () => c("earlier"),
+						children: /* @__PURE__ */ C("span", {
+							"aria-hidden": "true",
+							children: "↑"
+						})
 					}),
 					/* @__PURE__ */ C("button", {
 						type: "button",
-						className: "sfa-btn",
-						"aria-label": `${a.moveLater}: ${l}`,
+						className: "sfa-btn sfa-btn--icon",
+						"aria-label": `${a.moveLater}: ${u}`,
+						title: a.moveLater,
 						disabled: i || t === n - 1,
-						onClick: () => s("later"),
-						children: a.moveLater
+						onClick: () => c("later"),
+						children: /* @__PURE__ */ C("span", {
+							"aria-hidden": "true",
+							children: "↓"
+						})
 					}),
 					/* @__PURE__ */ C("button", {
 						type: "button",
-						className: "sfa-btn sfa-btn--danger",
-						"aria-label": `${a.remove}: ${l}`,
+						className: "sfa-btn sfa-btn--icon sfa-btn--quiet-danger",
+						"aria-label": `${a.remove}: ${u}`,
+						title: a.remove,
 						disabled: i,
-						onClick: c,
-						children: a.remove
+						onClick: l,
+						children: /* @__PURE__ */ C("span", {
+							"aria-hidden": "true",
+							children: "✕"
+						})
 					})
 				]
 			})
@@ -4043,164 +4339,175 @@ function bn({ draft: e, index: t, total: n, errors: r, disabled: i, labels: a, o
 	});
 }
 // src/views/shipping/admin-shipping-rates.tsx
-function xn({ onDirtyChange: e, suggestedRates: t = [] }) {
-	let n = I(), { labels: r, currency: i } = F(), a = r.shipping, o = L(["shipping-rates"], () => n.listShippingRates()), [s, c] = b([]), [l, u] = b("[]"), [f, p] = b(void 0), [m, h] = b(null), [g, v] = b({}), [x, S] = b(!1), [T, E] = b(!1), [D, O] = b(!1), k = R((e) => n.replaceShippingRates(e)), A = y(void 0);
-	if (o.data && o.data !== f) {
-		let e = pn(o.data);
-		p(o.data), c(e), u(hn(e));
+function Pn({ onDirtyChange: e, suggestedRates: t = [] }) {
+	let n = I(), { labels: r, currency: i, locale: a } = F(), o = r.shipping, s = L(["shipping-rates"], () => n.listShippingRates()), [c, l] = b([]), [u, f] = b("[]"), [p, m] = b(void 0), [h, g] = b(null), [v, x] = b({}), [S, T] = b(!1), [E, D] = b(!1), [O, k] = b(!1), A = R((e) => n.replaceShippingRates(e)), j = y(void 0), M = y(null);
+	if (s.data && s.data !== p) {
+		let e = Tn(s.data);
+		m(s.data), l(e), f(Dn(e));
 	}
-	let j = f !== void 0 && hn(s) !== l;
+	let N = p !== void 0 && Dn(c) !== u;
 	_(() => {
-		A.current !== j && (A.current = j, e?.(j));
-	}, [j, e]);
-	let M = (e) => {
-		c(e), E(!1), S(!1);
-	}, N = (e, t) => {
-		M(s.map((n) => n.key === e ? {
+		j.current !== N && (j.current = N, e?.(N));
+	}, [N, e]), _(() => {
+		if (Object.keys(v).length === 0) return;
+		let e = M.current?.querySelector("[aria-invalid=\"true\"]");
+		e && "scrollIntoView" in e && e.scrollIntoView({ block: "center" });
+	}, [v]);
+	let P = (e) => {
+		l(e), D(!1), T(!1);
+	}, ee = (e, t) => {
+		P(c.map((n) => n.key === e ? {
 			...n,
 			...t
-		} : n)), v(({ [e]: t, ...n }) => n);
-	}, ee = (e, t) => {
+		} : n)), x(({ [e]: t, ...n }) => n);
+	}, te = (e, t) => {
 		let n = t === "earlier" ? e - 1 : e + 1;
-		if (n < 0 || n >= s.length) return;
-		let r = [...s];
-		[r[e], r[n]] = [r[n], r[e]], M(r);
-	}, P = () => M([...s, mn(i, a.newRateLabel)]), te = (e) => M([...s, {
-		...mn(i, e.label),
+		if (n < 0 || n >= c.length) return;
+		let r = [...c];
+		[r[e], r[n]] = [r[n], r[e]], P(r);
+	}, ne = () => P([...c, En(i, o.newRateLabel)]), re = (e) => P([...c, {
+		...En(i, e.label),
 		amount: X(e.amountCents)
-	}]), ne = () => {
-		m && (M(s.filter((e) => e.key !== m.key)), O(!0), h(null));
-	}, re = async () => {
-		let e = _n(s, a);
-		if (v(e.rowErrors), S(e.noActive), !e.valid) return;
-		let t = await k.run(e.rates);
+	}]), ie = () => {
+		h && (P(c.filter((e) => e.key !== h.key)), k(!0), g(null));
+	}, ae = async () => {
+		let e = kn(c, o);
+		if (x(e.rowErrors), T(e.noActive), !e.valid) return;
+		let t = await A.run(e.rates);
 		if (!t) return;
-		let n = pn(t);
-		c(n), u(hn(n)), v({}), O(!1), E(!0);
-	}, ie = s.some((e) => e.currency !== i), ae = k.error instanceof d ? yn(k.error.issues, s, a) : {};
-	return o.loading && !o.data ? /* @__PURE__ */ C("p", {
+		let n = Tn(t);
+		l(n), f(Dn(n)), x({}), k(!1), D(!0);
+	}, oe = c.some((e) => e.currency !== i), z = A.error instanceof d ? jn(A.error.issues, c, o) : {};
+	return s.loading && !s.data ? /* @__PURE__ */ C("p", {
 		role: "status",
-		children: a.loading
-	}) : o.data ? /* @__PURE__ */ w("div", {
+		children: o.loading
+	}) : s.data ? /* @__PURE__ */ w("div", {
 		className: "sfa-shipping",
+		ref: M,
 		children: [
-			/* @__PURE__ */ C(V, { title: a.title }),
-			D ? /* @__PURE__ */ C(K, {
+			/* @__PURE__ */ C(V, { title: o.title }),
+			O ? /* @__PURE__ */ C(K, {
 				variant: "warning",
-				children: a.removalWarning
+				children: o.removalWarning
 			}) : null,
-			ie ? /* @__PURE__ */ C(K, {
+			oe ? /* @__PURE__ */ C(K, {
 				variant: "warning",
-				children: $(a.mixedCurrency, { currency: i })
+				children: Mt(o.mixedCurrency, { currency: i })
 			}) : null,
-			x ? /* @__PURE__ */ C(K, {
-				variant: "error",
-				children: a.noActive
-			}) : null,
-			/* @__PURE__ */ C(q, { error: k.error }),
-			T ? /* @__PURE__ */ C(K, {
-				variant: "success",
-				children: a.saved
-			}) : null,
-			j ? /* @__PURE__ */ C("p", {
+			N ? /* @__PURE__ */ C("p", {
 				className: "sfa-field__help",
-				children: a.unsaved
+				children: o.unsaved
 			}) : null,
-			s.length === 0 ? /* @__PURE__ */ C(Ut, {
+			c.length === 0 ? /* @__PURE__ */ C(be, {
 				icon: "shipping",
-				title: a.emptyTitle,
-				body: a.empty,
+				title: o.emptyTitle,
+				body: o.empty,
 				action: /* @__PURE__ */ C("button", {
 					type: "button",
 					className: "sfa-btn sfa-btn--primary",
-					onClick: P,
-					children: a.addOption
+					onClick: ne,
+					children: o.addOption
 				}),
 				children: t.length ? /* @__PURE__ */ C("ul", {
 					className: "sfa-empty-state__chips",
 					children: t.map((e) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-chip",
-						onClick: () => te(e),
+						onClick: () => re(e),
 						children: e.label
 					}) }, e.label))
 				}) : null
 			}) : null,
 			/* @__PURE__ */ C("ul", {
 				className: "sfa-rates",
-				children: s.map((e, t) => /* @__PURE__ */ C(bn, {
+				children: c.map((e, t) => /* @__PURE__ */ C(Nn, {
 					draft: e,
 					index: t,
-					total: s.length,
+					total: c.length,
 					errors: {
-						...ae[e.key],
-						...g[e.key]
+						...z[e.key],
+						...v[e.key]
 					},
-					disabled: k.pending,
-					labels: a,
-					onChange: (t) => N(e.key, t),
-					onMove: (e) => ee(t, e),
-					onRemove: () => h(e)
+					disabled: A.pending,
+					labels: o,
+					locale: a,
+					onChange: (t) => ee(e.key, t),
+					onMove: (e) => te(t, e),
+					onRemove: () => g(e)
 				}, e.key))
 			}),
 			/* @__PURE__ */ w("div", {
 				className: "sfa-shipping__actions",
-				children: [s.length > 0 ? /* @__PURE__ */ C("button", {
+				children: [c.length > 0 ? /* @__PURE__ */ C("button", {
 					type: "button",
 					className: "sfa-btn",
-					onClick: P,
-					children: a.add
+					onClick: ne,
+					children: o.add
 				}) : null, /* @__PURE__ */ C("button", {
 					type: "button",
 					className: "sfa-btn sfa-btn--primary",
-					disabled: k.pending,
-					onClick: re,
-					children: a.save
+					disabled: A.pending,
+					onClick: ae,
+					children: o.save
 				})]
 			}),
+			/* @__PURE__ */ w("div", {
+				className: "sfa-shipping__feedback",
+				children: [
+					S ? /* @__PURE__ */ C(K, {
+						variant: "error",
+						children: o.noActive
+					}) : null,
+					/* @__PURE__ */ C(q, { error: A.error }),
+					E ? /* @__PURE__ */ C(K, {
+						variant: "success",
+						children: o.saved
+					}) : null
+				]
+			}),
 			/* @__PURE__ */ C(G, {
-				open: m !== null,
-				title: a.removeTitle,
+				open: h !== null,
+				title: o.removeTitle,
 				destructive: !0,
-				confirmLabel: a.remove,
-				onConfirm: ne,
-				onCancel: () => h(null),
-				children: /* @__PURE__ */ C("p", { children: a.removeBody })
+				confirmLabel: o.remove,
+				onConfirm: ie,
+				onCancel: () => g(null),
+				children: /* @__PURE__ */ C("p", { children: o.removeBody })
 			})
 		]
-	}) : /* @__PURE__ */ C(q, { error: o.error });
+	}) : /* @__PURE__ */ C(q, { error: s.error });
 }
 // src/lib/discount-status.ts
-function Sn(e, t = /* @__PURE__ */ new Date()) {
+function Fn(e, t = /* @__PURE__ */ new Date()) {
 	return e.active ? e.startsAt && new Date(e.startsAt) > t ? "scheduled" : e.endsAt && new Date(e.endsAt) <= t ? "expired" : "active" : "inactive";
 }
-function Cn(e, t) {
+function In(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
 }
 // src/lib/use-discount-pages.ts
-function wn(e) {
+function Ln(e) {
 	let t = I();
-	return we(["admin-discounts", e], (n) => t.listDiscounts(n ? {
+	return je(["admin-discounts", e], (n) => t.listDiscounts(n ? {
 		...e,
 		cursor: n
 	} : e));
 }
 // src/views/discounts/discount-value.tsx
-function Tn({ discount: e }) {
+function Rn({ discount: e }) {
 	return e.type === "percent" ? /* @__PURE__ */ w("span", { children: [e.percentOff, "%"] }) : /* @__PURE__ */ C(W, {
 		cents: e.amountOffCents ?? 0,
 		currency: e.currency ?? "USD"
 	});
 }
 // src/views/discounts/admin-discount-list.tsx
-var En = [
+var zn = [
 	"active",
 	"scheduled",
 	"expired",
 	"inactive"
 ];
-function Dn() {
-	let { labels: e, hrefs: t, renderLink: n } = F(), r = e.discounts, [i, a] = b("active"), [o, s] = b(""), c = Ce(o.trim(), 300), l = wn({
+function Bn() {
+	let { labels: e, hrefs: t, renderLink: n } = F(), r = e.discounts, [i, a] = b("active"), [o, s] = b(""), c = Ae(o.trim(), 300), l = Ln({
 		status: i,
 		...c ? { q: c } : {}
 	}), u = [
@@ -4216,22 +4523,22 @@ function Dn() {
 		{
 			key: "value",
 			header: r.columns.value,
-			render: (e) => /* @__PURE__ */ C(Tn, { discount: e })
+			render: (e) => /* @__PURE__ */ C(Rn, { discount: e })
 		},
 		{
 			key: "status",
 			header: r.columns.status,
-			render: (e) => /* @__PURE__ */ C(U, { status: Sn(e) })
+			render: (e) => /* @__PURE__ */ C(U, { status: Fn(e) })
 		},
 		{
 			key: "usage",
 			header: r.columns.usage,
 			render: (e) => {
 				let t = e.redeemedCount + e.reservedCount;
-				return e.maxRedemptions ? Cn(r.usage, {
+				return e.maxRedemptions ? In(r.usage, {
 					used: t,
 					max: e.maxRedemptions
-				}) : Cn(r.usageUnlimited, { used: t });
+				}) : In(r.usageUnlimited, { used: t });
 			}
 		}
 	];
@@ -4252,7 +4559,7 @@ function Dn() {
 					role: "group",
 					"aria-label": r.columns.status,
 					className: "sfa-filter-group",
-					children: En.map((e) => /* @__PURE__ */ C("button", {
+					children: zn.map((e) => /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-chip",
 						"aria-pressed": i === e,
@@ -4268,7 +4575,7 @@ function Dn() {
 				})]
 			}),
 			/* @__PURE__ */ C(q, { error: l.error }),
-			l.loading && !l.loaded ? /* @__PURE__ */ C("p", { children: e.loading }) : l.items.length === 0 ? /* @__PURE__ */ C(Ut, {
+			l.loading && !l.loaded ? /* @__PURE__ */ C("p", { children: e.loading }) : l.items.length === 0 ? /* @__PURE__ */ C(be, {
 				icon: c ? "search" : "discounts",
 				title: c ? r.noMatches : r.empty[i],
 				body: c ? void 0 : r.emptyHint
@@ -4288,7 +4595,7 @@ function Dn() {
 	});
 }
 // src/lib/discount-form.ts
-var On = {
+var Vn = {
 	code: "",
 	type: "percent",
 	percentOff: "",
@@ -4297,43 +4604,43 @@ var On = {
 	startsAt: "",
 	endsAt: "",
 	maxRedemptions: ""
-}, kn = (e) => String(e).padStart(2, "0");
-function An(e) {
+}, Hn = (e) => String(e).padStart(2, "0");
+function Un(e) {
 	if (!e) return "";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${kn(t.getMonth() + 1)}-${kn(t.getDate())}T${kn(t.getHours())}:${kn(t.getMinutes())}`;
+	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Hn(t.getMonth() + 1)}-${Hn(t.getDate())}T${Hn(t.getHours())}:${Hn(t.getMinutes())}`;
 }
-function jn(e) {
+function Wn(e) {
 	if (e.trim() === "") return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toISOString();
 }
-function Mn(e) {
+function Gn(e) {
 	return {
 		code: e.code,
 		type: e.type,
 		percentOff: e.percentOff ? String(e.percentOff) : "",
 		amountOff: e.amountOffCents ? X(e.amountOffCents) : "",
 		minSubtotal: e.minSubtotalCents ? X(e.minSubtotalCents) : "",
-		startsAt: An(e.startsAt),
-		endsAt: An(e.endsAt),
+		startsAt: Un(e.startsAt),
+		endsAt: Un(e.endsAt),
 		maxRedemptions: e.maxRedemptions ? String(e.maxRedemptions) : ""
 	};
 }
-function Nn(e) {
+function Kn(e) {
 	return !!(e && e.redeemedCount + e.reservedCount > 0);
 }
-var Pn = (e) => /^\d+$/.test(e.trim()) && Number(e) > 0 ? Number(e) : null;
-function Fn(e, t, n, r = 0) {
+var qn = (e) => /^\d+$/.test(e.trim()) && Number(e) > 0 ? Number(e) : null;
+function Jn(e, t, n, r = 0) {
 	let i = t.validation, a = {}, o = e.code.trim().toUpperCase();
 	/^[A-Z0-9_-]{1,40}$/.test(o) || (a.code = i.code);
-	let s = Pn(e.percentOff), c = Y(e.amountOff);
+	let s = qn(e.percentOff), c = Y(e.amountOff);
 	e.type === "percent" && (s === null || s > 100) && (a.percentOff = i.percentOff), e.type === "fixed" && !c && (a.amountOff = i.amountOff);
 	let l = e.minSubtotal.trim(), u = l === "" ? null : Y(l);
 	l !== "" && !u && (a.minSubtotal = i.minSubtotal);
-	let d = e.maxRedemptions.trim(), f = d === "" ? null : Pn(d);
+	let d = e.maxRedemptions.trim(), f = d === "" ? null : qn(d);
 	d !== "" && f === null ? a.maxRedemptions = i.maxRedemptions : f !== null && f < r && (a.maxRedemptions = i.maxRedemptionsBelowUsage);
-	let p = jn(e.startsAt), m = jn(e.endsAt);
+	let p = Wn(e.startsAt), m = Wn(e.endsAt);
 	return e.startsAt.trim() !== "" && !p && (a.startsAt = i.date), e.endsAt.trim() !== "" && !m && (a.endsAt = i.date), p && m && new Date(m) <= new Date(p) && (a.endsAt = i.endsBeforeStart), Object.keys(a).length > 0 ? {
 		ok: !1,
 		errors: a
@@ -4353,25 +4660,25 @@ function Fn(e, t, n, r = 0) {
 		}
 	};
 }
-var In = [
+var Yn = [
 	"type",
 	"percentOff",
 	"amountOffCents",
 	"currency"
-], Ln = [
+], Xn = [
 	"minSubtotalCents",
 	"startsAt",
 	"endsAt",
 	"maxRedemptions"
 ];
-function Rn(e, t, n) {
+function Zn(e, t, n) {
 	let r = {}, i = t, a = e, o = (e) => (i[e] ?? null) !== (a[e] ?? null);
-	for (let e of Ln) o(e) && (r[e] = i[e]);
+	for (let e of Xn) o(e) && (r[e] = i[e]);
 	if (n) return r;
-	if (o("code") && (r.code = t.code), In.some(o)) for (let e of In) r[e] = i[e];
+	if (o("code") && (r.code = t.code), Yn.some(o)) for (let e of Yn) r[e] = i[e];
 	return r;
 }
-function zn(e, t) {
+function Qn(e, t) {
 	let n = {
 		code: "code",
 		percentOff: "percentOff",
@@ -4388,7 +4695,7 @@ function zn(e, t) {
 	return r;
 }
 // src/views/discounts/discount-fields.tsx
-function Bn({ name: e, label: t, error: n, help: r, disabled: i, children: a }) {
+function $n({ name: e, label: t, error: n, help: r, disabled: i, children: a }) {
 	let o = `sfa-field-${e}`, s = [r ? `${o}-help` : "", n ? `${o}-error` : ""].filter(Boolean).join(" ");
 	return /* @__PURE__ */ w("div", {
 		className: "sfa-field",
@@ -4418,9 +4725,9 @@ function Bn({ name: e, label: t, error: n, help: r, disabled: i, children: a })
 		]
 	});
 }
-var Vn = ["percent", "fixed"];
-function Hn({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
-	let a = r > 0, o = a ? Cn(n.lockedHelp, { count: r }) : void 0, s = (n, r, a = {}) => /* @__PURE__ */ C(Bn, {
+var er = ["percent", "fixed"];
+function tr({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
+	let a = r > 0, o = a ? In(n.lockedHelp, { count: r }) : void 0, s = (n, r, a = {}) => /* @__PURE__ */ C($n, {
 		name: n,
 		label: r,
 		error: t[n],
@@ -4433,7 +4740,7 @@ function Hn({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
 			value: e[n],
 			onChange: (e) => i(n, e.target.value)
 		})
-	}), c = (r) => /* @__PURE__ */ C(Bn, {
+	}), c = (r) => /* @__PURE__ */ C($n, {
 		name: r,
 		label: n.fields[r],
 		error: t[r],
@@ -4450,7 +4757,7 @@ function Hn({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
 			help: o,
 			locked: a
 		}),
-		/* @__PURE__ */ C(Bn, {
+		/* @__PURE__ */ C($n, {
 			name: "type",
 			label: n.fields.type,
 			disabled: a,
@@ -4458,7 +4765,7 @@ function Hn({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
 				...t,
 				value: e.type,
 				onChange: (e) => i("type", e.target.value),
-				children: Vn.map((e) => /* @__PURE__ */ C("option", {
+				children: er.map((e) => /* @__PURE__ */ C("option", {
 					value: e,
 					children: n.types[e]
 				}, e))
@@ -4484,52 +4791,52 @@ function Hn({ form: e, errors: t, labels: n, usedCount: r, onChange: i }) {
 	] });
 }
 // src/views/discounts/admin-discount-editor.tsx
-function Un({ discountId: e, onSaved: t }) {
-	return e ? /* @__PURE__ */ C(Wn, {
+function nr({ discountId: e, onSaved: t }) {
+	return e ? /* @__PURE__ */ C(rr, {
 		discountId: e,
 		onSaved: t
-	}) : /* @__PURE__ */ C(Gn, {
+	}) : /* @__PURE__ */ C(ir, {
 		discount: void 0,
 		onSaved: t
 	});
 }
-function Wn({ discountId: e, onSaved: t }) {
+function rr({ discountId: e, onSaved: t }) {
 	let n = I(), { labels: r } = F(), i = L(["admin-discount", e], () => n.getDiscount(e));
-	return i.error ? /* @__PURE__ */ C(q, { error: i.error }) : i.data ? /* @__PURE__ */ C(Gn, {
+	return i.error ? /* @__PURE__ */ C(q, { error: i.error }) : i.data ? /* @__PURE__ */ C(ir, {
 		discount: i.data,
 		onSaved: t
 	}, i.data.id) : /* @__PURE__ */ C("p", { children: r.loading });
 }
-function Gn({ discount: e, onSaved: t }) {
-	let n = I(), { labels: i, currency: a } = F(), o = i.discounts, [s, c] = b(e), [u, f] = b(e ? Mn(e) : On), [p, m] = b({}), [h, g] = b(!1), [_, v] = b(!1), y = s ? s.redeemedCount + s.reservedCount : 0, x = Nn(s), S = (e, t) => {
+function ir({ discount: e, onSaved: t }) {
+	let n = I(), { labels: r, currency: a } = F(), o = r.discounts, [s, c] = b(e), [u, f] = b(e ? Gn(e) : Vn), [p, m] = b({}), [h, g] = b(!1), [_, v] = b(!1), y = s ? s.redeemedCount + s.reservedCount : 0, x = Kn(s), S = (e, t) => {
 		m(t);
 		let n = Object.keys(t)[0];
 		n && e.elements.namedItem(n)?.focus();
 	}, T = R(async (e) => {
-		let t = Fn(u, o, s?.currency ?? a, y);
+		let t = Jn(u, o, s?.currency ?? a, y);
 		if (!t.ok) S(e, t.errors);
 		else try {
 			if (!s) return await n.createDiscount(t.input);
-			let e = Rn(s, t.input, x);
+			let e = Zn(s, t.input, x);
 			return Object.keys(e).length === 0 ? s : await n.updateDiscount(s.id, e);
 		} catch (t) {
 			if (t instanceof l) {
 				S(e, { code: o.validation.codeTaken });
 				return;
 			}
-			if (t instanceof r) {
+			if (t instanceof i) {
 				S(e, { maxRedemptions: o.validation.maxRedemptionsBelowUsage });
 				return;
 			}
 			if (!(t instanceof d)) throw t;
-			S(e, zn(t.issues, o.validation.invalid));
+			S(e, Qn(t.issues, o.validation.invalid));
 			return;
 		}
 	}), E = R((e) => {
 		if (!s) throw Error("Discount has not been created yet.");
 		return n.updateDiscount(s.id, { active: e });
 	}), D = (e) => {
-		c(e), f(Mn(e)), g(!0), t?.(e);
+		c(e), f(Gn(e)), g(!0), t?.(e);
 	}, O = (e, t) => {
 		f((n) => ({
 			...n,
@@ -4554,7 +4861,7 @@ function Gn({ discount: e, onSaved: t }) {
 		children: [
 			/* @__PURE__ */ C(V, { title: s ? o.editTitle : o.createTitle }),
 			/* @__PURE__ */ C(q, { error: T.error ?? E.error }),
-			/* @__PURE__ */ C(Hn, {
+			/* @__PURE__ */ C(tr, {
 				form: u,
 				errors: p,
 				labels: o,
@@ -4568,7 +4875,7 @@ function Gn({ discount: e, onSaved: t }) {
 						type: "submit",
 						className: "sfa-btn sfa-btn--primary",
 						disabled: T.pending,
-						children: i.save
+						children: r.save
 					}),
 					s?.active ? /* @__PURE__ */ C("button", {
 						type: "button",
@@ -4605,7 +4912,7 @@ function Gn({ discount: e, onSaved: t }) {
 	});
 }
 // src/lib/use-batch-upload.ts
-function Kn() {
+function ar() {
 	let e = I(), { labels: t, currency: n } = F(), [r, i] = b([]), a = y(0), o = y(Promise.resolve()), s = (e, t) => i((n) => n.map((n) => n.id === e ? {
 		...n,
 		...t
@@ -4616,7 +4923,7 @@ function Kn() {
 		});
 		let r = t.productId;
 		try {
-			r || (r = (await e.createProduct(tt(Dt, n))).id, s(t.id, { productId: r }));
+			r || (r = (await e.createProduct(ut(Ht, n))).id, s(t.id, { productId: r }));
 			let i = await e.uploadProductImage(r, t.file, "");
 			s(t.id, {
 				status: "done",
@@ -4632,7 +4939,7 @@ function Kn() {
 		for (let t of e) o.current = o.current.then(() => c(t));
 	}, u = h((e) => {
 		let n = e.map((e) => {
-			let n = bt(e, t.products.images);
+			let n = Nt(e, t.products.images);
 			return {
 				id: a.current++,
 				file: e,
@@ -4663,22 +4970,37 @@ function Kn() {
 	};
 }
 // src/views/products/add-several/photo-picker.tsx
-function qn({ label: e, onFiles: t, multiple: n = !0, primary: r = !1 }) {
+function or({ label: e, onFiles: t, multiple: n = !0, primary: r = !1, zone: i = !1, hint: a }) {
 	return /* @__PURE__ */ w("label", {
-		className: `sfa-btn${r ? " sfa-btn--primary" : ""}`,
-		children: [e, /* @__PURE__ */ C("input", {
-			type: "file",
-			accept: "image/*",
-			multiple: n,
-			className: "sfa-sr-only",
-			onChange: (e) => {
-				t(Array.from(e.target.files ?? [])), e.target.value = "";
-			}
-		})]
+		className: i ? "sfa-dropzone" : `sfa-btn${r ? " sfa-btn--primary" : ""}`,
+		children: [
+			i ? /* @__PURE__ */ C("span", {
+				className: "sfa-dropzone__icon",
+				"aria-hidden": "true",
+				children: "+"
+			}) : null,
+			/* @__PURE__ */ C("span", {
+				className: i ? "sfa-dropzone__label" : void 0,
+				children: e
+			}),
+			i && a ? /* @__PURE__ */ C("span", {
+				className: "sfa-dropzone__hint",
+				children: a
+			}) : null,
+			/* @__PURE__ */ C("input", {
+				type: "file",
+				accept: "image/*",
+				multiple: n,
+				className: "sfa-sr-only",
+				onChange: (e) => {
+					t(Array.from(e.target.files ?? [])), e.target.value = "";
+				}
+			})
+		]
 	});
 }
 // src/views/products/add-several/admin-add-several.tsx
-function Jn({ failed: e }) {
+function sr({ failed: e }) {
 	return /* @__PURE__ */ C("ul", {
 		className: "sfa-batch__failed",
 		children: e.map((e) => /* @__PURE__ */ w("li", { children: [/* @__PURE__ */ C("strong", { children: e.file.name }), e.reason ? /* @__PURE__ */ C(K, {
@@ -4687,8 +5009,8 @@ function Jn({ failed: e }) {
 		}) : /* @__PURE__ */ C(q, { error: e.error })] }, e.id))
 	});
 }
-function Yn({ onDone: e }) {
-	let { labels: t } = F(), n = t.products.stock.addSeveral, r = Kn(), i = r.items.length, a = r.failed.some((e) => !e.reason), o = r.done.length + r.failed.length;
+function cr({ onDone: e }) {
+	let { labels: t } = F(), n = t.products.stock.addSeveral, r = ar(), i = r.items.length, a = r.failed.some((e) => !e.reason), o = r.done.length + r.failed.length;
 	return /* @__PURE__ */ w("section", {
 		className: "sfa-batch",
 		children: [/* @__PURE__ */ C(V, { title: n.title }), /* @__PURE__ */ C("div", {
@@ -4698,10 +5020,11 @@ function Yn({ onDone: e }) {
 				children: [
 					/* @__PURE__ */ C("h2", { children: n.introTitle }),
 					/* @__PURE__ */ C("p", { children: n.introBody }),
-					/* @__PURE__ */ C(qn, {
+					/* @__PURE__ */ C(or, {
 						label: n.choose,
+						hint: n.dropHint,
 						onFiles: r.add,
-						primary: !0
+						zone: !0
 					})
 				]
 			}) : r.settled ? r.failed.length === 0 ? /* @__PURE__ */ w("div", {
@@ -4720,7 +5043,7 @@ function Yn({ onDone: e }) {
 				className: "sfa-batch__result",
 				children: [
 					/* @__PURE__ */ C("h2", { children: J(n.failedTitle, { count: r.failed.length }) }),
-					/* @__PURE__ */ C(Jn, { failed: r.failed }),
+					/* @__PURE__ */ C(sr, { failed: r.failed }),
 					/* @__PURE__ */ w("div", {
 						className: "sfa-batch__actions",
 						children: [a ? /* @__PURE__ */ C("button", {
@@ -4733,7 +5056,7 @@ function Yn({ onDone: e }) {
 							className: "sfa-btn",
 							onClick: () => e(r.products),
 							children: n.continueWithout
-						}) : /* @__PURE__ */ C(qn, {
+						}) : /* @__PURE__ */ C(or, {
 							label: n.choose,
 							onFiles: r.add
 						})]
@@ -4754,7 +5077,7 @@ function Yn({ onDone: e }) {
 	});
 }
 // src/views/products/finish-drafts/piece-fields.tsx
-function Xn({ form: e, update: t, categories: n }) {
+function lr({ form: e, update: t, categories: n }) {
 	let { labels: r, locale: i, currency: a } = F(), o = r.products.fields, s = r.products.flow, c = [...n ?? []], l = e.category.trim();
 	return l && !c.includes(l) && c.push(l), /* @__PURE__ */ w("div", {
 		className: "sfa-piece__fields",
@@ -4783,7 +5106,7 @@ function Xn({ form: e, update: t, categories: n }) {
 					className: "sfa-flow__price",
 					children: [/* @__PURE__ */ C("span", {
 						"aria-hidden": "true",
-						children: st(i, a)
+						children: vt(i, a)
 					}), /* @__PURE__ */ C("input", {
 						id: "sfa-piece-price",
 						type: "text",
@@ -4829,11 +5152,11 @@ function Xn({ form: e, update: t, categories: n }) {
 	});
 }
 // src/views/products/finish-drafts/piece-card.tsx
-function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBack: a }) {
-	let { labels: o, renderImage: s } = F(), c = o.products.stock.queue, [l, u] = b(() => Ot(e)), d = kt({
+function ur({ product: e, index: t, total: n, categories: r, onAdvance: i, onBack: a }) {
+	let { labels: o, renderImage: s } = F(), c = o.products.stock.queue, [l, u] = b(() => Ut(e)), d = Wt({
 		initial: e,
 		form: l
-	}), f = xt({
+	}), f = Pt({
 		productId: e.id,
 		onUploaded: d.setProduct
 	}), p = Q(d.product)[0], m = t === n - 1, h = String(t + 1), g = (e, t) => u((n) => ({
@@ -4868,7 +5191,7 @@ function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBac
 						src: p.url,
 						alt: p.alt || Z(c.coverAlt, { n: h }),
 						sizes: "320px"
-					}) : /* @__PURE__ */ C(qn, {
+					}) : /* @__PURE__ */ C(or, {
 						label: c.addPhoto,
 						multiple: !1,
 						onFiles: (e) => f.upload(e, "")
@@ -4876,7 +5199,7 @@ function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBac
 						variant: "error",
 						children: e.reason ?? /* @__PURE__ */ C(q, { error: e.error })
 					}, e.id) : null)]
-				}), /* @__PURE__ */ C(Xn, {
+				}), /* @__PURE__ */ C(lr, {
 					form: l,
 					update: g,
 					categories: r
@@ -4884,7 +5207,7 @@ function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBac
 			}),
 			/* @__PURE__ */ C(q, { error: d.error }),
 			/* @__PURE__ */ w("div", {
-				className: "sfa-piece__actions",
+				className: "sfa-piece__foot",
 				children: [
 					a ? /* @__PURE__ */ C("button", {
 						type: "button",
@@ -4902,7 +5225,7 @@ function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBac
 					/* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn sfa-btn--primary",
-						disabled: !rt(l) || d.state === "saving",
+						disabled: !ft(l) || d.state === "saving",
 						onClick: _,
 						children: m ? c.review : c.next
 					})
@@ -4912,72 +5235,83 @@ function Zn({ product: e, index: t, total: n, categories: r, onAdvance: i, onBac
 	});
 }
 // src/views/products/finish-drafts/piece-summary.tsx
-function Qn(e) {
-	return rt(Ot(e));
+function dr(e) {
+	return ft(Ut(e));
 }
-function $n({ pieces: e, pending: t, failure: n, onPublish: r, onKeepDrafts: i }) {
-	let { labels: a, renderImage: o } = F(), s = a.products.stock.summary, c = e.filter(Qn), l = e.filter((e) => !Qn(e));
+function fr({ pieces: e, pending: t, failure: n, onPublish: r, onOpenPiece: i, onKeepDrafts: a }) {
+	let { labels: o, renderImage: s } = F(), c = o.products.stock.summary, l = e.filter(dr), u = e.filter((e) => !dr(e));
 	return /* @__PURE__ */ w("section", {
 		className: "sfa-piece",
 		"aria-labelledby": "sfa-summary-title",
 		children: [
 			/* @__PURE__ */ C("h2", {
 				id: "sfa-summary-title",
-				children: s.title
+				className: "sfa-piece__heading",
+				children: c.title
 			}),
-			/* @__PURE__ */ C("p", { children: c.length ? s.lede : s.allSkipped }),
+			/* @__PURE__ */ C("p", { children: l.length ? c.lede : c.allSkipped }),
 			/* @__PURE__ */ C("ul", {
 				className: "sfa-summary__list",
-				children: e.map((e) => {
-					let t = Q(e)[0];
-					return /* @__PURE__ */ w("li", {
+				children: e.map((e, t) => {
+					let n = Q(e)[0], r = dr(e), a = e.name || c.untitled, o = /* @__PURE__ */ w(S, { children: [
+						/* @__PURE__ */ C("span", {
+							className: "sfa-summary__photo",
+							children: n ? s({
+								src: n.url,
+								alt: "",
+								sizes: "56px"
+							}) : null
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "sfa-summary__name",
+							children: a
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "sfa-summary__price",
+							children: r && e.priceCents !== null ? /* @__PURE__ */ C(W, {
+								cents: e.priceCents,
+								currency: e.currency
+							}) : c.needsDetails
+						})
+					] });
+					return /* @__PURE__ */ C("li", { children: r ? /* @__PURE__ */ C("div", {
 						className: "sfa-summary__row",
-						children: [
-							/* @__PURE__ */ C("span", {
-								className: "sfa-summary__photo",
-								children: t ? o({
-									src: t.url,
-									alt: "",
-									sizes: "56px"
-								}) : null
-							}),
-							/* @__PURE__ */ C("span", {
-								className: "sfa-summary__name",
-								children: e.name || s.untitled
-							}),
-							/* @__PURE__ */ C("span", {
-								className: "sfa-summary__price",
-								children: Qn(e) && e.priceCents !== null ? /* @__PURE__ */ C(W, {
-									cents: e.priceCents,
-									currency: e.currency
-								}) : s.needsDetails
-							})
-						]
-					}, e.id);
+						children: o
+					}) : /* @__PURE__ */ w("button", {
+						type: "button",
+						className: "sfa-summary__row sfa-summary__row--open",
+						"aria-label": Z(c.openPiece, { name: a }),
+						onClick: () => i(t),
+						children: [o, /* @__PURE__ */ C("span", {
+							className: "sfa-summary__chevron",
+							"aria-hidden": "true",
+							children: "›"
+						})]
+					}) }, e.id);
 				})
 			}),
 			/* @__PURE__ */ C(q, { error: n }),
 			/* @__PURE__ */ w("div", {
-				className: "sfa-piece__actions",
+				className: "sfa-piece__foot",
 				children: [/* @__PURE__ */ C("button", {
 					type: "button",
 					className: "sfa-btn",
 					disabled: t,
-					onClick: i,
-					children: s.keepDrafts
-				}), c.length ? /* @__PURE__ */ C("button", {
+					onClick: a,
+					children: c.keepDrafts
+				}), l.length ? /* @__PURE__ */ C("button", {
 					type: "button",
 					className: "sfa-btn sfa-btn--primary",
 					disabled: t,
-					onClick: () => r(c, l),
-					children: J(s.publish, { count: c.length })
+					onClick: () => r(l, u),
+					children: J(c.publish, { count: l.length })
 				}) : null]
 			})
 		]
 	});
 }
 // src/lib/fill-alts.ts
-async function er(e, t, n) {
+async function pr(e, t, n) {
 	let r = t.name.trim();
 	if (!r) return t;
 	let i = t, a = [...t.images].sort((e, t) => e.position - t.position);
@@ -4992,14 +5326,14 @@ async function er(e, t, n) {
 	return i;
 }
 // src/views/products/finish-drafts/use-publish-pieces.ts
-function tr() {
+function mr() {
 	let e = I(), { labels: t } = F(), [n, r] = b(!1), [i, a] = b(void 0), [o, s] = b(null);
 	return {
 		publish: async (n, i) => {
 			r(!0), a(void 0);
 			let o = [], c = [...i];
 			for (let r of n) try {
-				await er(e, r, t.products.flow.altFallback), o.push(await e.updateProduct(r.id, { status: "active" }));
+				await pr(e, r, t.products.flow.altFallback), o.push(await e.updateProduct(r.id, { status: "active" }));
 			} catch (e) {
 				c.push(r), e instanceof u || a(e);
 			}
@@ -5016,18 +5350,26 @@ function tr() {
 	};
 }
 // src/views/products/finish-drafts/admin-finish-drafts.tsx
-function nr({ initial: e, categories: t, onDone: n }) {
-	let { labels: r } = F(), i = r.products.stock, [a, o] = b(e), [s, c] = b(0), l = tr();
+function hr({ initial: e, categories: t, onDone: n }) {
+	let { labels: r } = F(), i = r.products.stock, [a, o] = b(e), [s, c] = b(0), l = mr();
 	if (l.outcome) {
 		let { published: e, drafts: t } = l.outcome;
 		return /* @__PURE__ */ w("section", {
-			className: "sfa-piece",
+			className: "sfa-piece sfa-piece--celebrate",
 			children: [
-				/* @__PURE__ */ C("h2", { children: J(i.summary.publishedTitle, { count: e.length }) }),
+				/* @__PURE__ */ C("span", {
+					className: "sfa-piece__badge",
+					"aria-hidden": "true",
+					children: "✓"
+				}),
+				/* @__PURE__ */ C("h2", {
+					className: "sfa-piece__heading",
+					children: J(i.summary.publishedTitle, { count: e.length })
+				}),
 				/* @__PURE__ */ C("p", { children: i.summary.publishedBody }),
 				t.length ? /* @__PURE__ */ C("p", { children: J(i.summary.stillIncomplete, { count: t.length }) }) : null,
 				/* @__PURE__ */ C("div", {
-					className: "sfa-piece__actions",
+					className: "sfa-piece__actions sfa-piece__actions--center",
 					children: /* @__PURE__ */ C("button", {
 						type: "button",
 						className: "sfa-btn sfa-btn--primary",
@@ -5038,16 +5380,17 @@ function nr({ initial: e, categories: t, onDone: n }) {
 			]
 		});
 	}
-	return s >= a.length ? /* @__PURE__ */ C($n, {
+	return s >= a.length ? /* @__PURE__ */ C(fr, {
 		pieces: a,
 		pending: l.pending,
 		failure: l.failure,
 		onPublish: l.publish,
+		onOpenPiece: c,
 		onKeepDrafts: () => n({
 			published: [],
 			drafts: a
 		})
-	}) : /* @__PURE__ */ C(Zn, {
+	}) : /* @__PURE__ */ C(ur, {
 		product: a[s],
 		index: s,
 		total: a.length,
@@ -5058,7 +5401,7 @@ function nr({ initial: e, categories: t, onDone: n }) {
 		onBack: s > 0 ? () => c(s - 1) : void 0
 	}, a[s].id);
 }
-function rr({ productIds: e, categories: t, onDone: n }) {
+function gr({ productIds: e, categories: t, onDone: n }) {
 	let r = I(), { labels: i } = F(), a = i.products.stock.queue, o = L(["finish-drafts", e ?? null], () => e ? Promise.all(e.map((e) => r.getProduct(e))) : r.listProducts({
 		incomplete: "true",
 		limit: 100
@@ -5076,7 +5419,7 @@ function rr({ productIds: e, categories: t, onDone: n }) {
 				}),
 				children: a.done
 			})]
-		}) : /* @__PURE__ */ C(nr, {
+		}) : /* @__PURE__ */ C(hr, {
 			initial: o.data,
 			categories: t,
 			onDone: n
@@ -5086,6 +5429,6 @@ function rr({ productIds: e, categories: t, onDone: n }) {
 		})]
 	});
 }
-export { Yn as AdminAddSeveral, Un as AdminDiscountEditor, Dn as AdminDiscountList, rr as AdminFinishDrafts, ue as AdminLayout, un as AdminOrderDetail, qt as AdminOrderList, V as AdminPageHeader, It as AdminProductEditor, jt as AdminProductFlow, Vt as AdminProductImages, Je as AdminProductList, Re as AdminProductSheet, ae as AdminProvider, ve as AdminSetupChecklist, xn as AdminShippingRates, H as AdminTable, G as ConfirmDialog, Ut as EmptyState, q as ErrorMessage, W as Money, K as Notice, an as OrderActions, U as StatusBadge, Ye as Switch, B as adminNavIcons, me as errorKey, X as formatMoneyInput, Y as parseMoneyInput, F as useAdmin, I as useAdminClient, R as useAdminMutation, L as useAdminQuery };
+export { cr as AdminAddSeveral, nr as AdminDiscountEditor, Bn as AdminDiscountList, gr as AdminFinishDrafts, me as AdminLayout, Sn as AdminOrderDetail, on as AdminOrderList, V as AdminPageHeader, Zt as AdminProductEditor, Kt as AdminProductFlow, tn as AdminProductImages, rt as AdminProductList, qe as AdminProductSheet, oe as AdminProvider, Te as AdminSetupChecklist, Pn as AdminShippingRates, H as AdminTable, G as ConfirmDialog, be as EmptyState, q as ErrorMessage, W as Money, K as Notice, _n as OrderActions, U as StatusBadge, it as Switch, B as adminNavIcons, ve as errorKey, X as formatMoneyInput, Y as parseMoneyInput, F as useAdmin, I as useAdminClient, R as useAdminMutation, L as useAdminQuery };
 
 //# sourceMappingURL=index.js.map