@burdenoff/microfe-devportal 2026.916.6 → 2026.916.8

package/dist/devportal/pages/EditPhysicalItemPage.js

@@ -1,14 +1,17 @@
 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 { 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 { 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 { ImageUploadField as l, ScreenshotGallery as ee } from "../components/ImageUploadField.js";
+import { usePackageUpload as u } from "../hooks/usePackageUpload.js";
+import { useEffect as te, useState as d } from "react";
+import { AlertCircle as ne, CheckCircle as re, Clock as ie, Edit as ae, ImageOff as oe, Info as se, Loader2 as f, XCircle as ce } from "lucide-react";
+import { useParams as le } from "react-router";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EmphasisPanel as ue, GlassCard as g } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/EditPhysicalItemPage.tsx
-var g = [
+var de = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -33,7 +36,7 @@ var g = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], _ = [
+], fe = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -50,7 +53,7 @@ var g = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], v = [
+], pe = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -63,21 +66,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) => {
+], me = {
+	MERCHANDISE: "Merchandise",
+	HARDWARE: "Hardware",
+	ACCESSORY: "Accessory",
+	BOOK: "Book",
+	EQUIPMENT: "Equipment",
+	APPAREL: "Apparel",
+	COLLECTIBLE: "Collectible",
+	CONSUMABLE: "Consumable"
+}, he = {
+	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"
+	}
+}, ge = "\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      bannerUrl\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", _e = "\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", ve = "\n  mutation SubmitProductForReview($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
+function ye(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__ */ h(g, {
+	treatment: "metric",
+	className: "p-4",
+	children: [/* @__PURE__ */ m("p", {
+		className: "text-sm text-text-secondary",
+		children: e
+	}), /* @__PURE__ */ m("p", {
+		className: "text-2xl font-bold tabular-nums",
+		children: t
+	})]
+}), y = () => {
+	let { navigate: g, basePath: _, apiGatewayUrl: y, authToken: b, workspacesGatewayUrl: x, workspaceId: S, getWorkspaceToken: C } = e(), { itemId: w } = le(), T = `${y || ""}/global/graphql`, [be, E] = d(!0), [D, O] = d(null), [k, xe] = d(null), [A, j] = d("overview"), [M, Se] = d(null), [N, P] = d({
 		name: "",
 		shortDescription: "",
 		longDescription: "",
@@ -101,13 +144,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, {
+	}), [F, I] = d(""), [L, Ce] = d(""), [R, z] = d([]), { upload: we, uploading: B, progress: Te, error: Ee } = u(x, b, S, C, "/DevPortal/Assets"), { upload: De, uploading: V, progress: Oe, error: ke } = u(x, b, S, C, "/DevPortal/Assets"), { upload: Ae, uploading: H, progress: je, error: Me } = u(x, b, S, C, "/DevPortal/Assets"), [U, W] = d(!1), [G, K] = d(null), [Ne, q] = d(!1), Pe = B || V || H, J = ye(N) && !Pe;
+	async function Y(e, t) {
+		let n = await (await fetch(T, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				...w ? { Authorization: `Bearer ${w}` } : {}
+				...b ? { Authorization: `Bearer ${b}` } : {}
 			},
 			credentials: "include",
 			body: JSON.stringify({
@@ -119,18 +162,18 @@ var C = () => {
 		return n.data;
 	}
 	te(() => {
-		if (!T) return;
+		if (!w) return;
 		let e = !1;
-		return D(!0), k(null), (async () => {
+		return E(!0), O(null), (async () => {
 			try {
-				let t = await K(b, { id: T });
+				let t = await Y(ge, { id: w });
 				if (e) return;
 				let n = t.product;
 				if (!n) {
-					k("Product not found.");
+					O("Product not found.");
 					return;
 				}
-				j(n.status), N({
+				xe(n.status), P({
 					name: n.name,
 					shortDescription: n.description ?? "",
 					longDescription: n.longDescription ?? "",
@@ -154,121 +197,90 @@ var C = () => {
 					countryOfOrigin: n.countryOfOrigin ?? "",
 					warrantyInfo: n.warrantyInfo ?? "",
 					returnPolicy: n.returnPolicy ?? ""
-				}), F([n.icon, ...n.screenshots ?? []].filter((e) => !!e).map((e) => ({
-					id: crypto.randomUUID(),
-					url: e,
-					downloadUrl: e,
-					uploading: !1
-				})));
+				}), Se({
+					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
+				}), I(n.icon ?? ""), Ce(n.bannerUrl ?? ""), z(n.screenshots ?? []);
 			} catch (t) {
-				e || k(t instanceof Error ? t.message : "Failed to load product");
+				e || O(t instanceof Error ? t.message : "Failed to load product");
 			} finally {
-				e || D(!1);
+				e || E(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
+		w,
 		T,
-		E,
-		w
+		b
 	]);
-	let q = (e, t) => {
-		N((n) => ({
+	let X = (e, t) => {
+		P((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 ? {
-				...n,
-				uploading: !1,
-				downloadUrl: t.downloadUrl,
-				error: void 0
-			} : n));
-		}).catch((t) => {
-			F((n) => n.map((n) => n.id === e ? {
-				...n,
-				uploading: !1,
-				error: t instanceof Error ? t.message : "Upload failed"
-			} : n));
-		});
-	}, [z]), X = c((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) => {
-			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 ? {
-			...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);
+	}, Z = (e) => (t) => {
+		X(e, t.target.checked);
+	}, Fe = async (e = !1) => {
+		if (!(!J || U || !w)) {
+			W(!0), K(null), q(!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 = N.tags.split(",").map((e) => e.trim()).filter(Boolean), n = N.length.trim() || N.width.trim() || N.height.trim();
+				await Y(_e, {
+					id: w,
 					input: {
-						name: M.name.trim(),
-						description: M.shortDescription.trim(),
-						longDescription: M.longDescription.trim() || null,
-						price: parseFloat(M.price),
-						currency: M.currency,
+						name: N.name.trim(),
+						description: N.shortDescription.trim(),
+						longDescription: N.longDescription.trim() || null,
+						price: parseFloat(N.price),
+						currency: N.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,
-						icon: n[0] ?? null,
-						screenshots: n.length > 1 ? n.slice(1) : null
+						stockQuantity: parseInt(N.stockQuantity, 10),
+						sku: N.sku.trim() || null,
+						trackInventory: N.trackInventory,
+						allowBackorder: N.allowBackorder,
+						lowStockThreshold: N.lowStockThreshold.trim() ? parseInt(N.lowStockThreshold, 10) : null,
+						requiresShipping: N.requiresShipping,
+						weight: N.requiresShipping && N.weightKg.trim() ? parseFloat(N.weightKg) : null,
+						weightUnit: N.requiresShipping && N.weightKg.trim() ? N.weightUnit : null,
+						length: N.requiresShipping && N.length.trim() ? parseFloat(N.length) : null,
+						width: N.requiresShipping && N.width.trim() ? parseFloat(N.width) : null,
+						height: N.requiresShipping && N.height.trim() ? parseFloat(N.height) : null,
+						dimensionUnit: N.requiresShipping && n ? N.dimensionUnit : null,
+						brand: N.brand.trim() || null,
+						manufacturer: N.manufacturer.trim() || null,
+						countryOfOrigin: N.countryOfOrigin.trim() || null,
+						warrantyInfo: N.warrantyInfo.trim() || null,
+						returnPolicy: N.returnPolicy.trim() || null,
+						icon: F || null,
+						bannerUrl: L || null,
+						screenshots: R.length > 0 ? R : null
 					}
-				}), e && await K(S, {
-					id: T,
+				}), e && await Y(ve, {
+					id: w,
 					notes: "Resubmitted after edits"
-				}), W(!0), setTimeout(() => {
-					y?.(`${C}/seller/items`);
+				}), q(!0), setTimeout(() => {
+					g?.(`${_}/seller/items`);
 				}, 1500);
 			} catch (e) {
-				U(e instanceof Error ? e.message : "Save failed. Please try again.");
+				K(e instanceof Error ? e.message : "Save failed. Please try again.");
 			} finally {
-				V(!1);
+				W(!1);
 			}
 		}
 	};
-	if (pe) return /* @__PURE__ */ m(n, {
+	if (be) return /* @__PURE__ */ m(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
@@ -277,395 +289,643 @@ var C = () => {
 			children: /* @__PURE__ */ m(f, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (O) return /* @__PURE__ */ m(n, {
+	if (D) return /* @__PURE__ */ m(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
 		children: /* @__PURE__ */ h("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__ */ m(ne, {
 				size: 16,
 				className: "shrink-0 text-status-error-text"
 			}), /* @__PURE__ */ m("span", {
 				className: "text-status-error-text",
-				children: O
+				children: D
 			})]
 		})
 	});
-	let $ = A === "DRAFT" || A === "REJECTED";
+	let Q = k === "DRAFT" || k === "REJECTED", $ = k ? he[k] : void 0;
 	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.",
+		title: /* @__PURE__ */ h("div", {
+			className: "flex items-center gap-3",
+			children: [F ? /* @__PURE__ */ m("img", {
+				src: F,
+				alt: "",
+				className: "h-10 w-10 shrink-0 rounded-input border border-border-subtle object-cover"
+			}) : /* @__PURE__ */ m("div", {
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-input border border-border-subtle bg-bg-sunken",
+				children: /* @__PURE__ */ m(oe, {
+					size: 16,
+					className: "text-text-muted"
+				})
+			}), /* @__PURE__ */ m("span", { children: N.name || "Item" })]
+		}),
+		description: N.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",
+		actions: A === "overview" ? /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: () => j("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__ */ m(ae, { size: 15 }), "Edit Listing"]
+		}) : void 0,
 		children: /* @__PURE__ */ h("div", {
-			className: "space-y-8 max-w-3xl",
+			className: "space-y-6",
 			children: [
-				me && /* @__PURE__ */ m("div", {
+				Ne && /* @__PURE__ */ m("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", {
+				G && /* @__PURE__ */ m("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: G
 				}),
-				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__ */ h("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__ */ m("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, " ")
+							className: "text-sm text-text-secondary",
+							children: me[M?.type ?? ""] || M?.type
 						}),
-						$ && /* @__PURE__ */ m("span", {
-							className: "ml-1",
-							children: "— use \"Save & Resubmit\" to send it for review again."
+						M?.category && /* @__PURE__ */ m("span", {
+							className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+							children: M.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",
+				k === "PENDING_REVIEW" && /* @__PURE__ */ h("div", {
+					className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
+					children: [/* @__PURE__ */ m(ie, {
+						size: 18,
+						className: "text-status-warning-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ h("div", {
+						className: "text-sm",
+						children: [/* @__PURE__ */ m("p", {
+							className: "font-medium text-status-warning-text",
+							children: "Under Review"
+						}), /* @__PURE__ */ h("p", {
+							className: "mt-0.5 text-text-secondary",
+							children: ["Your listing is being reviewed by our team. You'll be notified of the outcome.", M?.submittedAt && /* @__PURE__ */ h("span", {
+								className: "ml-1",
+								children: [
+									"Submitted",
+									" ",
+									new Date(M.submittedAt).toLocaleDateString(),
+									"."
+								]
+							})]
+						})]
+					})]
+				}),
+				k === "REJECTED" && /* @__PURE__ */ h("div", {
+					className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg-subtle p-4",
+					children: [/* @__PURE__ */ m(ce, {
+						size: 18,
+						className: "text-status-error-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ h("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__ */ m("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__ */ m("p", {
+								className: "mt-0.5 text-text-secondary",
+								children: M?.rejectedReason || M?.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__ */ m("button", {
+								type: "button",
+								onClick: () => j("edit"),
+								className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-primary underline",
+								children: "Edit listing and re-submit →"
 							})
 						]
-					})
+					})]
 				}),
-				/* @__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"),
-							children: [
-								/* @__PURE__ */ m(ae, {
-									size: 28,
-									className: I ? "text-action-primary-bg" : "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"
-									})]
-								}),
-								/* @__PURE__ */ m("input", {
-									ref: R,
-									type: "file",
-									accept: "image/*",
-									multiple: !0,
-									className: "sr-only",
-									onChange: ge
-								})
-							]
-						}), 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",
-									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 })]
-										}),
-										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("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 })
-										})
-									]
-								}, n.id));
-							})()
+				k === "PUBLISHED" && /* @__PURE__ */ h("div", {
+					className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
+					children: [/* @__PURE__ */ m(re, {
+						size: 18,
+						className: "text-status-success-text mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ h("div", {
+						className: "text-sm",
+						children: [/* @__PURE__ */ m("p", {
+							className: "font-medium text-status-success-text",
+							children: "Live in the Store"
+						}), /* @__PURE__ */ m("p", {
+							className: "mt-0.5 text-text-secondary",
+							children: "Your listing is published and visible to buyers in the marketplace."
 						})]
-					})
+					})]
 				}),
-				/* @__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("div", {
+					className: "border-b",
+					children: /* @__PURE__ */ m("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__ */ m("button", {
+							id: `item-tab-${e.id}`,
+							role: "tab",
+							"aria-selected": A === e.id,
+							"aria-controls": `item-panel-${e.id}`,
+							onClick: () => j(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", A === 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: "Inventory",
-					children: /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+				A === "overview" && /* @__PURE__ */ h("div", {
+					id: "item-panel-overview",
+					role: "tabpanel",
+					"aria-labelledby": "item-tab-overview",
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ h("div", {
+						className: "lg:col-span-2 space-y-6",
 						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."
-								})]
-							}),
-							/* @__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(ue, { children: /* @__PURE__ */ h("div", {
+								className: "grid gap-4 sm:grid-cols-4",
+								children: [
+									/* @__PURE__ */ m(v, {
+										label: "Price",
+										value: `${N.currency} ${Number(N.price || 0).toFixed(2)}`
+									}),
+									/* @__PURE__ */ m(v, {
+										label: "Stock",
+										value: N.stockQuantity || "0"
+									}),
+									/* @__PURE__ */ m(v, {
+										label: "Views",
+										value: (M?.viewCount ?? 0).toLocaleString()
+									}),
+									/* @__PURE__ */ m(v, {
+										label: "Rating",
+										value: M?.rating ? `${M.rating.toFixed(1)} ★` : "N/A"
+									})
+								]
+							}) }),
+							/* @__PURE__ */ m(r, {
+								title: "Product Images",
+								children: F || L || R.length > 0 ? /* @__PURE__ */ h("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ h("div", {
+										className: "flex flex-wrap gap-4",
+										children: [F && /* @__PURE__ */ h("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ m("img", {
+												src: F,
+												alt: "Icon",
+												className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
+											}), /* @__PURE__ */ m("p", {
+												className: "text-xs text-text-muted",
+												children: "Icon"
+											})]
+										}), L && /* @__PURE__ */ h("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ m("img", {
+												src: L,
+												alt: "Banner",
+												className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
+											}), /* @__PURE__ */ m("p", {
+												className: "text-xs text-text-muted",
+												children: "Banner"
+											})]
+										})]
+									}), R.length > 0 && /* @__PURE__ */ h("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ m("p", {
+											className: "text-xs text-text-muted",
+											children: "Screenshots"
+										}), /* @__PURE__ */ m("div", {
+											className: "flex flex-wrap gap-3",
+											children: R.map((e, t) => /* @__PURE__ */ m("img", {
+												src: e,
+												alt: `Screenshot ${t + 1}`,
+												className: "h-24 w-36 rounded-input border border-border-subtle object-cover"
+											}, e))
+										})]
+									})]
+								}) : /* @__PURE__ */ m("p", {
+									className: "text-sm text-text-secondary",
+									children: "No images uploaded yet."
+								})
 							}),
