@burdenoff/microfe-subscriberbot 2026.625.1 → 2026.626.2

package/dist/subscriberbot/pages/cart-owner/InventoryManagementPage.js

@@ -1,13 +1,15 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { formatCurrency as r } from "../../utils/formatters.js";
-import { mockProducts as i } from "../../mocks/data.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { mockProducts as ee } from "../../mocks/data.js";
 import { useMemo as a, useState as o } from "react";
-import { AlertCircle as ee, CheckCircle2 as te, Edit2 as ne, Package as s, Plus as c, Search as re, Trash2 as ie, Upload as ae, X as oe } from "lucide-react";
-import { Fragment as se, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AlertCircle as te, CheckCircle2 as s, Edit2 as ne, Package as c, Plus as l, Search as u, Trash2 as d, Upload as re, X as ie } from "lucide-react";
+import { Fragment as ae, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EmphasisPanel as oe, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/InventoryManagementPage.tsx
-var d = [
+var h = [
 	"Service",
 	"Repair",
 	"Beauty",
@@ -16,7 +18,7 @@ var d = [
 	"Health",
 	"Wellness",
 	"Education"
-], f = (e) => d.some((t) => e.includes(t)), p = (e) => e === "Food & Beverage", m = [
+], g = (e) => h.some((t) => e.includes(t)), _ = (e) => e === "Food & Beverage", v = [
 	10,
 	25,
 	0,
@@ -37,18 +39,18 @@ var d = [
 	22,
 	0,
 	45
-], h = () => i.slice(0, 20).map((e, t) => ({
+], se = () => ee.slice(0, 20).map((e, t) => ({
 	id: e.id,
 	name: e.name,
 	description: e.description ?? `${e.name} - quality offering from ${e.cartName}`,
 	price: e.price,
 	originalPrice: t % 4 == 0 ? Math.round(e.price * 1.2) : void 0,
 	category: e.category,
-	stock: m[t] ?? 10,
+	stock: v[t] ?? 10,
 	isAvailable: t !== 2 && t !== 9 && t !== 18,
 	cartName: e.cartName,
 	preparationTime: 15,
-	calories: p(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
+	calories: _(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
 	isVegetarian: t % 3 == 0,
 	isVegan: t % 5 == 0,
 	isGlutenFree: t % 7 == 0,
@@ -63,16 +65,16 @@ var d = [
 		"trending",
 		"new"
 	].slice(0, t % 3 + 1),
-	allergens: p(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
-	duration: f(e.category) ? 30 + t * 5 : 0,
-	serviceType: f(e.category) ? [
+	allergens: _(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
+	duration: g(e.category) ? 30 + t * 5 : 0,
+	serviceType: g(e.category) ? [
 		"instant",
 		"appointment",
 		"recurring",
 		"consultation"
 	][t % 4] : "",
-	requirements: f(e.category) ? ["advance booking"] : []
-})), g = {
+	requirements: g(e.category) ? ["advance booking"] : []
+})), y = {
 	name: "",
 	description: "",
 	category: "",
@@ -91,14 +93,14 @@ var d = [
 	duration: 30,
 	serviceType: "instant",
 	requirements: []
-}, _ = () => {
-	let { navigateTo: i } = e(), [d, m] = o(h), [_, v] = o(""), [y, b] = o(""), [x, S] = o(""), [C, w] = o("name"), [ce, le] = o(!1), [ue, T] = o(!1), [E, D] = o(null), [O, k] = o(g), [A, j] = o(""), [M, N] = o(""), [P, F] = o(""), [I, L] = o(null), R = a(() => [...new Set(d.map((e) => e.category))].sort(), [d]), z = a(() => {
-		let e = [...d];
-		if (_) {
-			let t = _.toLowerCase();
+}, b = () => {
+	let { navigateTo: ee } = e(), [h, v] = o(se), [b, x] = o(""), [S, C] = o(""), [w, T] = o(""), [E, D] = o("name"), [ce, le] = o(!1), [O, k] = o(!1), [A, j] = o(null), [M, N] = o(y), [P, F] = o(""), [I, L] = o(""), [R, z] = o(""), [B, V] = o(null), H = a(() => [...new Set(h.map((e) => e.category))].sort(), [h]), U = a(() => {
+		let e = [...h];
+		if (b) {
+			let t = b.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
 		}
-		switch (y && (e = e.filter((e) => e.category === y)), x === "available" ? e = e.filter((e) => e.isAvailable) : x === "unavailable" && (e = e.filter((e) => !e.isAvailable)), C) {
+		switch (S && (e = e.filter((e) => e.category === S)), w === "available" ? e = e.filter((e) => e.isAvailable) : w === "unavailable" && (e = e.filter((e) => !e.isAvailable)), E) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -114,23 +116,23 @@ var d = [
 		}
 		return e;
 	}, [
-		d,
-		_,
-		y,
-		x,
-		C
-	]), B = d.length, V = d.filter((e) => e.isAvailable).length, H = d.filter((e) => !f(e.category) && e.stock === 0).length, U = d.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
-		L({
+		h,
+		b,
+		S,
+		w,
+		E
+	]), ue = h.length, de = h.filter((e) => e.isAvailable).length, fe = h.filter((e) => !g(e.category) && e.stock === 0).length, pe = h.filter((e) => !g(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
+		V({
 			text: e,
 			type: t
-		}), setTimeout(() => L(null), 3e3);
+		}), setTimeout(() => V(null), 3e3);
 	}, G = () => {
-		D(null), k({
-			...g,
-			category: R[0] || ""
-		}), j(""), N(""), F(""), T(!0);
+		j(null), N({
+			...y,
+			category: H[0] || ""
+		}), F(""), L(""), z(""), k(!0);
 	}, K = (e) => {
-		D(e), k({
+		j(e), N({
 			name: e.name,
 			description: e.description,
 			category: e.category,
@@ -149,16 +151,16 @@ var d = [
 			duration: e.duration,
 			serviceType: e.serviceType,
 			requirements: e.requirements
-		}), j(e.tags.join(", ")), N(e.allergens.join(", ")), F(e.requirements.join(", ")), T(!0);
-	}, de = () => {
-		if (!O.name || !O.description || !O.category || O.price <= 0) {
+		}), F(e.tags.join(", ")), L(e.allergens.join(", ")), z(e.requirements.join(", ")), k(!0);
+	}, me = () => {
+		if (!M.name || !M.description || !M.category || M.price <= 0) {
 			W("Please fill all required fields (name, description, category, price > 0)", "error");
 			return;
 		}
-		let e = A.split(",").map((e) => e.trim()).filter(Boolean), t = M.split(",").map((e) => e.trim()).filter(Boolean), n = P.split(",").map((e) => e.trim()).filter(Boolean), r = f(O.category) ? "Service" : "Product";
-		if (E) m((r) => r.map((r) => r.id === E.id ? {
+		let e = P.split(",").map((e) => e.trim()).filter(Boolean), t = I.split(",").map((e) => e.trim()).filter(Boolean), n = R.split(",").map((e) => e.trim()).filter(Boolean), r = g(M.category) ? "Service" : "Product";
+		if (A) v((r) => r.map((r) => r.id === A.id ? {
 			...r,
-			...O,
+			...M,
 			tags: e,
 			allergens: t,
 			requirements: n
@@ -166,33 +168,33 @@ var d = [
 		else {
 			let i = {
 				id: `item-${Date.now()}`,
-				...O,
+				...M,
 				tags: e,
 				allergens: t,
 				requirements: n,
 				cartName: "Dosa Express"
 			};
-			m((e) => [i, ...e]), W(`${r} added successfully`, "success");
+			v((e) => [i, ...e]), W(`${r} added successfully`, "success");
 		}
-		T(!1);
+		k(!1);
 	}, q = (e) => {
-		confirm("Are you sure you want to delete this offering?") && (m((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
+		confirm("Are you sure you want to delete this offering?") && (v((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
 	}, J = (e, t) => {
-		m((n) => n.map((n) => n.id === e ? {
+		v((n) => n.map((n) => n.id === e ? {
 			...n,
 			isAvailable: t
 		} : n)), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
 	}, Y = (e) => {
-		let t = e === "enable", n = d.filter((e) => e.isAvailable !== t).length;
+		let t = e === "enable", n = h.filter((e) => e.isAvailable !== t).length;
 		if (n === 0) {
 			W(`No offerings to ${e}`, "error");
 			return;
 		}
-		m((e) => e.map((e) => ({
+		v((e) => e.map((e) => ({
 			...e,
 			isAvailable: t
 		}))), W(`${n} offerings ${e}d successfully`, "success");
-	}, X = (e) => f(e.category) ? {
+	}, X = (e) => g(e.category) ? {
 		color: "text-status-success-text",
 		label: "Available"
 	} : e.stock === 0 ? {
@@ -204,165 +206,169 @@ var d = [
 	} : {
 		color: "text-status-success-text",
 		label: `In Stock (${e.stock})`
-	}, Z = O.category ? f(O.category) : !1, fe = O.category ? p(O.category) : !1, Q = !Z && fe, $ = O.name && O.description && O.category && O.price > 0 && (!Z || O.duration && O.duration > 0) && (Z || O.stock >= 0);
-	return /* @__PURE__ */ u(n, {
+	}, Z = M.category ? g(M.category) : !1, he = M.category ? _(M.category) : !1, Q = !Z && he, $ = M.name && M.description && M.category && M.price > 0 && (!Z || M.duration && M.duration > 0) && (Z || M.stock >= 0);
+	return /* @__PURE__ */ p(n, {
 		title: "Offerings Management",
 		description: "Manage your products and services",
-		actions: /* @__PURE__ */ u("button", {
+		actions: /* @__PURE__ */ p("button", {
 			type: "button",
 			onClick: G,
 			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+			children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
 		}),
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "space-y-4",
 			children: [
-				I && /* @__PURE__ */ u("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", I.type === "success" ? "border-status-success-border/30 bg-status-success-bg/10" : "border-status-error-border/30 bg-status-error-bg/10"),
-					children: [I.type === "success" ? /* @__PURE__ */ l(te, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ l(ee, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ l("span", {
-						className: t("text-sm font-medium", I.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-						children: I.text
+				/* @__PURE__ */ f(m, {
+					icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
+					children: "Everything you sell lives here. Add new products or services, set prices, and mark items available or out of stock so customers only see what they can actually order. Keep an eye on the low-stock count so popular items never run dry mid-rush."
+				}),
+				B && /* @__PURE__ */ p("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", B.type === "success" ? "border-status-success-border/30 bg-status-success-bg/10" : "border-status-error-border/30 bg-status-error-bg/10"),
+					children: [B.type === "success" ? /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ f(te, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ f("span", {
+						className: t("text-sm font-medium", B.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: B.text
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ p(oe, {
 					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ f("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Items"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: B
+								children: ue
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ f("p", {
 								className: "text-xs text-text-secondary",
 								children: "Available"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-2xl font-bold text-status-success-text",
-								children: V
+								children: de
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ f("p", {
 								className: "text-xs text-text-secondary",
 								children: "Out of Stock"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-2xl font-bold text-status-error-text",
-								children: H
+								children: fe
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ f("p", {
 								className: "text-xs text-text-secondary",
 								children: "Low Stock"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-2xl font-bold text-status-warning-text",
-								children: U
+								children: pe
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm space-y-4",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex flex-wrap gap-2",
 							children: [
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: G,
 									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-									children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+									children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
 								}),
-								/* @__PURE__ */ l("button", {
+								/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => Y("enable"),
 									className: "rounded-md border border-border-seam px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Enable All"
 								}),
-								/* @__PURE__ */ l("button", {
+								/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => Y("disable"),
 									className: "rounded-md border border-border-seam px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Disable All"
 								})
 							]
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => alert("Import/Export feature coming soon!"),
 							className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ l(ae, { className: "h-4 w-4" }), "Import/Export"]
+							children: [/* @__PURE__ */ f(re, { className: "h-4 w-4" }), "Import/Export"]
 						})]
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ p("div", {
 								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ l("input", {
+								children: [/* @__PURE__ */ f(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ f("input", {
 									type: "text",
 									placeholder: "Search offerings...",
-									value: _,
-									onChange: (e) => v(e.target.value),
+									value: b,
+									onChange: (e) => x(e.target.value),
 									className: "w-full rounded-md border border-border-seam bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: y,
-								onChange: (e) => b(e.target.value),
+							/* @__PURE__ */ p("select", {
+								value: S,
+								onChange: (e) => C(e.target.value),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ l("option", {
+								children: [/* @__PURE__ */ f("option", {
 									value: "",
 									children: "All Categories"
-								}), R.map((e) => /* @__PURE__ */ l("option", {
+								}), H.map((e) => /* @__PURE__ */ f("option", {
 									value: e,
 									children: e
 								}, e))]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: x,
-								onChange: (e) => S(e.target.value),
+							/* @__PURE__ */ p("select", {
+								value: w,
+								onChange: (e) => T(e.target.value),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "",
 										children: "All Status"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "available",
 										children: "Available"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "unavailable",
 										children: "Unavailable"
 									})
 								]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: C,
-								onChange: (e) => w(e.target.value),
+							/* @__PURE__ */ p("select", {
+								value: E,
+								onChange: (e) => D(e.target.value),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "name",
 										children: "Name A-Z"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "price_low",
 										children: "Price: Low to High"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "price_high",
 										children: "Price: High to Low"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "stock",
 										children: "Stock: Low to High"
 									})
@@ -371,139 +377,130 @@ var d = [
 						]
 					})]
 				}),
-				z.length === 0 ? /* @__PURE__ */ u("div", {
-					className: "rounded-lg border border-border-seam bg-bg-surface p-12 text-center shadow-sm",
-					children: [
-						/* @__PURE__ */ l(s, { className: "h-12 w-12 text-text-secondary opacity-40 mx-auto mb-3" }),
-						/* @__PURE__ */ l("h3", {
-							className: "text-lg font-semibold text-text-primary mb-2",
-							children: "No Items Found"
-						}),
-						/* @__PURE__ */ l("p", {
-							className: "text-sm text-text-secondary mb-4",
-							children: _ || y || x ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!"
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex flex-wrap justify-center gap-3",
-							children: [/* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: G,
-								className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
-								children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (_ || y || x) && /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => {
-									v(""), b(""), S(""), w("name");
-								},
-								className: "rounded-md border border-border-seam px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
-								children: "Clear Filters"
-							})]
-						})
-					]
-				}) : /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
+				U.length === 0 ? /* @__PURE__ */ f(r, {
+					illustration: b || S || w ? "empty-search" : "empty-files",
+					title: "No items found",
+					description: b || S || w ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!",
+					action: /* @__PURE__ */ p("div", {
+						className: "flex flex-wrap justify-center gap-3",
+						children: [/* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: G,
+							className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
+							children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Your First Item"]
+						}), (b || S || w) && /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => {
+								x(""), C(""), T(""), D("name");
+							},
+							className: "rounded-md border border-border-seam px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
+							children: "Clear Filters"
+						})]
+					})
+				}) : /* @__PURE__ */ p(ae, { children: [/* @__PURE__ */ f("div", {
 					className: "hidden lg:block rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden",
-					children: /* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ u("table", {
+						children: /* @__PURE__ */ p("table", {
 							className: "w-full text-sm",
-							children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
+							children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
 								className: "border-b border-border-seam bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Item"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Category"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Price"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Stock/Status"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-center font-medium text-text-secondary",
 										children: "Available"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ l("tbody", { children: z.map((e) => {
+							}) }), /* @__PURE__ */ f("tbody", { children: U.map((e) => {
 								let n = X(e);
-								return /* @__PURE__ */ u("tr", {
+								return /* @__PURE__ */ p("tr", {
 									className: "border-b border-border-seam last:border-0 hover:bg-bg-sunken/30 transition-colors",
 									children: [
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
+											children: /* @__PURE__ */ p("div", {
 												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ l("div", {
+												children: [/* @__PURE__ */ f("div", {
 													className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
-													children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-text-secondary" })
-												}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+													children: /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })
+												}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 													className: "font-medium text-text-primary",
 													children: e.name
-												}), /* @__PURE__ */ u("p", {
+												}), /* @__PURE__ */ p("p", {
 													className: "text-xs text-text-secondary line-clamp-1",
 													children: [e.description.slice(0, 50), "..."]
 												})] })]
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("span", {
+											children: /* @__PURE__ */ f("span", {
 												className: "inline-flex rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 												children: e.category
 											})
 										}),
-										/* @__PURE__ */ u("td", {
+										/* @__PURE__ */ p("td", {
 											className: "px-5 py-3 text-right",
-											children: [/* @__PURE__ */ l("p", {
+											children: [/* @__PURE__ */ f("p", {
 												className: "font-medium text-text-primary",
-												children: r(e.price, { minimumFractionDigits: 0 })
-											}), e.originalPrice && /* @__PURE__ */ l("p", {
+												children: i(e.price, { minimumFractionDigits: 0 })
+											}), e.originalPrice && /* @__PURE__ */ f("p", {
 												className: "text-xs text-text-secondary line-through",
-												children: r(e.originalPrice, { minimumFractionDigits: 0 })
+												children: i(e.originalPrice, { minimumFractionDigits: 0 })
 											})]
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("span", {
+											children: /* @__PURE__ */ f("span", {
 												className: t("text-sm font-medium", n.color),
 												children: n.label
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3 text-center",
-											children: /* @__PURE__ */ l("button", {
+											children: /* @__PURE__ */ f("button", {
 												type: "button",
 												onClick: () => J(e.id, !e.isAvailable),
 												className: t("h-6 w-11 rounded-full transition-colors relative inline-block", e.isAvailable ? "bg-status-info-text" : "bg-muted-foreground/30"),
-												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
+												children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
+											children: /* @__PURE__ */ p("div", {
 												className: "flex items-center justify-end gap-1",
-												children: [/* @__PURE__ */ l("button", {
+												children: [/* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => K(e),
 													className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 													title: "Edit",
-													children: /* @__PURE__ */ l(ne, { className: "h-4 w-4" })
-												}), /* @__PURE__ */ l("button", {
+													children: /* @__PURE__ */ f(ne, { className: "h-4 w-4" })
+												}), /* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => q(e.id),
 													className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg/10 hover:text-status-error-text transition-colors",
 													title: "Delete",
-													children: /* @__PURE__ */ l(ie, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
 												})]
 											})
 										})
@@ -512,67 +509,67 @@ var d = [
 							}) })]
 						})
 					})
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "lg:hidden space-y-3",
-					children: z.map((e) => {
+					children: U.map((e) => {
 						let n = X(e);
-						return /* @__PURE__ */ l("div", {
+						return /* @__PURE__ */ f("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ l("div", {
+								children: [/* @__PURE__ */ f("div", {
 									className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
-									children: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-text-secondary" })
-								}), /* @__PURE__ */ u("div", {
+									children: /* @__PURE__ */ f(c, { className: "h-6 w-6 text-text-secondary" })
+								}), /* @__PURE__ */ p("div", {
 									className: "flex-1 min-w-0",
 									children: [
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-start justify-between mb-1",
-											children: [/* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ p("div", {
 												className: "flex-1",
-												children: [/* @__PURE__ */ l("h3", {
+												children: [/* @__PURE__ */ f("h3", {
 													className: "text-sm font-medium text-text-primary line-clamp-1",
 													children: e.name
-												}), /* @__PURE__ */ l("p", {
+												}), /* @__PURE__ */ f("p", {
 													className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 													children: e.description
 												})]
-											}), /* @__PURE__ */ l("button", {
+											}), /* @__PURE__ */ f("button", {
 												type: "button",
 												onClick: () => J(e.id, !e.isAvailable),
 												className: t("h-5 w-9 rounded-full transition-colors relative ml-2 shrink-0", e.isAvailable ? "bg-status-info-text" : "bg-muted-foreground/30"),
-												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-bg-surface transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
+												children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-bg-surface transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
 											})]
 										}),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-											children: [/* @__PURE__ */ l("span", {
+											children: [/* @__PURE__ */ f("span", {
 												className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 												children: e.category
-											}), /* @__PURE__ */ l("span", {
+											}), /* @__PURE__ */ f("span", {
 												className: t("font-medium", n.color),
 												children: n.label
 											})]
 										}),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center justify-between mt-3",
-											children: [/* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ p("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ l("span", {
+												children: [/* @__PURE__ */ f("span", {
 													className: "font-semibold text-text-primary",
-													children: r(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ l("span", {
+													children: i(e.price, { minimumFractionDigits: 0 })
+												}), e.originalPrice && /* @__PURE__ */ f("span", {
 													className: "text-xs text-text-secondary line-through",
-													children: r(e.originalPrice, { minimumFractionDigits: 0 })
+													children: i(e.originalPrice, { minimumFractionDigits: 0 })
 												})]
-											}), /* @__PURE__ */ u("div", {
+											}), /* @__PURE__ */ p("div", {
 												className: "flex gap-1",
-												children: [/* @__PURE__ */ l("button", {
+												children: [/* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => K(e),
 													className: "rounded px-2 py-1 text-xs border border-border-seam text-text-primary hover:bg-bg-sunken",
 													children: "Edit"
-												}), /* @__PURE__ */ l("button", {
+												}), /* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => q(e.id),
 													className: "rounded px-2 py-1 text-xs border border-border-seam text-status-error-text hover:bg-status-error-bg/10",
@@ -587,75 +584,75 @@ var d = [
 					})
 				})] })
 			]
-		}), ue && /* @__PURE__ */ l("div", {
+		}), O && /* @__PURE__ */ f("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam bg-bg-surface shadow-xl",
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "p-6",
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: E ? "Edit Item" : "Add New Item"
-							}), O.category && /* @__PURE__ */ u("p", {
+								children: A ? "Edit Item" : "Add New Item"
+							}), M.category && /* @__PURE__ */ p("p", {
 								className: "text-sm text-text-secondary mt-0.5",
 								children: [
 									"Type: ",
 									Z ? "Service" : "Product",
 									" | Category: ",
-									O.category
+									M.category
 								]
-							})] }), /* @__PURE__ */ l("button", {
+							})] }), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => T(!1),
+								onClick: () => k(!1),
 								className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-								children: /* @__PURE__ */ l(oe, { className: "h-5 w-5" })
+								children: /* @__PURE__ */ f(ie, { className: "h-5 w-5" })
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Item Name *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "text",
-										value: O.name,
-										onChange: (e) => k((t) => ({
+										value: M.name,
+										onChange: (e) => N((t) => ({
 											...t,
 											name: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary",
 										placeholder: "Enter item name"
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Category *"
-									}), /* @__PURE__ */ u("select", {
-										value: O.category,
-										onChange: (e) => k((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: M.category,
+										onChange: (e) => N((t) => ({
 											...t,
 											category: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
-										children: [/* @__PURE__ */ l("option", {
+										children: [/* @__PURE__ */ f("option", {
 											value: "",
 											children: "Select category"
-										}), R.map((e) => /* @__PURE__ */ l("option", {
+										}), H.map((e) => /* @__PURE__ */ f("option", {
 											value: e,
 											children: e
 										}, e))]
 									})] })]
 								}),
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Description *"
-								}), /* @__PURE__ */ l("textarea", {
-									value: O.description,
-									onChange: (e) => k((t) => ({
+								}), /* @__PURE__ */ f("textarea", {
+									value: M.description,
+									onChange: (e) => N((t) => ({
 										...t,
 										description: e.target.value
 									})),
@@ -663,26 +660,26 @@ var d = [
 									className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary resize-none",
 									placeholder: "Describe the offering..."
 								})] }),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Price *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.price,
-										onChange: (e) => k((t) => ({
+										value: M.price,
+										onChange: (e) => N((t) => ({
 											...t,
 											price: parseInt(e.target.value) || 0
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Original Price"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.originalPrice ?? "",
-										onChange: (e) => k((t) => ({
+										value: M.originalPrice ?? "",
+										onChange: (e) => N((t) => ({
 											...t,
 											originalPrice: e.target.value ? parseInt(e.target.value) : void 0
 										})),
@@ -690,40 +687,40 @@ var d = [
 										placeholder: "Optional"
 									})] })]
 								}),
-								!Z && /* @__PURE__ */ u("div", {
+								!Z && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Stock Quantity *"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.stock,
-											onChange: (e) => k((t) => ({
+											value: M.stock,
+											onChange: (e) => N((t) => ({
 												...t,
 												stock: parseInt(e.target.value) || 0
 											})),
 											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Preparation Time (min)"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.preparationTime,
-											onChange: (e) => k((t) => ({
+											value: M.preparationTime,
+											onChange: (e) => N((t) => ({
 												...t,
 												preparationTime: parseInt(e.target.value) || 0
 											})),
 											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Calories"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.calories,
-											onChange: (e) => k((t) => ({
+											value: M.calories,
+											onChange: (e) => N((t) => ({
 												...t,
 												calories: parseInt(e.target.value) || 0
 											})),
@@ -731,81 +728,81 @@ var d = [
 										})] })
 									]
 								}),
-								Z && /* @__PURE__ */ u("div", {
+								Z && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Duration (min) *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.duration,
-										onChange: (e) => k((t) => ({
+										value: M.duration,
+										onChange: (e) => N((t) => ({
 											...t,
 											duration: parseInt(e.target.value) || 30
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Setup Time (min)"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.preparationTime,
-										onChange: (e) => k((t) => ({
+										value: M.preparationTime,
+										onChange: (e) => N((t) => ({
 											...t,
 											preparationTime: parseInt(e.target.value) || 0
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] })]
 								}),
-								Q && /* @__PURE__ */ u("div", {
+								Q && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Spice Level"
-									}), /* @__PURE__ */ u("select", {
-										value: O.spiceLevel,
-										onChange: (e) => k((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: M.spiceLevel,
+										onChange: (e) => N((t) => ({
 											...t,
 											spiceLevel: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										children: [
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "none",
 												children: "None"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "mild",
 												children: "Mild"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "medium",
 												children: "Medium"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "spicy",
 												children: "Spicy"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "very-spicy",
 												children: "Very Spicy"
 											})
 										]
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-2",
 										children: "Dietary Options"
-									}), /* @__PURE__ */ l("div", {
+									}), /* @__PURE__ */ f("div", {
 										className: "space-y-2",
 										children: [
 											"isVegetarian",
 											"isVegan",
 											"isGlutenFree"
-										].map((e) => /* @__PURE__ */ u("label", {
+										].map((e) => /* @__PURE__ */ p("label", {
 											className: "flex items-center gap-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ l("input", {
+											children: [/* @__PURE__ */ f("input", {
 												type: "checkbox",
-												checked: O[e],
-												onChange: (t) => k((n) => ({
+												checked: M[e],
+												onChange: (t) => N((n) => ({
 													...n,
 													[e]: t.target.checked
 												})),
@@ -814,91 +811,91 @@ var d = [
 										}, e))
 									})] })]
 								}),
-								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Type *"
-								}), /* @__PURE__ */ u("select", {
-									value: O.serviceType,
-									onChange: (e) => k((t) => ({
+								}), /* @__PURE__ */ p("select", {
+									value: M.serviceType,
+									onChange: (e) => N((t) => ({
 										...t,
 										serviceType: e.target.value
 									})),
 									className: "w-full sm:w-64 rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "instant",
 											children: "Instant Service"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "appointment",
 											children: "Appointment Based"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "recurring",
 											children: "Recurring Service"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "consultation",
 											children: "Consultation"
 										})
 									]
 								})] }),
-								/* @__PURE__ */ u("div", { children: [
-									/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Tags (comma separated)"
 									}),
-									/* @__PURE__ */ l("input", {
+									/* @__PURE__ */ f("input", {
 										type: "text",
-										value: A,
-										onChange: (e) => j(e.target.value),
+										value: P,
+										onChange: (e) => F(e.target.value),
 										placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
 										className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									}),
-									/* @__PURE__ */ u("p", {
+									/* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
-											A.split(",").map((e) => e.trim()).filter(Boolean).length,
+											P.split(",").map((e) => e.trim()).filter(Boolean).length,
 											" ",
 											"tags"
 										]
 									})
 								] }),
-								Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Allergens (comma separated)"
-								}), /* @__PURE__ */ l("input", {
+								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: I,
+									onChange: (e) => L(e.target.value),
 									placeholder: "nuts, dairy, gluten, soy",
 									className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 								})] }),
-								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Requirements (comma separated)"
-								}), /* @__PURE__ */ l("input", {
+								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: P,
-									onChange: (e) => F(e.target.value),
+									value: R,
+									onChange: (e) => z(e.target.value),
 									placeholder: "advance booking, payment required, tools provided",
 									className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex gap-3 mt-6",
-							children: [/* @__PURE__ */ l("button", {
+							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => T(!1),
+								onClick: () => k(!1),
 								className: "flex-1 rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 								children: "Cancel"
-							}), /* @__PURE__ */ l("button", {
+							}), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: de,
+								onClick: me,
 								disabled: !$,
 								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", $ ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-								children: E ? "Update Item" : "Add Item"
+								children: A ? "Update Item" : "Add Item"
 							})]
 						})
 					]
@@ -908,6 +905,6 @@ var d = [
 	});
 };
 //#endregion
-export { _ as InventoryManagementPage };
+export { b as InventoryManagementPage };
 
 //# sourceMappingURL=InventoryManagementPage.js.map