@burdenoff/microfe-devportal 2026.916.6 → 2026.916.7

package/dist/devportal/pages/EditPhysicalItemPage.js

@@ -1,14 +1,16 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { CheckboxField as i, InputField as a, SelectField as o, TextareaField as s } from "../components/FormField.js";
+import { DetailList as i } from "../components/DataTable.js";
+import { CheckboxField as a, InputField as o, SelectField as s, TextareaField as c } from "../components/FormField.js";
 import { usePackageUpload as ee } from "../hooks/usePackageUpload.js";
-import { useCallback as c, useEffect as te, useRef as ne, useState as l } from "react";
-import { AlertCircle as u, AlertTriangle as d, Info as re, Loader2 as f, RotateCw as ie, Upload as ae, X as oe } from "lucide-react";
-import { useParams as se } from "react-router";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useCallback as l, useEffect as te, useRef as ne, useState as u } from "react";
+import { AlertCircle as re, AlertTriangle as ie, CheckCircle as ae, Clock as oe, Edit as se, ImageOff as ce, Info as le, Loader2 as d, RotateCw as ue, Upload as de, X as fe, XCircle as pe } from "lucide-react";
+import { useParams as me } from "react-router";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EmphasisPanel as he, GlassCard as h } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/EditPhysicalItemPage.tsx
-var g = [
+var ge = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -33,7 +35,7 @@ var g = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], _ = [
+], _e = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -50,7 +52,7 @@ var g = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], v = [
+], g = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -63,21 +65,61 @@ var g = [
 		value: "METER",
 		label: "Meters (m)"
 	}
