@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

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

@@ -4,9 +4,11 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { useCreateOffering as i, useDeleteOffering as ee, useOfferings as te, useProviders as ne, useUpdateOffering as re } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as a } from "../../utils/formatters.js";
-import { useEffect as ie, useMemo as o, useState as s } from "react";
-import { AlertCircle as ae, CheckCircle2 as oe, Download as se, Edit2 as ce, Package as c, Plus as l, Search as le, Trash2 as ue, Upload as de, X as fe } from "lucide-react";
-import { Fragment as pe, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { StatCard as o } from "../../components/viz/StatCard.js";
+import "../../components/viz/index.js";
+import { useEffect as ie, useMemo as s, useState as c } from "react";
+import { AlertCircle as l, CheckCircle2 as ae, Download as oe, Edit2 as se, Filter as ce, Package as u, Plus as d, Search as le, Trash2 as ue, Upload as de, X as fe } from "lucide-react";
+import { Fragment as pe, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { EmphasisPanel as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/InventoryManagementPage.tsx
 var ge = [
@@ -18,7 +20,7 @@ var ge = [
 	"Health",
 	"Wellness",
 	"Education"
-], f = (e) => ge.some((t) => e.includes(t)), _e = (e) => e === "Food & Beverage", p = {
+], m = (e) => ge.some((t) => e.includes(t)), _e = (e) => e === "Food & Beverage", h = {
 	FOOD_BEVERAGE: "Food & Beverage",
 	PERSONAL_CARE_BEAUTY: "Personal Care & Beauty",
 	CLOTHING_FASHION: "Clothing & Fashion",
@@ -28,7 +30,7 @@ var ge = [
 	EDUCATION_SKILLS: "Education & Skills",
 	RETAIL_MERCHANDISE: "Retail & Merchandise",
 	GROCERY_ESSENTIALS: "Grocery & Essentials"
-}, ve = Object.fromEntries(Object.entries(p).map(([e, t]) => [t, e])), ye = Object.values(p).sort(), be = (e) => `${e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "offering"}-${Date.now().toString(36)}`, xe = (e) => {
+}, ve = Object.fromEntries(Object.entries(h).map(([e, t]) => [t, e])), ye = Object.values(h).sort(), be = (e) => `${e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "offering"}-${Date.now().toString(36)}`, xe = (e) => {
 	let t = String(e ?? "");
 	return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
 }, Se = (e, t) => ({
@@ -37,7 +39,9 @@ var ge = [
 	description: e.description ?? "",
 	price: e.price,
 	originalPrice: e.originalPrice ?? void 0,
-	category: p[e.category] ?? e.category,
+	category: h[e.category] ?? e.category,
+	kind: e.kind === "SERVICE" ? "Service" : "Product",
+	image: e.media?.[0] ?? void 0,
 	stock: e.stock ?? 0,
 	isAvailable: e.isAvailable,
 	cartName: t,
@@ -52,7 +56,7 @@ var ge = [
 	duration: e.durationMinutes ?? 0,
 	serviceType: e.serviceType ?? "",
 	requirements: []
-}), m = {
+}), Ce = {
 	name: "",
 	description: "",
 	category: "",
@@ -71,18 +75,18 @@ var ge = [
 	duration: 30,
 	serviceType: "instant",
 	requirements: []
-}, h = () => {
-	let { navigateTo: ge, currentUser: p } = e(), { data: h = [] } = ne(), g = o(() => h.find((e) => e.ownerId === p?.id) ?? h[0], [h, p?.id]), _ = g?.id, { data: v = [], isLoading: Ce } = te(_), y = re(), we = i(), Te = ee(), [b, x] = s([]);
+}, g = () => {
+	let { navigateTo: ge, currentUser: h } = e(), { data: g = [] } = ne(), _ = s(() => g.find((e) => e.ownerId === h?.id) ?? g[0], [g, h?.id]), v = _?.id, { data: y = [], isLoading: we } = te(v), b = re(), Te = i(), Ee = ee(), [x, S] = c([]);
 	ie(() => {
-		x(v.map((e) => Se(e, g?.name ?? "")));
-	}, [v, g?.name]);
-	let [S, C] = s(""), [w, T] = s(""), [E, D] = s(""), [O, k] = s("name"), [Ee, De] = s(!1), [Oe, A] = s(!1), [j, M] = s(null), [N, P] = s(m), [F, I] = s(""), [L, R] = s(""), [z, B] = s(""), [V, H] = s(null), ke = o(() => [...new Set(b.map((e) => e.category))].sort(), [b]), U = o(() => {
-		let e = [...b];
-		if (S) {
-			let t = S.toLowerCase();
+		S(y.map((e) => Se(e, _?.name ?? "")));
+	}, [y, _?.name]);
+	let [C, w] = c(""), [T, E] = c(""), [D, O] = c(""), [k, A] = c("name"), [De, Oe] = c(!1), [ke, j] = c(!1), [M, N] = c(null), [P, F] = c(Ce), [I, L] = c(""), [R, z] = c(""), [B, V] = c(""), [H, U] = c(null), Ae = s(() => [...new Set(x.map((e) => e.category))].sort(), [x]), W = s(() => {
+		let e = [...x];
+		if (C) {
+			let t = C.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 (w && (e = e.filter((e) => e.category === w)), E === "available" ? e = e.filter((e) => e.isAvailable) : E === "unavailable" && (e = e.filter((e) => !e.isAvailable)), O) {
+		switch (T && (e = e.filter((e) => e.category === T)), D === "available" ? e = e.filter((e) => e.isAvailable) : D === "unavailable" && (e = e.filter((e) => !e.isAvailable)), k) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -98,23 +102,23 @@ var ge = [
 		}
 		return e;
 	}, [
-		b,
-		S,
-		w,
-		E,
-		O
-	]), Ae = b.length, je = b.filter((e) => e.isAvailable).length, Me = b.filter((e) => !f(e.category) && e.stock === 0).length, Ne = b.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
-		H({
+		x,
+		C,
+		T,
+		D,
+		k
+	]), je = x.length, Me = x.filter((e) => e.isAvailable).length, Ne = x.filter((e) => !m(e.category) && e.stock === 0).length, Pe = x.filter((e) => !m(e.category) && e.stock > 0 && e.stock < 10).length, G = (e, t) => {
+		U({
 			text: e,
 			type: t
-		}), setTimeout(() => H(null), 3e3);
-	}, G = () => {
-		M(null), P({
-			...m,
+		}), setTimeout(() => U(null), 3e3);
+	}, K = () => {
+		N(null), F({
+			...Ce,
 			category: ""
-		}), I(""), R(""), B(""), A(!0);
-	}, K = (e) => {
-		M(e), P({
+		}), L(""), z(""), V(""), j(!0);
+	}, q = (e) => {
+		N(e), F({
 			name: e.name,
 			description: e.description,
 			category: e.category,
@@ -133,95 +137,95 @@ var ge = [
 			duration: e.duration,
 			serviceType: e.serviceType,
 			requirements: e.requirements
-		}), I(e.tags.join(", ")), R(e.allergens.join(", ")), B(e.requirements.join(", ")), A(!0);
-	}, Pe = () => {
-		if (!N.name || !N.description || !N.category || N.price <= 0) {
-			W("Please fill all required fields (name, description, category, price > 0)", "error");
+		}), L(e.tags.join(", ")), z(e.allergens.join(", ")), V(e.requirements.join(", ")), j(!0);
+	}, Fe = () => {
+		if (!P.name || !P.description || !P.category || P.price <= 0) {
+			G("Please fill all required fields (name, description, category, price > 0)", "error");
 			return;
 		}
-		let e = F.split(",").map((e) => e.trim()).filter(Boolean), t = L.split(",").map((e) => e.trim()).filter(Boolean), n = z.split(",").map((e) => e.trim()).filter(Boolean), r = f(N.category), i = r ? "Service" : "Product";
-		if (j) x((r) => r.map((r) => r.id === j.id ? {
+		let e = I.split(",").map((e) => e.trim()).filter(Boolean), t = R.split(",").map((e) => e.trim()).filter(Boolean), n = B.split(",").map((e) => e.trim()).filter(Boolean), r = m(P.category), i = r ? "Service" : "Product";
+		if (M) S((r) => r.map((r) => r.id === M.id ? {
 			...r,
-			...N,
+			...P,
 			tags: e,
 			allergens: t,
 			requirements: n
-		} : r)), y.mutate({
-			id: j.id,
+		} : r)), b.mutate({
+			id: M.id,
 			input: {
-				name: N.name,
-				description: N.description,
-				price: N.price,
-				originalPrice: N.originalPrice,
-				stock: r ? void 0 : N.stock,
+				name: P.name,
+				description: P.description,
+				price: P.price,
+				originalPrice: P.originalPrice,
+				stock: r ? void 0 : P.stock,
 				tags: e,
-				serviceType: N.serviceType || void 0,
-				durationMinutes: r ? N.duration : void 0
+				serviceType: P.serviceType || void 0,
+				durationMinutes: r ? P.duration : void 0
 			}
-		}, { onError: () => W("Could not save changes to the server", "error") }), W(`${i} updated successfully`, "success"), A(!1);
+		}, { onError: () => G("Could not save changes to the server", "error") }), G(`${i} updated successfully`, "success"), j(!1);
 		else {
-			if (!_) {
-				W("Create your cart before adding offerings", "error");
+			if (!v) {
+				G("Create your cart before adding offerings", "error");
 				return;
 			}
-			let t = ve[N.category];
+			let t = ve[P.category];
 			if (!t) {
-				W("Please choose a valid category", "error");
+				G("Please choose a valid category", "error");
 				return;
 			}
-			we.mutate({
-				providerId: _,
-				name: N.name,
-				slug: be(N.name),
-				description: N.description,
+			Te.mutate({
+				providerId: v,
+				name: P.name,
+				slug: be(P.name),
+				description: P.description,
 				category: t,
 				kind: r ? "SERVICE" : "PRODUCT",
-				price: N.price,
-				originalPrice: N.originalPrice,
-				stock: r ? void 0 : N.stock,
+				price: P.price,
+				originalPrice: P.originalPrice,
+				stock: r ? void 0 : P.stock,
 				tags: e,
-				serviceType: r && N.serviceType || void 0,
-				durationMinutes: r ? N.duration : void 0
+				serviceType: r && P.serviceType || void 0,
+				durationMinutes: r ? P.duration : void 0
 			}, {
 				onSuccess: () => {
-					W(`${i} added successfully`, "success"), A(!1);
+					G(`${i} added successfully`, "success"), j(!1);
 				},
-				onError: () => W(`Could not create the ${i.toLowerCase()}`, "error")
+				onError: () => G(`Could not create the ${i.toLowerCase()}`, "error")
 			});
 		}
-	}, q = (e) => {
+	}, J = (e) => {
 		if (!confirm("Are you sure you want to delete this offering?")) return;
-		let t = b;
-		x((t) => t.filter((t) => t.id !== e)), Te.mutate(e, {
-			onSuccess: () => W("Offering deleted successfully", "success"),
+		let t = x;
+		S((t) => t.filter((t) => t.id !== e)), Ee.mutate(e, {
+			onSuccess: () => G("Offering deleted successfully", "success"),
 			onError: () => {
-				x(t), W("Could not delete the offering", "error");
+				S(t), G("Could not delete the offering", "error");
 			}
 		});
-	}, J = (e, t) => {
-		x((n) => n.map((n) => n.id === e ? {
+	}, Y = (e, t) => {
+		S((n) => n.map((n) => n.id === e ? {
 			...n,
 			isAvailable: t
-		} : n)), y.mutate({
+		} : n)), b.mutate({
 			id: e,
 			input: { isAvailable: t }
-		}, { onError: () => W("Could not update availability on the server", "error") }), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
-	}, Y = (e) => {
-		let t = e === "enable", n = b.filter((e) => e.isAvailable !== t);
+		}, { onError: () => G("Could not update availability on the server", "error") }), G(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
+	}, X = (e) => {
+		let t = e === "enable", n = x.filter((e) => e.isAvailable !== t);
 		if (n.length === 0) {
-			W(`No offerings to ${e}`, "error");
+			G(`No offerings to ${e}`, "error");
 			return;
 		}
-		x((e) => e.map((e) => ({
+		S((e) => e.map((e) => ({
 			...e,
 			isAvailable: t
-		}))), n.forEach((e) => y.mutate({
+		}))), n.forEach((e) => b.mutate({
 			id: e.id,
 			input: { isAvailable: t }
-		}, { onError: () => W("Some offerings could not be updated on the server", "error") })), W(`${n.length} offerings ${e}d successfully`, "success");
-	}, Fe = () => {
-		if (b.length === 0) {
-			W("There are no offerings to export yet", "error");
+		}, { onError: () => G("Some offerings could not be updated on the server", "error") })), G(`${n.length} offerings ${e}d successfully`, "success");
+	}, Ie = () => {
+		if (x.length === 0) {
+			G("There are no offerings to export yet", "error");
 			return;
 		}
 		let e = [[
@@ -232,17 +236,17 @@ var ge = [
 			"Stock",
 			"Available",
 			"Tags"
-		], ...b.map((e) => [
+		], ...x.map((e) => [
 			e.name,
 			e.category,
 			e.price,
 			e.originalPrice ?? "",
-			f(e.category) ? "" : e.stock,
+			m(e.category) ? "" : e.stock,
 			e.isAvailable ? "Yes" : "No",
 			e.tags.join("; ")
 		])].map((e) => e.map(xe).join(",")).join("\n"), t = new Blob([e], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(t), r = document.createElement("a");
-		r.href = n, r.download = `offerings-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n), W(`Exported ${b.length} offerings to CSV`, "success");
-	}, X = (e) => f(e.category) ? {
+		r.href = n, r.download = `offerings-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n), G(`Exported ${x.length} offerings to CSV`, "success");
+	}, Le = (e) => m(e.category) ? {
 		color: "text-status-success-text",
 		label: "Available"
 	} : e.stock === 0 ? {
@@ -254,182 +258,171 @@ var ge = [
 	} : {
 		color: "text-status-success-text",
 		label: `In Stock (${e.stock})`
-	}, Z = N.category ? f(N.category) : !1, Ie = N.category ? _e(N.category) : !1, Q = !Z && Ie, $ = N.name && N.description && N.category && N.price > 0 && (!Z || N.duration && N.duration > 0) && (Z || N.stock >= 0);
-	return /* @__PURE__ */ d(n, {
+	}, Z = P.category ? m(P.category) : !1, Re = P.category ? _e(P.category) : !1, Q = !Z && Re, $ = P.name && P.description && P.category && P.price > 0 && (!Z || P.duration && P.duration > 0) && (Z || P.stock >= 0);
+	return /* @__PURE__ */ p(n, {
 		title: "Offerings Management",
 		description: "Manage your products and services",
-		actions: /* @__PURE__ */ d("button", {
+		actions: /* @__PURE__ */ p("button", {
 			type: "button",
-			onClick: G,
+			onClick: K,
 			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__ */ u(l, { className: "h-4 w-4" }), "Add Item"]
+			children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), "Add Item"]
 		}),
 		children: [
-			/* @__PURE__ */ u(he, {
+			/* @__PURE__ */ f(he, {
 				className: "mb-6",
 				children: "The menu and stock control room for your cart. Use this page to add and edit the products and services you offer, set prices and availability, and keep stock levels accurate so customers never order something you can't fulfil. Watch the out-of-stock and low-stock counts and restock before they cost you sales."
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				className: "space-y-4",
 				children: [
-					V && /* @__PURE__ */ d("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", V.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [V.type === "success" ? /* @__PURE__ */ u(oe, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ u(ae, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ u("span", {
-							className: t("text-sm font-medium", V.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: V.text
+					H && /* @__PURE__ */ p("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", H.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+						children: [H.type === "success" ? /* @__PURE__ */ f(ae, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ f(l, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ f("span", {
+							className: t("text-sm font-medium", H.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: H.text
 						})]
 					}),
-					/* @__PURE__ */ d(me, { children: [/* @__PURE__ */ u("h2", {
+					/* @__PURE__ */ p(me, { children: [/* @__PURE__ */ f("h2", {
 						className: "mb-4 text-base font-semibold text-text-primary",
 						children: "Stock at a Glance"
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ d("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ u("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Items"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-2xl font-bold text-text-primary",
-									children: Ae
-								})]
+							/* @__PURE__ */ f(o, {
+								label: "Total Items",
+								value: je,
+								icon: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ d("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ u("p", {
-									className: "text-xs text-text-secondary",
-									children: "Available"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-2xl font-bold text-status-success-text",
-									children: je
-								})]
-							}),
-							/* @__PURE__ */ d("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ u("p", {
-									className: "text-xs text-text-secondary",
-									children: "Out of Stock"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-2xl font-bold text-status-error-text",
+							/* @__PURE__ */ f(o, {
+								label: "Available",
+								value: /* @__PURE__ */ f("span", {
+									className: "text-status-success-text",
 									children: Me
-								})]
+								}),
+								icon: /* @__PURE__ */ f(ae, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ d("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ u("p", {
-									className: "text-xs text-text-secondary",
-									children: "Low Stock"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-2xl font-bold text-status-warning-text",
+							/* @__PURE__ */ f(o, {
+								label: "Out of Stock",
+								value: /* @__PURE__ */ f("span", {
+									className: "text-status-error-text",
 									children: Ne
-								})]
+								}),
+								icon: /* @__PURE__ */ f(l, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ f(o, {
+								label: "Low Stock",
+								value: /* @__PURE__ */ f("span", {
+									className: "text-status-warning-text",
+									children: Pe
+								}),
+								icon: /* @__PURE__ */ f(ce, { className: "h-4 w-4" })
 							})
 						]
 					})] }),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ p("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-							children: [/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
-									/* @__PURE__ */ d("button", {
+									/* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: G,
+										onClick: K,
 										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__ */ u(l, { className: "h-4 w-4" }), "Add Item"]
+										children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), "Add Item"]
 									}),
-									/* @__PURE__ */ u("button", {
+									/* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => Y("enable"),
+										onClick: () => X("enable"),
 										className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 										children: "Enable All"
 									}),
-									/* @__PURE__ */ u("button", {
+									/* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => Y("disable"),
+										onClick: () => X("disable"),
 										className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 										children: "Disable All"
 									})
 								]
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "flex flex-wrap gap-2",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ p("button", {
 									type: "button",
-									onClick: Fe,
+									onClick: Ie,
 									className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-									children: [/* @__PURE__ */ u(se, { className: "h-4 w-4" }), "Export CSV"]
-								}), /* @__PURE__ */ d("button", {
+									children: [/* @__PURE__ */ f(oe, { className: "h-4 w-4" }), "Export CSV"]
+								}), /* @__PURE__ */ p("button", {
 									type: "button",
 									disabled: !0,
 									title: "Bulk import is coming soon",
 									className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-secondary opacity-60 cursor-not-allowed",
-									children: [/* @__PURE__ */ u(de, { className: "h-4 w-4" }), "Import (coming soon)"]
+									children: [/* @__PURE__ */ f(de, { className: "h-4 w-4" }), "Import (coming soon)"]
 								})]
 							})]
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 							children: [
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ p("div", {
 									className: "relative sm:col-span-2 lg:col-span-1",
-									children: [/* @__PURE__ */ u(le, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ u("input", {
+									children: [/* @__PURE__ */ f(le, { 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: S,
-										onChange: (e) => C(e.target.value),
+										value: C,
+										onChange: (e) => w(e.target.value),
 										className: "w-full rounded-md border border-border-subtle 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__ */ d("select", {
-									value: w,
-									onChange: (e) => T(e.target.value),
+								/* @__PURE__ */ p("select", {
+									value: T,
+									onChange: (e) => E(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ u("option", {
+									children: [/* @__PURE__ */ f("option", {
 										value: "",
 										children: "All Categories"
-									}), ke.map((e) => /* @__PURE__ */ u("option", {
+									}), Ae.map((e) => /* @__PURE__ */ f("option", {
 										value: e,
 										children: e
 									}, e))]
 								}),
-								/* @__PURE__ */ d("select", {
-									value: E,
-									onChange: (e) => D(e.target.value),
+								/* @__PURE__ */ p("select", {
+									value: D,
+									onChange: (e) => O(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "",
 											children: "All Status"
 										}),
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "available",
 											children: "Available"
 										}),
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "unavailable",
 											children: "Unavailable"
 										})
 									]
 								}),
-								/* @__PURE__ */ d("select", {
-									value: O,
-									onChange: (e) => k(e.target.value),
+								/* @__PURE__ */ p("select", {
+									value: k,
+									onChange: (e) => A(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "name",
 											children: "Name A-Z"
 										}),
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "price_low",
 											children: "Price: Low to High"
 										}),
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "price_high",
 											children: "Price: High to Low"
 										}),
-										/* @__PURE__ */ u("option", {
+										/* @__PURE__ */ f("option", {
 											value: "stock",
 											children: "Stock: Low to High"
 										})
@@ -438,133 +431,147 @@ var ge = [
 							]
 						})]
 					}),
-					Ce ? /* @__PURE__ */ u("div", {
+					we ? /* @__PURE__ */ f("div", {
 						className: "flex items-center justify-center py-16",
-						children: /* @__PURE__ */ u("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-					}) : U.length === 0 ? /* @__PURE__ */ u(r, {
-						illustration: S || w || E ? "empty-search" : "empty-files",
+						children: /* @__PURE__ */ f("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+					}) : W.length === 0 ? /* @__PURE__ */ f(r, {
+						illustration: C || T || D ? "empty-search" : "empty-files",
 						title: "No items found",
-						description: S || w || E ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings so customers can order from you.",
-						action: /* @__PURE__ */ d("div", {
+						description: C || T || D ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings so customers can order from you.",
+						action: /* @__PURE__ */ p("div", {
 							className: "flex flex-wrap justify-center gap-3",
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: G,
+								onClick: K,
 								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__ */ u(l, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (S || w || E) && /* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), "Add Your First Item"]
+							}), (C || T || D) && /* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => {
-									C(""), T(""), D(""), k("name");
+									w(""), E(""), O(""), A("name");
 								},
 								className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
 								children: "Clear Filters"
 							})]
 						})
-					}) : /* @__PURE__ */ d(pe, { children: [/* @__PURE__ */ u("div", {
+					}) : /* @__PURE__ */ p(pe, { children: [/* @__PURE__ */ f("div", {
 						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-						children: /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "overflow-x-auto",
-							children: /* @__PURE__ */ d("table", {
+							children: /* @__PURE__ */ p("table", {
 								className: "w-full text-sm",
-								children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
+								children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
 									className: "border-b border-border-subtle bg-bg-sunken/50",
 									children: [
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Item"
 										}),
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Category"
 										}),
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-right font-medium text-text-secondary",
 											children: "Price"
 										}),
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Stock/Status"
 										}),
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-center font-medium text-text-secondary",
 											children: "Available"
 										}),
-										/* @__PURE__ */ u("th", {
+										/* @__PURE__ */ f("th", {
 											className: "px-5 py-3 text-right font-medium text-text-secondary",
 											children: "Actions"
 										})
 									]
-								}) }), /* @__PURE__ */ u("tbody", { children: U.map((e) => {
-									let n = X(e);
-									return /* @__PURE__ */ d("tr", {
+								}) }), /* @__PURE__ */ f("tbody", { children: W.map((e) => {
+									let n = Le(e);
+									return /* @__PURE__ */ p("tr", {
 										className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
 										children: [
-											/* @__PURE__ */ u("td", {
+											/* @__PURE__ */ f("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ d("div", {
+												children: /* @__PURE__ */ p("div", {
 													className: "flex items-center gap-3",
-													children: [/* @__PURE__ */ u("div", {
-														className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
-														children: /* @__PURE__ */ u(c, { className: "h-4 w-4 text-text-secondary" })
-													}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-														className: "font-medium text-text-primary",
-														children: e.name
-													}), /* @__PURE__ */ d("p", {
-														className: "text-xs text-text-secondary line-clamp-1",
-														children: [e.description.slice(0, 50), "..."]
-													})] })]
+													children: [e.image ? /* @__PURE__ */ f("img", {
+														src: e.image,
+														alt: "",
+														loading: "lazy",
+														className: "h-10 w-10 shrink-0 rounded-md object-cover"
+													}) : /* @__PURE__ */ f("div", {
+														className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-bg-sunken",
+														children: /* @__PURE__ */ f(u, { className: "h-4 w-4 text-text-secondary" })
+													}), /* @__PURE__ */ p("div", {
+														className: "min-w-0",
+														children: [/* @__PURE__ */ p("div", {
+															className: "flex items-center gap-2",
+															children: [/* @__PURE__ */ f("p", {
+																className: "font-medium text-text-primary",
+																children: e.name
+															}), /* @__PURE__ */ f("span", {
+																className: "inline-flex shrink-0 rounded bg-status-info-bg-subtle px-1.5 py-0.5 text-[10px] font-medium text-status-info-text",
+																children: e.kind
+															})]
+														}), e.description && /* @__PURE__ */ f("p", {
+															className: "text-xs text-text-secondary line-clamp-1",
+															children: e.description
+														})]
+													})]
 												})
 											}),
-											/* @__PURE__ */ u("td", {
+											/* @__PURE__ */ f("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ u("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__ */ d("td", {
+											/* @__PURE__ */ p("td", {
 												className: "px-5 py-3 text-right",
-												children: [/* @__PURE__ */ u("p", {
+												children: [/* @__PURE__ */ f("p", {
 													className: "font-medium text-text-primary",
 													children: a(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ u("p", {
+												}), e.originalPrice && /* @__PURE__ */ f("p", {
 													className: "text-xs text-text-secondary line-through",
 													children: a(e.originalPrice, { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ u("td", {
+											/* @__PURE__ */ f("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ u("span", {
+												children: /* @__PURE__ */ f("span", {
 													className: t("text-sm font-medium", n.color),
 													children: n.label
 												})
 											}),
-											/* @__PURE__ */ u("td", {
+											/* @__PURE__ */ f("td", {
 												className: "px-5 py-3 text-center",
-												children: /* @__PURE__ */ u("button", {
+												children: /* @__PURE__ */ f("button", {
 													type: "button",
-													onClick: () => J(e.id, !e.isAvailable),
+													onClick: () => Y(e.id, !e.isAvailable),
 													className: t("h-6 w-11 rounded-full transition-colors relative inline-block", e.isAvailable ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-													children: /* @__PURE__ */ u("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white 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-white transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
 												})
 											}),
-											/* @__PURE__ */ u("td", {
+											/* @__PURE__ */ f("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ d("div", {
+												children: /* @__PURE__ */ p("div", {
 													className: "flex items-center justify-end gap-1",
-													children: [/* @__PURE__ */ u("button", {
+													children: [/* @__PURE__ */ f("button", {
 														type: "button",
-														onClick: () => K(e),
+														onClick: () => q(e),
 														className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 														title: "Edit",
-														children: /* @__PURE__ */ u(ce, { className: "h-4 w-4" })
-													}), /* @__PURE__ */ u("button", {
+														children: /* @__PURE__ */ f(se, { className: "h-4 w-4" })
+													}), /* @__PURE__ */ f("button", {
 														type: "button",
-														onClick: () => q(e.id),
+														onClick: () => J(e.id),
 														className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle hover:text-status-error-text transition-colors",
 														title: "Delete",
-														children: /* @__PURE__ */ u(ue, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ f(ue, { className: "h-4 w-4" })
 													})]
 												})
 											})
@@ -573,69 +580,80 @@ var ge = [
 								}) })]
 							})
 						})
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "lg:hidden space-y-3",
-						children: U.map((e) => {
-							let n = X(e);
-							return /* @__PURE__ */ u("div", {
+						children: W.map((e) => {
+							let n = Le(e);
+							return /* @__PURE__ */ f("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: /* @__PURE__ */ d("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ u("div", {
+									children: [e.image ? /* @__PURE__ */ f("img", {
+										src: e.image,
+										alt: "",
+										loading: "lazy",
+										className: "h-14 w-14 shrink-0 rounded-md object-cover"
+									}) : /* @__PURE__ */ f("div", {
 										className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
-										children: /* @__PURE__ */ u(c, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ d("div", {
+										children: /* @__PURE__ */ f(u, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ p("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ p("div", {
 												className: "flex items-start justify-between mb-1",
-												children: [/* @__PURE__ */ d("div", {
+												children: [/* @__PURE__ */ p("div", {
 													className: "flex-1",
-													children: [/* @__PURE__ */ u("h3", {
-														className: "text-sm font-medium text-text-primary line-clamp-1",
-														children: e.name
-													}), /* @__PURE__ */ u("p", {
+													children: [/* @__PURE__ */ p("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ f("h3", {
+															className: "text-sm font-medium text-text-primary line-clamp-1",
+															children: e.name
+														}), /* @__PURE__ */ f("span", {
+															className: "inline-flex shrink-0 rounded bg-status-info-bg-subtle px-1.5 py-0.5 text-[10px] font-medium text-status-info-text",
+															children: e.kind
+														})]
+													}), /* @__PURE__ */ f("p", {
 														className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 														children: e.description
 													})]
-												}), /* @__PURE__ */ u("button", {
+												}), /* @__PURE__ */ f("button", {
 													type: "button",
-													onClick: () => J(e.id, !e.isAvailable),
+													onClick: () => Y(e.id, !e.isAvailable),
 													className: t("h-5 w-9 rounded-full transition-colors relative ml-2 shrink-0", e.isAvailable ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-													children: /* @__PURE__ */ u("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-white 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-white transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
 												})]
 											}),
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ p("div", {
 												className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-												children: [/* @__PURE__ */ u("span", {
+												children: [/* @__PURE__ */ f("span", {
 													className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 													children: e.category
-												}), /* @__PURE__ */ u("span", {
+												}), /* @__PURE__ */ f("span", {
 													className: t("font-medium", n.color),
 													children: n.label
 												})]
 											}),
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ p("div", {
 												className: "flex items-center justify-between mt-3",
-												children: [/* @__PURE__ */ d("div", {
+												children: [/* @__PURE__ */ p("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ u("span", {
+													children: [/* @__PURE__ */ f("span", {
 														className: "font-semibold text-text-primary",
 														children: a(e.price, { minimumFractionDigits: 0 })
-													}), e.originalPrice && /* @__PURE__ */ u("span", {
+													}), e.originalPrice && /* @__PURE__ */ f("span", {
 														className: "text-xs text-text-secondary line-through",
 														children: a(e.originalPrice, { minimumFractionDigits: 0 })
 													})]
-												}), /* @__PURE__ */ d("div", {
+												}), /* @__PURE__ */ p("div", {
 													className: "flex gap-1",
-													children: [/* @__PURE__ */ u("button", {
+													children: [/* @__PURE__ */ f("button", {
 														type: "button",
-														onClick: () => K(e),
+														onClick: () => q(e),
 														className: "rounded px-2 py-1 text-xs border border-border-subtle text-text-primary hover:bg-bg-sunken",
 														children: "Edit"
-													}), /* @__PURE__ */ u("button", {
+													}), /* @__PURE__ */ f("button", {
 														type: "button",
-														onClick: () => q(e.id),
+														onClick: () => J(e.id),
 														className: "rounded px-2 py-1 text-xs border border-border-subtle text-status-error-text hover:bg-status-error-bg-subtle",
 														children: "Delete"
 													})]
@@ -649,75 +667,75 @@ var ge = [
 					})] })
 				]
 			}),
-			Oe && /* @__PURE__ */ u("div", {
+			ke && /* @__PURE__ */ f("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "p-6",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: j ? "Edit Item" : "Add New Item"
-								}), N.category && /* @__PURE__ */ d("p", {
+									children: M ? "Edit Item" : "Add New Item"
+								}), P.category && /* @__PURE__ */ p("p", {
 									className: "text-sm text-text-secondary mt-0.5",
 									children: [
 										"Type: ",
 										Z ? "Service" : "Product",
 										" | Category: ",
-										N.category
+										P.category
 									]
-								})] }), /* @__PURE__ */ u("button", {
+								})] }), /* @__PURE__ */ f("button", {
 									type: "button",
-									onClick: () => A(!1),
+									onClick: () => j(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-									children: /* @__PURE__ */ u(fe, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ f(fe, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ p("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Item Name *"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "text",
-											value: N.name,
-											onChange: (e) => P((t) => ({
+											value: P.name,
+											onChange: (e) => F((t) => ({
 												...t,
 												name: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary",
 											placeholder: "Enter item name"
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Category *"
-										}), /* @__PURE__ */ d("select", {
-											value: N.category,
-											onChange: (e) => P((t) => ({
+										}), /* @__PURE__ */ p("select", {
+											value: P.category,
+											onChange: (e) => F((t) => ({
 												...t,
 												category: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ u("option", {
+											children: [/* @__PURE__ */ f("option", {
 												value: "",
 												children: "Select category"
-											}), ye.map((e) => /* @__PURE__ */ u("option", {
+											}), ye.map((e) => /* @__PURE__ */ f("option", {
 												value: e,
 												children: e
 											}, e))]
 										})] })]
 									}),
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Description *"
-									}), /* @__PURE__ */ u("textarea", {
-										value: N.description,
-										onChange: (e) => P((t) => ({
+									}), /* @__PURE__ */ f("textarea", {
+										value: P.description,
+										onChange: (e) => F((t) => ({
 											...t,
 											description: e.target.value
 										})),
@@ -725,26 +743,26 @@ var ge = [
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary resize-none",
 										placeholder: "Describe the offering..."
 									})] }),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Price *"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: N.price,
-											onChange: (e) => P((t) => ({
+											value: P.price,
+											onChange: (e) => F((t) => ({
 												...t,
 												price: parseInt(e.target.value) || 0
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Original Price"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: N.originalPrice ?? "",
-											onChange: (e) => P((t) => ({
+											value: P.originalPrice ?? "",
+											onChange: (e) => F((t) => ({
 												...t,
 												originalPrice: e.target.value ? parseInt(e.target.value) : void 0
 											})),
@@ -752,40 +770,40 @@ var ge = [
 											placeholder: "Optional"
 										})] })]
 									}),
-									!Z && /* @__PURE__ */ d("div", {
+									!Z && /* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 										children: [
-											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Stock Quantity *"
-											}), /* @__PURE__ */ u("input", {
+											}), /* @__PURE__ */ f("input", {
 												type: "number",
-												value: N.stock,
-												onChange: (e) => P((t) => ({
+												value: P.stock,
+												onChange: (e) => F((t) => ({
 													...t,
 													stock: parseInt(e.target.value) || 0
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 											})] }),
-											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Preparation Time (min)"
-											}), /* @__PURE__ */ u("input", {
+											}), /* @__PURE__ */ f("input", {
 												type: "number",
-												value: N.preparationTime,
-												onChange: (e) => P((t) => ({
+												value: P.preparationTime,
+												onChange: (e) => F((t) => ({
 													...t,
 													preparationTime: parseInt(e.target.value) || 0
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 											})] }),
-											Q && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+											Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Calories"
-											}), /* @__PURE__ */ u("input", {
+											}), /* @__PURE__ */ f("input", {
 												type: "number",
-												value: N.calories,
-												onChange: (e) => P((t) => ({
+												value: P.calories,
+												onChange: (e) => F((t) => ({
 													...t,
 													calories: parseInt(e.target.value) || 0
 												})),
@@ -793,81 +811,81 @@ var ge = [
 											})] })
 										]
 									}),
-									Z && /* @__PURE__ */ d("div", {
+									Z && /* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("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__ */ u("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: N.duration,
-											onChange: (e) => P((t) => ({
+											value: P.duration,
+											onChange: (e) => F((t) => ({
 												...t,
 												duration: parseInt(e.target.value) || 30
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Setup Time (min)"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: N.preparationTime,
-											onChange: (e) => P((t) => ({
+											value: P.preparationTime,
+											onChange: (e) => F((t) => ({
 												...t,
 												preparationTime: parseInt(e.target.value) || 0
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })]
 									}),
-									Q && /* @__PURE__ */ d("div", {
+									Q && /* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Spice Level"
-										}), /* @__PURE__ */ d("select", {
-											value: N.spiceLevel,
-											onChange: (e) => P((t) => ({
+										}), /* @__PURE__ */ p("select", {
+											value: P.spiceLevel,
+											onChange: (e) => F((t) => ({
 												...t,
 												spiceLevel: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 											children: [
-												/* @__PURE__ */ u("option", {
+												/* @__PURE__ */ f("option", {
 													value: "none",
 													children: "None"
 												}),
-												/* @__PURE__ */ u("option", {
+												/* @__PURE__ */ f("option", {
 													value: "mild",
 													children: "Mild"
 												}),
-												/* @__PURE__ */ u("option", {
+												/* @__PURE__ */ f("option", {
 													value: "medium",
 													children: "Medium"
 												}),
-												/* @__PURE__ */ u("option", {
+												/* @__PURE__ */ f("option", {
 													value: "spicy",
 													children: "Spicy"
 												}),
-												/* @__PURE__ */ u("option", {
+												/* @__PURE__ */ f("option", {
 													value: "very-spicy",
 													children: "Very Spicy"
 												})
 											]
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-2",
 											children: "Dietary Options"
-										}), /* @__PURE__ */ u("div", {
+										}), /* @__PURE__ */ f("div", {
 											className: "space-y-2",
 											children: [
 												"isVegetarian",
 												"isVegan",
 												"isGlutenFree"
-											].map((e) => /* @__PURE__ */ d("label", {
+											].map((e) => /* @__PURE__ */ p("label", {
 												className: "flex items-center gap-2 text-sm text-text-primary",
-												children: [/* @__PURE__ */ u("input", {
+												children: [/* @__PURE__ */ f("input", {
 													type: "checkbox",
-													checked: N[e],
-													onChange: (t) => P((n) => ({
+													checked: P[e],
+													onChange: (t) => F((n) => ({
 														...n,
 														[e]: t.target.checked
 													})),
@@ -876,91 +894,91 @@ var ge = [
 											}, e))
 										})] })]
 									}),
-									Z && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+									Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Type *"
-									}), /* @__PURE__ */ d("select", {
-										value: N.serviceType,
-										onChange: (e) => P((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: P.serviceType,
+										onChange: (e) => F((t) => ({
 											...t,
 											serviceType: e.target.value
 										})),
 										className: "w-full sm:w-64 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										children: [
-											/* @__PURE__ */ u("option", {
+											/* @__PURE__ */ f("option", {
 												value: "instant",
 												children: "Instant Service"
 											}),
-											/* @__PURE__ */ u("option", {
+											/* @__PURE__ */ f("option", {
 												value: "appointment",
 												children: "Appointment Based"
 											}),
-											/* @__PURE__ */ u("option", {
+											/* @__PURE__ */ f("option", {
 												value: "recurring",
 												children: "Recurring Service"
 											}),
-											/* @__PURE__ */ u("option", {
+											/* @__PURE__ */ f("option", {
 												value: "consultation",
 												children: "Consultation"
 											})
 										]
 									})] }),
-									/* @__PURE__ */ d("div", { children: [
-										/* @__PURE__ */ u("label", {
+									/* @__PURE__ */ p("div", { children: [
+										/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Tags (comma separated)"
 										}),
-										/* @__PURE__ */ u("input", {
+										/* @__PURE__ */ f("input", {
 											type: "text",
-											value: F,
-											onChange: (e) => I(e.target.value),
+											value: I,
+											onChange: (e) => L(e.target.value),
 											placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ p("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												F.split(",").map((e) => e.trim()).filter(Boolean).length,
+												I.split(",").map((e) => e.trim()).filter(Boolean).length,
 												" ",
 												"tags"
 											]
 										})
 									] }),
-									Q && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("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__ */ u("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "text",
-										value: L,
-										onChange: (e) => R(e.target.value),
+										value: R,
+										onChange: (e) => z(e.target.value),
 										placeholder: "nuts, dairy, gluten, soy",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									})] }),
-									Z && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("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__ */ u("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "text",
-										value: z,
-										onChange: (e) => B(e.target.value),
+										value: B,
+										onChange: (e) => V(e.target.value),
 										placeholder: "advance booking, payment required, tools provided",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									})] })
 								]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ f("button", {
 									type: "button",
-									onClick: () => A(!1),
+									onClick: () => j(!1),
 									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Cancel"
-								}), /* @__PURE__ */ u("button", {
+								}), /* @__PURE__ */ f("button", {
 									type: "button",
-									onClick: Pe,
+									onClick: Fe,
 									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: j ? "Update Item" : "Add Item"
+									children: M ? "Update Item" : "Add Item"
 								})]
 							})
 						]
@@ -971,6 +989,6 @@ var ge = [
 	});
 };
 //#endregion
-export { h as InventoryManagementPage };
+export { g as InventoryManagementPage };
 
 //# sourceMappingURL=InventoryManagementPage.js.map