@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.1

package/dist/devportal/pages/SellerItemsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SellerItemsPage.js","names":["EmptyState","EmptyState$1","DIGITAL_TYPES","PRODUCT_TYPE_LABELS","STATUS_BADGE_STYLES","STATUS_OPTIONS","formatPrice","curr","currency","price","resolveTypeLabel","type","SELLER_PUBLISHER_QUERY","SELLER_ITEMS_QUERY","SellerItemsPage","useDevportal","useI18n","tr","value","t","key","fallback","gqlUrl","resolveGlobalGraphqlEndpoint","apiGatewayUrl","publisherLoading","setPublisherLoading","useState","productsLoading","setProductsLoading","publisherId","setPublisherId","products","setProducts","error","setError","retryToken","setRetryToken","viewMode","setViewMode","searchQuery","setSearchQuery","statusFilter","setStatusFilter","handleNavigate","basePath","path","useEffect","cancelled","res","authToken","json","err","p","physicalItems","useMemo","filteredItems","matchesSearch","item","matchesStatus","stats","i","PageLayout","Loader2","AlertCircle","n","hasActiveFilters","PermissionGuard","Plus","EmphasisPanel","GlassCard","Search","opt","Grid","List","Package","ProductItemCard","badge","Edit","Tag","onEdit"],"sources":["../../../src/devportal/pages/SellerItemsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState, useMemo } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  Package,\n  Loader2,\n  AlertCircle,\n  Edit,\n  Tag,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  \"DRAFT\" | \"PENDING_REVIEW\" | \"PUBLISHED\" | \"REJECTED\" | \"INACTIVE\";\n\ntype PhysicalProductType =\n  | \"MERCHANDISE\"\n  | \"HARDWARE\"\n  | \"ACCESSORY\"\n  | \"BOOK\"\n  | \"EQUIPMENT\"\n  | \"APPAREL\"\n  | \"COLLECTIBLE\"\n  | \"CONSUMABLE\";\n\ninterface PhysicalProductDetail {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  sku?: string | null;\n  brand?: string | null;\n  icon?: string | null;\n  createdAt: string;\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\n/**\n * Digital product types to exclude even if `nature: PHYSICAL` is set wrong.\n */\nconst DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n\nconst PRODUCT_TYPE_LABELS: Record<PhysicalProductType, string> = {\n  MERCHANDISE: \"Merchandise\",\n  HARDWARE: \"Hardware\",\n  ACCESSORY: \"Accessory\",\n  BOOK: \"Book\",\n  EQUIPMENT: \"Equipment\",\n  APPAREL: \"Apparel\",\n  COLLECTIBLE: \"Collectible\",\n  CONSUMABLE: \"Consumable\",\n};\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\nconst STATUS_OPTIONS: { value: ProductStatus | \"\"; label: string }[] = [\n  { value: \"\", label: \"All Status\" },\n  { value: \"DRAFT\", label: \"Draft\" },\n  { value: \"PENDING_REVIEW\", label: \"Pending Review\" },\n  { value: \"PUBLISHED\", label: \"Published\" },\n  { value: \"REJECTED\", label: \"Rejected\" },\n  { value: \"INACTIVE\", label: \"Inactive\" },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\nfunction resolveTypeLabel(type: string): string {\n  return (\n    PRODUCT_TYPE_LABELS[type as PhysicalProductType] ?? type.replace(/_/g, \" \")\n  );\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst SELLER_PUBLISHER_QUERY = `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst SELLER_ITEMS_QUERY = `\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerItemsPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [publisherLoading, setPublisherLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProductDetail[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [retryToken, setRetryToken] = useState(0);\n\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<ProductStatus | \"\">(\"\");\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Fetch publisher first\n  useEffect(() => {\n    let cancelled = false;\n    setPublisherLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: SELLER_PUBLISHER_QUERY }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: { myPublisher?: { id: string } | null };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } catch (err) {\n        if (!cancelled) {\n          setError(\n            err instanceof Error ? err.message : \"Failed to load publisher\",\n          );\n        }\n      } finally {\n        if (!cancelled) setPublisherLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken, retryToken]);\n\n  // Fetch products once publisher is resolved\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_ITEMS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProductDetail, \"status\"> & { status: string }\n            >;\n          };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setProducts(\n          (json.data?.products ?? []).map((p) => ({\n            ...p,\n            status: p.status as ProductStatus,\n          })),\n        );\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : \"Failed to load items\");\n        }\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken, retryToken]);\n\n  // Exclude digital types defensively, then apply client-side filters\n  const physicalItems = useMemo(\n    () => products.filter((p) => !DIGITAL_TYPES.has(p.type)),\n    [products],\n  );\n\n  const filteredItems = useMemo(\n    () =>\n      physicalItems.filter((item) => {\n        const matchesSearch =\n          !searchQuery ||\n          item.name.toLowerCase().includes(searchQuery.toLowerCase());\n        const matchesStatus = !statusFilter || item.status === statusFilter;\n        return matchesSearch && matchesStatus;\n      }),\n    [physicalItems, searchQuery, statusFilter],\n  );\n\n  const stats = useMemo(\n    () => ({\n      total: physicalItems.length,\n      published: physicalItems.filter((i) => i.status === \"PUBLISHED\").length,\n      pendingReview: physicalItems.filter((i) => i.status === \"PENDING_REVIEW\")\n        .length,\n      outOfStock: physicalItems.filter((i) => i.stockQuantity === 0).length,\n    }),\n    [physicalItems],\n  );\n\n  const isInitialLoading = publisherLoading && products.length === 0 && !error;\n\n  // Full-page loading state\n  if (isInitialLoading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingItems\", \"Loading items...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Full-page error state\n  if (error && products.length === 0) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\"devportal.failedToLoadItems\", \"Failed to load items\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">{error}</p>\n          <button\n            onClick={() => setRetryToken((n) => n + 1)}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const hasActiveFilters = Boolean(searchQuery || statusFilter);\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/seller/items/new\")}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.listAnItem\", \"List an Item\")}\n          </button>\n        }\n      >\n        {/* Summary stats */}\n        <EmphasisPanel className=\"mb-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalItems\", \"Total Items\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.total\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.published\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-warning-text\">\n                {tr(\"devportal.pendingReview\", \"Pending Review\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.pendingReview\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {tr(\"devportal.outOfStock\", \"Out of Stock\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.outOfStock\n                )}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {/* Filters + view toggle */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-3\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\"devportal.searchItems\", \"Search items...\")}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border border-border-seam bg-bg-surface pl-9 pr-4 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as ProductStatus | \"\")\n              }\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n            >\n              {STATUS_OPTIONS.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border border-border-seam p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"grid\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.gridView\", \"Grid view\")}\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"list\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.listView\", \"List view\")}\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Results count */}\n        {physicalItems.length > 0 && (\n          <p className=\"text-sm text-text-secondary\">\n            {filteredItems.length} item\n            {filteredItems.length !== 1 ? \"s\" : \"\"} found\n          </p>\n        )}\n\n        {/* Content */}\n        {!publisherId && !publisherLoading ? (\n          <EmptyState\n            illustration=\"empty-generic\"\n            icon={<Package size={32} />}\n            title={tr(\n              \"devportal.noPublisherProfileYet\",\n              \"No publisher profile yet\",\n            )}\n            description={tr(\n              \"devportal.listAnItemToGetStarted\",\n              \"List an item to get started. Your publisher profile will be created automatically.\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        ) : productsLoading ? (\n          <div className=\"flex items-center justify-center py-12\">\n            <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n            <span className=\"ml-2 text-text-secondary\">\n              {tr(\"devportal.loadingItems\", \"Loading items...\")}\n            </span>\n          </div>\n        ) : filteredItems.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredItems.map((item) => (\n                <ProductItemCard\n                  key={item.id}\n                  item={item}\n                  onEdit={() => handleNavigate(`/seller/items/${item.id}`)}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto rounded-lg border border-border-seam\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken\">\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Item\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Type\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Price\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Stock\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {filteredItems.map((item) => {\n                    const badge =\n                      STATUS_BADGE_STYLES[item.status] ??\n                      STATUS_BADGE_STYLES.DRAFT;\n                    return (\n                      <tr\n                        key={item.id}\n                        className=\"border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors\"\n                      >\n                        <td className=\"px-4 py-3\">\n                          <div className=\"flex items-center gap-3\">\n                            {item.icon ? (\n                              <img\n                                src={item.icon}\n                                alt={item.name}\n                                className=\"h-8 w-8 rounded-lg object-cover shrink-0\"\n                              />\n                            ) : (\n                              <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken shrink-0\">\n                                <Package\n                                  size={14}\n                                  className=\"text-text-muted\"\n                                />\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-text-primary truncate\">\n                                {item.name}\n                              </p>\n                              {item.sku && (\n                                <p className=\"text-xs text-text-muted\">\n                                  SKU: {item.sku}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-4 py-3 text-text-secondary\">\n                          {resolveTypeLabel(item.type)}\n                        </td>\n                        <td className=\"px-4 py-3 text-text-primary tabular-nums\">\n                          {formatPrice(item.price, item.currency)}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          {item.stockQuantity === 0 ? (\n                            <span className=\"text-status-error-text\">\n                              Out of stock\n                            </span>\n                          ) : (\n                            <span className=\"text-text-primary tabular-nums\">\n                              {item.stockQuantity}\n                            </span>\n                          )}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          <span\n                            className={`rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n                          >\n                            {badge.label}\n                          </span>\n                        </td>\n                        <td className=\"px-4 py-3 text-right\">\n                          <button\n                            onClick={() =>\n                              handleNavigate(`/seller/items/${item.id}`)\n                            }\n                            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n                          >\n                            <Edit size={12} />\n                            {tr(\"devportal.edit\", \"Edit\")}\n                          </button>\n                        </td>\n                      </tr>\n                    );\n                  })}\n                </tbody>\n              </table>\n            </div>\n          )\n        ) : physicalItems.length > 0 && hasActiveFilters ? (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={tr(\n              \"devportal.noItemsMatchYourSearch\",\n              \"No items match your search\",\n            )}\n            description={tr(\n              \"devportal.tryAdjustingFilters\",\n              \"Try adjusting your search or filters\",\n            )}\n          />\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Package size={32} />}\n            title={tr(\"devportal.noItemsYet\", \"No items yet\")}\n            description={tr(\n              \"devportal.addYourFirstPhysicalProduct\",\n              \"Add your first physical product listing to start selling\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst ProductItemCard: FC<{\n  item: PhysicalProductDetail;\n  onEdit: () => void;\n}> = ({ item, onEdit }) => {\n  const badge = STATUS_BADGE_STYLES[item.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard treatment=\"insight\" className=\"flex flex-col gap-3 p-4\">\n      <div className=\"flex items-start gap-3\">\n        {item.icon ? (\n          <img\n            src={item.icon}\n            alt={item.name}\n            className=\"h-20 w-20 rounded-xl object-cover shrink-0\"\n          />\n        ) : (\n          <div className=\"flex h-20 w-20 items-center justify-center rounded-xl bg-bg-sunken shrink-0\">\n            <Package size={32} className=\"text-text-muted\" />\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold text-text-primary truncate\">\n            {item.name}\n          </p>\n          {item.brand && (\n            <p className=\"text-xs text-text-muted mt-0.5\">{item.brand}</p>\n          )}\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {formatPrice(item.price, item.currency)}\n          </p>\n          <div className=\"flex items-center gap-2 mt-2 flex-wrap\">\n            <span\n              className={`rounded-full px-2 py-0.5 text-xs font-medium ${badge.className}`}\n            >\n              {badge.label}\n            </span>\n            <span className=\"rounded-full px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-secondary\">\n              {resolveTypeLabel(item.type)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-subtle\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <Tag size={12} className=\"text-text-muted shrink-0\" />\n          {item.stockQuantity === 0 ? (\n            <span className=\"text-status-error-text\">Out of stock</span>\n          ) : (\n            <span className=\"text-text-secondary\">\n              {item.stockQuantity} in stock\n            </span>\n          )}\n        </div>\n        <button\n          onClick={onEdit}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n        >\n          <Edit size={12} />\n          Edit\n        </button>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SellerItemsPage.js","names":["EmptyState","EmptyState$1","DIGITAL_TYPES","PRODUCT_TYPE_LABELS","STATUS_BADGE_STYLES","STATUS_OPTIONS","formatPrice","curr","currency","price","resolveTypeLabel","type","SELLER_PUBLISHER_QUERY","SELLER_ITEMS_QUERY","SellerItemsPage","useDevportal","useI18n","tr","value","t","key","fallback","gqlUrl","resolveGlobalGraphqlEndpoint","apiGatewayUrl","publisherLoading","setPublisherLoading","useState","productsLoading","setProductsLoading","publisherId","setPublisherId","products","setProducts","error","setError","retryToken","setRetryToken","viewMode","setViewMode","searchQuery","setSearchQuery","statusFilter","setStatusFilter","handleNavigate","basePath","path","useEffect","cancelled","res","authToken","json","err","p","physicalItems","useMemo","filteredItems","matchesSearch","item","matchesStatus","stats","i","PageLayout","Loader2","AlertCircle","n","hasActiveFilters","PermissionGuard","Plus","EmphasisPanel","GlassCard","Search","opt","Grid","List","Package","ProductItemCard","badge","StoreImage","Edit","Tag","onEdit"],"sources":["../../../src/devportal/pages/SellerItemsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState, useMemo } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  Package,\n  Loader2,\n  AlertCircle,\n  Edit,\n  Tag,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { resolveGlobalGraphqlEndpoint } from \"../utils/graphqlEndpoint\";\nimport { StoreImage } from \"../components/StoreImage\";\n\n// ---------------------------------------------------------------------------\n// Local types\n// ---------------------------------------------------------------------------\n\ntype ProductStatus =\n  \"DRAFT\" | \"PENDING_REVIEW\" | \"PUBLISHED\" | \"REJECTED\" | \"INACTIVE\";\n\ntype PhysicalProductType =\n  | \"MERCHANDISE\"\n  | \"HARDWARE\"\n  | \"ACCESSORY\"\n  | \"BOOK\"\n  | \"EQUIPMENT\"\n  | \"APPAREL\"\n  | \"COLLECTIBLE\"\n  | \"CONSUMABLE\";\n\ninterface PhysicalProductDetail {\n  id: string;\n  name: string;\n  slug: string;\n  type: string;\n  status: ProductStatus;\n  price: number;\n  currency: string;\n  stockQuantity: number;\n  sku?: string | null;\n  brand?: string | null;\n  icon?: string | null;\n  createdAt: string;\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\n/**\n * Digital product types to exclude even if `nature: PHYSICAL` is set wrong.\n */\nconst DIGITAL_TYPES = new Set([\"APP\", \"NODE\", \"WORKFLOW\"]);\n\nconst PRODUCT_TYPE_LABELS: Record<PhysicalProductType, string> = {\n  MERCHANDISE: \"Merchandise\",\n  HARDWARE: \"Hardware\",\n  ACCESSORY: \"Accessory\",\n  BOOK: \"Book\",\n  EQUIPMENT: \"Equipment\",\n  APPAREL: \"Apparel\",\n  COLLECTIBLE: \"Collectible\",\n  CONSUMABLE: \"Consumable\",\n};\n\nconst STATUS_BADGE_STYLES: Record<\n  ProductStatus,\n  { label: string; className: string }\n> = {\n  PUBLISHED: {\n    label: \"Published\",\n    className: \"text-status-success-text bg-status-success-bg-subtle\",\n  },\n  PENDING_REVIEW: {\n    label: \"Pending Review\",\n    className: \"text-status-warning-text bg-status-warning-bg-subtle\",\n  },\n  DRAFT: {\n    label: \"Draft\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n  REJECTED: {\n    label: \"Rejected\",\n    className: \"text-status-error-text bg-status-error-bg/10\",\n  },\n  INACTIVE: {\n    label: \"Inactive\",\n    className: \"text-text-muted bg-bg-muted\",\n  },\n};\n\nconst STATUS_OPTIONS: { value: ProductStatus | \"\"; label: string }[] = [\n  { value: \"\", label: \"All Status\" },\n  { value: \"DRAFT\", label: \"Draft\" },\n  { value: \"PENDING_REVIEW\", label: \"Pending Review\" },\n  { value: \"PUBLISHED\", label: \"Published\" },\n  { value: \"REJECTED\", label: \"Rejected\" },\n  { value: \"INACTIVE\", label: \"Inactive\" },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(price: number, currency: string): string {\n  const curr = currency || \"USD\";\n  const formatted = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: curr,\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(price);\n  return `${formatted} ${curr}`;\n}\n\nfunction resolveTypeLabel(type: string): string {\n  return (\n    PRODUCT_TYPE_LABELS[type as PhysicalProductType] ?? type.replace(/_/g, \" \")\n  );\n}\n\n// ---------------------------------------------------------------------------\n// GraphQL query strings\n// ---------------------------------------------------------------------------\n\nconst SELLER_PUBLISHER_QUERY = `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst SELLER_ITEMS_QUERY = `\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Page component\n// ---------------------------------------------------------------------------\n\nexport const SellerItemsPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const gqlUrl = resolveGlobalGraphqlEndpoint(apiGatewayUrl);\n\n  const [publisherLoading, setPublisherLoading] = useState(true);\n  const [productsLoading, setProductsLoading] = useState(false);\n  const [publisherId, setPublisherId] = useState<string | null>(null);\n  const [products, setProducts] = useState<PhysicalProductDetail[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [retryToken, setRetryToken] = useState(0);\n\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<ProductStatus | \"\">(\"\");\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Fetch publisher first\n  useEffect(() => {\n    let cancelled = false;\n    setPublisherLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({ query: SELLER_PUBLISHER_QUERY }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: { myPublisher?: { id: string } | null };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setPublisherId(json.data?.myPublisher?.id ?? null);\n      } catch (err) {\n        if (!cancelled) {\n          setError(\n            err instanceof Error ? err.message : \"Failed to load publisher\",\n          );\n        }\n      } finally {\n        if (!cancelled) setPublisherLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [gqlUrl, authToken, retryToken]);\n\n  // Fetch products once publisher is resolved\n  useEffect(() => {\n    if (!publisherId) return;\n    let cancelled = false;\n    setProductsLoading(true);\n    setError(null);\n\n    const run = async () => {\n      try {\n        const res = await fetch(gqlUrl, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: `Bearer ${authToken ?? \"\"}`,\n          },\n          body: JSON.stringify({\n            query: SELLER_ITEMS_QUERY,\n            variables: { publisherId },\n          }),\n        });\n        if (cancelled) return;\n        if (!res.ok) {\n          throw new Error(`Request failed with status ${res.status}`);\n        }\n        const json = (await res.json()) as {\n          data?: {\n            products?: Array<\n              Omit<PhysicalProductDetail, \"status\"> & { status: string }\n            >;\n          };\n          errors?: { message: string }[];\n        };\n        if (cancelled) return;\n        if (json.errors?.length) {\n          throw new Error(json.errors[0]?.message ?? \"Unknown GraphQL error\");\n        }\n        setProducts(\n          (json.data?.products ?? []).map((p) => ({\n            ...p,\n            status: p.status as ProductStatus,\n          })),\n        );\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : \"Failed to load items\");\n        }\n      } finally {\n        if (!cancelled) setProductsLoading(false);\n      }\n    };\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [publisherId, gqlUrl, authToken, retryToken]);\n\n  // Exclude digital types defensively, then apply client-side filters\n  const physicalItems = useMemo(\n    () => products.filter((p) => !DIGITAL_TYPES.has(p.type)),\n    [products],\n  );\n\n  const filteredItems = useMemo(\n    () =>\n      physicalItems.filter((item) => {\n        const matchesSearch =\n          !searchQuery ||\n          item.name.toLowerCase().includes(searchQuery.toLowerCase());\n        const matchesStatus = !statusFilter || item.status === statusFilter;\n        return matchesSearch && matchesStatus;\n      }),\n    [physicalItems, searchQuery, statusFilter],\n  );\n\n  const stats = useMemo(\n    () => ({\n      total: physicalItems.length,\n      published: physicalItems.filter((i) => i.status === \"PUBLISHED\").length,\n      pendingReview: physicalItems.filter((i) => i.status === \"PENDING_REVIEW\")\n        .length,\n      outOfStock: physicalItems.filter((i) => i.stockQuantity === 0).length,\n    }),\n    [physicalItems],\n  );\n\n  const isInitialLoading = publisherLoading && products.length === 0 && !error;\n\n  // Full-page loading state\n  if (isInitialLoading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingItems\", \"Loading items...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Full-page error state\n  if (error && products.length === 0) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\"devportal.failedToLoadItems\", \"Failed to load items\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">{error}</p>\n          <button\n            onClick={() => setRetryToken((n) => n + 1)}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const hasActiveFilters = Boolean(searchQuery || statusFilter);\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.myItems\", \"My Items\")}\n        description={tr(\n          \"devportal.manageYourPhysicalProductListings\",\n          \"Manage your physical product listings.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/seller/items/new\")}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.listAnItem\", \"List an Item\")}\n          </button>\n        }\n      >\n        {/* Summary stats */}\n        <EmphasisPanel className=\"mb-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalItems\", \"Total Items\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.total\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.published\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-warning-text\">\n                {tr(\"devportal.pendingReview\", \"Pending Review\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.pendingReview\n                )}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {tr(\"devportal.outOfStock\", \"Out of Stock\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {productsLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin text-text-secondary\" />\n                ) : (\n                  stats.outOfStock\n                )}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {/* Filters + view toggle */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-3\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\"devportal.searchItems\", \"Search items...\")}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border border-border-seam bg-bg-surface pl-9 pr-4 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as ProductStatus | \"\")\n              }\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n            >\n              {STATUS_OPTIONS.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border border-border-seam p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"grid\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.gridView\", \"Grid view\")}\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 transition-colors ${\n                viewMode === \"list\"\n                  ? \"bg-bg-sunken text-text-primary\"\n                  : \"text-text-secondary hover:bg-bg-sunken/50\"\n              }`}\n              title={tr(\"devportal.listView\", \"List view\")}\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Results count */}\n        {physicalItems.length > 0 && (\n          <p className=\"text-sm text-text-secondary\">\n            {filteredItems.length} item\n            {filteredItems.length !== 1 ? \"s\" : \"\"} found\n          </p>\n        )}\n\n        {/* Content */}\n        {!publisherId && !publisherLoading ? (\n          <EmptyState\n            illustration=\"empty-generic\"\n            icon={<Package size={32} />}\n            title={tr(\n              \"devportal.noPublisherProfileYet\",\n              \"No publisher profile yet\",\n            )}\n            description={tr(\n              \"devportal.listAnItemToGetStarted\",\n              \"List an item to get started. Your publisher profile will be created automatically.\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        ) : productsLoading ? (\n          <div className=\"flex items-center justify-center py-12\">\n            <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n            <span className=\"ml-2 text-text-secondary\">\n              {tr(\"devportal.loadingItems\", \"Loading items...\")}\n            </span>\n          </div>\n        ) : filteredItems.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredItems.map((item) => (\n                <ProductItemCard\n                  key={item.id}\n                  item={item}\n                  onEdit={() => handleNavigate(`/seller/items/${item.id}`)}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto rounded-lg border border-border-seam\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken\">\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Item\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Type\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Price\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Stock\n                    </th>\n                    <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {filteredItems.map((item) => {\n                    const badge =\n                      STATUS_BADGE_STYLES[item.status] ??\n                      STATUS_BADGE_STYLES.DRAFT;\n                    return (\n                      <tr\n                        key={item.id}\n                        className=\"border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors\"\n                      >\n                        <td className=\"px-4 py-3\">\n                          <div className=\"flex items-center gap-3\">\n                            <StoreImage\n                              src={item.icon}\n                              alt={item.name}\n                              className=\"h-8 w-8 rounded-lg object-cover shrink-0\"\n                              fallback={\n                                <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken shrink-0\">\n                                  <Package\n                                    size={14}\n                                    className=\"text-text-muted\"\n                                  />\n                                </div>\n                              }\n                            />\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-text-primary truncate\">\n                                {item.name}\n                              </p>\n                              {item.sku && (\n                                <p className=\"text-xs text-text-muted\">\n                                  SKU: {item.sku}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-4 py-3 text-text-secondary\">\n                          {resolveTypeLabel(item.type)}\n                        </td>\n                        <td className=\"px-4 py-3 text-text-primary tabular-nums\">\n                          {formatPrice(item.price, item.currency)}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          {item.stockQuantity === 0 ? (\n                            <span className=\"text-status-error-text\">\n                              Out of stock\n                            </span>\n                          ) : (\n                            <span className=\"text-text-primary tabular-nums\">\n                              {item.stockQuantity}\n                            </span>\n                          )}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          <span\n                            className={`rounded-full px-2.5 py-0.5 text-xs font-medium ${badge.className}`}\n                          >\n                            {badge.label}\n                          </span>\n                        </td>\n                        <td className=\"px-4 py-3 text-right\">\n                          <button\n                            onClick={() =>\n                              handleNavigate(`/seller/items/${item.id}`)\n                            }\n                            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n                          >\n                            <Edit size={12} />\n                            {tr(\"devportal.edit\", \"Edit\")}\n                          </button>\n                        </td>\n                      </tr>\n                    );\n                  })}\n                </tbody>\n              </table>\n            </div>\n          )\n        ) : physicalItems.length > 0 && hasActiveFilters ? (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={tr(\n              \"devportal.noItemsMatchYourSearch\",\n              \"No items match your search\",\n            )}\n            description={tr(\n              \"devportal.tryAdjustingFilters\",\n              \"Try adjusting your search or filters\",\n            )}\n          />\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Package size={32} />}\n            title={tr(\"devportal.noItemsYet\", \"No items yet\")}\n            description={tr(\n              \"devportal.addYourFirstPhysicalProduct\",\n              \"Add your first physical product listing to start selling\",\n            )}\n            action={\n              <button\n                onClick={() => handleNavigate(\"/seller/items/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                <Plus size={16} />\n                {tr(\"devportal.listAnItem\", \"List an Item\")}\n              </button>\n            }\n          />\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nconst ProductItemCard: FC<{\n  item: PhysicalProductDetail;\n  onEdit: () => void;\n}> = ({ item, onEdit }) => {\n  const badge = STATUS_BADGE_STYLES[item.status] ?? STATUS_BADGE_STYLES.DRAFT;\n\n  return (\n    <GlassCard treatment=\"insight\" className=\"flex flex-col gap-3 p-4\">\n      <div className=\"flex items-start gap-3\">\n        <StoreImage\n          src={item.icon}\n          alt={item.name}\n          className=\"h-20 w-20 rounded-xl object-cover shrink-0\"\n          fallback={\n            <div className=\"flex h-20 w-20 items-center justify-center rounded-xl bg-bg-sunken shrink-0\">\n              <Package size={32} className=\"text-text-muted\" />\n            </div>\n          }\n        />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold text-text-primary truncate\">\n            {item.name}\n          </p>\n          {item.brand && (\n            <p className=\"text-xs text-text-muted mt-0.5\">{item.brand}</p>\n          )}\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {formatPrice(item.price, item.currency)}\n          </p>\n          <div className=\"flex items-center gap-2 mt-2 flex-wrap\">\n            <span\n              className={`rounded-full px-2 py-0.5 text-xs font-medium ${badge.className}`}\n            >\n              {badge.label}\n            </span>\n            <span className=\"rounded-full px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-secondary\">\n              {resolveTypeLabel(item.type)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-subtle\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <Tag size={12} className=\"text-text-muted shrink-0\" />\n          {item.stockQuantity === 0 ? (\n            <span className=\"text-status-error-text\">Out of stock</span>\n          ) : (\n            <span className=\"text-text-secondary\">\n              {item.stockQuantity} in stock\n            </span>\n          )}\n        </div>\n        <button\n          onClick={onEdit}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n        >\n          <Edit size={12} />\n          Edit\n        </button>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}