-], y = [
+], _ = [
 	"name",
 	"shortDescription",
 	"price",
 	"currency",
 	"stockQuantity"
-], b = "\n  query GetPhysicalProduct($id: ID!) {\n    product(id: $id) {\n      id\n      name\n      slug\n      type\n      status\n      nature\n      description\n      longDescription\n      price\n      currency\n      tags\n      stockQuantity\n      sku\n      trackInventory\n      allowBackorder\n      lowStockThreshold\n      requiresShipping\n      weight\n      weightUnit\n      length\n      width\n      height\n      dimensionUnit\n      brand\n      manufacturer\n      countryOfOrigin\n      warrantyInfo\n      returnPolicy\n      icon\n      screenshots\n    }\n  }\n", x = "\n  mutation UpdatePhysicalProduct(\n    $id: ID!\n    $input: UpdatePhysicalProductInput!\n  ) {\n    updatePhysicalProduct(id: $id, input: $input) {\n      id\n      name\n      status\n    }\n  }\n", S = "\n  mutation SubmitProductForReview($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
-function ce(e) {
-	return y.every((t) => {
+], ve = {
+	MERCHANDISE: "Merchandise",
+	HARDWARE: "Hardware",
+	ACCESSORY: "Accessory",
+	BOOK: "Book",
+	EQUIPMENT: "Equipment",
+	APPAREL: "Apparel",
+	COLLECTIBLE: "Collectible",
+	CONSUMABLE: "Consumable"
+}, ye = {
+	PUBLISHED: {
+		label: "Published",
+		className: "text-status-success-text bg-status-success-bg-subtle"
+	},
+	PENDING_REVIEW: {
+		label: "Pending Review",
+		className: "text-status-warning-text bg-status-warning-bg-subtle"
+	},
+	DRAFT: {
+		label: "Draft",
+		className: "text-text-muted bg-bg-muted"
+	},
+	REJECTED: {
+		label: "Rejected",
+		className: "text-status-error-text bg-status-error-bg/10"
+	},
+	INACTIVE: {
+		label: "Inactive",
+		className: "text-text-muted bg-bg-muted"
+	}
+}, be = "\n  query GetPhysicalProduct($id: ID!) {\n    product(id: $id) {\n      id\n      name\n      slug\n      type\n      status\n      nature\n      description\n      longDescription\n      price\n      currency\n      tags\n      stockQuantity\n      sku\n      trackInventory\n      allowBackorder\n      lowStockThreshold\n      requiresShipping\n      weight\n      weightUnit\n      length\n      width\n      height\n      dimensionUnit\n      brand\n      manufacturer\n      countryOfOrigin\n      warrantyInfo\n      returnPolicy\n      icon\n      screenshots\n      category\n      viewCount\n      rating\n      reviewCount\n      createdAt\n      updatedAt\n      submittedAt\n      reviewedAt\n      reviewNotes\n      rejectedReason\n      publishedAt\n    }\n  }\n", xe = "\n  mutation UpdatePhysicalProduct(\n    $id: ID!\n    $input: UpdatePhysicalProductInput!\n  ) {\n    updatePhysicalProduct(id: $id, input: $input) {\n      id\n      name\n      status\n    }\n  }\n", Se = "\n  mutation SubmitProductForReview($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
+function Ce(e) {
+	return _.every((t) => {
 		let n = e[t];
 		return typeof n == "boolean" ? !0 : String(n).trim() !== "";
 	});
 }
-var C = () => {
-	let { navigate: y, basePath: C, apiGatewayUrl: le, authToken: w, workspacesGatewayUrl: ue, workspaceId: de, getWorkspaceToken: fe } = e(), { itemId: T } = se(), E = `${le || ""}/global/graphql`, [pe, D] = l(!0), [O, k] = l(null), [A, j] = l(null), [M, N] = l({
+var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
+	treatment: "metric",
+	className: "p-4",
+	children: [/* @__PURE__ */ p("p", {
+		className: "text-sm text-text-secondary",
+		children: e
+	}), /* @__PURE__ */ p("p", {
+		className: "text-2xl font-bold tabular-nums",
+		children: t
+	})]
+}), y = () => {
+	let { navigate: h, basePath: _, apiGatewayUrl: y, authToken: b, workspacesGatewayUrl: we, workspaceId: Te, getWorkspaceToken: Ee } = e(), { itemId: x } = me(), S = `${y || ""}/global/graphql`, [De, C] = u(!0), [w, T] = u(null), [E, Oe] = u(null), [D, O] = u("overview"), [k, ke] = u(null), [A, j] = u({
 		name: "",
 		shortDescription: "",
 		longDescription: "",
@@ -101,13 +143,13 @@ var C = () => {
 		countryOfOrigin: "",
 		warrantyInfo: "",
 		returnPolicy: ""
-	}), [P, F] = l([]), [I, L] = l(!1), R = ne(null), { upload: z } = ee(ue, w, de, fe, "/DevPortal/Assets"), [B, V] = l(!1), [H, U] = l(null), [me, W] = l(!1), he = P.some((e) => e.uploading), G = ce(M) && !he;
-	async function K(e, t) {
-		let n = await (await fetch(E, {
+	}), [M, N] = u([]), [P, F] = u(!1), I = ne(null), { upload: L } = ee(we, b, Te, Ee, "/DevPortal/Assets"), [R, z] = u(!1), [B, V] = u(null), [Ae, H] = u(!1), je = M.some((e) => e.uploading), U = Ce(A) && !je;
+	async function W(e, t) {
+		let n = await (await fetch(S, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				...w ? { Authorization: `Bearer ${w}` } : {}
+				...b ? { Authorization: `Bearer ${b}` } : {}
 			},
 			credentials: "include",
 			body: JSON.stringify({
@@ -119,18 +161,18 @@ var C = () => {
 		return n.data;
 	}
 	te(() => {
-		if (!T) return;
+		if (!x) return;
 		let e = !1;
-		return D(!0), k(null), (async () => {
+		return C(!0), T(null), (async () => {
 			try {
-				let t = await K(b, { id: T });
+				let t = await W(be, { id: x });
 				if (e) return;
 				let n = t.product;
 				if (!n) {
-					k("Product not found.");
+					T("Product not found.");
 					return;
 				}
-				j(n.status), N({
+				Oe(n.status), j({
 					name: n.name,
 					shortDescription: n.description ?? "",
 					longDescription: n.longDescription ?? "",
@@ -154,518 +196,792 @@ var C = () => {
 					countryOfOrigin: n.countryOfOrigin ?? "",
 					warrantyInfo: n.warrantyInfo ?? "",
 					returnPolicy: n.returnPolicy ?? ""
-				}), F([n.icon, ...n.screenshots ?? []].filter((e) => !!e).map((e) => ({
+				}), ke({
+					slug: n.slug,
+					type: n.type,
+					category: n.category,
+					viewCount: n.viewCount,
+					rating: n.rating,
+					reviewCount: n.reviewCount,
+					createdAt: n.createdAt,
+					updatedAt: n.updatedAt,
+					submittedAt: n.submittedAt,
+					reviewedAt: n.reviewedAt,
+					reviewNotes: n.reviewNotes,
+					rejectedReason: n.rejectedReason,
+					publishedAt: n.publishedAt
+				}), N([n.icon, ...n.screenshots ?? []].filter((e) => !!e).map((e) => ({
 					id: crypto.randomUUID(),
 					url: e,
 					downloadUrl: e,
 					uploading: !1
 				})));
 			} catch (t) {
-				e || k(t instanceof Error ? t.message : "Failed to load product");
+				e || T(t instanceof Error ? t.message : "Failed to load product");
 			} finally {
-				e || D(!1);
+				e || C(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		T,
-		E,
-		w
+		x,
+		S,
+		b
 	]);
-	let q = (e, t) => {
-		N((n) => ({
+	let G = (e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, J = (e) => (t) => {
-		q(e, t.target.checked);
-	}, Y = c((e, t) => {
-		z(t).then((t) => {
-			F((n) => n.map((n) => n.id === e ? {
+	}, K = (e) => (t) => {
+		G(e, t.target.checked);
+	}, q = l((e, t) => {
+		L(t).then((t) => {
+			N((n) => n.map((n) => n.id === e ? {
 				...n,
 				uploading: !1,
 				downloadUrl: t.downloadUrl,
 				error: void 0
 			} : n));
 		}).catch((t) => {
-			F((n) => n.map((n) => n.id === e ? {
+			N((n) => n.map((n) => n.id === e ? {
 				...n,
 				uploading: !1,
 				error: t instanceof Error ? t.message : "Upload failed"
 			} : n));
 		});
-	}, [z]), X = c((e) => {
+	}, [L]), J = l((e) => {
 		let t = Array.from(e).filter((e) => e.type.startsWith("image/")).map((e) => ({
 			id: crypto.randomUUID(),
 			file: e,
 			url: URL.createObjectURL(e),
 			uploading: !0
 		}));
-		F((e) => [...e, ...t]), t.forEach((e) => Y(e.id, e.file));
-	}, [Y]), ge = (e) => {
-		e.target.files && X(e.target.files), e.target.value = "";
-	}, _e = (e) => {
-		e.preventDefault(), L(!1), e.dataTransfer.files && X(e.dataTransfer.files);
-	}, ve = (e) => {
-		e.preventDefault(), L(!0);
-	}, Z = () => L(!1), ye = (e) => {
-		F((t) => {
+		N((e) => [...e, ...t]), t.forEach((e) => q(e.id, e.file));
+	}, [q]), Me = (e) => {
+		e.target.files && J(e.target.files), e.target.value = "";
+	}, Ne = (e) => {
+		e.preventDefault(), F(!1), e.dataTransfer.files && J(e.dataTransfer.files);
+	}, Pe = (e) => {
+		e.preventDefault(), F(!0);
+	}, Fe = () => F(!1), Y = (e) => {
+		N((t) => {
 			let n = t.find((t) => t.id === e);
 			return n?.file && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
 		});
-	}, be = (e) => {
-		let t = P.find((t) => t.id === e);
-		t?.file && (F((t) => t.map((t) => t.id === e ? {
+	}, Ie = (e) => {
+		let t = M.find((t) => t.id === e);
+		t?.file && (N((t) => t.map((t) => t.id === e ? {
 			...t,
 			uploading: !0,
 			error: void 0
-		} : t)), Y(e, t.file));
-	}, Q = async (e = !1) => {
-		if (!(!G || B || !T)) {
-			V(!0), U(null), W(!1);
+		} : t)), q(e, t.file));
+	}, X = async (e = !1) => {
+		if (!(!U || R || !x)) {
+			z(!0), V(null), H(!1);
 			try {
-				let t = M.tags.split(",").map((e) => e.trim()).filter(Boolean), n = P.map((e) => e.downloadUrl).filter((e) => !!e), r = M.length.trim() || M.width.trim() || M.height.trim();
-				await K(x, {
-					id: T,
+				let t = A.tags.split(",").map((e) => e.trim()).filter(Boolean), n = M.map((e) => e.downloadUrl).filter((e) => !!e), r = A.length.trim() || A.width.trim() || A.height.trim();
+				await W(xe, {
+					id: x,
 					input: {
-						name: M.name.trim(),
-						description: M.shortDescription.trim(),
-						longDescription: M.longDescription.trim() || null,
-						price: parseFloat(M.price),
-						currency: M.currency,
+						name: A.name.trim(),
+						description: A.shortDescription.trim(),
+						longDescription: A.longDescription.trim() || null,
+						price: parseFloat(A.price),
+						currency: A.currency,
 						tags: t.length > 0 ? t : null,
-						stockQuantity: parseInt(M.stockQuantity, 10),
-						sku: M.sku.trim() || null,
-						trackInventory: M.trackInventory,
-						allowBackorder: M.allowBackorder,
-						lowStockThreshold: M.lowStockThreshold.trim() ? parseInt(M.lowStockThreshold, 10) : null,
-						requiresShipping: M.requiresShipping,
-						weight: M.requiresShipping && M.weightKg.trim() ? parseFloat(M.weightKg) : null,
-						weightUnit: M.requiresShipping && M.weightKg.trim() ? M.weightUnit : null,
-						length: M.requiresShipping && M.length.trim() ? parseFloat(M.length) : null,
-						width: M.requiresShipping && M.width.trim() ? parseFloat(M.width) : null,
-						height: M.requiresShipping && M.height.trim() ? parseFloat(M.height) : null,
-						dimensionUnit: M.requiresShipping && r ? M.dimensionUnit : null,
-						brand: M.brand.trim() || null,
-						manufacturer: M.manufacturer.trim() || null,
-						countryOfOrigin: M.countryOfOrigin.trim() || null,
-						warrantyInfo: M.warrantyInfo.trim() || null,
-						returnPolicy: M.returnPolicy.trim() || null,
+						stockQuantity: parseInt(A.stockQuantity, 10),
+						sku: A.sku.trim() || null,
+						trackInventory: A.trackInventory,
+						allowBackorder: A.allowBackorder,
+						lowStockThreshold: A.lowStockThreshold.trim() ? parseInt(A.lowStockThreshold, 10) : null,
+						requiresShipping: A.requiresShipping,
+						weight: A.requiresShipping && A.weightKg.trim() ? parseFloat(A.weightKg) : null,
+						weightUnit: A.requiresShipping && A.weightKg.trim() ? A.weightUnit : null,
+						length: A.requiresShipping && A.length.trim() ? parseFloat(A.length) : null,
+						width: A.requiresShipping && A.width.trim() ? parseFloat(A.width) : null,
+						height: A.requiresShipping && A.height.trim() ? parseFloat(A.height) : null,
+						dimensionUnit: A.requiresShipping && r ? A.dimensionUnit : null,
+						brand: A.brand.trim() || null,
+						manufacturer: A.manufacturer.trim() || null,
+						countryOfOrigin: A.countryOfOrigin.trim() || null,
+						warrantyInfo: A.warrantyInfo.trim() || null,
+						returnPolicy: A.returnPolicy.trim() || null,
 						icon: n[0] ?? null,
 						screenshots: n.length > 1 ? n.slice(1) : null
 					}
-				}), e && await K(S, {
-					id: T,
+				}), e && await W(Se, {
+					id: x,
 					notes: "Resubmitted after edits"
-				}), W(!0), setTimeout(() => {
-					y?.(`${C}/seller/items`);
+				}), H(!0), setTimeout(() => {
+					h?.(`${_}/seller/items`);
 				}, 1500);
 			} catch (e) {
-				U(e instanceof Error ? e.message : "Save failed. Please try again.");
+				V(e instanceof Error ? e.message : "Save failed. Please try again.");
 			} finally {
-				V(!1);
+				z(!1);
 			}
 		}
 	};
-	if (pe) return /* @__PURE__ */ m(n, {
+	if (De) return /* @__PURE__ */ p(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ m(f, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ p(d, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (O) return /* @__PURE__ */ m(n, {
+	if (w) return /* @__PURE__ */ p(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center gap-3 rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-4 py-3 text-sm",
-			children: [/* @__PURE__ */ m(u, {
+			children: [/* @__PURE__ */ p(re, {
 				size: 16,
 				className: "shrink-0 text-status-error-text"
-			}), /* @__PURE__ */ m("span", {
+			}), /* @__PURE__ */ p("span", {
 				className: "text-status-error-text",
-				children: O
+				children: w
 			})]
 		})
 	});
-	let $ = A === "DRAFT" || A === "REJECTED";
-	return /* @__PURE__ */ m(n, {
-		title: `Edit: ${M.name || "Item"}`,
-		description: "Update your listing details. Changes take effect immediately for drafts; published items may require re-review.",
+	let Z = E === "DRAFT" || E === "REJECTED", Q = M.find((e) => e.downloadUrl) ?? M[0], $ = E ? ye[E] : void 0;
+	return /* @__PURE__ */ p(n, {
+		title: /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-3",
+			children: [Q ? /* @__PURE__ */ p("img", {
+				src: Q.url,
+				alt: "",
+				className: "h-10 w-10 shrink-0 rounded-input border border-border-subtle object-cover"
+			}) : /* @__PURE__ */ p("div", {
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-input border border-border-subtle bg-bg-sunken",
+				children: /* @__PURE__ */ p(ce, {
+					size: 16,
+					className: "text-text-muted"
+				})
+			}), /* @__PURE__ */ p("span", { children: A.name || "Item" })]
+		}),
+		description: A.shortDescription || void 0,
+		purpose: "Everything about this listing in one place — its performance, its store presence, and its editable details. Use the tabs to review or update it.",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ h("div", {
-			className: "space-y-8 max-w-3xl",
+		actions: D === "overview" ? /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: () => O("edit"),
+			className: "inline-flex items-center gap-2 rounded-button bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+			children: [/* @__PURE__ */ p(se, { size: 15 }), "Edit Listing"]
+		}) : void 0,
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-6",
 			children: [
-				me && /* @__PURE__ */ m("div", {
+				Ae && /* @__PURE__ */ p("div", {
 					className: "rounded-card border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
 					children: "Saved successfully! Redirecting to your items..."
 				}),
-				H && /* @__PURE__ */ m("div", {
+				B && /* @__PURE__ */ p("div", {
 					className: "rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-					children: H
+					children: B
 				}),
-				A && /* @__PURE__ */ h("div", {
-					className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
+				/* @__PURE__ */ m("div", {
+					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ m(re, {
-							size: 13,
-							className: "mt-0.5 shrink-0 text-text-muted"
+						$ && /* @__PURE__ */ p("span", {
+							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", $.className),
+							children: $.label
 						}),
-						"Current status:",
-						" ",
-						/* @__PURE__ */ m("span", {
-							className: "font-medium text-text-primary",
-							children: A.replace(/_/g, " ")
+						/* @__PURE__ */ p("span", {
+							className: "text-sm text-text-secondary",
+							children: ve[k?.type ?? ""] || k?.type
 						}),
-						$ && /* @__PURE__ */ m("span", {
-							className: "ml-1",
-							children: "— use \"Save & Resubmit\" to send it for review again."
+						k?.category && /* @__PURE__ */ p("span", {
+							className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+							children: k.category
 						})
 					]
 				}),
-				/* @__PURE__ */ m(r, {
-					title: "Basic Information",
-					description: "Core details shown in the store listing.",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+				E === "PENDING_REVIEW" && /* @__PURE__ */ m("div", {
+					className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
+					children: [/* @__PURE__ */ p(oe, {
+						size: 18,
+						className: "text-status-warning-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ m("div", {
+						className: "text-sm",
+						children: [/* @__PURE__ */ p("p", {
+							className: "font-medium text-status-warning-text",
+							children: "Under Review"
+						}), /* @__PURE__ */ m("p", {
+							className: "mt-0.5 text-text-secondary",
+							children: ["Your listing is being reviewed by our team. You'll be notified of the outcome.", k?.submittedAt && /* @__PURE__ */ m("span", {
+								className: "ml-1",
+								children: [
+									"Submitted",
+									" ",
+									new Date(k.submittedAt).toLocaleDateString(),
+									"."
+								]
+							})]
+						})]
+					})]
+				}),
+				E === "REJECTED" && /* @__PURE__ */ m("div", {
+					className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg-subtle p-4",
+					children: [/* @__PURE__ */ p(pe, {
+						size: 18,
+						className: "text-status-error-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ m("div", {
+						className: "text-sm",
 						children: [
-							/* @__PURE__ */ m(a, {
-								label: "Name",
-								required: !0,
-								value: M.name,
-								onChange: (e) => q("name", e.target.value),
-								placeholder: "e.g. Wireless Ergonomic Keyboard",
-								maxLength: 120
+							/* @__PURE__ */ p("p", {
+								className: "font-medium text-status-error-text",
+								children: "Review Rejected"
 							}),
-							/* @__PURE__ */ m(a, {
-								label: "Short Description",
-								required: !0,
-								value: M.shortDescription,
-								onChange: (e) => q("shortDescription", e.target.value),
-								placeholder: "One-line summary shown on the store card",
-								maxLength: 160,
-								hint: `${M.shortDescription.length}/160`
+							/* @__PURE__ */ p("p", {
+								className: "mt-0.5 text-text-secondary",
+								children: k?.rejectedReason || k?.reviewNotes || "Your submission was not approved. Please review the feedback, update your listing, and re-submit."
 							}),
-							/* @__PURE__ */ m(s, {
-								label: "Long Description",
-								value: M.longDescription,
-								onChange: (e) => q("longDescription", e.target.value),
-								rows: 5,
-								placeholder: "Detailed product description, features, specs…"
+							/* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: () => O("edit"),
+								className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-primary underline",
+								children: "Edit listing and re-submit →"
 							})
 						]
+					})]
+				}),
+				E === "PUBLISHED" && /* @__PURE__ */ m("div", {
+					className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
+					children: [/* @__PURE__ */ p(ae, {
+						size: 18,
+						className: "text-status-success-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ m("div", {
+						className: "text-sm",
+						children: [/* @__PURE__ */ p("p", {
+							className: "font-medium text-status-success-text",
+							children: "Live in the Store"
+						}), /* @__PURE__ */ p("p", {
+							className: "mt-0.5 text-text-secondary",
+							children: "Your listing is published and visible to buyers in the marketplace."
+						})]
+					})]
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "border-b",
+					children: /* @__PURE__ */ p("nav", {
+						className: "-mb-px flex gap-4 overflow-x-auto",
+						role: "tablist",
+						"aria-label": "Item sections",
+						children: [{
+							id: "overview",
+							label: "Overview"
+						}, {
+							id: "edit",
+							label: "Edit Listing"
+						}].map((e) => /* @__PURE__ */ p("button", {
+							id: `item-tab-${e.id}`,
+							role: "tab",
+							"aria-selected": D === e.id,
+							"aria-controls": `item-panel-${e.id}`,
+							onClick: () => O(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", D === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
+							children: e.label
+						}, e.id))
 					})
 				}),
-				/* @__PURE__ */ m(r, {
-					title: "Product Images",
-					description: "The first image is used as the main icon.",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
-						children: [/* @__PURE__ */ h("div", {
-							onDrop: _e,
-							onDragOver: ve,
-							onDragLeave: Z,
-							onClick: () => R.current?.click(),
-							className: t("flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors", I ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
+				D === "overview" && /* @__PURE__ */ m("div", {
+					id: "item-panel-overview",
+					role: "tabpanel",
+					"aria-labelledby": "item-tab-overview",
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ m("div", {
+						className: "lg:col-span-2 space-y-6",
+						children: [
+							/* @__PURE__ */ p(he, { children: /* @__PURE__ */ m("div", {
+								className: "grid gap-4 sm:grid-cols-4",
+								children: [
+									/* @__PURE__ */ p(v, {
+										label: "Price",
+										value: `${A.currency} ${Number(A.price || 0).toFixed(2)}`
+									}),
+									/* @__PURE__ */ p(v, {
+										label: "Stock",
+										value: A.stockQuantity || "0"
+									}),
+									/* @__PURE__ */ p(v, {
+										label: "Views",
+										value: (k?.viewCount ?? 0).toLocaleString()
+									}),
+									/* @__PURE__ */ p(v, {
+										label: "Rating",
+										value: k?.rating ? `${k.rating.toFixed(1)} ★` : "N/A"
+									})
+								]
+							}) }),
+							/* @__PURE__ */ p(r, {
+								title: "Product Images",
+								children: M.length > 0 ? /* @__PURE__ */ p("div", {
+									className: "flex flex-wrap gap-3",
+									children: M.map((e, t) => /* @__PURE__ */ p("img", {
+										src: e.url,
+										alt: `Product image ${t + 1}`,
+										className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
+									}, e.id))
+								}) : /* @__PURE__ */ p("p", {
+									className: "text-sm text-text-secondary",
+									children: "No images uploaded yet."
+								})
+							}),
+							/* @__PURE__ */ m(r, {
+								title: "Description",
+								children: [A.shortDescription && /* @__PURE__ */ p("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: A.shortDescription
+								}), A.longDescription ? /* @__PURE__ */ p("p", {
+									className: "mt-2 whitespace-pre-wrap text-sm text-text-secondary",
+									children: A.longDescription
+								}) : !A.shortDescription && /* @__PURE__ */ p("p", {
+									className: "text-sm text-text-secondary",
+									children: "No description provided."
+								})]
+							}),
+							A.tags && /* @__PURE__ */ p(r, {
+								title: "Tags",
+								children: /* @__PURE__ */ p("div", {
+									className: "flex flex-wrap gap-2",
+									children: A.tags.split(",").map((e) => e.trim()).filter(Boolean).map((e) => /* @__PURE__ */ p("span", {
+										className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
+										children: e
+									}, e))
+								})
+							})
+						]
+					}), /* @__PURE__ */ m("div", {
+						className: "space-y-6",
+						children: [/* @__PURE__ */ p(r, {
+							title: "Details",
+							children: /* @__PURE__ */ p(i, { items: [
+								{
+									label: "Item ID",
+									value: /* @__PURE__ */ p("code", {
+										className: "text-xs",
+										children: x
+									})
+								},
+								{
+									label: "Slug",
+									value: k?.slug ?? "—"
+								},
+								{
+									label: "SKU",
+									value: A.sku || "—"
+								},
+								{
+									label: "Brand",
+									value: A.brand || "—"
+								},
+								{
+									label: "Created",
+									value: k?.createdAt ? new Date(k.createdAt).toLocaleDateString() : "—"
+								},
+								{
+									label: "Updated",
+									value: k?.updatedAt ? new Date(k.updatedAt).toLocaleDateString() : "—"
+								},
+								...k?.publishedAt ? [{
+									label: "Published",
+									value: new Date(k.publishedAt).toLocaleDateString()
+								}] : []
+							] })
+						}), /* @__PURE__ */ p(r, {
+							title: "Inventory & Shipping",
+							children: /* @__PURE__ */ p(i, { items: [
+								{
+									label: "Stock quantity",
+									value: A.stockQuantity || "0"
+								},
+								{
+									label: "Track inventory",
+									value: A.trackInventory ? "Yes" : "No"
+								},
+								{
+									label: "Requires shipping",
+									value: A.requiresShipping ? "Yes" : "No"
+								},
+								...A.requiresShipping && A.weightKg ? [{
+									label: "Weight",
+									value: `${A.weightKg} ${A.weightUnit.toLowerCase()}`
+								}] : []
+							] })
+						})]
+					})]
+				}),
+				D === "edit" && /* @__PURE__ */ m("div", {
+					id: "item-panel-edit",
+					role: "tabpanel",
+					"aria-labelledby": "item-tab-edit",
+					className: "space-y-8 max-w-3xl",
+					children: [
+						E && /* @__PURE__ */ m("div", {
+							className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ m(ae, {
-									size: 28,
-									className: I ? "text-action-primary-bg" : "text-text-muted"
+								/* @__PURE__ */ p(le, {
+									size: 13,
+									className: "mt-0.5 shrink-0 text-text-muted"
 								}),
-								/* @__PURE__ */ h("div", {
-									className: "text-center space-y-1",
-									children: [/* @__PURE__ */ m("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: "Drag and drop images here"
-									}), /* @__PURE__ */ m("p", {
-										className: "text-xs text-text-muted",
-										children: "or click to browse — accepts any image format, multiple files"
-									})]
+								"Current status:",
+								" ",
+								/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: E.replace(/_/g, " ")
 								}),
-								/* @__PURE__ */ m("input", {
-									ref: R,
-									type: "file",
-									accept: "image/*",
-									multiple: !0,
-									className: "sr-only",
-									onChange: ge
+								Z && /* @__PURE__ */ p("span", {
+									className: "ml-1",
+									children: "— use \"Save & Resubmit\" to send it for review again."
 								})
 							]
-						}), P.length > 0 && /* @__PURE__ */ m("div", {
-							className: "flex flex-wrap gap-3",
-							children: (() => {
-								let e = P.find((e) => e.downloadUrl)?.id;
-								return P.map((n, r) => /* @__PURE__ */ h("div", {
-									className: "relative group",
+						}),
+						/* @__PURE__ */ p(r, {
+							title: "Basic Information",
+							description: "Core details shown in the store listing.",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [
+									/* @__PURE__ */ p(o, {
+										label: "Name",
+										required: !0,
+										value: A.name,
+										onChange: (e) => G("name", e.target.value),
+										placeholder: "e.g. Wireless Ergonomic Keyboard",
+										maxLength: 120
+									}),
+									/* @__PURE__ */ p(o, {
+										label: "Short Description",
+										required: !0,
+										value: A.shortDescription,
+										onChange: (e) => G("shortDescription", e.target.value),
+										placeholder: "One-line summary shown on the store card",
+										maxLength: 160,
+										hint: `${A.shortDescription.length}/160`
+									}),
+									/* @__PURE__ */ p(c, {
+										label: "Long Description",
+										value: A.longDescription,
+										onChange: (e) => G("longDescription", e.target.value),
+										rows: 5,
+										placeholder: "Detailed product description, features, specs…"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ p(r, {
+							title: "Product Images",
+							description: "The first image is used as the main icon.",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
+								children: [/* @__PURE__ */ m("div", {
+									onDrop: Ne,
+									onDragOver: Pe,
+									onDragLeave: Fe,
+									onClick: () => I.current?.click(),
+									className: t("flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors", P ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
 									children: [
-										/* @__PURE__ */ m("img", {
-											src: n.url,
-											alt: `Product image ${r + 1}`,
-											className: t("h-20 w-20 rounded-input object-cover border", n.error ? "border-status-error-text/50" : "border-border-subtle")
-										}),
-										n.uploading && /* @__PURE__ */ m("div", {
-											className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
-											children: /* @__PURE__ */ m(f, {
-												size: 16,
-												className: "animate-spin text-white"
-											})
-										}),
-										n.error && /* @__PURE__ */ h("button", {
-											type: "button",
-											onClick: (e) => {
-												e.stopPropagation(), be(n.id);
-											},
-											title: `${n.error} — click to retry`,
-											className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 rounded-input bg-status-error-bg/80 text-status-error-text",
-											children: [/* @__PURE__ */ m(d, { size: 14 }), /* @__PURE__ */ m(ie, { size: 11 })]
+										/* @__PURE__ */ p(de, {
+											size: 28,
+											className: P ? "text-action-primary-bg" : "text-text-muted"
 										}),
-										n.id === e && /* @__PURE__ */ m("span", {
-											className: "absolute bottom-0 left-0 right-0 rounded-b-input bg-bg-surface/80 text-center text-[10px] font-medium py-0.5 text-text-secondary",
-											children: "Main"
+										/* @__PURE__ */ m("div", {
+											className: "text-center space-y-1",
+											children: [/* @__PURE__ */ p("p", {
+												className: "text-sm font-medium text-text-primary",
+												children: "Drag and drop images here"
+											}), /* @__PURE__ */ p("p", {
+												className: "text-xs text-text-muted",
+												children: "or click to browse — accepts any image format, multiple files"
+											})]
 										}),
-										/* @__PURE__ */ m("button", {
-											type: "button",
-											onClick: (e) => {
-												e.stopPropagation(), ye(n.id);
-											},
-											className: "absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors",
-											"aria-label": "Remove image",
-											children: /* @__PURE__ */ m(oe, { size: 11 })
+										/* @__PURE__ */ p("input", {
+											ref: I,
+											type: "file",
+											accept: "image/*",
+											multiple: !0,
+											className: "sr-only",
+											onChange: Me
 										})
 									]
-								}, n.id));
-							})()
-						})]
-					})
-				}),
-				/* @__PURE__ */ m(r, {
-					title: "Pricing",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ h("div", {
-							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ m(a, {
-								label: "Price",
-								required: !0,
-								type: "number",
-								value: M.price,
-								onChange: (e) => q("price", e.target.value),
-								placeholder: "0.00",
-								min: .01,
-								step: "0.01"
-							}), /* @__PURE__ */ m(o, {
-								label: "Currency",
-								required: !0,
-								value: M.currency,
-								onChange: (e) => q("currency", e.target.value),
-								options: g,
-								placeholder: "Select currency"
-							})]
-						}), /* @__PURE__ */ m(a, {
-							label: "Tags",
-							value: M.tags,
-							onChange: (e) => q("tags", e.target.value),
-							placeholder: "mechanical, wireless, ergonomic",
-							hint: "Comma-separated keywords."
-						})]
-					})
-				}),
-				/* @__PURE__ */ m(r, {
-					title: "Inventory",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m(a, {
-									label: "Stock Quantity",
-									required: !0,
-									type: "number",
-									value: M.stockQuantity,
-									onChange: (e) => q("stockQuantity", e.target.value),
-									min: 0,
-									step: 1
-								}), /* @__PURE__ */ m(a, {
-									label: "SKU",
-									value: M.sku,
-									onChange: (e) => q("sku", e.target.value),
-									placeholder: "e.g. KB-WL-001",
-									hint: "Your internal stock-keeping unit reference."
+								}), M.length > 0 && /* @__PURE__ */ p("div", {
+									className: "flex flex-wrap gap-3",
+									children: (() => {
+										let e = M.find((e) => e.downloadUrl)?.id;
+										return M.map((n, r) => /* @__PURE__ */ m("div", {
+											className: "relative group",
+											children: [
+												/* @__PURE__ */ p("img", {
+													src: n.url,
+													alt: `Product image ${r + 1}`,
+													className: t("h-20 w-20 rounded-input object-cover border", n.error ? "border-status-error-text/50" : "border-border-subtle")
+												}),
+												n.uploading && /* @__PURE__ */ p("div", {
+													className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
+													children: /* @__PURE__ */ p(d, {
+														size: 16,
+														className: "animate-spin text-white"
+													})
+												}),
+												n.error && /* @__PURE__ */ m("button", {
+													type: "button",
+													onClick: (e) => {
+														e.stopPropagation(), Ie(n.id);
+													},
+													title: `${n.error} — click to retry`,
+													className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 rounded-input bg-status-error-bg/80 text-status-error-text",
+													children: [/* @__PURE__ */ p(ie, { size: 14 }), /* @__PURE__ */ p(ue, { size: 11 })]
+												}),
+												n.id === e && /* @__PURE__ */ p("span", {
+													className: "absolute bottom-0 left-0 right-0 rounded-b-input bg-bg-surface/80 text-center text-[10px] font-medium py-0.5 text-text-secondary",
+													children: "Main"
+												}),
+												/* @__PURE__ */ p("button", {
+													type: "button",
+													onClick: (e) => {
+														e.stopPropagation(), Y(n.id);
+													},
+													className: "absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors",
+													"aria-label": "Remove image",
+													children: /* @__PURE__ */ p(fe, { size: 11 })
+												})
+											]
+										}, n.id));
+									})()
 								})]
-							}),
-							/* @__PURE__ */ m(a, {
-								label: "Low Stock Threshold",
-								type: "number",
-								value: M.lowStockThreshold,
-								onChange: (e) => q("lowStockThreshold", e.target.value),
-								placeholder: "e.g. 5",
-								min: 0,
-								step: 1,
-								hint: "Get flagged when stock falls to or below this number."
-							}),
-							/* @__PURE__ */ m(i, {
-								label: "Track Inventory",
-								description: "Automatically reduce stock when orders are placed.",
-								checked: M.trackInventory,
-								onChange: J("trackInventory")
-							}),
-							/* @__PURE__ */ m(i, {
-								label: "Allow Backorder",
-								description: "Let buyers order even when stock quantity is zero.",
-								checked: M.allowBackorder,
-								onChange: J("allowBackorder")
 							})
-						]
-					})
-				}),
-				/* @__PURE__ */ m(r, {
-					title: "Shipping",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ m(i, {
-							label: "Requires Shipping",
-							description: "This item will be physically shipped to the buyer.",
-							checked: M.requiresShipping,
-							onChange: J("requiresShipping")
-						}), M.requiresShipping && /* @__PURE__ */ h(p, { children: [
-							/* @__PURE__ */ h("div", {
-								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m(a, {
-									label: "Weight",
-									type: "number",
-									value: M.weightKg,
-									onChange: (e) => q("weightKg", e.target.value),
-									placeholder: "0.0",
-									min: 0,
-									step: "0.01",
-									hint: "Used to calculate shipping costs."
-								}), /* @__PURE__ */ m(o, {
-									label: "Weight Unit",
-									value: M.weightUnit,
-									onChange: (e) => q("weightUnit", e.target.value),
-									options: _
-								})]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
-								children: [
-									/* @__PURE__ */ m(a, {
-										label: "Length",
+						}),
+						/* @__PURE__ */ p(r, {
+							title: "Pricing",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ p(o, {
+										label: "Price",
+										required: !0,
 										type: "number",
-										value: M.length,
-										onChange: (e) => q("length", e.target.value),
-										placeholder: "0.0",
-										min: 0,
+										value: A.price,
+										onChange: (e) => G("price", e.target.value),
+										placeholder: "0.00",
+										min: .01,
 										step: "0.01"
+									}), /* @__PURE__ */ p(s, {
+										label: "Currency",
+										required: !0,
+										value: A.currency,
+										onChange: (e) => G("currency", e.target.value),
+										options: ge,
+										placeholder: "Select currency"
+									})]
+								}), /* @__PURE__ */ p(o, {
+									label: "Tags",
+									value: A.tags,
+									onChange: (e) => G("tags", e.target.value),
+									placeholder: "mechanical, wireless, ergonomic",
+									hint: "Comma-separated keywords."
+								})]
+							})
+						}),
+						/* @__PURE__ */ p(r, {
+							title: "Inventory",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+										children: [/* @__PURE__ */ p(o, {
+											label: "Stock Quantity",
+											required: !0,
+											type: "number",
+											value: A.stockQuantity,
+											onChange: (e) => G("stockQuantity", e.target.value),
+											min: 0,
+											step: 1
+										}), /* @__PURE__ */ p(o, {
+											label: "SKU",
+											value: A.sku,
+											onChange: (e) => G("sku", e.target.value),
+											placeholder: "e.g. KB-WL-001",
+											hint: "Your internal stock-keeping unit reference."
+										})]
 									}),
-									/* @__PURE__ */ m(a, {
-										label: "Width",
+									/* @__PURE__ */ p(o, {
+										label: "Low Stock Threshold",
 										type: "number",
-										value: M.width,
-										onChange: (e) => q("width", e.target.value),
-										placeholder: "0.0",
+										value: A.lowStockThreshold,
+										onChange: (e) => G("lowStockThreshold", e.target.value),
+										placeholder: "e.g. 5",
 										min: 0,
-										step: "0.01"
+										step: 1,
+										hint: "Get flagged when stock falls to or below this number."
 									}),
-									/* @__PURE__ */ m(a, {
-										label: "Height",
-										type: "number",
-										value: M.height,
-										onChange: (e) => q("height", e.target.value),
-										placeholder: "0.0",
-										min: 0,
-										step: "0.01"
+									/* @__PURE__ */ p(a, {
+										label: "Track Inventory",
+										description: "Automatically reduce stock when orders are placed.",
+										checked: A.trackInventory,
+										onChange: K("trackInventory")
+									}),
+									/* @__PURE__ */ p(a, {
+										label: "Allow Backorder",
+										description: "Let buyers order even when stock quantity is zero.",
+										checked: A.allowBackorder,
+										onChange: K("allowBackorder")
 									})
 								]
-							}),
-							/* @__PURE__ */ m(o, {
-								label: "Dimension Unit",
-								value: M.dimensionUnit,
-								onChange: (e) => q("dimensionUnit", e.target.value),
-								options: v,
-								hint: "Applies to length, width, and height above."
 							})
-						] })]
-					})
-				}),
-				/* @__PURE__ */ m(r, {
-					title: "Product Details",
-					description: "Optional supplemental information for buyers.",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m(a, {
-									label: "Brand",
-									value: M.brand,
-									onChange: (e) => q("brand", e.target.value),
-									placeholder: "e.g. Logitech"
-								}), /* @__PURE__ */ m(a, {
-									label: "Manufacturer",
-									value: M.manufacturer,
-									onChange: (e) => q("manufacturer", e.target.value),
-									placeholder: "e.g. Logitech Manufacturing Ltd."
-								})]
-							}),
-							/* @__PURE__ */ m(a, {
-								label: "Country of Origin",
-								value: M.countryOfOrigin,
-								onChange: (e) => q("countryOfOrigin", e.target.value),
-								placeholder: "e.g. China"
-							}),
-							/* @__PURE__ */ m(a, {
-								label: "Warranty Info",
-								value: M.warrantyInfo,
-								onChange: (e) => q("warrantyInfo", e.target.value),
-								placeholder: "e.g. 1-year limited manufacturer warranty"
-							}),
-							/* @__PURE__ */ m(s, {
-								label: "Return Policy",
-								value: M.returnPolicy,
-								onChange: (e) => q("returnPolicy", e.target.value),
-								rows: 3,
-								placeholder: "e.g. 30-day returns accepted"
+						}),
+						/* @__PURE__ */ p(r, {
+							title: "Shipping",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [/* @__PURE__ */ p(a, {
+									label: "Requires Shipping",
+									description: "This item will be physically shipped to the buyer.",
+									checked: A.requiresShipping,
+									onChange: K("requiresShipping")
+								}), A.requiresShipping && /* @__PURE__ */ m(f, { children: [
+									/* @__PURE__ */ m("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+										children: [/* @__PURE__ */ p(o, {
+											label: "Weight",
+											type: "number",
+											value: A.weightKg,
+											onChange: (e) => G("weightKg", e.target.value),
+											placeholder: "0.0",
+											min: 0,
+											step: "0.01",
+											hint: "Used to calculate shipping costs."
+										}), /* @__PURE__ */ p(s, {
+											label: "Weight Unit",
+											value: A.weightUnit,
+											onChange: (e) => G("weightUnit", e.target.value),
+											options: _e
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
+										children: [
+											/* @__PURE__ */ p(o, {
+												label: "Length",
+												type: "number",
+												value: A.length,
+												onChange: (e) => G("length", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											}),
+											/* @__PURE__ */ p(o, {
+												label: "Width",
+												type: "number",
+												value: A.width,
+												onChange: (e) => G("width", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											}),
+											/* @__PURE__ */ p(o, {
+												label: "Height",
+												type: "number",
+												value: A.height,
+												onChange: (e) => G("height", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											})
+										]
+									}),
+									/* @__PURE__ */ p(s, {
+										label: "Dimension Unit",
+										value: A.dimensionUnit,
+										onChange: (e) => G("dimensionUnit", e.target.value),
+										options: g,
+										hint: "Applies to length, width, and height above."
+									})
+								] })]
 							})
-						]
-					})
-				}),
-				/* @__PURE__ */ h("div", {
-					className: "flex flex-wrap items-center gap-3 pb-8",
-					children: [
-						/* @__PURE__ */ m("button", {
-							type: "button",
-							onClick: () => y?.(`${C}/seller/items`),
-							className: "rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: "Cancel"
 						}),
-						/* @__PURE__ */ m("button", {
-							type: "button",
-							onClick: () => void Q(!1),
-							disabled: !G || B,
-							"aria-disabled": !G || B,
-							title: G ? void 0 : "Fill in all required fields to continue",
-							className: t("inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors", "border border-border-strong bg-bg-surface text-text-primary", "hover:bg-bg-sunken", "disabled:opacity-50 disabled:cursor-not-allowed"),
-							children: B ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
-								size: 15,
-								className: "animate-spin"
-							}), "Saving..."] }) : "Save Changes"
+						/* @__PURE__ */ p(r, {
+							title: "Product Details",
+							description: "Optional supplemental information for buyers.",
+							children: /* @__PURE__ */ m("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+										children: [/* @__PURE__ */ p(o, {
+											label: "Brand",
+											value: A.brand,
+											onChange: (e) => G("brand", e.target.value),
+											placeholder: "e.g. Logitech"
+										}), /* @__PURE__ */ p(o, {
+											label: "Manufacturer",
+											value: A.manufacturer,
+											onChange: (e) => G("manufacturer", e.target.value),
+											placeholder: "e.g. Logitech Manufacturing Ltd."
+										})]
+									}),
+									/* @__PURE__ */ p(o, {
+										label: "Country of Origin",
+										value: A.countryOfOrigin,
+										onChange: (e) => G("countryOfOrigin", e.target.value),
+										placeholder: "e.g. China"
+									}),
+									/* @__PURE__ */ p(o, {
+										label: "Warranty Info",
+										value: A.warrantyInfo,
+										onChange: (e) => G("warrantyInfo", e.target.value),
+										placeholder: "e.g. 1-year limited manufacturer warranty"
+									}),
+									/* @__PURE__ */ p(c, {
+										label: "Return Policy",
+										value: A.returnPolicy,
+										onChange: (e) => G("returnPolicy", e.target.value),
+										rows: 3,
+										placeholder: "e.g. 30-day returns accepted"
+									})
+								]
+							})
 						}),
-						$ && /* @__PURE__ */ m("button", {
-							type: "button",
-							onClick: () => void Q(!0),
-							disabled: !G || B,
-							"aria-disabled": !G || B,
-							className: t("inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text", "hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
-							children: B ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
-								size: 15,
-								className: "animate-spin"
-							}), "Saving..."] }) : "Save & Resubmit for Review"
+						/* @__PURE__ */ m("div", {
+							className: "flex flex-wrap items-center gap-3 pb-8",
+							children: [
+								/* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => h?.(`${_}/seller/items`),
+									className: "rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+									children: "Cancel"
+								}),
+								/* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => void X(!1),
+									disabled: !U || R,
+									"aria-disabled": !U || R,
+									title: U ? void 0 : "Fill in all required fields to continue",
+									className: t("inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors", "border border-border-strong bg-bg-surface text-text-primary", "hover:bg-bg-sunken", "disabled:opacity-50 disabled:cursor-not-allowed"),
+									children: R ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
+										size: 15,
+										className: "animate-spin"
+									}), "Saving..."] }) : "Save Changes"
+								}),
+								Z && /* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => void X(!0),
+									disabled: !U || R,
+									"aria-disabled": !U || R,
+									className: t("inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text", "hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
+									children: R ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
+										size: 15,
+										className: "animate-spin"
+									}), "Saving..."] }) : "Save & Resubmit for Review"
+								})
+							]
 						})
 					]
 				})
@@ -674,6 +990,6 @@ var C = () => {
 	});
 };
 //#endregion
-export { C as EditPhysicalItemPage };
+export { y as EditPhysicalItemPage };
 
 //# sourceMappingURL=EditPhysicalItemPage.js.map