-							/* @__PURE__ */ m(i, {
-								label: "Track Inventory",
-								description: "Automatically reduce stock when orders are placed.",
-								checked: M.trackInventory,
-								onChange: J("trackInventory")
+							/* @__PURE__ */ h(r, {
+								title: "Description",
+								children: [N.shortDescription && /* @__PURE__ */ m("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: N.shortDescription
+								}), N.longDescription ? /* @__PURE__ */ m("p", {
+									className: "mt-2 whitespace-pre-wrap text-sm text-text-secondary",
+									children: N.longDescription
+								}) : !N.shortDescription && /* @__PURE__ */ m("p", {
+									className: "text-sm text-text-secondary",
+									children: "No description provided."
+								})]
 							}),
-							/* @__PURE__ */ m(i, {
-								label: "Allow Backorder",
-								description: "Let buyers order even when stock quantity is zero.",
-								checked: M.allowBackorder,
-								onChange: J("allowBackorder")
+							N.tags && /* @__PURE__ */ m(r, {
+								title: "Tags",
+								children: /* @__PURE__ */ m("div", {
+									className: "flex flex-wrap gap-2",
+									children: N.tags.split(",").map((e) => e.trim()).filter(Boolean).map((e) => /* @__PURE__ */ m("span", {
+										className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
+										children: e
+									}, e))
+								})
 							})
 						]
-					})
-				}),
-				/* @__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, {
+					}), /* @__PURE__ */ h("div", {
+						className: "space-y-6",
+						children: [/* @__PURE__ */ m(r, {
+							title: "Details",
+							children: /* @__PURE__ */ m(i, { items: [
+								{
+									label: "Item ID",
+									value: /* @__PURE__ */ m("code", {
+										className: "text-xs",
+										children: w
+									})
+								},
+								{
+									label: "Slug",
+									value: M?.slug ?? "—"
+								},
+								{
+									label: "SKU",
+									value: N.sku || "—"
+								},
+								{
+									label: "Brand",
+									value: N.brand || "—"
+								},
+								{
+									label: "Created",
+									value: M?.createdAt ? new Date(M.createdAt).toLocaleDateString() : "—"
+								},
+								{
+									label: "Updated",
+									value: M?.updatedAt ? new Date(M.updatedAt).toLocaleDateString() : "—"
+								},
+								...M?.publishedAt ? [{
+									label: "Published",
+									value: new Date(M.publishedAt).toLocaleDateString()
+								}] : []
+							] })
+						}), /* @__PURE__ */ m(r, {
+							title: "Inventory & Shipping",
+							children: /* @__PURE__ */ m(i, { items: [
+								{
+									label: "Stock quantity",
+									value: N.stockQuantity || "0"
+								},
+								{
+									label: "Track inventory",
+									value: N.trackInventory ? "Yes" : "No"
+								},
+								{
+									label: "Requires shipping",
+									value: N.requiresShipping ? "Yes" : "No"
+								},
+								...N.requiresShipping && N.weightKg ? [{
 									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."
+									value: `${N.weightKg} ${N.weightUnit.toLowerCase()}`
+								}] : []
+							] })
+						})]
+					})]
+				}),
+				A === "edit" && /* @__PURE__ */ h("div", {
+					id: "item-panel-edit",
+					role: "tabpanel",
+					"aria-labelledby": "item-tab-edit",
+					className: "space-y-8 max-w-3xl",
+					children: [
+						k && /* @__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",
+							children: [
+								/* @__PURE__ */ m(se, {
+									size: 13,
+									className: "mt-0.5 shrink-0 text-text-muted"
+								}),
+								"Current status:",
+								" ",
+								/* @__PURE__ */ m("span", {
+									className: "font-medium text-text-primary",
+									children: k.replace(/_/g, " ")
+								}),
+								Q && /* @__PURE__ */ m("span", {
+									className: "ml-1",
+									children: "— use \"Save & Resubmit\" to send it for review again."
+								})
+							]
+						}),
+						/* @__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",
+								children: [
+									/* @__PURE__ */ m(o, {
+										label: "Name",
+										required: !0,
+										value: N.name,
+										onChange: (e) => X("name", e.target.value),
+										placeholder: "e.g. Wireless Ergonomic Keyboard",
+										maxLength: 120
+									}),
+									/* @__PURE__ */ m(o, {
+										label: "Short Description",
+										required: !0,
+										value: N.shortDescription,
+										onChange: (e) => X("shortDescription", e.target.value),
+										placeholder: "One-line summary shown on the store card",
+										maxLength: 160,
+										hint: `${N.shortDescription.length}/160`
+									}),
+									/* @__PURE__ */ m(c, {
+										label: "Long Description",
+										value: N.longDescription,
+										onChange: (e) => X("longDescription", e.target.value),
+										rows: 5,
+										placeholder: "Detailed product description, features, specs…"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ m(r, {
+							title: "Product Images",
+							description: "Visual assets shown to buyers browsing the store.",
+							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 gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ m(l, {
+										label: "Icon",
+										value: F,
+										onChange: I,
+										hint: "Shown in marketplace cards and search — square proportions (1:1)",
+										aspectClass: "aspect-square",
+										upload: we,
+										uploading: B,
+										progress: Te,
+										error: Ee
+									}), /* @__PURE__ */ m(l, {
+										label: "Banner",
+										value: L,
+										onChange: Ce,
+										hint: "Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)",
+										aspectClass: "aspect-square",
+										upload: De,
+										uploading: V,
+										progress: Oe,
+										error: ke
+									})]
+								}), /* @__PURE__ */ m(ee, {
+									urls: R,
+									onChange: z,
+									upload: Ae,
+									uploading: H,
+									progress: je,
+									error: Me
+								})]
+							})
+						}),
+						/* @__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(o, {
+										label: "Price",
+										required: !0,
+										type: "number",
+										value: N.price,
+										onChange: (e) => X("price", e.target.value),
+										placeholder: "0.00",
+										min: .01,
+										step: "0.01"
+									}), /* @__PURE__ */ m(s, {
+										label: "Currency",
+										required: !0,
+										value: N.currency,
+										onChange: (e) => X("currency", e.target.value),
+										options: de,
+										placeholder: "Select currency"
+									})]
 								}), /* @__PURE__ */ m(o, {
-									label: "Weight Unit",
-									value: M.weightUnit,
-									onChange: (e) => q("weightUnit", e.target.value),
-									options: _
+									label: "Tags",
+									value: N.tags,
+									onChange: (e) => X("tags", e.target.value),
+									placeholder: "mechanical, wireless, ergonomic",
+									hint: "Comma-separated keywords."
 								})]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
+							})
+						}),
+						/* @__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__ */ m(a, {
-										label: "Length",
+									/* @__PURE__ */ h("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+										children: [/* @__PURE__ */ m(o, {
+											label: "Stock Quantity",
+											required: !0,
+											type: "number",
+											value: N.stockQuantity,
+											onChange: (e) => X("stockQuantity", e.target.value),
+											min: 0,
+											step: 1
+										}), /* @__PURE__ */ m(o, {
+											label: "SKU",
+											value: N.sku,
+											onChange: (e) => X("sku", e.target.value),
+											placeholder: "e.g. KB-WL-001",
+											hint: "Your internal stock-keeping unit reference."
+										})]
+									}),
+									/* @__PURE__ */ m(o, {
+										label: "Low Stock Threshold",
 										type: "number",
-										value: M.length,
-										onChange: (e) => q("length", e.target.value),
-										placeholder: "0.0",
+										value: N.lowStockThreshold,
+										onChange: (e) => X("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: "Width",
-										type: "number",
-										value: M.width,
-										onChange: (e) => q("width", e.target.value),
-										placeholder: "0.0",
-										min: 0,
-										step: "0.01"
+										label: "Track Inventory",
+										description: "Automatically reduce stock when orders are placed.",
+										checked: N.trackInventory,
+										onChange: Z("trackInventory")
 									}),
 									/* @__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"
+										label: "Allow Backorder",
+										description: "Let buyers order even when stock quantity is zero.",
+										checked: N.allowBackorder,
+										onChange: Z("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",
+						}),
+						/* @__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(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"
+									label: "Requires Shipping",
+									description: "This item will be physically shipped to the buyer.",
+									checked: N.requiresShipping,
+									onChange: Z("requiresShipping")
+								}), N.requiresShipping && /* @__PURE__ */ h(p, { children: [
+									/* @__PURE__ */ h("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+										children: [/* @__PURE__ */ m(o, {
+											label: "Weight",
+											type: "number",
+											value: N.weightKg,
+											onChange: (e) => X("weightKg", e.target.value),
+											placeholder: "0.0",
+											min: 0,
+											step: "0.01",
+											hint: "Used to calculate shipping costs."
+										}), /* @__PURE__ */ m(s, {
+											label: "Weight Unit",
+											value: N.weightUnit,
+											onChange: (e) => X("weightUnit", e.target.value),
+											options: fe
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
+										children: [
+											/* @__PURE__ */ m(o, {
+												label: "Length",
+												type: "number",
+												value: N.length,
+												onChange: (e) => X("length", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											}),
+											/* @__PURE__ */ m(o, {
+												label: "Width",
+												type: "number",
+												value: N.width,
+												onChange: (e) => X("width", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											}),
+											/* @__PURE__ */ m(o, {
+												label: "Height",
+												type: "number",
+												value: N.height,
+												onChange: (e) => X("height", e.target.value),
+												placeholder: "0.0",
+												min: 0,
+												step: "0.01"
+											})
+										]
+									}),
+									/* @__PURE__ */ m(s, {
+										label: "Dimension Unit",
+										value: N.dimensionUnit,
+										onChange: (e) => X("dimensionUnit", e.target.value),
+										options: pe,
+										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__ */ 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(o, {
+											label: "Brand",
+											value: N.brand,
+											onChange: (e) => X("brand", e.target.value),
+											placeholder: "e.g. Logitech"
+										}), /* @__PURE__ */ m(o, {
+											label: "Manufacturer",
+											value: N.manufacturer,
+											onChange: (e) => X("manufacturer", e.target.value),
+											placeholder: "e.g. Logitech Manufacturing Ltd."
+										})]
+									}),
+									/* @__PURE__ */ m(o, {
+										label: "Country of Origin",
+										value: N.countryOfOrigin,
+										onChange: (e) => X("countryOfOrigin", e.target.value),
+										placeholder: "e.g. China"
+									}),
+									/* @__PURE__ */ m(o, {
+										label: "Warranty Info",
+										value: N.warrantyInfo,
+										onChange: (e) => X("warrantyInfo", e.target.value),
+										placeholder: "e.g. 1-year limited manufacturer warranty"
+									}),
+									/* @__PURE__ */ m(c, {
+										label: "Return Policy",
+										value: N.returnPolicy,
+										onChange: (e) => X("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__ */ h("div", {
+							className: "flex flex-wrap items-center gap-3 pb-8",
+							children: [
+								/* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => g?.(`${_}/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 Fe(!1),
+									disabled: !J || U,
+									"aria-disabled": !J || U,
+									title: J ? 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: U ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
+										size: 15,
+										className: "animate-spin"
+									}), "Saving..."] }) : "Save Changes"
+								}),
+								Q && /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => void Fe(!0),
+									disabled: !J || U,
+									"aria-disabled": !J || U,
+									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: U ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
+										size: 15,
+										className: "animate-spin"
+									}), "Saving..."] }) : "Save & Resubmit for Review"
+								})
+							]
 						})
 					]
 				})
@@ -674,6 +934,6 @@ var C = () => {
 	});
 };
 //#endregion
-export { C as EditPhysicalItemPage };
+export { y as EditPhysicalItemPage };
 
 //# sourceMappingURL=EditPhysicalItemPage.js.map