
<!--
=============================================================================
AVA & IVA DASHBOARD v46 — READ BEFORE ANY EDIT
  v46 CHANGES (2026-03-30):
  - FIX: approveRewrite() function was missing, causing "Approve" button to do nothing (ReferenceError). Added function — approves AI-generated rewrite as-is via POST /items/:id/rewrite/approve.
  v45 CHANGES (2026-03-21):
  - NEW: Agentic search optimisation added to rescan prompt. Opening sentence now mandated as a standalone Brand+Era+Type+Colour+Fabric+Size summary parseable by AI shopping agents. Both formal and colloquial terms encouraged (90s/1990s, jumper/sweater, trousers/pants). UK size must be stated explicitly as "UK N". Filler adjectives banned from title. Styling suggestions must use concrete searchable terms.
  v44 CHANGES (2026-03-21):
  - FIX: importEbayReport now shows a named failure panel when eBay rejects items. Each failed item shows its human-readable title (looked up from d1CatalogueItems), the eBay error message, and is clickable to open the item detail panel directly. Previously failures were silently ignored with no indication of which item failed or why.
  - FIX: importEbayReport now resolves CustomLabel as either parent_handle (worker v35+) or item_id UUID (worker v34 and earlier) — backwards compatible with both export formats.
  - NEW: openDetailFromLabel() helper for resolving handle/UUID to item detail panel.
  v43 CHANGES (2026-03-21):
  - FIX: Rescan now preserves measurements from original description. New extractHardData() pre-extracts all cm/inch measurements, fabric composition, and sizes from the original text before the API call, then injects them as a MANDATORY block with "MISSING ANY MEASUREMENT = LISTING REJECTED". The AI can no longer ignore them.
  - FIX: Original description character limit raised from 400 → 1500 chars. Measurements often appeared after the 400-char cutoff so the AI literally never saw them.
  - FIX: Step 4 description prompt now explicitly lists required sections including a Size & Fit section that MUST contain all measurements from the mandatory block. Minimum word count raised to 300.
  v42 CHANGES (2026-03-20):
  - FIX: Live Listings rows (both Live tab and Export → Listed tab) now open the full item Detail/Edit overlay on click, instead of expanding a stripped-back text snippet. Row click calls openDetailFromLive(itemId) which injects the item into d1CatalogueItems if needed, then opens the standard detail panel. Removes toggleLiveRow expand entirely.
  v41 CHANGES (2026-03-20):
  - FIX: Expanded panels in both loadLiveView and renderLiveItems simplified to three flat divs (meta, listed date, description snippet) — removes inner grid that was causing wrapping issues in narrow containers
  v40 CHANGES (2026-03-20):
  - FIX: Export tab Listed view (renderLiveItems) now uses same compact row design as Live Listings tab — was still using old broken card layout
  - NEW: Listing date + days since listed shown in expanded row detail — lays groundwork for auto-reprice and auction escalation logic
  v39 CHANGES (2026-03-20):
  - FIX: Live Listings view redesigned — compact single-line rows (thumbnail + title + meta + price), click any row to expand and show larger image + description snippet. Chevron rotates to indicate open/close state.
  v38 CHANGES (2026-03-20):
  - FIX: Catalogue status badge now shows 🟢 LIVE for items with status='live' in D1 (previously only showed SCHEDULED/UNSCHEDULED, ignoring D1 status field entirely)
  - FIX: buildRailFilter now reads item['tags'] (D1 lowercase) as fallback to item['Tags'] (CSV uppercase) — location tile clicks were failing whenever only D1 data loaded because none of the D1 locations made it into the select options. Also clears and rebuilds options cleanly on each call.
  - FIX: Title extraction in Live Listings, Export Listed, and Export Exported views now reads item.content?.ebay?.title first, then item.ebay_title — falling back to parent_handle with hyphens converted to spaces. Fixes the squished handle-slug rendering.
  v37 CHANGES (2026-03-20):
  - FIX: Live Listings top-nav tab now actually loads D1 items with status='live' — was a legacy stub with hardcoded empty state, liveItems array was never populated. Now calls loadLiveView() on click, fetches /items?status=live, groups by date, shows brand/size/colour/material/location/price per item.
  - FIX: Masthead "LIVE ON EBAY" counter and nav tab badge now update from real D1 data.
  v36 CHANGES (2026-03-20):
  - NEW: Stock Qty field in Edit panel — shows current inventory_qty, saves back to D1 on save. Allows restoring 0-stock items (set to 1) during stocktakes without needing D1 console access. Pre-populates for all items (1 for normal stock, 0 for out-of-stock, blank if never set).
  v35 CHANGES (2026-03-20):
  - FIX: "Import eBay Report CSV" button now always visible on Export tab (was only showing on Exported sub-tab, with 0 count nobody could find it)
  - FIX: importEbayReport and markAsListed no longer send listed_at in PATCH body — that column does not exist in D1 items table, causing all PATCH calls to fail silently. Now sends status:'live' only; updated_at is used as the listing date proxy in the Listed view.
  v34 CHANGES (2026-03-20):
  - NEW: Import eBay Report CSV button on Exported tab — upload eBay File Exchange response CSV, batch-marks items as Listed with correct listing date from eBay's StartTime field
  - FIX: Colour/material now shows in Edit panel for items classified by ai_vision_classify.py — reads from ebay_specifics JSON (item_content specifics) as fallback when items.colour/material are empty
  - FIX: normaliseD1Item now reads ebay_specifics JSON as colour/material fallback (catalogue list view)
  v33 CHANGES (2026-03-18):
  - FIX: Rescan prompt rewritten with explicit per-field instructions and examples for colour, material, era, closure, style
  - NEW: rescanFillMissingFields() post-processor — fills empty colour/material/era/closure/style from title/body/defaults
  - FIX: Select All now selects ALL filtered items across all pages (was only selecting current page of 200)
  - NEW: Gold "Select All" button added to filter bar for quick access
  v32 CHANGES (2026-03-17):
  - NEW: Active only filter now checks inventory_qty from D1 (imported from Shopify inventory CSV)
  - NEW: Catalogue pagination — Prev/Next buttons when results exceed 200
  - FIX: AI rescan prompt — condition defaults to "Good vintage condition", no more "please inspect in person"
  - FIX: Brand names — KNOWN BRAND passed to prompt, extracted from title if D1 brand field empty
  - FIX: All JSON output fields now mandatory in prompt — consistent type/colour/material/era/specifics
  - FIX: Single-item rescan now uses shared buildRescanPrompt() instead of separate hardcoded prompt
  - FIX: normaliseD1Item now maps inventory_qty from worker response
  - FIX: inventory_qty filter uses ?? instead of || (0 is falsy in JS)
  v31 CHANGES (2026-03-16):
  - NEW: Bulk AI Rescan — select items with checkboxes, hit ✦ AI Rescan to process all sequentially
  - NEW: Bulk Pricing — select items, hit £ Bulk Price to generate AI prices for all
  - NEW: Floating action bar now has 3 buttons: AI Rescan, Bulk Price, Export Queue
  - FIX: garment_type now saved to d1CatalogueItems + allItems in memory after rescan
  - FIX: era now saved to allItems in memory after rescan
  - FIX: buildRescanPrompt() shared helper for consistent prompts between single + bulk rescan
  v29 CHANGES (2026-03-16):
  - FIX: Rescan now saves ALL extracted fields to D1 (brand, colour, material, size, era, specifics)
  - FIX: AI prompt now returns structured brand/colour/material/size/era fields (not just title+desc)
  - FIX: Specifics saved to item_content (style, neckline, closure etc.)
  - FIX: Items table PATCHed with brand, colour, material, size, era after rescan
  - d1CatalogueItems + allItems updated in memory with all fields after rescan
  v28 CHANGES (2026-03-16):
  - FIX: Edit tab saves now update catalogue list immediately (title, brand, price, all fields)
  - FIX: Edit tab now saves title + description to D1 item_content (was only saving to memory/CSV)
  - FIX: Background D1 load no longer yanks user back to Schedule view
  - FIX: Stock Check now syncs across devices via KV (was localStorage only)
  - FIX: URL hash preserves current view on mobile Safari tab restore (#catalogue, #pricing etc.)
=============================================================================
1. TWO script tags exist — check BOTH before and after every change
2. After every edit run: brace balance + duplicate function + orphan check
3. Never str_replace ambiguous text — use Python with full surrounding context  
4. Always replace FULL functions, never just opening lines
5. Remove all debug console.logs before delivery
6. Three item arrays: d1CatalogueItems / allItems / editedItems — update all relevant
7. Verify with node check before saving as vN
Full rules: /mnt/user-data/outputs/AVA-IVA-DEV-RULES.md
=============================================================================
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Ava & Iva — Trading Engine v46</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Mono:wght@300;400;500&display=swap');

:root {
  --ink: #0e0c0a;
  --paper: #f7f3ed;
  --cream: #ede7dc;
  --gold: #b8924a;
  --gold-pale: #f0e4cc;
  --rose: #c4504a;
  --rose-pale: #f5e8e7;
  --sage: #4a7c6f;
  --sage-pale: #e4f0ec;
  --slate: #2a3140;
  --slate-mid: #4a5568;
  --slate-pale: #eef0f4;
  --border: rgba(14,12,10,0.1);
  --border-strong: rgba(14,12,10,0.2);
  --shadow: 0 4px 24px rgba(14,12,10,0.08);
  --shadow-lg: 0 12px 48px rgba(14,12,10,0.14);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'DM Mono', monospace;
  font-size: 13px;
  line-height: 1.6;
  min-height: 100vh;
}

/* ── MASTHEAD ─────────────────────────────────────────────────── */
.masthead {
  background: var(--ink);
  color: var(--paper);
  padding: 0 32px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 64px;
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.masthead-brand {
  display: flex;
  align-items: center;
  gap: 16px;
}
.brand-wordmark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.12em;
  color: var(--paper);
}
.brand-wordmark em {
  font-style: italic;
  color: var(--gold);
}
.brand-divider {
  width: 1px;
  height: 24px;
  background: rgba(255,255,255,0.2);
}
.brand-sub {
  font-size: 10px;
  letter-spacing: 0.18em;
  color: rgba(247,243,237,0.5);
  text-transform: uppercase;
}
.masthead-stats {
  display: flex;
  align-items: center;
  gap: 0;
}
.mstat {
  padding: 0 20px;
  border-left: 1px solid rgba(255,255,255,0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mstat-val {
  font-size: 18px;
  font-weight: 500;
  color: var(--paper);
  line-height: 1;
  font-family: 'Cormorant Garamond', serif;
}
.mstat-val.gold { color: var(--gold); }
.mstat-val.rose { color: #e88080; }
.mstat-val.sage { color: #7ab89e; }
.mstat-label {
  font-size: 9px;
  letter-spacing: 0.14em;
  color: rgba(247,243,237,0.4);
  text-transform: uppercase;
  margin-top: 2px;
}
.masthead-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
  border-left: 1px solid rgba(255,255,255,0.08);
}
.btn-load {
  background: var(--gold);
  color: var(--ink);
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  cursor: pointer;
  text-transform: uppercase;
  transition: opacity 0.15s;
}
.btn-load:hover { opacity: 0.85; }

/* ── NAV TABS ─────────────────────────────────────────────────── */
.nav-tabs {
  background: var(--ink);
  padding: 0 32px;
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.nav-tab {
  padding: 12px 20px;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(247,243,237,0.4);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  white-space: nowrap;
}
.nav-tab:hover { color: rgba(247,243,237,0.7); }
.nav-tab.active { color: var(--gold); border-bottom-color: var(--gold); }
.nav-tab .tab-count {
  background: rgba(184,146,74,0.2);
  color: var(--gold);
  font-size: 9px;
  padding: 1px 6px;
  border-radius: 10px;
  margin-left: 6px;
}

/* ── MAIN LAYOUT ──────────────────────────────────────────────── */
.view { display: none; padding: 28px 32px; }
.view.active { display: block; }

/* ── SECTION HEADERS ──────────────────────────────────────────── */
.section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}
.section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--ink);
}
.section-title em { font-style: italic; color: var(--gold); }
.section-meta { font-size: 11px; color: var(--slate-mid); letter-spacing: 0.06em; }

/* ── DATE GROUPS ──────────────────────────────────────────────── */
.date-group { margin-bottom: 32px; }
.date-group-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}
.date-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--ink);
}
.date-label span {
  font-size: 13px;
  font-family: 'DM Mono', monospace;
  color: var(--slate-mid);
  margin-left: 8px;
  font-weight: 300;
}
.date-line { flex: 1; height: 1px; background: var(--border); }
.date-actions { display: flex; gap: 8px; }
.btn-approve-all {
  background: var(--sage);
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 14px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  cursor: pointer;
  text-transform: uppercase;
}
.btn-generate-csv {
  background: var(--ink);
  color: var(--paper);
  border: none;
  border-radius: 5px;
  padding: 6px 14px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  cursor: pointer;
  text-transform: uppercase;
}
.btn-generate-csv:disabled { opacity: 0.35; cursor: not-allowed; }

/* ── LISTING CARDS ────────────────────────────────────────────── */
.listing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.listing-card {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  transition: box-shadow 0.2s, transform 0.2s;
  position: relative;
}
.listing-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.listing-card.approved { border-color: var(--sage); }
.listing-card.approved::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--sage); }

.card-image-area {
  background: var(--cream);
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.card-image-area img { width: 100%; height: 100%; object-fit: cover; }
.card-no-image {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  color: rgba(14,12,10,0.12);
  font-style: italic;
}
.card-badges {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.badge {
  font-size: 9px;
  padding: 3px 7px;
  border-radius: 4px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  backdrop-filter: blur(8px);
}
.badge-priority { background: rgba(196,80,74,0.9); color: #fff; }
.badge-reprice { background: rgba(184,146,74,0.9); color: #fff; }
.badge-season { background: rgba(74,124,111,0.9); color: #fff; }
.badge-designer { background: rgba(14,12,10,0.8); color: #f0e4cc; }
.badge-ai { background: rgba(74,124,111,0.95); color: #fff; font-weight:600; }
.badge-noai { background: rgba(196,80,74,0.85); color: #fff; }

.approve-checkbox {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: white;
  border-radius: 50%;
  border: 2px solid var(--border-strong);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.approve-checkbox.checked { background: var(--sage); border-color: var(--sage); color: white; }

.card-body { padding: 14px; }
.card-location {
  font-size: 9px;
  letter-spacing: 0.12em;
  color: var(--slate-mid);
  text-transform: uppercase;
  margin-bottom: 4px;
}
.card-brand {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.2;
  margin-bottom: 2px;
}
.card-title {
  font-size: 11px;
  color: var(--slate-mid);
  line-height: 1.4;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.card-price { font-size: 16px; font-weight: 500; color: var(--ink); }
.card-ai-price { font-size: 11px; color: var(--rose); }
.card-type-badges { display: flex; gap: 4px; flex-wrap: wrap; }
.type-badge {
  font-size: 9px;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.type-dress { background: var(--rose-pale); color: var(--rose); }
.type-jacket { background: var(--slate-pale); color: var(--slate); }
.type-skirt { background: var(--gold-pale); color: #8a6030; }
.type-bag { background: #f0f4ff; color: #4060a0; }
.type-shoes { background: #f4f0ff; color: #6040a0; }
.type-scarf { background: var(--sage-pale); color: var(--sage); }
.type-other { background: var(--cream); color: var(--slate-mid); }

/* EDIT PANEL */
.edit-toggle {
  width: 100%;
  background: none;
  border: none;
  border-top: 1px solid var(--border);
  padding: 8px 14px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--slate-mid);
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.15s;
}
.edit-toggle:hover { background: var(--cream); }
.edit-panel {
  display: none;
  padding: 14px;
  background: var(--cream);
  border-top: 1px solid var(--border);
}
.edit-panel.open { display: block; }
.edit-field { margin-bottom: 10px; }
.edit-label {
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--slate-mid);
  margin-bottom: 4px;
}
.edit-input {
  width: 100%;
  background: white;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  padding: 8px 10px;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  color: var(--ink);
  resize: vertical;
}
.edit-input:focus { outline: none; border-color: var(--gold); }
.ai-changed {
  font-size: 9px;
  color: var(--gold);
  letter-spacing: 0.06em;
  margin-top: 3px;
}
.ai-original {
  font-size: 9px;
  color: var(--slate-mid);
  text-decoration: line-through;
  margin-top: 2px;
}
.edit-price-row { display: flex; gap: 8px; }
.edit-price-row .edit-input { flex: 1; }

/* ── LIVE ITEMS TABLE ─────────────────────────────────────────── */
.live-table { width: 100%; border-collapse: collapse; }
.live-table th {
  text-align: left;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--slate-mid);
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-strong);
  font-weight: 400;
}
.live-table td {
  padding: 12px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.live-table tr:last-child td { border-bottom: none; }
.live-table tr:hover td { background: var(--cream); }

.days-pill {
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.days-fresh { background: var(--sage-pale); color: var(--sage); }
.days-mid { background: var(--gold-pale); color: #8a6030; }
.days-old { background: var(--rose-pale); color: var(--rose); }

.watchers-display { display: flex; align-items: center; gap: 6px; }
.watcher-bar { height: 4px; background: var(--cream); border-radius: 2px; width: 60px; overflow: hidden; }
.watcher-fill { height: 100%; background: var(--gold); border-radius: 2px; transition: width 0.5s; }

.action-btns { display: flex; gap: 6px; }
.btn-drop { background: var(--gold-pale); color: #8a6030; border: none; border-radius: 4px; padding: 5px 10px; font-family: 'DM Mono', monospace; font-size: 10px; cursor: pointer; }
.btn-delist { background: var(--rose-pale); color: var(--rose); border: none; border-radius: 4px; padding: 5px 10px; font-family: 'DM Mono', monospace; font-size: 10px; cursor: pointer; }
.btn-promote { background: var(--slate-pale); color: var(--slate); border: none; border-radius: 4px; padding: 5px 10px; font-family: 'DM Mono', monospace; font-size: 10px; cursor: pointer; }

/* ── INTELLIGENCE VIEW ────────────────────────────────────────── */
.intel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
}
.intel-card {
  background: white;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.intel-card-title {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--slate-mid);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.intel-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
}
.intel-item:last-child { border-bottom: none; }
.intel-item-name { color: var(--ink); flex: 1; }
.intel-item-val { color: var(--gold); font-weight: 500; white-space: nowrap; margin-left: 12px; }
.intel-item-val.up { color: var(--sage); }
.intel-item-val.alert { color: var(--rose); }
.trend-tag {
  display: inline-block;
  background: var(--gold-pale);
  color: #8a6030;
  font-size: 9px;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 0.06em;
  margin: 3px 3px 0 0;
}

/* ── ALERTS BAR ───────────────────────────────────────────────── */
.alerts-bar {
  background: linear-gradient(135deg, #2a1a0a 0%, #1a0a0a 100%);
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.alerts-title {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  flex-shrink: 0;
}
.alert-chip {
  background: rgba(184,146,74,0.15);
  border: 1px solid rgba(184,146,74,0.3);
  color: var(--gold);
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.15s;
}
.alert-chip:hover { background: rgba(184,146,74,0.25); }
.alert-chip.rose { background: rgba(196,80,74,0.15); border-color: rgba(196,80,74,0.3); color: #e88080; }

/* ── LOADING STATE ────────────────────────────────────────────── */
.loading-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(14,12,10,0.85);
  z-index: 2000;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.loading-overlay.active { display: flex; }
.loading-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 300;
  color: var(--paper);
  letter-spacing: 0.08em;
}
.loading-sub { font-size: 12px; color: rgba(247,243,237,0.5); letter-spacing: 0.1em; }
.loading-progress {
  width: 280px;
  height: 2px;
  background: rgba(255,255,255,0.1);
  border-radius: 1px;
  overflow: hidden;
}
.loading-bar {
  height: 100%;
  background: var(--gold);
  border-radius: 1px;
  width: 0%;
  transition: width 0.3s ease;
}

/* ── FILE INPUT ───────────────────────────────────────────────── */
#csvInput { display: none; }

/* ── EMPTY STATE ──────────────────────────────────────────────── */
.empty-state-large {
  text-align: center;
  padding: 80px 40px;
  color: var(--slate-mid);
}
.empty-state-large .icon {
  font-family: 'Cormorant Garamond', serif;
  font-size: 72px;
  font-style: italic;
  color: rgba(14,12,10,0.06);
  display: block;
  margin-bottom: 20px;
}
.empty-state-large h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-weight: 300;
  color: var(--ink);
  margin-bottom: 8px;
}
.empty-state-large p { font-size: 12px; line-height: 1.7; max-width: 400px; margin: 0 auto; }

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .masthead { padding: 0 16px; }
  .masthead-stats { display: none; }
  .nav-tabs { padding: 0 16px; overflow-x: auto; }
  .view { padding: 20px 16px; }
  .intel-grid { grid-template-columns: 1fr; }
  .listing-grid { grid-template-columns: 1fr; }
}

/* ── ANIMATIONS ───────────────────────────────────────────────── */
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.listing-card { animation: fadeIn 0.3s ease both; }
.listing-card:nth-child(1) { animation-delay: 0.02s; }
.listing-card:nth-child(2) { animation-delay: 0.04s; }
.listing-card:nth-child(3) { animation-delay: 0.06s; }
.listing-card:nth-child(4) { animation-delay: 0.08s; }
.listing-card:nth-child(5) { animation-delay: 0.10s; }

/* ── TOAST ────────────────────────────────────────────────────── */
.toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: var(--ink);
  color: var(--paper);
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 12px;
  letter-spacing: 0.04em;
  box-shadow: var(--shadow-lg);
  transform: translateY(80px);
  transition: transform 0.3s ease;
  z-index: 3000;
  border-left: 3px solid var(--gold);
}
.toast.show { transform: translateY(0); }
.toast.error { border-left-color: var(--rose); }


/* ── DETAIL TABS ──────────────────────────────────────────────── */
.detail-tab {
  background: none; border: none; padding: 10px 18px;
  font-family: 'DM Mono', monospace; font-size: 10px;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--slate-mid); cursor: pointer; border-bottom: 2px solid transparent;
  transition: all 0.15s;
}
.detail-tab:hover { color: var(--ink); }
.detail-tab.active { color: var(--gold); border-bottom-color: var(--gold); }

/* ── DETAIL PANEL ─────────────────────────────────────────────── */
.detail-overlay {
  display: none; position: fixed; inset: 0; z-index: 1500;
  background: rgba(14,12,10,0.55); backdrop-filter: blur(4px);
  align-items: flex-start; justify-content: flex-end;
}
.detail-overlay.active { display: flex; }
.detail-panel {
  background: var(--paper); width: 560px; max-width: 100vw;
  height: 100vh; overflow-y: auto; box-shadow: -8px 0 48px rgba(14,12,10,0.2);
  display: flex; flex-direction: column; animation: slideIn 0.25s ease;
}
@keyframes slideIn { from { transform: translateX(40px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.detail-header { background: var(--ink); padding: 20px 24px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-shrink: 0; }
.detail-brand { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; color: var(--paper); font-style: italic; }
.detail-subtitle { font-size: 11px; color: rgba(247,243,237,0.6); margin-top: 3px; line-height: 1.4; }
.detail-close { background: rgba(255,255,255,0.1); border: none; color: var(--paper); width: 32px; height: 32px; border-radius: 50%; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.15s; }
.detail-close:hover { background: rgba(255,255,255,0.2); }
.detail-img { width: 100%; height: 280px; object-fit: cover; background: var(--cream); flex-shrink: 0; display: block; }
.detail-img-placeholder { width: 100%; height: 200px; background: var(--cream); display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 48px; color: rgba(14,12,10,0.1); font-style: italic; flex-shrink: 0; }
.detail-body { padding: 20px 24px; flex: 1; }
.detail-sec-title { font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--border); }
.detail-price-row { display: flex; align-items: center; justify-content: space-between; background: var(--cream); border-radius: 10px; padding: 14px 16px; margin-bottom: 18px; }
.detail-price-big { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 600; color: var(--ink); line-height: 1; }
.detail-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 18px; }
.detail-meta-label { font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-mid); margin-bottom: 3px; }
.detail-meta-val { font-size: 13px; color: var(--ink); font-weight: 500; }
.detail-ebay-box { background: var(--slate-pale); border-radius: 8px; padding: 12px 14px; margin-bottom: 14px; border-left: 3px solid var(--slate); }
.detail-ebay-label { font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-mid); margin-bottom: 4px; }
.detail-ebay-title-text { font-size: 12px; color: var(--ink); line-height: 1.5; font-weight: 500; }
.detail-desc { font-size: 12px; line-height: 1.8; color: var(--slate-mid); margin-bottom: 14px; }
.detail-desc p { margin-bottom: 8px; }
.detail-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 18px; }
.detail-tag { background: var(--cream); color: var(--slate-mid); font-size: 9px; padding: 3px 8px; border-radius: 4px; letter-spacing: 0.06em; }
.detail-footer { padding: 14px 24px; border-top: 1px solid var(--border); display: flex; gap: 8px; flex-shrink: 0; background: white; }
.btn-detail-approve { background: var(--sage); color: white; border: none; border-radius: 8px; padding: 12px 20px; font-family: 'DM Mono', monospace; font-size: 11px; cursor: pointer; flex: 1; letter-spacing: 0.06em; transition: background 0.15s; }
.btn-detail-approve.approved { background: var(--slate-mid); }
.btn-detail-close2 { background: var(--cream); color: var(--ink); border: none; border-radius: 8px; padding: 12px 20px; font-family: 'DM Mono', monospace; font-size: 11px; cursor: pointer; letter-spacing: 0.06em; }

/* ── REWRITE MODULE ─────────────────────────────────── */
.rw-subtab {
  background: none; border: 1px solid #ddd; border-radius: 6px;
  padding: 6px 14px; font-size: 13px; cursor: pointer; color: #555;
  transition: all .15s;
}
.rw-subtab.active { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.rw-subtab:hover:not(.active) { background: #f5f5f5; }

.rw-card {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
  margin-bottom: 20px; overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  transition: box-shadow .2s;
}
.rw-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); }

.rw-card-header {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px; background: #f8fafc; border-bottom: 1px solid #e2e8f0;
}
.rw-card-handle { font-size: 11px; color: #888; font-family: monospace; }
.rw-confidence-badge {
  padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 600;
}
.rw-confidence-badge.High  { background: #dcfce7; color: #166534; }
.rw-confidence-badge.Medium { background: #fef9c3; color: #854d0e; }
.rw-confidence-badge.Low   { background: #fee2e2; color: #991b1b; }

.rw-flag-chip {
  display: inline-block; padding: 2px 8px; border-radius: 10px;
  font-size: 10px; font-weight: 600; margin: 2px 2px 2px 0;
  background: #fef3c7; color: #92400e;
}
.rw-flag-chip.error { background: #fee2e2; color: #991b1b; }

.rw-card-body {
  display: grid; grid-template-columns: 180px 1fr 1fr; gap: 0;
}
.rw-images {
  padding: 14px; border-right: 1px solid #e2e8f0;
  display: flex; flex-direction: column; gap: 6px;
}
.rw-images img {
  width: 100%; aspect-ratio: 1; object-fit: cover;
  border-radius: 6px; cursor: pointer;
}
.rw-images img:hover { opacity: .85; }

.rw-col { padding: 14px 16px; }
.rw-col + .rw-col { border-left: 1px solid #e2e8f0; }
.rw-col-label {
  font-size: 10px; font-weight: 700; color: #888; text-transform: uppercase;
  letter-spacing: .05em; margin-bottom: 6px;
}
.rw-col-title {
  font-size: 14px; font-weight: 600; color: #1a1a2e; margin-bottom: 8px;
  line-height: 1.4;
}
.rw-col-desc {
  font-size: 12px; color: #444; line-height: 1.6;
  max-height: 120px; overflow: hidden; position: relative;
}
.rw-col-desc.expanded { max-height: none; }
.rw-expand-desc {
  font-size: 11px; color: #6366f1; cursor: pointer; margin-top: 4px;
  display: inline-block;
}

.rw-specifics {
  margin-top: 10px; padding-top: 10px; border-top: 1px solid #f1f5f9;
}
.rw-spec-row {
  display: flex; gap: 8px; font-size: 11px; padding: 2px 0;
}
.rw-spec-key { color: #888; min-width: 90px; }
.rw-spec-val { color: #333; font-weight: 500; }

.rw-edit-field {
  width: 100%; border: 1px solid #ddd; border-radius: 6px;
  padding: 7px 10px; font-size: 13px; font-family: inherit;
  margin-bottom: 8px; box-sizing: border-box;
  resize: vertical;
}
.rw-edit-field:focus { outline: none; border-color: #6366f1; }

.rw-card-footer {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 18px; background: #f8fafc; border-top: 1px solid #e2e8f0;
}
.rw-internal-note {
  flex: 1; font-size: 11px; color: #888; font-style: italic;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.btn-approve {
  background: #16a34a; color: #fff; border: none; border-radius: 6px;
  padding: 8px 18px; font-size: 13px; font-weight: 600; cursor: pointer;
  transition: background .15s;
}
.btn-approve:hover { background: #15803d; }
.btn-approve:disabled { background: #86efac; cursor: not-allowed; }

.btn-edit-approve {
  background: #6366f1; color: #fff; border: none; border-radius: 6px;
  padding: 8px 18px; font-size: 13px; font-weight: 600; cursor: pointer;
  transition: background .15s;
}
.btn-edit-approve:hover { background: #4f46e5; }

.btn-reject-rw {
  background: none; border: 1px solid #e2e8f0; border-radius: 6px;
  padding: 8px 14px; font-size: 13px; color: #666; cursor: pointer;
}
.btn-reject-rw:hover { background: #fee2e2; border-color: #fca5a5; color: #991b1b; }

.btn-rescan-rw {
  background: none; border: 1px solid #e2e8f0; border-radius: 6px;
  padding: 8px 14px; font-size: 13px; color: #666; cursor: pointer;
}
.btn-rescan-rw:hover { background: #fef9c3; border-color: #fde047; color: #854d0e; }

.rw-edit-panel {
  display: none; padding: 14px 18px; background: #f8f6ff;
  border-top: 1px solid #e9d8fd;
}
.rw-edit-panel.open { display: block; }
.rw-edit-panel-title {
  font-size: 12px; font-weight: 700; color: #6366f1; margin-bottom: 12px;
}

.rw-status-approved .rw-card-header { background: #f0fdf4; }
.rw-status-rejected .rw-card-header { background: #fef2f2; }
.rw-status-needs_rescan .rw-card-header { background: #fffbeb; }
</style>
</head>
<body>

<!-- MASTHEAD -->
<div class="masthead">
  <div class="masthead-brand">
    <div class="brand-wordmark"><em>Ava</em> &amp; <em>Iva</em></div>
    <div class="brand-divider"></div>
    <div class="brand-sub">Dashboard v46</div>
  </div>
  <div class="masthead-stats">
    <div class="mstat">
      <div class="mstat-val gold" id="statTotal">—</div>
      <div class="mstat-label">Total Stock</div>
    </div>
    <div class="mstat">
      <div class="mstat-val" id="statLive">—</div>
      <div class="mstat-label">Live on eBay</div>
    </div>
    <div class="mstat">
      <div class="mstat-val sage" id="statScheduled">—</div>
      <div class="mstat-label">Scheduled</div>
    </div>
    <div class="mstat">
      <div class="mstat-val rose" id="statAction">—</div>
      <div class="mstat-label">AI Rewritten</div>
    </div>
  </div>
  <div class="masthead-actions">
    <button class="btn-load" onclick="document.getElementById('csvInput').click()">
      Load Rewritten CSV
    </button>
    <button class="btn-load" id="btnLoadOriginal" onclick="document.getElementById('csvOrigInput').click()" style="background:#4a5568;margin-left:6px;font-size:11px">
      + Load Original CSV
    </button>
    <button class="btn-load" id="btnRegenAll" onclick="regenAllLabelScanned()" style="background:#b8924a;margin-left:6px;font-size:11px">
      ✦ Regenerate All Label-Scanned
    </button>
    <button class="btn-load" id="btnDownloadCSV" onclick="downloadUpdatedCSV()" style="background:#2d6a4f;margin-left:6px;font-size:11px;display:none">
      ↓ Download Updated CSV
    </button>
    <input type="file" id="csvInput" accept=".csv" onchange="loadCSV(event)">
    <input type="file" id="csvOrigInput" accept=".csv" onchange="loadOriginalCSV(event)">
  </div>
  <div id="originalLoadedBadge" style="display:none;background:#2d6a4f;color:#fff;font-size:10px;padding:4px 12px;border-radius:20px;margin-left:8px">✓ Original loaded — Before/After enabled</div>
</div>

<!-- NAV -->
<div class="nav-tabs">
  <div class="nav-tab active" onclick="showView('schedule')">
    Schedule <span class="tab-count" id="schedCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('live');loadLiveView()">
    Live Listings <span class="tab-count" id="liveCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('action')">
    Action Needed <span class="tab-count" id="actionCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('intelligence')">
    Intelligence
  </div>
  <div class="nav-tab" onclick="showView('catalogue')">
    Full Catalogue <span class="tab-count" id="catCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('rewrite');loadRewriteQueue()">
    Rewrite <span class="tab-count" id="rewriteCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('export');loadExportView()">
    Export <span class="tab-count" id="exportCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('pricing');loadPricingView()">
    Pricing <span class="tab-count" id="pricingCount">0</span>
  </div>
  <div class="nav-tab" onclick="showView('deleted');renderDeletedTab()">
    Deleted <span class="tab-count" id="deletedCount">0</span>
  </div>
</div>

<!-- SCHEDULE VIEW -->
<div class="view active" id="view-schedule">
  <div class="section-header">
    <div class="section-title">Listing <em>Optimiser</em></div>
    <div class="section-meta" id="schedMeta">Loading…</div>
  </div>

  <div id="alertsBar" style="display:none" class="alerts-bar">
    <div class="alerts-title">⚠ Reprice before listing</div>
    <div id="alertChips"></div>
  </div>

  <div id="optimiserLegend" style="display:none;padding:12px 20px;background:var(--cream);border-radius:8px;margin:0 20px 16px;font-size:11px;line-height:1.8;border:1px solid var(--border)">
    <strong>How it works:</strong> Each day gets a balanced mix — 3 premium (£100+), 5 mid-range (£45-99), 4 accessible (£20-44), 3 impulse (&lt;£20). Within each band, items ranked by score.
    <strong>Score:</strong> Readiness (AI+specifics+photos) 45 · Brand tier 50 · Seasonal 30 · Trending 15 · Era 12 · Fabric 10 · Category 12.
    <span style="color:var(--sage)">Green 100+</span> · <span style="color:var(--gold)">Gold 60-99</span> · <span style="color:var(--rose)">Red &lt;60</span>.
    Max 2 of same type per day. Hover score badge for full breakdown.
  </div>

  <div id="scheduleContent">
    <div class="empty-state-large">
      <span class="icon">A&I</span>
      <h3>Building your optimised schedule…</h3>
      <p>The engine scores every item on brand recognition, listing readiness, seasonal relevance, trending styles, and price — then builds a balanced 14-day plan.</p>
    </div>
  </div>
</div>

<!-- LIVE VIEW -->
<div class="view" id="view-live">
  <div class="section-header">
    <div class="section-title">Live <em>Listings</em></div>
    <div class="section-meta" id="liveMeta">Items currently live on eBay</div>
  </div>
  <div id="liveContent">
    <div class="empty-state-large">
      <span class="icon">∅</span>
      <h3>No live listings yet</h3>
      <p>Upload your eBay File Exchange response CSV via Export → Import eBay Report CSV to mark items as listed.</p>
    </div>
  </div>
</div>

<!-- ACTION VIEW -->
<div class="view" id="view-action">
  <div class="section-header">
    <div class="section-title">Action <em>Needed</em></div>
    <div class="section-meta">Items at 14 or 30 days — drop price or rotate out</div>
  </div>
  <div id="actionContent">
    <div class="empty-state-large">
      <span class="icon">✓</span>
      <h3>All clear</h3>
      <p>No items need attention right now. Items will appear here at 14 days (price drop) and 30 days (delist decision).</p>
    </div>
  </div>
</div>

<!-- INTELLIGENCE VIEW -->
<div class="view" id="view-intelligence">
  <div class="section-header">
    <div class="section-title">Market <em>Intelligence</em></div>
    <div class="section-meta">Trends, pricing alerts, seasonal calendar — updated daily</div>
  </div>

  <div class="intel-grid">
    <div class="intel-card">
      <div class="intel-card-title">🔥 Trending Now — Feb/Mar 2026</div>
      <div class="intel-item">
        <span class="intel-item-name">Y2K suiting &amp; tailoring</span>
        <span class="intel-item-val up">↑ High</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">1990s minimalism (Jil Sander, CK)</span>
        <span class="intel-item-val up">↑ Peak</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Power dressing / shoulder pads</span>
        <span class="intel-item-val up">↑ Strong</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Versace / Mugler / McQueen</span>
        <span class="intel-item-val up">↑ Very hot</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Heavy coats / fur</span>
        <span class="intel-item-val alert">↓ Hold until Oct</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Prairie / cottagecore dresses</span>
        <span class="intel-item-val">→ Steady</span>
      </div>
    </div>

    <div class="intel-card">
      <div class="intel-card-title">📅 Seasonal Calendar</div>
      <div class="intel-item">
        <span class="intel-item-name">Mother's Day <small style="color:var(--slate-mid)">30 Mar</small></span>
        <span class="intel-item-val alert">3 weeks — push occasion wear now</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Cheltenham Festival <small style="color:var(--slate-mid)">11-14 Mar</small></span>
        <span class="intel-item-val up">2 weeks — race day outfits NOW</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Easter <small style="color:var(--slate-mid)">20 Apr</small></span>
        <span class="intel-item-val">6 weeks — florals, pastels</span>
      </div>
      <div class="intel-item">
        <span class="intel-item-name">Spring transitional</span>
        <span class="intel-item-val up">↑ Best window now</span>
      </div>
    </div>

    <div class="intel-card">
      <div class="intel-card-title">⚡ Reprice Alerts — 13 Items</div>
      <div class="intel-item"><span class="intel-item-name">Gianni Versace Silk Dress</span><span class="intel-item-val alert">£385 → £650–950</span></div>
      <div class="intel-item"><span class="intel-item-name">Thierry Mugler Couture Skirt</span><span class="intel-item-val alert">£165 → £350–500</span></div>
      <div class="intel-item"><span class="intel-item-name">YSL Rive Gauche Hat 1960s</span><span class="intel-item-val alert">£350 → £500–700</span></div>
      <div class="intel-item"><span class="intel-item-name">Hermès Vintage Shoes</span><span class="intel-item-val alert">£285 → £450–600</span></div>
      <div class="intel-item"><span class="intel-item-name">John Galliano Skirt BNWT</span><span class="intel-item-val alert">£250 → £380–480</span></div>
      <div class="intel-item"><span class="intel-item-name">Bruce Oldfield Silk Dress</span><span class="intel-item-val alert">£85 → £175–225</span></div>
    </div>

    <div class="intel-card">
      <div class="intel-card-title">🎯 Your Stock vs Market</div>
      <div class="intel-item"><span class="intel-item-name">Designer items (£150+)</span><span class="intel-item-val up">Strong sell-through</span></div>
      <div class="intel-item"><span class="intel-item-name">Mid-market (£40–149)</span><span class="intel-item-val">Good with AI descriptions</span></div>
      <div class="intel-item"><span class="intel-item-name">Entry (£15–39)</span><span class="intel-item-val">Best in bundles</span></div>
      <div class="intel-item"><span class="intel-item-name">Under £15</span><span class="intel-item-val alert">Bundle only — not worth solo</span></div>
      <div class="intel-item"><span class="intel-item-name">Trousers (any price)</span><span class="intel-item-val alert">High returns — hold back</span></div>
      <div class="intel-item"><span class="intel-item-name">Scarves / accessories</span><span class="intel-item-val up">High velocity, good margin</span></div>
    </div>
  </div>

  <div class="intel-card" style="margin-bottom:20px">
    <div class="intel-card-title">🔮 Coming Soon — When eBay OAuth Connected</div>
    <div style="display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;">
      <div class="trend-tag">Live watcher counts</div>
      <div class="trend-tag">Auto price drops at 14 days</div>
      <div class="trend-tag">Promoted listings management</div>
      <div class="trend-tag">Competitor monitoring</div>
      <div class="trend-tag">Sell-through rate tracking</div>
      <div class="trend-tag">Revenue forecasting</div>
      <div class="trend-tag">Bundle engine</div>
      <div class="trend-tag">Cross-platform pricing (Vestiaire / Depop)</div>
      <div class="trend-tag">Photo quality scoring</div>
      <div class="trend-tag">Cheltenham / race day automation</div>
    </div>
  </div>
</div>

<!-- CATALOGUE VIEW -->
<div class="view" id="view-catalogue">
  <div class="section-header">
    <div class="section-title">Full <em>Catalogue</em></div>
    <div class="section-meta" id="catSummaryMeta">Search, filter and manage all stock</div>
  </div>

  <!-- LOCATION SUMMARY TILES -->
  <div id="catLocationTiles" style="display:none;margin-bottom:20px">
    <div style="font-size:10px;letter-spacing:0.12em;color:var(--slate-mid);margin-bottom:10px;text-transform:uppercase">Stock by Location</div>
    <div id="catTilesWrap" style="display:flex;flex-wrap:wrap;gap:8px"></div>
  </div>

  <!-- FILTERS -->
  <div style="display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center">
    <input type="text" id="catSearch" placeholder="Search brand, title, tag..." oninput="filterCatalogue()"
      style="flex:1;min-width:200px;background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);">
    <select id="catType" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="">All types</option>
      <option>Dress</option><option>Skirt</option><option>Jacket</option><option>Coat</option>
      <option>Blouse</option><option>Bag</option><option>Shoes</option><option>Scarf</option>
      <option>Hat</option><option>Jewellery</option>
    </select>
    <select id="catRail" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="">All locations</option>
    </select>
    <select id="catStatus" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="">All statuses</option>
      <option value="scheduled">📅 Scheduled</option>
      <option value="unscheduled">⏳ Unscheduled</option>
      <option value="live">🟢 Live on eBay</option>
    </select>
    <select id="catAI" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="">All items</option>
      <option value="rewritten">✦ AI Rewritten only</option>
      <option value="notrewritten">⚠ Not rewritten</option>
    </select>
    <select id="catStockCheck" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="">All stock</option>
      <option value="confirmed">✓ Stock confirmed</option>
      <option value="unconfirmed">⏳ Not yet checked</option>
    </select>
    <select id="catSort" onchange="filterCatalogue()"
      style="background:white;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-family:'DM Mono',monospace;font-size:12px;color:var(--ink);cursor:pointer;">
      <option value="title-asc">A→Z Title</option>
      <option value="title-desc">Z→A Title</option>
      <option value="price-asc">Price ↑</option>
      <option value="price-desc">Price ↓</option>
      <option value="brand-asc">Brand A→Z</option>
    </select>
    <label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-family:'DM Mono',monospace;font-size:11px;color:var(--ink);white-space:nowrap;background:white;border:1px solid var(--border-strong);border-radius:6px;padding:8px 14px">
      <input type="checkbox" id="catActiveOnly" checked onchange="filterCatalogue()" style="cursor:pointer;width:14px;height:14px;accent-color:#276749">
      Active only
    </label>
    <button onclick="catSelectAllVisible()" style="white-space:nowrap;background:var(--gold);color:white;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-family:'DM Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.02em">☑ Select All</button>
  </div>

  <!-- STOCK SUMMARY BAR (shown when location selected) -->
  <div id="catStockSummary" style="display:none;background:white;border:1px solid var(--border);border-radius:8px;padding:14px 20px;margin-bottom:16px;display:none">
    <div style="display:flex;gap:24px;flex-wrap:wrap">
      <div><div style="font-size:22px;font-weight:600;color:var(--ink)" id="summCount">0</div><div style="font-size:10px;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.1em">Items</div></div>
      <div><div style="font-size:22px;font-weight:600;color:var(--gold)" id="summValue">£0</div><div style="font-size:10px;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.1em">Total Value</div></div>
      <div><div style="font-size:22px;font-weight:600;color:#68d391" id="summScheduled">0</div><div style="font-size:10px;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.1em">Scheduled</div></div>
      <div><div style="font-size:22px;font-weight:600;color:#fc8181" id="summUnscheduled">0</div><div style="font-size:10px;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.1em">Unscheduled</div></div>
      <div><div style="font-size:22px;font-weight:600;color:#63b3ed" id="summLive">0</div><div style="font-size:10px;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.1em">Live on eBay</div></div>
    </div>
  </div>

  <div id="catContent">
    <div class="empty-state-large">
      <span class="icon">A&I</span>
      <h3>Load CSV to browse catalogue</h3>
      <p>Your full catalogue with search, filter by location, type, and status.</p>
    </div>
  </div>

  <!-- Floating export selection bar -->
  <div id="catExportBar" style="display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.3);z-index:1000;font-family:'DM Mono',monospace;display:none;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center">
    <span id="catExportCount" style="font-size:14px;font-weight:600">0 selected</span>
    <button onclick="catBulkRescan()" id="catBulkRescanBtn" style="font-size:11px;background:#2d3748;color:white;border:1px solid #4a5568;padding:8px 18px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace;font-weight:600">✦ AI Rescan</button>
    <button onclick="catBulkPricing()" id="catBulkPricingBtn" style="font-size:11px;background:#744210;color:white;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace;font-weight:600">£ Bulk Price</button>
    <button onclick="catPrintSelectedLabels()" id="catBulkPrintBtn" style="font-size:11px;background:#f7fafc;color:var(--ink);border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace;font-weight:600">🖨 Print Labels</button>
    <button onclick="catAddToExportQueue()" style="font-size:11px;background:var(--gold);color:var(--ink);border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace;font-weight:600">→ Export Queue</button>
    <button onclick="catClearSelection()" style="font-size:11px;background:transparent;color:#a0aec0;border:1px solid #4a5568;padding:8px 14px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace">✕</button>
  </div>
</div>

<!-- EXPORT VIEW -->
<div class="view" id="view-export">
  <div class="section-header" style="display:flex;align-items:center;justify-content:space-between">
    <div>
      <div class="section-title">eBay <em>Export</em></div>
      <div class="section-meta" id="exportMeta">Operator-approved items ready to list</div>
    </div>
    <div style="display:flex;gap:8px" id="exportActionBtns">
      <button onclick="selectAllExport()" style="font-size:11px;background:#e2e8f0;color:var(--ink);border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:'DM Mono',monospace">Select All</button>
      <button onclick="downloadExportCSV()" id="exportDownloadBtn" style="font-size:11px;background:var(--gold);color:var(--ink);border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:'DM Mono',monospace;font-weight:600">↓ Export Selected CSV</button>
    </div>
  </div>

  <!-- Tabs -->
  <div style="display:flex;gap:8px;margin-bottom:16px">
    <button id="etab-queue" onclick="switchExportTab('queue')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:var(--ink);color:white">Ready <span id="exportReadyCount">0</span></button>
    <button id="etab-exported" onclick="switchExportTab('exported')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">Exported <span id="exportedCount">0</span></button>
    <button id="etab-live" onclick="switchExportTab('live')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">Listed <span id="listedCount">0</span></button>
  </div>

  <!-- Warning (ready tab only) -->
  <div id="exportWarning" style="background:#fff3cd;border:1px solid #fbbf24;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:12px;color:#92400e">
    <strong>Before exporting:</strong> Estimated pricing (amber) has no verified comp data. Check prices manually before uploading to eBay. Evidenced pricing (green) is based on stored comps.
  </div>

  <!-- Stats bar (ready tab only) -->
  <div id="exportStats" style="display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap">
    <div style="font-family:'DM Mono',monospace;font-size:11px">
      <span id="exportSelectedCount" style="font-size:20px;font-weight:700;color:var(--gold)">0</span>
      <span style="color:var(--slate-mid);margin-left:4px">selected</span>
    </div>
    <div style="font-family:'DM Mono',monospace;font-size:11px">
      <span id="exportEstimatedCount" style="font-size:20px;font-weight:700;color:#92400e">0</span>
      <span style="color:var(--slate-mid);margin-left:4px">estimated price</span>
    </div>
    <div style="font-family:'DM Mono',monospace;font-size:11px">
      <span id="exportEvidencedCount" style="font-size:20px;font-weight:700;color:#276749">0</span>
      <span style="color:var(--slate-mid);margin-left:4px">evidenced price</span>
    </div>
  </div>

  <!-- Import eBay Report — always visible -->
  <div id="importEbayReportBar" style="display:flex;margin-bottom:16px;align-items:center;gap:12px;flex-wrap:wrap">
    <label for="ebayReportInput" style="display:inline-flex;align-items:center;gap:8px;background:#276749;color:white;font-size:11px;font-family:'DM Mono',monospace;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600">
      📥 Import eBay Report CSV
    </label>
    <input type="file" id="ebayReportInput" accept=".csv" style="display:none" onchange="importEbayReport(event)">
    <span style="font-size:11px;color:var(--slate-mid);font-family:'DM Mono',monospace">Upload the eBay File Exchange results CSV — marks items as Listed with the correct date</span>
    <button onclick="resetExportedItems()" style="font-size:11px;background:#fed7d7;color:#9b2c2c;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace;margin-left:auto">✕ Reset All Exported</button>
  </div>

  <div id="exportContent" style="display:flex;flex-direction:column;gap:8px"></div>
</div>

<!-- PRICING VIEW -->
<div class="view" id="view-pricing">
  <div class="section-header" style="display:flex;align-items:center;justify-content:space-between">
    <div>
      <div class="section-title">Pricing <em>Engine</em></div>
      <div class="section-meta" id="pricingMeta">AI-generated price suggestions — review and approve</div>
    </div>
    <button onclick="loadPricingView(true)" style="font-size:11px;background:var(--ink);color:white;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:'DM Mono',monospace">↺ Refresh</button>
  </div>

  <!-- Sub-tabs -->
  <div style="display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center">
    <button id="ptab-queue" onclick="switchPricingTab('queue')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:var(--ink);color:white">Queue <span id="ptabCount-queue">0</span></button>
    <button id="ptab-approved" onclick="switchPricingTab('approved')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">Approved <span id="ptabCount-approved">0</span></button>
    <button id="ptab-review" onclick="switchPricingTab('review')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">Needs Review <span id="ptabCount-review">0</span></button>
    <button id="ptab-pending" onclick="switchPricingTab('pending')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">⏳ Pending <span id="ptabCount-pending">0</span></button>
    <button id="ptab-error" onclick="switchPricingTab('error')" style="font-size:11px;padding:6px 16px;border-radius:20px;border:none;cursor:pointer;font-family:'DM Mono',monospace;background:#e2e8f0;color:var(--ink)">✕ Errors <span id="ptabCount-error">0</span></button>
  </div>

  <div id="pricingContent" style="display:flex;flex-direction:column;gap:16px"></div>
</div>

<!-- DELETED VIEW -->
<div class="view" id="view-deleted">
  <div class="section-header">
    <div class="section-title">Deleted <em>Items</em></div>
    <div class="section-meta">Items removed from stock — restore at any time</div>
  </div>
  <div id="deletedContent">
    <div class="empty-state-large">
      <span class="icon">🗑</span>
      <h3>No deleted items</h3>
      <p>Items you delete will appear here for recovery.</p>
    </div>
  </div>
</div>

<!-- REWRITE VIEW -->
<div class="view" id="view-rewrite">
  <div class="section-header">
    <div class="section-title">Listing <em>Rewrite</em></div>
    <div class="section-meta" id="rewriteMeta">Review and approve AI-generated listing copy</div>
  </div>

  <!-- Rewrite sub-tabs -->
  <div style="display:flex;gap:8px;padding:0 24px 16px;border-bottom:1px solid #eee;margin-bottom:20px;">
    <button class="rw-subtab active" id="rwtab-queue" onclick="switchRewriteTab('queue')">
      Queue <span id="rwQueueCount" style="background:#e2e8f0;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px">0</span>
    </button>
    <button class="rw-subtab" id="rwtab-approved" onclick="switchRewriteTab('approved')">
      Approved <span id="rwApprovedCount" style="background:#dcfce7;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px">0</span>
    </button>
    <button class="rw-subtab" id="rwtab-rescan" onclick="switchRewriteTab('rescan')">
      Needs Rescan <span id="rwRescanCount" style="background:#fef9c3;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px">0</span>
    </button>
    <div style="flex:1"></div>
    <button class="btn-secondary" onclick="loadRewriteQueue()" style="font-size:12px;padding:6px 14px">↻ Refresh</button>
    <input type="text" id="rewriteSearchInput" placeholder="Search by title, brand, handle…"
      style="border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:13px;width:220px"
      oninput="filterRewriteCards()">
  </div>

  <!-- Queue content -->
  <div id="rwContent-queue" style="padding:0 24px">
    <div class="empty-state-large">
      <span class="icon">✍</span>
      <h3>Rewrite queue is empty</h3>
      <p>Select items from the Full Catalogue and click <strong>Generate Rewrite</strong> to populate this queue.</p>
    </div>
  </div>

  <!-- Approved content -->
  <div id="rwContent-approved" style="display:none;padding:0 24px">
    <div class="empty-state-large">
      <span class="icon">✓</span>
      <h3>No approved rewrites yet</h3>
      <p>Approved items will appear here.</p>
    </div>
  </div>

  <!-- Rescan content -->
  <div id="rwContent-rescan" style="display:none;padding:0 24px">
    <div class="empty-state-large">
      <span class="icon">🔍</span>
      <h3>No items awaiting rescan</h3>
    </div>
  </div>
</div>

<!-- LOADING OVERLAY -->
<div class="loading-overlay" id="loadingOverlay">
  <div class="loading-title">Building your schedule…</div>
  <div class="loading-sub" id="loadingSub">Analysing 2,388 items</div>
  <div class="loading-progress"><div class="loading-bar" id="loadingBar"></div></div>
</div>

<!-- TOAST -->
<div class="toast" id="toast"></div>

<script>
// ── CONFIG ─────────────────────────────────────────────────────
const CANONICAL_API = 'https://ava-iva-api.nick-32d.workers.dev';
const DATA_SOURCE = {
  items_list:     'd1',   // ✅ Phase C cutover
  item_detail:    'd1',   // ✅ Phase C cutover
  schedule:       'kv',   // still kv — schedule not yet in D1
  rewrite_panel:  'd1',   // always d1
  pricing_panel:  'd1',   // always d1
  priority_panel: 'd1',   // always d1
};

// ── STATE ──────────────────────────────────────────────────────
let allItems = [];
let originalItemsMap = {}; // Handle -> original row, loaded from original CSV
let schedule = {};      // { 'Mon 2 Mar': [items...], ... }
let approvedItems = {}; // itemId -> bool
let editedItems = {};   // itemId -> {title, price, description}
let liveItems = [];
let currentView = 'schedule';

// ── NAVIGATION ─────────────────────────────────────────────────
function showView(id) {
  document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
  document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
  document.getElementById('view-' + id).classList.add('active');
  // event.currentTarget is only available when called from a real click
  // When called programmatically, find the nav tab by id instead
  if (typeof event !== 'undefined' && event && event.currentTarget) {
    event.currentTarget.classList.add('active');
  } else {
    const navTab = document.querySelector(`.nav-tab[onclick*="'${id}'"]`);
    if (navTab) navTab.classList.add('active');
  }
  currentView = id;
  // Save to URL hash so mobile Safari restores the right view after tab kill
  try { history.replaceState(null, '', '#' + id); } catch(e) {}
  if (id === 'catalogue') {
    if (allItems.length) filterCatalogue();
    else if (d1CatalogueLoaded) renderD1Catalogue();
    else loadCatalogueFromD1();
  }
  if (id === 'rewrite') loadRewriteQueue();
}

// ── D1 CATALOGUE LOADER ────────────────────────────────────────
let d1CatalogueItems = [];
let d1CatalogueLoaded = false;

async function loadCatalogueFromD1(reset, silent) {
  if (d1CatalogueLoaded && !reset) { if (!silent) renderD1Catalogue(); return; }
  const container = document.getElementById('catContent');
  if (!silent) container.innerHTML = '<div style="padding:40px;text-align:center;color:var(--slate-mid)">Loading catalogue from D1…</div>';
  try {
    const PAGE = 200;
    const BATCH = 3; // max concurrent D1 requests — avoids overload on free tier
    let allFetched = [];
    const firstResp = await fetch(`${CANONICAL_API}/items?route=list&page_size=${PAGE}&page=1&include=primary_image`);
    if (!firstResp.ok) throw new Error('Worker returned ' + firstResp.status);
    const first = await firstResp.json();
    console.log('D1 first page:', first);
    const total = first.pagination?.total || first.total || 0;
    allFetched = allFetched.concat(first.items || first.results || []);
    document.getElementById('catCount').textContent = total.toLocaleString();
    const totalPages = Math.min(Math.ceil(total / PAGE), 120);
    if (totalPages > 1) {
      // Fetch in batches of 3 — fast enough to load in ~10s, gentle enough for D1 free tier
      for (let i = 1; i < totalPages; i += BATCH) {
        const batch = Array.from({ length: Math.min(BATCH, totalPages - i) }, (_, j) =>
          fetch(`${CANONICAL_API}/items?route=list&page_size=${PAGE}&page=${i+j+1}&include=primary_image`).then(r => r.json())
        );
        const results = await Promise.all(batch);
        results.forEach(r => { allFetched = allFetched.concat(r.items || r.results || []); });
      }
    }
    console.log('D1 catalogue total fetched:', allFetched.length);
    if (allFetched.length) console.log('D1 first item keys:', Object.keys(allFetched[0]), 'item_id:', allFetched[0].item_id);
    d1CatalogueItems = allFetched.map(normaliseD1Item);
    d1CatalogueLoaded = true;
    if (!silent) renderD1Catalogue();
  } catch(e) {
    console.error('D1 catalogue load failed:', e);
    container.innerHTML = `<div style="padding:40px;text-align:center;color:#c53030">Failed to load from D1: ${e.message}</div>`;
  }
}

function normaliseD1Item(item) {
  const content = item.content?.ebay || {};
  const specifics = content.specifics || {};
  const ebaySpecsObj = (() => { try { return JSON.parse(item.ebay_specifics || '{}'); } catch(e) { return {}; } })();
  const images = item.images || [];
  const primaryImg = images.find(i => i.is_primary) || images[0];
  const primaryImgUrl = item.primary_image || primaryImg?.url || '';
  const rawTags = item.tags || '';
  const skuMatch = (item.source_row_key || '').match(/\|sku:([^|]+)/i);
  const derivedIdentifier = item.label_identifier || (skuMatch ? skuMatch[1].trim() : '') || item.parent_handle || '';
  const derivedLocation = item.label_location || item.location_code || [item.location_type, item.location_num].filter(Boolean).join(' ') || rawTags || '';
  const tagsWithLoc = rawTags || derivedLocation;
  const title = item.ebay_title || content.title || item.parent_handle || '';
  const price = item.ebay_price || content.price || 0;
  return {
    item_id: item.item_id,
    parent_handle: item.parent_handle,
    route: item.route,
    status: item.status,
    ai_rewritten: item.ai_rewritten ? 'true' : 'false',
    'Handle': item.parent_handle,
    'handle': item.parent_handle,
    'Title': title,
    'title': title,
    // v20: description now read directly from D1 (ebay_description returned by worker v28)
    // No longer needs allItems (VISION CSV) to be loaded — dashboard works from D1 alone
    'Body (HTML)': item.ebay_description || content.description || '',
    'Vendor': item.brand || '',
    'Type': item.garment_type || specifics.type || '',
    'type': item.garment_type || specifics.type || '',
    'Tags': tagsWithLoc,
    'tags': tagsWithLoc,
    'Variant Price': String(price),
    'price': String(price),
    'Option1 Value': item.size || specifics.size || '',
    'Variant Option1 Value': item.size || specifics.size || '',
    'Option2 Value': item.colour || specifics.colour || ebaySpecsObj.colour || '',
    'Image Src': primaryImgUrl,
    'image_src': primaryImgUrl,
    'Material': item.material || specifics.material || ebaySpecsObj.material || '',
    ebay_category: item.ebay_category || '',
    ebay_specifics: item.ebay_specifics || '',
    // Direct D1 fields — used by populateEditTab without needing allItems loaded
    colour: item.colour || specifics.colour || ebaySpecsObj.colour || '',
    size: item.size || specifics.size || '',
    material: item.material || specifics.material || ebaySpecsObj.material || '',
    garment_type: item.garment_type || '',
    era: item.era || '',
    brand: item.brand || '',
    condition_notes: item.condition_notes || '',
    inventory_qty: item.inventory_qty ?? '',
    source_row_key: item.source_row_key || '',
    label_identifier: derivedIdentifier,
    label_identifier_kind: item.label_identifier_kind || (skuMatch ? 'sku' : 'handle'),
    label_title: item.label_title || title,
    label_location: derivedLocation,
    last_rewrite_scan_at: item.last_rewrite_scan_at || null,
    last_price_scan_at: item.last_price_scan_at || null,
    _rewrite_status: item.rewrite?.rewrite_status || null,
    _d1: true,
    _images: images.filter(img => !(img.key || img.url || '').includes('intake/')).map(img => img.url || '').filter(Boolean),
  };
}

function renderD1Catalogue() {
  console.log('renderD1Catalogue called, items:', d1CatalogueItems.length);
  // Sync D1 prices into allItems so schedule cards show correct prices
  d1CatalogueItems.forEach(d1 => {
    const handle = d1['Handle'] || d1['handle'] || d1.parent_handle;
    const p = d1.ebay_price || d1['Variant Price'] || d1['price'];
    if (!handle || !p) return;
    allItems.forEach(row => {
      if ((row['Handle']||row['handle']) === handle) {
        row['Variant Price'] = p;
        row['price'] = p;
      }
    });
  });
  buildLocationTiles(d1CatalogueItems);
  buildRailFilter(d1CatalogueItems);
  document.getElementById('catCount').textContent = d1CatalogueItems.length.toLocaleString();
  filterCatalogue();
  // Re-render schedule so cards pick up updated prices from D1
  if (typeof renderSchedule === 'function') renderSchedule();
  console.log('renderD1Catalogue done, catContent length:', document.getElementById('catContent')?.innerHTML?.length);
}

// ── CSV LOADING ────────────────────────────────────────────────
const KV_WORKER = 'https://ava-iva-api.nick-32d.workers.dev';

async function saveToKV(key, value) {
  try {
    await fetch(KV_WORKER + '/kv/save', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ key, value })
    });
  } catch(e) { console.warn('KV save failed:', e.message); }
}

async function loadFromKV(key) {
  try {
    const r = await fetch(KV_WORKER + '/kv/load?key=' + encodeURIComponent(key));
    const d = await r.json();
    if (d.ok && d.value) return JSON.parse(d.value);
  } catch(e) { console.warn('KV load failed:', e.message); }
  return null;
}

async function autoLoadFromKV() {
  try {
    const extras = await loadFromKV('catalogue_extras');
    if (extras && (Object.keys(extras.photos||{}).length || Object.keys(extras.edits||{}).length)) {
      // Only apply if CSVs already loaded
      if (allItems.length) {
        applyExtrasToItems(extras);
        renderCatalogue(allItems);
        showToast('✓ Restored ' + Object.keys(extras.photos||{}).length + ' photo sets and edits from cloud');
      }
    }
  } catch(e) {
    console.warn('KV auto-load skipped:', e.message);
  }
}

async function saveAfterCSVLoad() {
  // Just merge any existing KV extras into current allItems, then save only the extras
  try {
    const existing = await loadFromKV('catalogue_extras');
    if (existing) applyExtrasToItems(existing);
    saveExtrasToKV();
  } catch(e) { console.warn('KV merge skipped:', e.message); }
}

function getExtras() {
  const extras = { photos: {}, edits: {} };
  allItems.forEach(row => {
    const h = row['Handle']||row['handle']||'';
    // Only save R2 photos
    const src = row['Image Src']||row['image_src']||'';
    if (h && src && src.includes('r2.dev')) {
      if (!extras.photos[h]) extras.photos[h] = [];
      if (!extras.photos[h].includes(src)) extras.photos[h].push(src);
    }
    // Only save material/body for items physically label-scanned in the dashboard
    if (h && row['label_scanned']) {
      const mat = row['material']||row['Material']||'';
      const body = row['Body (HTML)']||'';
      if (!extras.edits[h]) extras.edits[h] = {};
      if (mat) extras.edits[h].material = mat;
      if (body) extras.edits[h].body = body;
      if (row['label_read']) extras.edits[h].label_read = row['label_read'];
    }
  });
  return extras;
}

function applyExtrasToItems(extras) {
  if (!extras) return;
  // Add extra R2 photos
  if (extras.photos) {
    Object.entries(extras.photos).forEach(([h, urls]) => {
      urls.forEach(url => {
        const exists = allItems.some(i => (i['Handle']||i['handle']) === h && (i['Image Src']||i['image_src']) === url);
        if (!exists) {
          const base = allItems.find(i => (i['Handle']||i['handle']) === h) || {};
          allItems.push({ ...base, 'Image Src': url, 'Image Position': 99 });
        }
      });
    });
  }
  // Apply field edits
  if (extras.edits) {
    Object.entries(extras.edits).forEach(([h, edits]) => {
      // Patch allItems
      allItems.forEach(i => {
        if ((i['Handle']||i['handle']) === h) {
          if (edits.label_read) i['label_read'] = edits.label_read;
          if (edits.material) {
            i['material'] = edits.material;
            i['Material'] = edits.material;
          }
          if (edits.body) {
            i['Body (HTML)'] = edits.body;
            i['Body'] = edits.body;
          }
          i['label_scanned'] = true;
        }
      });
      // Also patch schedule items (they are spread copies of allItems)
      Object.values(schedule).forEach(dayItems => {
        dayItems.forEach(i => {
          if ((i['Handle']||i['handle']) === h) {
            if (edits.label_read) i['label_read'] = edits.label_read;
            if (edits.material) {
              i['material'] = edits.material;
              i['Material'] = edits.material;
            }
            if (edits.body) {
              i['Body (HTML)'] = edits.body;
              i['Body'] = edits.body;
            }
          }
        });
      });
    });
  }
}

function saveExtrasToKV() {
  const extras = getExtras();
  saveToKV('catalogue_extras', extras);
}

const R2_REWRITTEN_CSV = 'https://pub-f2f39ed4b85649b1bccef63c257487fd.r2.dev/csvs/master_assets_VISION_20260306_1013_COMPLETE.csv';
const R2_ORIGINAL_CSV  = 'https://pub-f2f39ed4b85649b1bccef63c257487fd.r2.dev/csvs/products_export_1%202.csv';

async function autoLoadCSVFromR2() {
  // ALWAYS build schedule from D1 (has rich fields: brand, era, material, specifics, ai_rewritten).
  // CSV still loaded in background for original comparison and any legacy features.
  try {
    showLoading('Loading catalogue & scoring items…');
    updateLoadingBar(10, 'Fetching items from D1…');

    // 1. Load D1 catalogue first — this is the source of truth for scoring
    await loadCatalogueFromD1(false, true); // silent
    if (!d1CatalogueItems.length) throw new Error('No items from D1');
    console.log('D1 loaded:', d1CatalogueItems.length, 'items');

    // 2. Score and build schedule from D1 data
    updateLoadingBar(50, 'Scoring ' + d1CatalogueItems.length + ' items…');
    const eligible = filterEligible(d1CatalogueItems);
    console.log('Eligible for schedule:', eligible.length, 'of', d1CatalogueItems.length);
    schedule = buildSchedule(eligible);

    // 3. Load CSVs in background (for original comparison, legacy features)
    updateLoadingBar(70, 'Loading comparison data…');
    fetch(R2_REWRITTEN_CSV).then(r => r.ok ? r.text() : Promise.reject('CSV fetch failed')).then(text => {
      allItems = parseCSV(text);
      console.log('CSV loaded in background:', allItems.length, 'rows');
      document.getElementById('btnDownloadCSV').style.display = 'inline-block';
    }).catch(e => console.warn('R2 CSV load skipped:', e));

    fetch(R2_ORIGINAL_CSV).then(r => r.text()).then(t => {
      const originalRows = parseCSV(t);
      originalItemsMap = {};
      originalRows.forEach(row => {
        const handle = row['Handle'] || row['handle'];
        if (handle && (row['Title'] || row['title']) && !originalItemsMap[handle]) {
          originalItemsMap[handle] = row;
        }
      });
      console.log('Original CSV loaded:', Object.keys(originalItemsMap).length, 'items mapped');
    }).catch(e => console.warn('Original CSV load failed:', e));

    updateLoadingBar(90, 'Rendering schedule…');
    hideLoading();
    // Only render schedule if user hasn't navigated away during load
    if (!currentView || currentView === 'schedule') renderSchedule();
    updateStats();
    showToast('✓ ' + eligible.length + ' items scored from D1 · schedule built');
    autoLoadFromKV();
  } catch(err) {
    hideLoading();
    console.error('Auto-load failed:', err);
    // Last resort fallback
    await buildScheduleFromD1();
  }
}

// Build schedule directly from D1 catalogue — no CSV needed
async function buildScheduleFromD1() {
  try {
    showLoading('Loading catalogue from D1…');
    updateLoadingBar(20, 'Fetching items from D1…');
    await loadCatalogueFromD1(false, true); // silent — don't render catalogue yet
    if (!d1CatalogueItems.length) throw new Error('No items from D1');
    updateLoadingBar(60, 'Scoring & building schedule…');
    const eligible = filterEligible(d1CatalogueItems);
    console.log('D1 schedule: ' + d1CatalogueItems.length + ' total → ' + eligible.length + ' eligible');
    schedule = buildSchedule(eligible);
    updateLoadingBar(90, 'Rendering…');
    hideLoading();
    if (!currentView || currentView === 'schedule') renderSchedule();
    updateStats();
    showToast('✓ Schedule built from D1: ' + eligible.length + ' eligible items scored');
  } catch(err) {
    hideLoading();
    console.warn('D1 schedule build failed:', err);
  }
}

function loadCSV(event) {
  const file = event.target.files[0];
  if (!file) return;
  showLoading('Reading your catalogue…');
  const reader = new FileReader();
  reader.onload = e => {
    try {
      allItems = parseCSV(e.target.result);
      console.log('Parsed rows:', allItems.length);
      console.log('First row keys:', allItems[0] ? Object.keys(allItems[0]).slice(0,8) : 'none');
      console.log('First title:', allItems[0] ? allItems[0]['Title'] : 'none');
      console.log('First price:', allItems[0] ? allItems[0]['Variant Price'] : 'none');
      updateLoadingBar(30, 'Filtering eligible items…');
      setTimeout(() => {
        const eligible = filterEligible(allItems);
        updateLoadingBar(60, 'Building 14-day schedule…');
        setTimeout(() => {
          schedule = buildSchedule(eligible);
          updateLoadingBar(90, 'Preparing intelligence…');
          setTimeout(() => {
            hideLoading();
            renderSchedule();
            renderCatalogue(allItems);
            updateStats();
            showToast('✓ Loaded ' + allItems.length + ' items · Schedule built');
            saveAfterCSVLoad();
            autoLoadFromKV();
          }, 400);
        }, 600);
      }, 400);
    } catch(err) {
      hideLoading();
      console.error('CSV Error:', err);
      showToast('Error: ' + err.message, true);
      alert('CSV load failed: ' + err.message + '\n\nCheck the browser console for details.');
    }
  };
  reader.readAsText(file);
  event.target.value = '';
}

function loadOriginalCSV(event) {
  const file = event.target.files[0];
  if (!file) return;
  const reader = new FileReader();
  reader.onload = e => {
    try {
      const rows = parseCSV(e.target.result);
      originalItemsMap = {};
      rows.forEach(row => {
        const handle = row['Handle'] || row['handle'];
        // Only store if this row has a title (first/main row for product)
        if (handle && (row['Title'] || row['title'])) {
          originalItemsMap[handle] = row;
        }
      });
      document.getElementById('originalLoadedBadge').style.display = 'inline-block';
      document.getElementById('btnLoadOriginal').style.background = '#2d6a4f';
      showToast('✓ Original CSV loaded — ' + Object.keys(originalItemsMap).length + ' items mapped');
      saveToKV('catalogue_original', rows);
    } catch(err) {
      showToast('Error loading original: ' + err.message, true);
    }
  };
  reader.readAsText(file);
  event.target.value = '';
}

function parseCSV(text) {
  // Parse entire CSV handling multiline quoted fields
  const rows = [];
  let i = 0;
  const len = text.length;

  function parseRow() {
    const fields = [];
    while (i < len) {
      if (text[i] === '"') {
        // Quoted field
        i++; // skip opening quote
        let field = '';
        while (i < len) {
          if (text[i] === '"') {
            // Check if this is a closing quote: followed by , or \r or \n or end
            const next = text[i+1];
            if (next === '"') { field += '"'; i += 2; } // escaped quote ""
            else if (next === ',' || next === '\r' || next === '\n' || next === undefined || i+1 >= len) { i++; break; } // closing quote
            else { field += '"'; i++; } // malformed quote inside content - treat as literal
          } else {
            field += text[i++];
          }
        }
        fields.push(field);
        if (text[i] === ',') i++;
        else break;
      } else {
        // Unquoted field
        let field = '';
        while (i < len && text[i] !== ',' && text[i] !== '\n' && text[i] !== '\r') {
          field += text[i++];
        }
        fields.push(field.trim());
        if (text[i] === ',') i++;
        else break;
      }
    }
    // skip \r\n or \n
    if (text[i] === '\r') i++;
    if (text[i] === '\n') i++;
    return fields;
  }

  const headers = parseRow().map(h => h.trim());
  if (headers.length < 2) throw new Error('Empty CSV');

  while (i < len) {
    if (text[i] === '\r' || text[i] === '\n') { i++; continue; }
    const vals = parseRow();
    if (vals.length === 0) continue;
    const obj = {};
    headers.forEach((h, idx) => { obj[h] = vals[idx] !== undefined ? vals[idx] : ''; });
    if (obj['Handle'] || obj['handle'] || obj['Title'] || obj['title']) rows.push(obj);
  }
  return rows;
}

function parseCSVRow(line) {
  const result = [];
  let current = '';
  let inQuotes = false;
  for (let i = 0; i < line.length; i++) {
    if (line[i] === '"') {
      if (inQuotes && line[i+1] === '"') { current += '"'; i++; }
      else inQuotes = !inQuotes;
    } else if (line[i] === ',' && !inQuotes) {
      result.push(current);
      current = '';
    } else {
      current += line[i];
    }
  }
  result.push(current);
  return result;
}

// ── ELIGIBILITY FILTER ─────────────────────────────────────────
function filterEligible(items) {
  // Also accept d1CatalogueItems — check for active location tags
  const LOC_RE = /\b(FCR\d+|FB\d+|SB\d+|SR\d+|1EBAY|R\d{1,2})\b/i;
  return items.filter(item => {
    const type = (item['Type'] || item['type'] || item.garment_type || '').toLowerCase();
    const tags = (item['Tags'] || item['tags'] || '').toLowerCase();
    const title = (item['Title'] || item['title'] || '').toLowerCase();
    const price = parseFloat(item['Variant Price'] || item['price'] || 0);
    const status = (item.status || '').toLowerCase();
    const img = item['Image Src'] || item['image_src'] || '';
    const hasLocation = LOC_RE.test(tags);

    // Must have an active location tag (in-stock)
    if (!hasLocation) return false;

    // Skip drafts
    if (status === 'draft') return false;

    // Must have a price
    if (price < 10) return false;

    // Must have at least one photo
    if (!img && !(item._images && item._images.length)) return false;

    // Must be published/active
    const published = item['Published'] || item['published'] || '';
    if (published && published.toLowerCase() === 'false') return false;

    return true;
  });
}

// ── SCHEDULE BUILDER v2 ────────────────────────────────────────
// Smarter choosing module: scores on readiness, brand, category,
// seasonality, price diversity, and balances categories per day.
const ITEMS_PER_DAY = 15;

// Brand tiers — Cassini rewards recognised brand searches
const BRAND_TIERS = {
  iconic: { score: 50, names: ['chanel','hermes','hermès','dior','louis vuitton','gucci','prada','ysl','saint laurent','vivienne westwood','westwood'] },
  hot: { score: 40, names: ['versace','mugler','galliano','alexander mcqueen','mcqueen','jean paul gaultier','gaultier','thierry mugler','issey miyake','comme des garçons','comme des garcons','valentino','givenchy','fendi','celine','céline','balenciaga','dolce','moschino'] },
  premium: { score: 28, names: ['armani','max mara','burberry','jil sander','kenzo','missoni','etro','ralph lauren','boss','ted baker','reiss','hobbs','jaeger','aquascutum','austin reed','daks'] },
  heritage: { score: 18, names: ['laura ashley','liberty','mulberry','barbour','belstaff','paul smith','margaret howell','toast','cos','arket','sandro','maje','claudie pierlot','whistles','jigsaw'] }
};

// Seasonal month weights — what sells when (month 0=Jan, 11=Dec)
function getSeasonalWeights() {
  const month = new Date().getMonth();
  // Spring/summer push: Mar-Jun. Autumn/winter push: Sep-Nov
  if (month >= 2 && month <= 5) return { // Mar-Jun
    boost: ['dress','skirt','blouse','top','jumpsuit','playsuit','sandal','hat','scarf','suit'],
    hold: ['coat','parka','puffer','heavy','wool coat','fur'],
    events: month === 2 ? ['race','cheltenham','occasion','formal'] :
            month === 3 ? ['easter','spring','wedding','occasion'] :
            month === 4 ? ['wedding','summer','garden','party','graduation'] :
            ['summer','festival','holiday','beach','linen']
  };
  if (month >= 8 && month <= 10) return { // Sep-Nov
    boost: ['coat','jacket','blazer','knitwear','jumper','boots','wool','cashmere','tweed','corduroy'],
    hold: ['sandal','swimwear','linen dress'],
    events: month === 8 ? ['back to work','autumn','layering'] :
            month === 9 ? ['halloween','party','velvet'] :
            ['christmas','party','sequin','velvet','gift','evening']
  };
  if (month >= 6 && month <= 7) return { // Jul-Aug
    boost: ['dress','summer','linen','cotton','sandal','hat','light'],
    hold: ['heavy coat','parka','puffer','wool'],
    events: ['holiday','festival','summer','vacation']
  };
  return { // Dec-Feb
    boost: ['coat','jacket','knitwear','jumper','boots','wool','cashmere','scarf','velvet'],
    hold: ['sandal','swimwear'],
    events: month === 11 ? ['christmas','party','gift','new year','sequin','velvet'] :
            month === 0 ? ['new year','sale','winter','layering'] :
            ['valentine','occasion','date night','spring preview']
  };
}

function scoreItem(item) {
  let score = 0;
  const breakdown = {}; // for debug tooltip
  const title = (item['Title'] || item['title'] || '').toLowerCase();
  const type = (item['Type'] || item['type'] || item.garment_type || '').toLowerCase();
  const tags = (item['Tags'] || item['tags'] || '').toLowerCase();
  const price = parseFloat(item['Variant Price'] || item['price'] || 0);
  const vendor = (item['Vendor'] || item['vendor'] || item.brand || '').toLowerCase();
  const desc = (item['Body (HTML)'] || '').toLowerCase();
  const hasAI = (item.ai_rewritten === 'true') || desc.includes('font-family:georgia');
  const imgCount = item._images ? item._images.length : (item['Image Src'] || item['image_src'] ? 1 : 0);
  const hasMeasurements = desc.includes('cm') || desc.includes('inch') || desc.includes('measurement');
  const hasSpecifics = !!(item.ebay_specifics && item.ebay_specifics !== '{}' && item.ebay_specifics !== '');
  const material = (item['Material'] || item.material || '').toLowerCase();
  const era = (item.era || '').toLowerCase();
  const season = getSeasonalWeights();

  // ─── 1. LISTING READINESS (max ~45) ───
  // Cassini rewards complete listings. Incomplete ones waste listing fees.
  if (hasAI) { score += 20; breakdown.ai = 20; }
  if (hasSpecifics) { score += 10; breakdown.specifics = 10; }
  if (hasMeasurements) { score += 8; breakdown.measurements = 8; }
  if (imgCount >= 4) { score += 7; breakdown.photos = 7; }
  else if (imgCount >= 2) { score += 4; breakdown.photos = 4; }
  else { breakdown.photos = 0; }

  // ─── 2. BRAND RECOGNITION (max ~50) ───
  // Buyers search by brand name — Cassini matches title keywords to searches
  let brandMatched = false;
  for (const [tier, data] of Object.entries(BRAND_TIERS)) {
    if (data.names.some(b => vendor.includes(b) || title.includes(b))) {
      score += data.score;
      breakdown.brand = `${tier} +${data.score}`;
      brandMatched = true;
      break;
    }
  }
  if (!brandMatched) { score += 5; breakdown.brand = 'unknown +5'; }

  // ─── 3. PRICE BAND (max ~25) ───
  // Mix price bands daily. Sweet spot for vintage: £35-£200
  if (price >= 200) { score += 20; breakdown.price = `£${price} premium +20`; }
  else if (price >= 80) { score += 25; breakdown.price = `£${price} sweet spot +25`; }
  else if (price >= 35) { score += 18; breakdown.price = `£${price} accessible +18`; }
  else if (price >= 15) { score += 10; breakdown.price = `£${price} impulse +10`; }
  else { score += 3; breakdown.price = `£${price} low +3`; }

  // ─── 4. SEASONAL RELEVANCE (max ~30) ───
  if (season.boost.some(s => type.includes(s) || title.includes(s) || material.includes(s))) {
    score += 20; breakdown.seasonal = 'in-season +20';
  }
  if (season.events.some(e => title.includes(e) || tags.includes(e))) {
    score += 10; breakdown.event = 'event match +10';
  }
  if (season.hold.some(h => type.includes(h) || title.includes(h))) {
    score -= 25; breakdown.holdBack = 'off-season -25';
  }

  // ─── 5. TRENDING STYLES (max ~15) ───
  const trendingNow = ['y2k','90s','1990','minimalist','tailored','power shoulder',
    'oversized blazer','slip dress','maxi','midi','leather','silk',
    'linen','cashmere','tweed','cord','velvet'];
  const trendMatch = trendingNow.filter(t => title.includes(t) || tags.includes(t) || material.includes(t));
  if (trendMatch.length) {
    const pts = Math.min(trendMatch.length * 8, 15);
    score += pts;
    breakdown.trending = `${trendMatch.join(', ')} +${pts}`;
  }

  // ─── 6. ERA APPEAL (max ~12) ───
  // Certain decades are hot right now
  const hotEras = {'1990':12, '1980':10, '2000':8, '1970':8, '1960':6, '1950':6};
  for (const [decade, pts] of Object.entries(hotEras)) {
    if (era.includes(decade) || title.includes(decade) || tags.includes(decade.slice(2) + 's')) {
      score += pts; breakdown.era = `${decade}s +${pts}`; break;
    }
  }

  // ─── 7. FABRIC PREMIUM (max ~10) ───
  const luxFabrics = ['silk','cashmere','wool','leather','linen','velvet','tweed'];
  const fabricMatch = luxFabrics.filter(f => material.includes(f) || title.includes(f));
  if (fabricMatch.length) {
    const pts = Math.min(fabricMatch.length * 5, 10);
    score += pts; breakdown.fabric = `${fabricMatch.join(', ')} +${pts}`;
  }

  // ─── 8. CATEGORY SELL-THROUGH (max ~12) ───
  // Based on typical vintage sell-through rates
  const catScores = {
    'handbag':12, 'bag':12, 'shoes':10, 'boots':10,
    'dress':9, 'jacket':8, 'blazer':8, 'coat':8, 'suit':8,
    'knitwear':7, 'jumper':7, 'top':6, 'blouse':6,
    'skirt':6, 'scarf':5, 'hat':5, 'jewellery':5,
    'trousers':3, 'jeans':3
  };
  for (const [cat, pts] of Object.entries(catScores)) {
    if (type.includes(cat)) { score += pts; breakdown.category = `${cat} +${pts}`; break; }
  }

  return { total: score, breakdown };
}

function buildSchedule(items) {
  // Score every eligible item
  const scored = items.map(item => ({
    ...item,
    _id: item['Handle'] || item['handle'] || Math.random().toString(36).slice(2),
    _scoreData: scoreItem(item),
    _score: 0,
    _approved: false
  }));
  scored.forEach(s => { s._score = s._scoreData.total; });

  // ── BUCKET ITEMS BY PRICE BAND ──
  // Each day gets a MIX of price bands, not just expensive-first
  const buckets = { premium: [], mid: [], accessible: [], impulse: [] };
  scored.forEach(item => {
    const price = parseFloat(item['Variant Price'] || item['price'] || 0);
    if (price >= 100) buckets.premium.push(item);
    else if (price >= 45) buckets.mid.push(item);
    else if (price >= 20) buckets.accessible.push(item);
    else buckets.impulse.push(item);
  });

  // Sort each bucket by score descending
  Object.values(buckets).forEach(b => b.sort((a, c) => c._score - a._score));

  // ── DAILY QUOTAS ──
  // 15 items per day: 3 premium, 5 mid-range, 4 accessible, 3 impulse
  // Adjusts if a bucket runs low — redistributes to others
  const QUOTAS = { premium: 3, mid: 5, accessible: 4, impulse: 3 };
  const bucketIdx = { premium: 0, mid: 0, accessible: 0, impulse: 0 };
  const MAX_SAME_TYPE = 2; // strict: max 2 of same garment type per day

  const result = {};
  const startDate = new Date();
  startDate.setDate(startDate.getDate() + 1);

  for (let day = 0; day < 14; day++) {
    const d = new Date(startDate);
    d.setDate(d.getDate() + day);
    const label = formatDate(d);
    const dayItems = [];
    const typeCounts = {};

    // Helper: pick next item from a bucket respecting type caps
    function pickFrom(bucket) {
      const arr = buckets[bucket];
      let idx = bucketIdx[bucket];
      while (idx < arr.length) {
        const item = arr[idx];
        idx++;
        const type = (item['Type'] || item['type'] || item.garment_type || 'other').toLowerCase().split('/')[0].trim();
        if ((typeCounts[type] || 0) >= MAX_SAME_TYPE) continue;
        bucketIdx[bucket] = idx;
        typeCounts[type] = (typeCounts[type] || 0) + 1;
        return item;
      }
      bucketIdx[bucket] = idx;
      return null;
    }

    // Fill from each quota
    const quotaOrder = ['premium', 'mid', 'accessible', 'impulse'];
    const remaining = { ...QUOTAS };

    for (const band of quotaOrder) {
      for (let i = 0; i < remaining[band] && dayItems.length < ITEMS_PER_DAY; i++) {
        const item = pickFrom(band);
        if (item) {
          item._priceBand = band;
          dayItems.push(item);
        } else {
          // Bucket exhausted — redistribute quota to other bands
          const others = quotaOrder.filter(b => b !== band && bucketIdx[b] < buckets[b].length);
          if (others.length) remaining[others[0]] = (remaining[others[0]] || 0) + 1;
        }
      }
    }

    // Backfill if day underfilled (type caps too strict)
    if (dayItems.length < ITEMS_PER_DAY) {
      for (const band of quotaOrder) {
        const arr = buckets[band];
        while (bucketIdx[band] < arr.length && dayItems.length < ITEMS_PER_DAY) {
          const item = arr[bucketIdx[band]++];
          item._priceBand = band;
          dayItems.push(item);
        }
      }
    }

    // Shuffle within day so premium aren't always at top of the grid
    for (let i = dayItems.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [dayItems[i], dayItems[j]] = [dayItems[j], dayItems[i]];
    }

    if (dayItems.length > 0) result[label] = dayItems;
  }

  return result;
}

// ── RENDER SCHEDULE ────────────────────────────────────────────
function renderSchedule() {
  const container = document.getElementById('scheduleContent');
  const keys = Object.keys(schedule);
  if (!keys.length) return;

  // Show legend and reprice alerts
  const legend = document.getElementById('optimiserLegend');
  if (legend) legend.style.display = 'block';
  const alertsBar = document.getElementById('alertsBar');
  alertsBar.style.display = 'flex';

  const totalItems = keys.reduce((sum, k) => sum + schedule[k].length, 0);
  const avgScore = totalItems ? Math.round(keys.reduce((sum, k) => sum + schedule[k].reduce((s, i) => s + (i._score || 0), 0), 0) / totalItems) : 0;
  const aiCount = keys.reduce((sum, k) => sum + schedule[k].filter(i => (i.ai_rewritten === 'true') || (i['Body (HTML)'] || '').includes('font-family:Georgia')).length, 0);
  document.getElementById('schedMeta').textContent =
    keys.length + ' days · ' + totalItems + ' listings · avg score ' + avgScore + ' · ' + aiCount + ' AI-ready';
  document.getElementById('schedCount').textContent = totalItems;

  container.innerHTML = keys.map(dateKey => {
    const dayItems = schedule[dateKey];
    const bands = { premium: 0, mid: 0, accessible: 0, impulse: 0 };
    dayItems.forEach(i => { if (i._priceBand) bands[i._priceBand]++; });
    const bandSummary = `£100+ × ${bands.premium} · £45-99 × ${bands.mid} · £20-44 × ${bands.accessible} · <£20 × ${bands.impulse}`;
    const types = {};
    dayItems.forEach(i => { const t = (i['Type']||i['type']||i.garment_type||'other').toLowerCase().split('/')[0].trim(); types[t] = (types[t]||0)+1; });
    const typeSummary = Object.entries(types).sort((a,b) => b[1]-a[1]).map(([t,c]) => `${t} ×${c}`).join(', ');
    return `
    <div class="date-group">
      <div class="date-group-header">
        <div class="date-label">${dateKey} <span>${dayItems.length} listings</span></div>
        <div style="font-size:10px;color:var(--slate-mid);margin:2px 0 0 0">${bandSummary}</div>
        <div style="font-size:10px;color:var(--slate-mid)">${typeSummary}</div>
        <div class="date-line"></div>
        <div class="date-actions">
          <button class="btn-approve-all" onclick="approveDay('${dateKey}')">Approve All</button>
          <button class="btn-generate-csv" id="csv-btn-${cssId(dateKey)}" onclick="generateDayCSV('${dateKey}')" disabled>
            Generate CSV
          </button>
        </div>
      </div>
      <div class="listing-grid" id="grid-${cssId(dateKey)}">
        ${dayItems.map(item => renderCard(item, dateKey)).join('')}
      </div>
    </div>`;
  }).join('');
}

function cssId(str) { return str.replace(/[^a-zA-Z0-9]/g, '_'); }

function renderCard(item, dateKey) {
  const id = item._id;
  const edited = editedItems[id] || {};
  const approved = approvedItems[id] || false;
  // Always prefer D1 price — schedule item objects may have stale CSV price
  const handle = item['Handle'] || item['handle'] || '';
  const d1CardItem = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle);
  const d1CardPrice = d1CardItem ? (d1CardItem['Variant Price'] || d1CardItem['price'] || d1CardItem.ebay_price) : null;
  const price = parseFloat(edited.price || d1CardPrice || item['Variant Price'] || item['price'] || 0);
  const title = edited.title || item['Title'] || item['title'] || '';
  const brand = extractBrand(item);
  const type = item['Type'] || item['type'] || 'Item';
  const origForCard = originalItemsMap[item['Handle'] || item['handle'] || ''] || {};
  const rawTagsCard = item['Tags'] || item['tags'] || origForCard['Tags'] || origForCard['tags'] || '';
  const location = rawTagsCard ? extractLocation(rawTagsCard) : '—';
  const imgUrl = item['Image Src'] || item['image_src'] || '';
  const hasReprice = isReprice(title);
  const isSeasonal = isSeason(title, type);
  const isTrending = isTrend(title, type);
  const isRewritten = (item['ai_rewritten'] === 'true') || ('Body (HTML)' in item && item['Body (HTML)'].includes('font-family:Georgia'));

  const scoreData = item._scoreData || { total: item._score || 0, breakdown: {} };
  const bd = scoreData.breakdown || {};
  const scoreTooltip = Object.entries(bd).map(([k,v]) => `${k}: ${v}`).join('&#10;');
  const scoreColor = scoreData.total >= 100 ? '#2d6a4f' : scoreData.total >= 60 ? '#b8924a' : '#c53030';

  return `
    <div class="listing-card ${approved ? 'approved' : ''}" id="card-${id}" data-id="${id}" data-datekey="${dateKey}">
      <div class="card-image-area">
        ${imgUrl ? `<img src="${imgUrl}" alt="${title}" loading="lazy" onerror="this.style.display='none'">` : `<div class="card-no-image">${brand[0] || '?'}</div>`}
        <div class="card-badges">
          ${bd.brand && !bd.brand.startsWith('unknown') ? '<span class="badge badge-designer">' + (bd.brand.startsWith('iconic') ? '★ ' : bd.brand.startsWith('hot') ? '🔥 ' : '') + brand + '</span>' : ''}
          ${bd.seasonal === 'in-season +20' ? '<span class="badge badge-season">📅 In Season</span>' : ''}
          ${bd.holdBack ? '<span class="badge badge-reprice">❄ Hold</span>' : ''}
          ${bd.trending ? '<span class="badge badge-priority">🔥 Trending</span>' : ''}
          ${bd.event ? '<span class="badge badge-season">🎯 Event</span>' : ''}
          ${isRewritten ? '<span class="badge badge-ai">✦ AI</span>' : '<span class="badge badge-noai">⚠ No AI</span>'}
        </div>
        <div class="card-score" title="${scoreTooltip}" style="position:absolute;top:6px;right:6px;background:${scoreColor};color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;z-index:2;cursor:help">${scoreData.total}</div>
        <div class="approve-checkbox ${approved ? 'checked' : ''}" onclick="toggleApprove('${id}', '${dateKey}')">${approved ? '✓' : ''}</div>
      </div>
      <div class="card-body" style="cursor:pointer" onclick="openDetail(this.closest('[data-id]').dataset.id, this.closest('[data-id]').dataset.datekey)">
        <div class="card-location">${location}</div>
        <div class="card-brand">${brand}</div>
        <div class="card-title">${title}</div>
        <div class="card-meta-row">
          <div class="card-price">£${price.toFixed(0)}</div>
          <div class="card-type-badges">
            <span class="type-badge ${typeClass(type)}">${type}</span>
          </div>
        </div>
      </div>
      <button class="edit-toggle" onclick="toggleEdit('${id}')">
        <span>✏ Edit listing</span>
        <span>›</span>
      </button>
      <div class="edit-panel" id="edit-${id}">
        <div class="edit-field">
          <div class="edit-label">Title (max 80 chars)</div>
          <input class="edit-input" type="text" id="title-${id}" value="${escHtml(title)}" maxlength="80"
            onchange="saveEdit('${id}', 'title', this.value)">
          ${item._ai_title && item._ai_title !== title ? `<div class="ai-changed">✦ AI suggested</div><div class="ai-original">${escHtml(item._ai_title)}</div>` : ''}
        </div>
        <div class="edit-price-row">
          <div class="edit-field" style="flex:1">
            <div class="edit-label">Price £</div>
            <input class="edit-input" type="number" id="price-${id}" value="${price}"
              onchange="saveEdit('${id}', 'price', this.value)">
          </div>
        </div>
        <div class="edit-field">
          <div class="edit-label">Description notes (added to AI description)</div>
          <textarea class="edit-input" id="desc-${id}" rows="3"
            onchange="saveEdit('${id}', 'notes', this.value)">${escHtml(edited.notes || '')}</textarea>
        </div>
      </div>
    </div>`;
}

// ── APPROVE / EDIT ─────────────────────────────────────────────
function toggleApprove(id, dateKey) {
  approvedItems[id] = !approvedItems[id];
  const card = document.getElementById('card-' + id);
  const checkbox = card.querySelector('.approve-checkbox');
  if (approvedItems[id]) {
    card.classList.add('approved');
    checkbox.classList.add('checked');
    checkbox.textContent = '✓';
  } else {
    card.classList.remove('approved');
    checkbox.classList.remove('checked');
    checkbox.textContent = '';
  }
  updateCSVButton(dateKey);
}

function approveDay(dateKey) {
  schedule[dateKey].forEach(item => { approvedItems[item._id] = true; });
  document.querySelectorAll(`#grid-${cssId(dateKey)} .listing-card`).forEach(c => {
    c.classList.add('approved');
    const cb = c.querySelector('.approve-checkbox');
    cb.classList.add('checked');
    cb.textContent = '✓';
  });
  updateCSVButton(dateKey);
  showToast('✓ All ' + dateKey + ' listings approved');
}

function updateCSVButton(dateKey) {
  const dayItems = schedule[dateKey] || [];
  const anyApproved = dayItems.some(i => approvedItems[i._id]);
  const btn = document.getElementById('csv-btn-' + cssId(dateKey));
  if (btn) btn.disabled = !anyApproved;
}

function toggleEdit(id) {
  const panel = document.getElementById('edit-' + id);
  panel.classList.toggle('open');
}

function saveEdit(id, field, value) {
  if (!editedItems[id]) editedItems[id] = {};
  editedItems[id][field] = value;
}

// ── GENERATE CSV ───────────────────────────────────────────────
function generateDayCSV(dateKey) {
  const dayItems = (schedule[dateKey] || []).filter(i => approvedItems[i._id]);
  if (!dayItems.length) { showToast('No approved items for ' + dateKey, true); return; }

  const infoRow = 'Info,Version=1.0.0,Template=fx_category_template_EBAY_GB';

  // Full eBay File Exchange headers — matching real format from laura_ashley_ebay_v4_revise.csv
  const headers = [
    '*Action(SiteID=UK|Country=GB|Currency=GBP|Version=1193|CC=UTF-8)',
    'ItemID', 'CustomLabel', '*Category', 'StoreCategory',
    '*Title', 'Subtitle', 'Relationship', 'RelationshipDetails', 'ScheduleTime',
    '*ConditionID', 'VAT%',
    '*C:Brand', '*C:Size', '*C:Dress Length', '*C:Colour', '*C:Style',
    '*C:Department', 'C:Sleeve Length', 'C:Occasion', 'C:Fabric Type',
    'C:Material', 'C:Season', 'C:Pattern', 'C:Neckline', 'C:Closure',
    'C:Sleeve Type', 'C:Vintage', 'C:Decade',
    'PicURL', 'GalleryType', 'VideoID',
    '*Description', '*Format', '*Duration', '*StartPrice',
    'BuyItNowPrice', 'BestOfferEnabled', 'BestOfferAutoAcceptPrice',
    'MinimumBestOfferPrice', '*Quantity', 'ImmediatePayRequired',
    '*Location', 'ShippingType',
    'ShippingService-1:Option', 'ShippingService-1:Cost',
    'ShippingService-2:Option', 'ShippingService-2:Cost',
    '*DispatchTimeMax', '*ReturnsAcceptedOption', 'ReturnsWithinOption',
    'RefundOption', 'ShippingCostPaidByOption'
  ];

  const rows = dayItems.map(item => {
    const ed = editedItems[item._id] || {};
    const title = (ed.title || item['Title'] || item['title'] || '').substring(0, 80);
    const price = parseFloat(ed.price || item['Variant Price'] || item['price'] || 0);
    const brand = extractBrand(item);
    const type = (item['Type'] || item['type'] || '').toLowerCase();
    const size = item['Option1 Value'] || item['Variant Option1 Value'] || '';
    const colour = item['Option2 Value'] || item['Variant Option2 Value'] || '';
    const material = item['Material'] || '';
    const handle = item['Handle'] || item['handle'] || '';
    const decade = item['decade'] || '';
    const cat = getCategory(type);

    // Collect all image URLs for this handle
    const allImgs = allItems.filter(r => (r['Handle']||r['handle']) === handle && (r['Image Src']||r['image_src']));
    const imgUrls = allImgs.map(r => r['Image Src']||r['image_src']).filter(Boolean).slice(0, 12);
    const picUrl = imgUrls.join('|');

    const desc = buildDescription(item, ed);

    // Use vision-extracted fields if present, otherwise derive from title
    const titleLower = title.toLowerCase();
    const dressLength = item['dress_length'] ||
                        (titleLower.includes('midi') ? 'Midi' :
                         titleLower.includes('maxi') ? 'Maxi' :
                         titleLower.includes('mini') ? 'Mini' :
                         titleLower.includes('knee') ? 'Knee Length' : '');
    const style = item['style'] ||
                  (titleLower.includes('prairie') ? 'Prairie' :
                   titleLower.includes('wrap') ? 'Wrap' :
                   titleLower.includes('shirt dress') ? 'Shirt Dress' :
                   titleLower.includes('shift') ? 'Shift' :
                   titleLower.includes('blazer') ? 'Blazer' :
                   titleLower.includes('trench') ? 'Trench' : '');
    const occasionVal = item['occasion'] ||
                     (titleLower.includes('evening') || titleLower.includes('gala') || titleLower.includes('cocktail') ? 'Evening & Formal' :
                      titleLower.includes('race') || titleLower.includes('occasion') ? 'Occasion' :
                      titleLower.includes('work') || titleLower.includes('office') ? 'Work' : 'Casual');
    const sleeve = item['sleeve_type'] ||
                   (titleLower.includes('sleeveless') ? 'Sleeveless' :
                    titleLower.includes('long sleeve') ? 'Long Sleeve' :
                    titleLower.includes('short sleeve') || titleLower.includes('puff') ? 'Short Sleeve' : '');
    const pattern = item['pattern_type'] ||
                    (titleLower.includes('print') ? 'Printed' :
                     titleLower.includes('floral') ? 'Floral' :
                     titleLower.includes('check') ? 'Checked' :
                     titleLower.includes('stripe') ? 'Striped' : '');
    const neckline = item['neckline'] || '';
    const closure = item['closure_type'] || '';

    // Best offer pricing
    const buyNow = price >= 50 ? price.toFixed(2) : '';
    const bestOfferAuto = price >= 100 ? (price * 0.9).toFixed(2) : '';
    const bestOfferMin  = price >= 100 ? (price * 0.7).toFixed(2) : '';

    return [
      'Add', '', handle, cat, '',
      title, '', '', '', '',
      '3000', '',
      brand, size, dressLength, colour, style,
      'Women', sleeve, occasionVal, material,
      material, '', pattern, '', '',
      '', 'Yes', decade,
      picUrl, 'Gallery', '',
      desc, 'FixedPrice', 'GTC',
      price.toFixed(2), buyNow, price >= 50 ? '1' : '0',
      bestOfferAuto, bestOfferMin,
      '1', '1', 'Cirencester, England',
      'Flat', 'UK_RoyalMailSecondClassLarge', '4.50',
      'UK_RoyalMailSecondClassLarge', '2.00', '3',
      'ReturnsAccepted', 'Days_30', 'MoneyBack', 'Buyer'
    ];
  });

  const csv = [infoRow, csvRow(headers), ...rows.map(csvRow)].join('\n');
  downloadFile(csv, `ava-iva-ebay-${dateKey.replace(/\s/g,'-')}.csv`, 'text/csv');
  showToast(`✓ CSV for ${dateKey} — ${dayItems.length} listings`);
}


function buildDescription(item, ed) {
  const title = item['Title'] || item['title'] || '';
  const brand = extractBrand(item);
  const size = item['Option1 Value'] || item['Variant Option1 Value'] || '';
  const colour = item['Option2 Value'] || item['Variant Option2 Value'] || '';
  const material = item['Material'] || '';
  const price = parseFloat(item['Variant Price'] || 0);
  const extra = ed.notes || '';
  const itemDecade = item['decade'] || '';
  const condition = item['condition_notes'] || '';

  // Use the full AI-written Body (HTML) if it exists — that's what the vision script produced
  const aiBody = item['Body (HTML)'] || item['Body'] || item['body_html'] || item['description'] || '';

  // If it's already a full styled description (contains our table), use it directly
  if (aiBody && aiBody.includes('About Ava')) {
    const extras = extra ? `<p style="font-style:italic;color:#555;margin:12px 0">${escHtml(extra)}</p>` : '';
    return aiBody.replace('</div>', extras + '</div>');
  }

  // Otherwise build the full template around whatever description exists
  const bodyContent = aiBody
    ? (aiBody.includes('<p') ? aiBody.replace(/<p>/g, '<p style="margin:0 0 12px 0;line-height:1.8">') : '<p style="margin:0 0 12px 0;line-height:1.8">' + escHtml(aiBody) + '</p>')
    : '<p style="margin:0 0 12px 0">Please see photos for full details.</p>';

  const priceNote = price >= 200
    ? `<p><em>Original ${escHtml(brand)} pieces of this quality are increasingly rare and represent strong collector value.</em></p>`
    : '';

  const extraNote = extra
    ? `<p style="font-style:italic;color:#555">${escHtml(extra)}</p>`
    : '';

  return `<div style="font-family:Georgia,serif;max-width:680px;margin:0 auto;color:#2a2a2a;line-height:1.8">

<h2 style="font-size:22px;font-weight:400;border-bottom:1px solid #d4b896;padding-bottom:10px;margin-bottom:16px">${escHtml(title)}</h2>

${bodyContent}

${priceNote}${extraNote}

<table style="width:100%;border-collapse:collapse;margin:20px 0;font-size:13px">
  <tr style="background:#f9f3ec">
    <td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600;width:30%">Brand</td>
    <td style="padding:8px 12px;border:1px solid #e8ddd0">${escHtml(brand)}</td>
  </tr>
  <tr>
    <td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600">Size</td>
    <td style="padding:8px 12px;border:1px solid #e8ddd0">UK ${escHtml(size)} — vintage sizing, please compare measurements before purchasing</td>
  </tr>
  <tr style="background:#f9f3ec">
    <td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600">Colour</td>
    <td style="padding:8px 12px;border:1px solid #e8ddd0">${escHtml(colour)}</td>
  </tr>
  <tr>
    <td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600">Material</td>
    <td style="padding:8px 12px;border:1px solid #e8ddd0">${escHtml(material)}</td>
  </tr>
  ${itemDecade ? '<tr style="background:#f9f3ec"><td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600">Era</td><td style="padding:8px 12px;border:1px solid #e8ddd0">' + escHtml(itemDecade) + '</td></tr>' : ''}
  <tr style="background:#f9f3ec">
    <td style="padding:8px 12px;border:1px solid #e8ddd0;font-weight:600">Condition</td>
    <td style="padding:8px 12px;border:1px solid #e8ddd0">${escHtml(condition || 'Excellent vintage condition')}</td>
  </tr>
</table>

<div style="background:#f9f3ec;border-left:3px solid #b8924a;padding:14px 16px;margin:20px 0;font-size:13px">
  <strong>About Ava &amp; Iva</strong><br>
  Specialist vintage and designer clothing, Cirencester, Gloucestershire.<br>
  Carefully curated · Honestly described · 100% positive feedback · Questions always welcome.
</div>

<p style="font-size:12px;color:#666">
  <strong>Dispatch:</strong> Within 2 working days via Royal Mail tracked.
  <strong>Returns:</strong> 30 days, no quibble.
  <strong>Measurements:</strong> Available on request — please ask before purchasing if unsure of fit.
</p>

</div>`;
}


// ── CATALOGUE ──────────────────────────────────────────────────
function renderCatalogue(items) {
  const container = document.getElementById('catContent');
  document.getElementById('catCount').textContent = items.length;
  renderCatalogueItems(items.slice(0, 100));
  buildRailFilter(items);
  buildLocationTiles(items);
}

function getItemStatus(item) {
  const handle = item['Handle'] || item['handle'] || '';
  const liveHandles = liveListings ? new Set(liveListings.map(l => l['Handle']||l['handle']||'')) : new Set();
  if (liveHandles.has(handle)) return 'live';
  // Check if scheduled
  for (const dateKey of Object.keys(schedule || {})) {
    if ((schedule[dateKey] || []).some(s => (s['Handle']||s['handle']) === handle)) return 'scheduled';
  }
  return 'unscheduled';
}

function buildLocationTiles(items) {
  const seen = new Set();
  const unique = items.filter(item => {
    const h = item['Handle']||item['handle']||'';
    if (!h || seen.has(h) || !(item['Title']||item['title'])) return false;
    seen.add(h); return true;
  });
  const locMap = {};
  unique.forEach(item => {
    const tags = (item['Tags']||item['tags']||'').split(',');
    tags.forEach(tag => {
      const t = tag.trim().toUpperCase();
      if (t.match(/^(FCR|FB|SB|SR|R\d|ALICE|1EBAY)/i)) {
        if (!locMap[t]) locMap[t] = {count:0, value:0};
        locMap[t].count++;
        locMap[t].value += parseFloat(item['Variant Price']||item['price']||0);
      }
    });
  });
  const wrap = document.getElementById('catTilesWrap');
  const tilesDiv = document.getElementById('catLocationTiles');
  if (!Object.keys(locMap).length) { tilesDiv.style.display='none'; return; }
  tilesDiv.style.display = 'block';
  wrap.innerHTML = Object.keys(locMap).sort().map(loc => `
    <div onclick="selectLocation('${loc}')" style="cursor:pointer;background:white;border:1px solid var(--border);border-radius:8px;padding:10px 16px;min-width:90px;text-align:center;transition:all 0.15s" 
         onmouseover="this.style.borderColor='var(--gold)'" onmouseout="this.style.borderColor='var(--border)'">
      <div style="font-size:13px;font-weight:600;color:var(--ink);font-family:'DM Mono',monospace">${loc}</div>
      <div style="font-size:11px;color:var(--slate-mid)">${locMap[loc].count} items</div>
      <div style="font-size:11px;color:var(--gold)">£${locMap[loc].value.toFixed(0)}</div>
    </div>`).join('');
}

function selectLocation(loc) {
  document.getElementById('catRail').value = loc.toLowerCase();
  filterCatalogue();
}

function renderCatalogueItems(items) {
  window._catVisibleItems = items;
  const container = document.getElementById('catContent');
  if (!items.length) {
    container.innerHTML = '<div class="empty-state-large"><span class="icon">∅</span><h3>No items match</h3></div>';
    return;
  }
  // Build scheduled handle set
  const scheduledHandles = new Set();
  Object.values(schedule||{}).forEach(day => day.forEach(item => scheduledHandles.add(item['Handle']||item['handle']||'')));

  container.innerHTML = `
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
      <div style="font-size:11px;color:var(--slate-mid)">Showing ${items.length} items</div>
      <div style="display:flex;gap:8px;align-items:center">
        <button onclick="catSelectAllVisible()" style="font-size:10px;background:#e2e8f0;color:var(--ink);border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:'DM Mono',monospace">☐ Select All Visible</button>
        <button onclick="catClearSelection()" style="font-size:10px;background:#e2e8f0;color:var(--ink);border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:'DM Mono',monospace">Clear</button>
      </div>
    </div>
    <table class="live-table">
      <thead>
        <tr>
          <th style="width:30px">☐</th>
          <th>Location</th>
          <th>Brand / Title</th>
          <th>Type</th>
          <th>Size</th>
          <th>Price</th>
          <th>Status</th>
          <th>Rewrite</th>
          <th>Price</th>
          <th>Stock Check</th>
        </tr>
      </thead>
      <tbody>
        ${items.map(item => {
          const price = parseFloat(item.ebay_price || item['Variant Price'] || item['price'] || 0);
          const type = item['Type'] || item['type'] || '—';
          const tags = item['Tags']||item['tags']||'';
          const origForCat = originalItemsMap[item['Handle']||item['handle']||''] || {};
          const rawTags = tags || origForCat['Tags'] || origForCat['tags'] || '';
          const loc = extractLocation(rawTags);
          const id = item['Handle'] || item['handle'] || '';
          const imgUrl = item['Image Src'] || item['image_src'] || '';
          const isScheduled = scheduledHandles.has(id);
          const body = item['Body (HTML)'] || '';
          const isRewritten = item['ai_rewritten'] === 'true' || body.includes('font-family:Georgia');
          const rwStatus = item._rewrite_status || null;
          const d1Status = (item.status || '').toLowerCase();
          const statusBadge = d1Status === 'live'
            ? '<span style="background:#c6f6d5;color:#276749;font-size:9px;padding:2px 7px;border-radius:10px;font-family:DM Mono,monospace">🟢 LIVE</span>'
            : isScheduled
            ? '<span style="background:#c6f6d5;color:#276749;font-size:9px;padding:2px 7px;border-radius:10px;font-family:DM Mono,monospace">SCHEDULED</span>'
            : '<span style="background:#fed7d7;color:#9b2c2c;font-size:9px;padding:2px 7px;border-radius:10px;font-family:DM Mono,monospace">UNSCHEDULED</span>';
          const itemUuid = item.item_id || (d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === id)?.item_id) || null;
          const aiScan = formatDateShort(item.last_rewrite_scan_at);
          const priceScan = formatDateShort(item.last_price_scan_at);
          const rwCell = itemUuid
            ? (rwStatus === 'approved'
                ? '<span style="color:#4a7c6f;font-size:9px;font-family:DM Mono,monospace">✦ DONE</span>'
                : rwStatus === 'generated'
                ? '<span style="color:#b7791f;font-size:9px;font-family:DM Mono,monospace">⏳ QUEUE</span>'
                : rwStatus === 'needs_rescan'
                ? '<span style="color:#c53030;font-size:9px;font-family:DM Mono,monospace">⚑ RESCAN</span>'
                : `<button onclick="event.stopPropagation();generateRewriteFromCat('${itemUuid}','${id}',this)" style="font-size:9px;background:var(--ink);color:white;border:none;padding:2px 7px;border-radius:10px;cursor:pointer;font-family:'DM Mono',monospace;white-space:nowrap">✦ Rewrite</button>`)
            : (isRewritten ? '<span style="color:#4a7c6f">✦</span>' : '<span style="color:#ccc">—</span>');
          const priceCell = `<button onclick="event.stopPropagation();generatePricingFromCatByHandle('${id}',this)" style="font-size:9px;background:#744210;color:white;border:none;padding:2px 7px;border-radius:10px;cursor:pointer;font-family:'DM Mono',monospace;white-space:nowrap">£ Price</button>`;
          const isChecked = catExportSelected.has(id);
          return `<tr style="cursor:pointer" onclick="openDetail('${id}', null)">
            <td onclick="event.stopPropagation()" style="text-align:center">
              <input type="checkbox" ${isChecked ? 'checked' : ''} onchange="catToggleExportSelect('${id}', this.checked)"
                style="cursor:pointer;width:16px;height:16px;accent-color:var(--gold)">
            </td>
            <td style="font-size:10px;color:var(--slate-mid);letter-spacing:0.06em;font-weight:600">${loc}</td>
            <td>
              <div style="display:flex;align-items:center;gap:10px">
                ${imgUrl ? `<img src="${imgUrl}" style="width:40px;height:40px;object-fit:cover;border-radius:3px;flex-shrink:0" onerror="this.style.display='none'">` : ''}
                <div>
                  <div style="font-family:'Cormorant Garamond',serif;font-size:15px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${getCurrentDisplayTitle(item)}</div>
                  <div style="font-size:10px;color:var(--slate-mid);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${getCurrentDisplayBrand(item) || '&nbsp;'}</div>
                  <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;font-size:9px;color:#718096;font-family:'DM Mono',monospace">
                    <span>AI rescan: ${aiScan}</span>
                    <span>Price scan: ${priceScan}</span>
                    <button onclick="event.stopPropagation();printLabelForHandle('${id.replace(/'/g, "\\'")}')" style="font-size:9px;background:#edf2f7;color:var(--ink);border:none;padding:2px 8px;border-radius:10px;cursor:pointer;font-family:'DM Mono',monospace">🖨 Print Label</button>
                  </div>
                </div>
              </div>
            </td>
            <td><span class="type-badge ${typeClass(type)}">${type}</span></td>
            <td style="font-size:11px">${item['Option1 Value']||item['Variant Option1 Value']||'—'}</td>
            <td style="font-size:14px;font-weight:500">£${price > 0 ? price.toFixed(0) : '—'}</td>
            <td>${statusBadge}</td>
            <td onclick="event.stopPropagation()" style="font-size:11px">${rwCell}</td>
            <td onclick="event.stopPropagation()" style="font-size:11px">${priceCell}</td>
            <td onclick="event.stopPropagation()">
              ${stockConfirmed[id] 
                ? `<span style="font-size:9px;color:#276749;background:#c6f6d5;padding:3px 8px;border-radius:10px;font-family:'DM Mono',monospace;white-space:nowrap">✓ ${stockConfirmed[id]}</span>`
                : `<button id="stockbtn-${id.replace(/[^a-z0-9]/gi,'_')}" onclick="confirmStock('${id}',event)" style="font-size:9px;background:#2d3748;color:white;border:none;padding:3px 8px;border-radius:10px;cursor:pointer;font-family:'DM Mono',monospace;white-space:nowrap">Confirm Stock</button>`
              }
            </td>
          </tr>`;
        }).join('')}
      </tbody>
    </table>`;
}

function filterCatalogue() {
  const sourceItems = DATA_SOURCE.items_list === 'd1' ? d1CatalogueItems : allItems;
  if (!sourceItems.length) return;
  const search = document.getElementById('catSearch').value.toLowerCase();
  const type = document.getElementById('catType').value.toLowerCase();
  const rail = document.getElementById('catRail').value.toLowerCase();
  const aiFilter = document.getElementById('catAI').value;
  const statusFilter = document.getElementById('catStatus').value;
  const stockCheckFilter = document.getElementById('catStockCheck').value;
  const activeOnly = document.getElementById('catActiveOnly')?.checked ?? true;

  // Build scheduled set
  const scheduledHandles = new Set();
  Object.values(schedule||{}).forEach(day => day.forEach(item => scheduledHandles.add(item['Handle']||item['handle']||'')));

  // Deduplicate by handle first
  const seen = new Set();
  const unique = sourceItems.filter(item => {
    const h = item['Handle'] || item['handle'] || '';
    if (!h || seen.has(h)) return false;
    if (!(item['Title']||item['title']||'').trim()) return false;
    seen.add(h);
    return true;
  });

  const filtered = unique.filter(item => {
    const title = ((item['Title']||item['title']||'')+' '+(item['Vendor']||'')).toLowerCase();
    const t = (item['Type']||item['type']||'').toLowerCase();
    const origForFilter = originalItemsMap[item['Handle']||item['handle']||''] || {};
    const tags = ((item['Tags']||item['tags']||origForFilter['Tags']||'')).toLowerCase();
    const body = item['Body (HTML)'] || '';
    const isRewritten = item['ai_rewritten'] === 'true' || body.includes('font-family:Georgia');
    const handle = item['Handle']||item['handle']||'';
    const isScheduled = scheduledHandles.has(handle);

    if (search && !title.includes(search) && !tags.includes(search) && !(item['Handle']||item['handle']||'').toLowerCase().includes(search)) return false;
    if (type && !t.includes(type)) return false;
    if (rail && !tags.includes(rail)) return false;
    if (aiFilter === 'rewritten' && !isRewritten) return false;
    if (aiFilter === 'notrewritten' && isRewritten) return false;
    if (statusFilter === 'scheduled' && !isScheduled) return false;
    if (statusFilter === 'unscheduled' && isScheduled) return false;
    if (stockCheckFilter === 'confirmed' && !stockConfirmed[handle]) return false;
    if (stockCheckFilter === 'unconfirmed' && stockConfirmed[handle]) return false;

    // Active only filter — mirrors schedule builder logic + stock check
    if (activeOnly) {
      const status = (item.status || '').toLowerCase();
      if (status === 'draft' || status === 'archived' || status === 'sold') return false;
      const published = (item['Published'] || item['published'] || '').toLowerCase();
      if (published === 'false') return false;
      const price = parseFloat(item.ebay_price || item['Variant Price'] || item['price'] || 0);
      if (price < 1) return false;
      const img = item['Image Src'] || item['image_src'] || '';
      if (!img && !(item._images && item._images.length) && !item.content_description) return false;
      // Stock check: filter out 0-inventory items — use ?? not || (0 is falsy)
      const rawInv = item['inventory_qty'] ?? item['Variant Inventory Qty'] ?? '';
      const invQty = parseInt(rawInv);
      if (!isNaN(invQty) && invQty <= 0) return false;
    }

    return true;
  });

  // Show summary bar if location selected
  const summaryEl = document.getElementById('catStockSummary');
  if (rail) {
    summaryEl.style.display = 'block';
    const totalVal = filtered.reduce((sum, item) => sum + parseFloat(item['Variant Price']||item['price']||0), 0);
    const scheduledCount = filtered.filter(item => scheduledHandles.has(item['Handle']||item['handle']||'')).length;
    document.getElementById('summCount').textContent = filtered.length;
    document.getElementById('summValue').textContent = '£' + totalVal.toFixed(0);
    document.getElementById('summScheduled').textContent = scheduledCount;
    document.getElementById('summUnscheduled').textContent = filtered.length - scheduledCount;
    document.getElementById('summLive').textContent = '—';
  } else {
    summaryEl.style.display = 'none';
  }

  // Sort
  const sortVal = document.getElementById('catSort').value;
  filtered.sort((a, b) => {
    const ta = (a['Title']||a['title']||'').toLowerCase();
    const tb = (b['Title']||b['title']||'').toLowerCase();
    const pa = parseFloat(a['Variant Price']||a['price']||0);
    const pb = parseFloat(b['Variant Price']||b['price']||0);
    const ba = extractBrand(a).toLowerCase();
    const bb = extractBrand(b).toLowerCase();
    if (sortVal === 'title-asc') return ta.localeCompare(tb);
    if (sortVal === 'title-desc') return tb.localeCompare(ta);
    if (sortVal === 'price-asc') return pa - pb;
    if (sortVal === 'price-desc') return pb - pa;
    if (sortVal === 'brand-asc') return ba.localeCompare(bb);
    return ta.localeCompare(tb); // default A→Z
  });

  // Rebuild location tiles from current data source (fixes tiles disappearing when D1 loads before CSV)
  buildLocationTiles(unique);

  window._catFilteredItems = filtered;
  window._catPage = 1;
  window._catPageSize = 200;
  renderCataloguePage();
}

function renderCataloguePage() {
  const filtered = window._catFilteredItems || [];
  const page = window._catPage || 1;
  const ps = window._catPageSize || 200;
  const totalPages = Math.ceil(filtered.length / ps);
  const start = (page - 1) * ps;
  const pageItems = filtered.slice(start, start + ps);
  renderCatalogueItems(pageItems);
  // Add pagination controls after the table if more than 1 page
  if (totalPages > 1) {
    const container = document.getElementById('catContent');
    const pagDiv = document.createElement('div');
    pagDiv.style.cssText = 'display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 0;font-family:"DM Mono",monospace;font-size:12px';
    pagDiv.innerHTML = `
      <button onclick="catPrevPage()" style="padding:8px 16px;border:1px solid var(--border-strong);border-radius:6px;background:white;cursor:pointer;font-family:'DM Mono',monospace;font-size:11px" ${page <= 1 ? 'disabled' : ''}>← Prev</button>
      <span>Page ${page} of ${totalPages} (${filtered.length} items)</span>
      <button onclick="catNextPage()" style="padding:8px 16px;border:1px solid var(--border-strong);border-radius:6px;background:white;cursor:pointer;font-family:'DM Mono',monospace;font-size:11px" ${page >= totalPages ? 'disabled' : ''}>Next →</button>
    `;
    container.appendChild(pagDiv);
  }
}

function catPrevPage() {
  if (window._catPage > 1) { window._catPage--; renderCataloguePage(); window.scrollTo(0, document.getElementById('catContent').offsetTop - 100); }
}
function catNextPage() {
  const totalPages = Math.ceil((window._catFilteredItems||[]).length / (window._catPageSize||200));
  if (window._catPage < totalPages) { window._catPage++; renderCataloguePage(); window.scrollTo(0, document.getElementById('catContent').offsetTop - 100); }
}

function buildRailFilter(items) {
  const rails = new Set();
  items.forEach(item => {
    // Support both CSV 'Tags' (uppercase key) and D1 'tags' (lowercase key)
    const tagStr = item['Tags'] || item['tags'] || '';
    tagStr.split(',').forEach(tag => {
      const t = tag.trim().toUpperCase();
      if (t.match(/^(FCR\d+|R\d+|FB\d+|SB\d+|SR\d+)/)) rails.add(t);
    });
  });
  const sel = document.getElementById('catRail');
  // Remember current selection, clear all but the "All locations" option, then rebuild
  const current = sel.value;
  while (sel.options.length > 1) sel.remove(1);
  Array.from(rails).sort().forEach(r => {
    const opt = document.createElement('option');
    opt.value = r.toLowerCase(); opt.textContent = r;
    sel.appendChild(opt);
  });
  // Restore selection if the option still exists
  if (current && Array.from(sel.options).some(o => o.value === current)) sel.value = current;
}

// ── STOCK CONFIRMATION ─────────────────────────────────────────
let stockConfirmed = {}; // handle -> 'DD/MM/YY'

// ── CATALOGUE EXPORT SELECTION ──────────────────────────────────
let catExportSelected = new Set(); // Set of handles selected for export

function catToggleExportSelect(handle, checked) {
  if (checked) catExportSelected.add(handle);
  else catExportSelected.delete(handle);
  catUpdateExportBar();
}

function catSelectAllVisible() {
  // Select ALL filtered items across all pages, not just current page
  const items = window._catFilteredItems || window._catVisibleItems || [];
  items.forEach(item => {
    const id = item['Handle'] || item['handle'] || '';
    if (id) catExportSelected.add(id);
  });
  renderCataloguePage();
  catUpdateExportBar();
}

function catClearSelection() {
  catExportSelected.clear();
  filterCatalogue();
  catUpdateExportBar();
}

function catUpdateExportBar() {
  const bar = document.getElementById('catExportBar');
  if (!bar) return;
  if (catExportSelected.size > 0) {
    bar.style.display = 'flex';
    document.getElementById('catExportCount').textContent = catExportSelected.size + ' selected';
  } else {
    bar.style.display = 'none';
  }
}

async function catAddToExportQueue() {
  const handles = [...catExportSelected];
  if (!handles.length) return;
  if (!confirm(`Queue ${handles.length} items for eBay export? This sets their status to 'queued'.`)) return;

  let ok = 0, fail = 0;
  const bar = document.getElementById('catExportBar');
  const countEl = document.getElementById('catExportCount');

  for (const handle of handles) {
    const d1Item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle);
    const item_id = d1Item?.item_id;
    if (!item_id) { fail++; continue; }

    try {
      countEl.textContent = `Queueing… ${ok+fail+1}/${handles.length}`;
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ status: 'queued' })
      });
      if (resp.ok) ok++;
      else fail++;
    } catch(e) { fail++; }
  }

  catExportSelected.clear();
  catUpdateExportBar();
  filterCatalogue();
  showToast(`✓ ${ok} items queued for export${fail ? ` (${fail} failed)` : ''}`);
  const badge = document.getElementById('exportCount');
  if (badge) badge.textContent = (parseInt(badge.textContent)||0) + ok;
}

// ── BULK AI RESCAN ──────────────────────────────────────────────
async function catBulkRescan() {
  const handles = [...catExportSelected];
  if (!handles.length) return;
  if (!confirm(`AI Rescan ${handles.length} items? This will queue fresh Worker rewrites for review.`)) return;

  const countEl = document.getElementById('catExportCount');
  const btn = document.getElementById('catBulkRescanBtn');
  btn.disabled = true;
  let ok = 0, fail = 0, skipped = 0;

  for (let idx = 0; idx < handles.length; idx++) {
    const handle = handles[idx];
    countEl.textContent = `Rescanning ${idx+1}/${handles.length}…`;
    btn.textContent = `✦ ${idx+1}/${handles.length}`;

    const d1Item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle);
    const item_id = d1Item?.item_id;
    if (!item_id) { skipped++; continue; }

    try {
      await queueTrustedRewrite(item_id, handle);
      ok++;
    } catch(e) {
      fail++;
    }

    // Brief pause between items to avoid rate limits
    if (idx < handles.length - 1) await new Promise(r => setTimeout(r, 1200));
  }

  btn.textContent = '✦ AI Rescan';
  btn.disabled = false;
  catExportSelected.clear();
  catUpdateExportBar();
  await loadRewriteQueue();
  showToast(`✓ AI rescan queued: ${ok} item${ok!==1?'s':''}${fail ? `, ${fail} failed` : ''}${skipped ? `, ${skipped} skipped` : ''} — review in Rewrite tab`);
}

// Helper: post-process AI response — fill empty category fields from title/description/specifics
function rescanFillMissingFields(parsed) {
  const title = (parsed.title || '').toLowerCase();
  const body = (parsed.body || '').replace(/<[^>]+>/g, ' ').toLowerCase();
  const combined = title + ' ' + body;

  // Colour: extract from title if empty
  if (!parsed.colour || parsed.colour.trim() === '') {
    const colourWords = ['black','white','navy','blue','red','green','brown','grey','gray','pink','purple',
      'cream','beige','gold','silver','orange','yellow','khaki','burgundy','maroon','teal','coral','ivory',
      'camel','tan','olive','mustard','charcoal','plum','sage','rust','terracotta','emerald','cobalt','indigo'];
    const found = colourWords.filter(c => title.includes(c));
    if (found.length) parsed.colour = found.map(c => c.charAt(0).toUpperCase() + c.slice(1)).join(' & ');
  }

  // Material: extract from title/body if empty
  if (!parsed.material || parsed.material.trim() === '') {
    const fabrics = [
      ['100% wool','100% Wool'],['100% silk','100% Silk'],['100% cotton','100% Cotton'],['100% linen','100% Linen'],
      ['100% leather','100% Leather'],['100% cashmere','100% Cashmere'],
      ['wool blend','Wool Blend'],['silk','Silk'],['cotton','Cotton'],['linen','Linen'],['leather','Leather'],
      ['suede','Suede'],['denim','Denim'],['velvet','Velvet'],['corduroy','Corduroy'],['cashmere','Cashmere'],
      ['tweed','Tweed'],['satin','Satin'],['chiffon','Chiffon'],['jersey','Jersey'],['knit','Knit'],
      ['polyester','Polyester'],['viscose','Viscose'],['nylon','Nylon'],['acrylic','Acrylic'],['brocade','Brocade']
    ];
    for (const [search, label] of fabrics) {
      if (combined.includes(search)) { parsed.material = label; break; }
    }
    if (!parsed.material || parsed.material.trim() === '') parsed.material = 'Not stated on label';
  }

  // Era: extract decade from title if empty
  if (!parsed.era || parsed.era.trim() === '') {
    const eraMatch = combined.match(/\b(19[5-9]0s|20[0-2]0s|y2k)\b/i);
    if (eraMatch) parsed.era = eraMatch[1].charAt(0).toUpperCase() + eraMatch[1].slice(1);
    else parsed.era = 'Vintage';
  }

  // Closure: default based on garment type if empty
  if (!parsed.closure && parsed.specifics && !parsed.specifics.closure) {
    const gt = (parsed.garment_type || '').toLowerCase();
    const closureDefaults = {
      'coat / jacket': 'Button', 'dress': 'Zip', 'skirt': 'Zip', 'trousers': 'Zip',
      'jeans': 'Zip', 'top / blouse': 'Button', 'knitwear / jumper': 'Pull On',
      'jumpsuit / playsuit': 'Zip', 'suit / co-ord': 'Button', 'handbag': 'Zip',
      'scarf': 'No Closure', 'hat': 'No Closure'
    };
    if (closureDefaults[gt]) {
      if (!parsed.specifics) parsed.specifics = {};
      parsed.specifics.closure = closureDefaults[gt];
    }
  }

  // Style: ensure specifics.style is filled
  if (parsed.specifics && !parsed.specifics.style && parsed.garment_type) {
    const gt = parsed.garment_type;
    const styleDefaults = {
      'Dress': 'Shift', 'Skirt': 'A-Line', 'Top / Blouse': 'Blouse', 'Coat / Jacket': 'Blazer',
      'Knitwear / Jumper': 'Jumper', 'Trousers': 'Straight Leg', 'Jeans': 'Straight Leg',
      'Suit / Co-ord': 'Trouser Suit', 'Jumpsuit / Playsuit': 'Jumpsuit',
      'Handbag': 'Tote', 'Hat': 'Beret', 'Scarf': 'Rectangular'
    };
    if (styleDefaults[gt]) parsed.specifics.style = styleDefaults[gt];
  }
}

// Helper: build the rescan prompt text (shared between single + bulk)
// Pre-extract hard data from original description before sending to AI
// Pre-extract hard data from original description before sending to AI
function extractHardData(text, titleHint) {
  if (!text && !titleHint) return { measurements: [], fabric: '', sizes: [] };
  const clean = (text || '').replace(/<[^>]+>/g, ' ').replace(/&amp;/g,'&').replace(/\s+/g, ' ').trim();
  const allText = ((titleHint || '') + ' ' + clean).replace(/\s+/g,' ').trim();

  // Find where measurements start — skip past the "Garment Measurements" header itself
  const measHeaderMatch = clean.match(/garment\s+measurements?\s*/i);
  const firstCmIdx = clean.search(/\b\d+\s*cm\b|\b\d+\s*(?:inch|")/i);
  let searchFrom = 0;
  if (measHeaderMatch) {
    searchFrom = clean.indexOf(measHeaderMatch[0]) + measHeaderMatch[0].length;
  } else if (firstCmIdx > 0) {
    searchFrom = Math.max(0, firstCmIdx - 80);
  }
  const measSource = clean.slice(searchFrom);

  // Extract all "Label: Xcm" or "Label Xcm" style measurements
  const measRegex = /([A-Za-z][A-Za-z\s\/:()-]{1,30}?)[\s:]+([\d]+(?:\.\d+)?\s*(?:cm|"|inch(?:es)?))/gi;
  const measurements = [];
  const seen = new Set();
  // Words that appear as false-positive label prefixes from section headings
  const skipPrefixes = /^(fit|size|garment|item|the|and|or|of|in|at|by|a|an|fabric|measurement)\s+/i;
  for (const m of measSource.matchAll(measRegex)) {
    let label = m[1].replace(/\s+/g, ' ').trim();
    const value = m[2].trim();
    label = label.replace(skipPrefixes, '').trim(); // strip heading residue
    if (label.length < 2) continue;
    const entry = `${label}: ${value}`;
    const key = entry.toLowerCase();
    if (!seen.has(key)) { seen.add(key); measurements.push(entry); }
  }

  // Fabric composition: find all "N% Fibre" patterns and join them
  const fabricParts = [];
  for (const m of clean.matchAll(/(\d+%\s*[A-Za-z][A-Za-z\s]*?)(?=[,\s]*\d+%|[,\s]*Fabric|[.;]|$)/g)) {
    const part = m[1].trim().replace(/\s+/g, ' ');
    if (part.includes('%') && /[A-Za-z]/.test(part)) fabricParts.push(part);
  }
  const fabric = fabricParts.length > 0 ? fabricParts.join(', ') : '';

  // UK sizes from both title and description — normalise to "UK N" format
  const sizeMatches = allText.match(/\bUK\s*\d+(?:[\/\-]\d+)?|\bsize\s+(?:UK\s*)?\d+(?:[\/\-]\d+)?|\b(?:XS|S\/M|M\/L|XL|XXL|XXXL)\b/gi) || [];
  const sizes = [...new Set(sizeMatches.map(s => s.replace(/^size\s+/i,'').replace(/\s+/g,' ').trim()))];

  return { measurements, fabric, sizes };
}

function buildRescanPrompt(origTitle, origDesc, existingBrand) {
  const brandHint = existingBrand ? `\nKNOWN BRAND: "${existingBrand}" — use this EXACT brand name. Do NOT guess a different brand from the photos.\n` : '';

  // Pre-extract hard data so AI cannot ignore it (pass title too so sizes in title are caught)
  const hard = extractHardData(origDesc, origTitle);
  const hasMeasurements = hard.measurements.length > 0;
  const hasFabric = !!hard.fabric;
  const hasSizes = hard.sizes.length > 0;

  const mandatoryBlock = (hasMeasurements || hasFabric || hasSizes) ? `
╔══════════════════════════════════════════════════════════════════╗
║  ⚠️  MANDATORY PRE-RECORDED DATA — COPY VERBATIM INTO LISTING  ║
╚══════════════════════════════════════════════════════════════════╝
The following data was MANUALLY MEASURED and RECORDED from the actual garment by the seller. It is factually accurate. You MUST include ALL of it word-for-word in the Size & Fit section of your description.
DO NOT rephrase, round, omit, or approximate any of these figures.
DO NOT replace them with AI-estimated measurements.
MISSING ANY MEASUREMENT = LISTING REJECTED.
${hasMeasurements ? '\nGARMENT MEASUREMENTS (include ALL of these exactly):\n' + hard.measurements.map(m => '  • ' + m).join('\n') : ''}${hasFabric ? '\n\nFABRIC COMPOSITION (from label — include exactly as stated):\n  ' + hard.fabric : ''}${hasSizes ? '\n\nSIZE(S) FROM ORIGINAL LISTING (use in title + Size & Fit):\n  ' + hard.sizes.join(', ') : ''}
════════════════════════════════════════════════════════════════════
` : '';

  return `You are an expert eBay listing optimiser for Ava & Iva, a premium vintage clothing boutique in the Cotswolds. Your listings must rank highly in eBay Cassini search AND score highly with AI shopping agents (Google Shopping AI, ChatGPT shopping, Perplexity, Claude, etc.) that parse listings to answer queries like "find me a 90s wool blazer size 14".
${brandHint}${mandatoryBlock}
CRITICAL RULES:
1. NEVER fabricate measurements, fabric percentages, or specific condition defects you cannot see.
2. If fabric composition is not visible on the label AND not in the pre-recorded data above, say "Fabric composition not stated on label" — do NOT guess.
3. CONDITION DEFAULT: All items are in GOOD VINTAGE CONDITION unless the original description or photos show specific issues. Write "Good vintage condition" or "Excellent vintage condition" as appropriate. NEVER say "please inspect in person", "condition not assessable from photos", "request detailed assessment", or any other hedging language — this is an eBay listing, not an auction house catalogue. Be confident and positive.
4. If a KNOWN BRAND is provided above, use it EXACTLY. Do not misread the label and substitute a different brand name.
5. PACKAGING: Do NOT make specific claims about packaging materials (e.g. "wrapped in tissue paper", "recycled packaging", "eco-friendly packaging"). You may write "lovingly packaged" or "carefully packed" but nothing more specific.

AGENTIC SEARCH OPTIMISATION — AI shopping agents parse listings like a database, not like a human reader. To rank well:
- State all key attributes EXPLICITLY and EARLY: brand, decade, garment type, colour, fabric, size. Do not bury them in prose.
- Use BOTH formal and colloquial terms where relevant: "1990s" AND "90s", "trousers" AND "pants", "knitwear" AND "jumper/sweater", "co-ord" AND "matching set".
- Every attribute an agent might filter on (size, colour, material, era, style, brand) must appear as a plain searchable word somewhere in the description — not just in the item specifics fields.
- The Size & Fit section must state the UK size as "UK [size]" explicitly (e.g. "UK 14") so agents can match size queries.
- Avoid vague descriptors like "gorgeous", "stunning", "beautiful" as the primary description — lead with facts, follow with appeal.
- The opening sentence should function as a standalone summary: Brand + Era + Type + Key feature + Size (e.g. "A 1990s Jaeger wool blazer in charcoal grey, UK 14.").

Current title: ${origTitle}
Original description: ${origDesc || '(none)'}

=== STEP 1: READ THE LABEL ===
Study every label photo with extreme care. Extract brand name (but prefer KNOWN BRAND if provided), UK size, COMPLETE fibre composition, lining composition, care instructions, country of origin.

=== STEP 2: EXAMINE THE GARMENT ===
Colour, silhouette, design details, era indicators. For condition: look for any visible flaws. If none visible, state "Good vintage condition" confidently.

=== STEP 3: WRITE THE EBAY TITLE (max 80 chars) ===
Format: Brand + Era/Decade + Garment Type + Key Attribute + Fabric + Size. Front-load the FULL brand name. Include decade ("1990s" not "Vintage"). Include UK size. No filler words ("stunning", "gorgeous" etc). Proper Title Case. This title must answer the query an agent would parse.

=== STEP 4: WRITE THE DESCRIPTION ===
Rich HTML (min 300 words) with Georgia serif font. REQUIRED SECTIONS in this order:
1. Opening sentence — MUST function as a standalone agentic summary: Brand + Era + Type + Colour + Fabric + Size. E.g. "A 1990s Jaeger double-breasted wool blazer in charcoal grey, UK 14." Then 1-2 sentences of appeal.
2. The Piece — design details, cut, notable features. Use both formal and colloquial terms where natural (e.g. "blazer / jacket", "90s / 1990s", "jumper / sweater / knitwear").
3. Fabric & Composition — from label or MANDATORY DATA above. State exact percentages. Spell out fibre names in full.
4. Size & Fit — ⚠️ MUST CONTAIN ALL MEASUREMENTS FROM MANDATORY DATA, listed individually. State "UK [size]" explicitly. End with "Vintage sizing — please compare measurements before purchasing."
5. Condition — confident: "Good vintage condition" or "Excellent vintage condition". One sentence max.
6. Styling — 2-3 concrete outfit suggestions using searchable terms (e.g. "with wide-leg trousers", "over a midi dress").
7. Care & Postage — care instructions if known; brief dispatch note.
Use: <div style="font-family:Georgia,serif;font-size:14px;line-height:1.8;color:#2d2d2d;max-width:700px">
Use <strong> for section headings. Do NOT use <h1>/<h2> tags.

=== STEP 5: CLASSIFY GARMENT TYPE (MANDATORY) ===
Pick garment_type from EXACTLY this list: Dress, Skirt, Top / Blouse, Coat / Jacket, Suit / Co-ord, Knitwear / Jumper, Jumpsuit / Playsuit, Trousers, Jeans, Shoes, Boots, Handbag, Hat, Costume Jewellery, Scarf

=== STEP 6: EXTRACT SPECIFICS FOR EBAY (MANDATORY) ===
Fill in ALL specifics relevant to the garment type. Use eBay-standard values:
- style: e.g. "Blazer", "A-Line", "Wrap", "Shift", "Maxi", "Cropped", "Overcoat", "Trench", "Cardigan", "Polo Neck"
- closure: e.g. "Button", "Zip", "Hook & Eye", "Tie", "Pull On", "No Closure"
- neckline: e.g. "V-Neck", "Round Neck", "Crew Neck", "Collared", "Square Neck", "Boat Neck"
- sleeve_length: e.g. "Long Sleeve", "Short Sleeve", "3/4 Sleeve", "Sleeveless"
- dress_length: e.g. "Knee Length", "Midi", "Maxi", "Mini", "Above Knee"
- heel_height/heel_type/shaft_style/jewellery_type/metal: as appropriate
Do NOT leave any relevant field empty. Every garment has a style and most have a closure.

=== STEP 7: FILL ALL CATEGORY FIELDS (MANDATORY — ZERO EMPTY FIELDS) ===
You MUST return a value for EVERY one of these JSON fields. No exceptions. No empty strings.

"colour": Describe the PRIMARY colour you see in the photos. Use standard colour names.
  Examples: "Black", "Navy Blue", "Cream", "Burgundy", "Forest Green", "Gold", "Multi / Floral", "Red & Black Check"
  If multi-coloured, list the dominant colours: "Blue & White Stripe", "Multi / Paisley Print"

"material": Read the label for fabric composition. If the label shows it, write EXACTLY what it says (e.g. "100% Wool", "65% Polyester 35% Cotton", "Pure Silk").
  If no label visible or composition not stated, describe what you can SEE: "Wool blend", "Knitted cotton", "Woven silk", "Leather", "Suede", "Denim", "Velvet", "Corduroy".
  NEVER leave blank. NEVER return just "".

"era": Estimate the decade from styling cues, label design, brand history, construction methods.
  Examples: "1970s", "1980s", "1990s", "2000s", "Y2K", "1960s"
  If unsure of exact decade, pick the most likely one. NEVER leave blank.

"closure": What fastening does the garment use? Look at the photos carefully.
  Examples: "Button", "Zip", "Hook & Eye", "Tie", "Pull On", "Snap", "Buckle", "No Closure"
  Every garment has SOME closure method, even if it's "Pull On" or "Open Front". NEVER leave blank.

Return ONLY valid JSON — every field must have a non-empty string value:
{"title":"...","body":"<div>...</div>","label_read":"...","brand":"...","colour":"...","material":"...","size":"...","era":"...","garment_type":"...","specifics":{"style":"...","closure":"...",...}}`;
}

// ── BULK PRICING ────────────────────────────────────────────────
async function catBulkPricing() {
  const handles = [...catExportSelected];
  if (!handles.length) return;
  if (!confirm(`Price ${handles.length} items? Each item calls AI pricing — may take ${Math.ceil(handles.length * 8 / 60)} minutes.`)) return;

  const countEl = document.getElementById('catExportCount');
  const btn = document.getElementById('catBulkPricingBtn');
  btn.disabled = true;
  let ok = 0, fail = 0, skipped = 0;

  for (let idx = 0; idx < handles.length; idx++) {
    const handle = handles[idx];
    countEl.textContent = `Pricing ${idx+1}/${handles.length}…`;
    btn.textContent = `£ ${idx+1}/${handles.length}`;

    const d1Item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle);
    const item_id = d1Item?.item_id;
    if (!item_id) { skipped++; continue; }

    try {
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`, { method: 'POST' });
      const data = await resp.json();
      if (!resp.ok) throw new Error(data.error || 'HTTP ' + resp.status);
      if (data.pricing_status === 'generated') {
        console.log('Bulk price OK:', handle, '£' + data.price_standard);
        ok++;
      } else if (data.pricing_status === 'pending') {
        // Old worker (v32) — poll briefly
        console.log('Bulk price pending (old worker):', handle);
        ok++; // count as started
      } else if (data.pricing_status === 'error') {
        console.error('Bulk price error:', handle, data.pricing_explanation);
        fail++;
      } else {
        ok++;
      }
    } catch(e) {
      console.error('Bulk price FAIL:', handle, e.message);
      fail++;
    }

    // Brief pause between items
    if (idx < handles.length - 1) await new Promise(r => setTimeout(r, 1500));
  }

  btn.textContent = '£ Bulk Price';
  btn.disabled = false;
  catExportSelected.clear();
  catUpdateExportBar();
  filterCatalogue();
  showToast(`✓ Pricing done: ${ok} priced, ${fail} failed${skipped ? `, ${skipped} skipped` : ''} — check Pricing tab`);
}

async function loadStockConfirmed() {
  // 1. Always load localStorage first (instant, device-local)
  try {
    const saved = localStorage.getItem('ava_iva_stock_confirmed');
    if (saved) stockConfirmed = JSON.parse(saved);
  } catch(e) { stockConfirmed = {}; }
  const localCount = Object.keys(stockConfirmed).length;

  // 2. Try KV (syncs across devices) — merge on top
  try {
    const kvData = await loadFromKV('stock_confirmed');
    if (kvData && typeof kvData === 'object' && Object.keys(kvData).length) {
      // Merge: KV wins for conflicts, but keep any local-only entries
      stockConfirmed = { ...stockConfirmed, ...kvData };
      console.log('Stock merged: ' + localCount + ' local + ' + Object.keys(kvData).length + ' KV = ' + Object.keys(stockConfirmed).length + ' total');
    }
    // If local had entries but KV didn't, push local to KV (one-time migration)
    if (localCount > 0 && (!kvData || !Object.keys(kvData).length)) {
      saveToKV('stock_confirmed', stockConfirmed);
      console.log('Migrated ' + localCount + ' stock confirmations from localStorage to KV');
    }
  } catch(e) {
    console.warn('KV stock load failed, using localStorage only:', e.message);
  }
}

function saveStockConfirmed() {
  // Save to KV (syncs across devices) — fire and forget
  saveToKV('stock_confirmed', stockConfirmed).then(() => {
    console.log('Stock confirmations saved to KV:', Object.keys(stockConfirmed).length);
  });
  // Also save to localStorage as fast fallback
  try { localStorage.setItem('ava_iva_stock_confirmed', JSON.stringify(stockConfirmed)); } catch(e) {}
}

function confirmStock(handle, e) {
  e.stopPropagation();
  const now = new Date();
  const dd = String(now.getDate()).padStart(2,'0');
  const mm = String(now.getMonth()+1).padStart(2,'0');
  const yy = String(now.getFullYear()).slice(2);
  stockConfirmed[handle] = `${dd}/${mm}/${yy}`;
  saveStockConfirmed();
  // Update the button in place
  const btn = document.getElementById('stockbtn-' + handle.replace(/[^a-z0-9]/gi,'_'));
  if (btn) {
    btn.outerHTML = `<span style="font-size:9px;color:#276749;background:#c6f6d5;padding:3px 8px;border-radius:10px;font-family:'DM Mono',monospace;white-space:nowrap">✓ ${dd}/${mm}/${yy}</span>`;
  }
  showToast('✓ Stock confirmed for ' + handle.split('-').slice(0,3).join(' '));
}

try { loadStockConfirmed(); } catch(e) { console.warn('loadStockConfirmed failed:', e.message); }
function updateStats() {
  document.getElementById('statTotal').textContent = allItems.length.toLocaleString();
  const schedCount = Object.values(schedule).reduce((s, items) => s + items.length, 0);
  document.getElementById('statScheduled').textContent = schedCount;
  document.getElementById('statLive').textContent = liveItems.length || '0';
  // Count unique handles with AI rewrites
  const uniqueHandles = new Set();
  const rewrittenHandles = new Set();
  allItems.forEach(item => {
    const h = item['Handle'] || item['handle'];
    if (!h || uniqueHandles.has(h)) return;
    uniqueHandles.add(h);
    const body = item['Body (HTML)'] || '';
    if (item['ai_rewritten'] === 'true' || body.includes('font-family:Georgia')) {
      rewrittenHandles.add(h);
    }
  });
  const pct = uniqueHandles.size > 0 ? Math.round((rewrittenHandles.size / uniqueHandles.size) * 100) : 0;
  document.getElementById('statAction').textContent = rewrittenHandles.size + ' / ' + uniqueHandles.size + ' (' + pct + '%)';
}

// ── HELPERS ────────────────────────────────────────────────────
function extractBrand(item) {
  const currentBrand = item.brand || item['brand'] || '';
  if (currentBrand && currentBrand !== 'Ava & Iva' && currentBrand !== 'AVA & IVA') return currentBrand;
  const vendor = item['Vendor'] || item['vendor'] || '';
  if (vendor && vendor !== 'Ava & Iva' && vendor !== 'AVA & IVA') return vendor;
  // Extract brand from title — first meaningful word(s) before item type
  const title = item['Title'] || item['title'] || '';
  const knownBrands = ['Gianni Versace','Versace','Thierry Mugler','Mugler','Yves Saint Laurent','YSL',
    'Saint Laurent','John Galliano','Galliano','Christian Dior','Dior','Hermès','Hermes',
    'Chanel','Gucci','Prada','Burberry','Armani','Emporio Armani','Giorgio Armani',
    'Jil Sander','Issey Miyake','Vivienne Westwood','Laura Ashley','Bruce Oldfield',
    'Betty Jackson','Jasper Conran','Max Mara','Escada','Gianfranco Ferre','Ungaro',
    'Valentino','Moschino','Kenzo','Cacharel','Guy Laroche','Balenciaga','Celine',
    'Ralph Lauren','Calvin Klein','Donna Karan','DKNY','Jaeger','Country Casuals',
    'Windsmoor','Planet','Eastex','Precis','Hobbs','Phase Eight','Monsoon',
    'Samantha Sung','Nice Collection','Goodman'];
  for (const b of knownBrands) {
    if (title.toLowerCase().includes(b.toLowerCase())) return b;
  }
  // Fall back to first word(s) of title
  const words = title.split(' ');
  return words.slice(0,2).join(' ') || 'Vintage';
}

function getCurrentDisplayTitle(item) {
  return item['Title'] || item['title'] || item.ebay_title || item.parent_handle || '';
}

function getCurrentDisplayBrand(item) {
  const brand = extractBrand(item);
  const title = getCurrentDisplayTitle(item);
  if (!brand) return '';
  if (!title) return brand;
  return title.toLowerCase().includes(brand.toLowerCase()) ? brand : '';
}

function syncApprovedRewriteToMemory(itemId, handle, approvalData = {}) {
  const approvedTitle = approvalData.approved_title || null;
  const approvedDescription = approvalData.approved_description || null;
  const approvedSpecifics = approvalData.approved_specifics || null;
  const approvedBrand = approvalData.approved_brand
    || (approvedSpecifics && typeof approvedSpecifics === 'object' ? approvedSpecifics.brand : '')
    || '';

  const syncRow = (row) => {
    if (!row) return;
    if (approvedTitle) {
      row['Title'] = approvedTitle;
      row['title'] = approvedTitle;
      row.ebay_title = approvedTitle;
    }
    if (approvedDescription) {
      row['Body (HTML)'] = approvedDescription;
      row['Body'] = approvedDescription;
      row.ebay_description = approvedDescription;
    }
    if (approvedBrand) {
      row.brand = approvedBrand;
      row['brand'] = approvedBrand;
      row['Vendor'] = approvedBrand;
      row['vendor'] = approvedBrand;
    }
    if (approvedSpecifics) {
      row.ebay_specifics = typeof approvedSpecifics === 'string' ? approvedSpecifics : JSON.stringify(approvedSpecifics);
    }
    row.ai_rewritten = 'true';
  };

  let resolvedHandle = handle || '';
  const d1Item = d1CatalogueItems.find(i => i.item_id === itemId || ((i['Handle']||i['handle']||i.parent_handle) === handle));
  if (d1Item) {
    resolvedHandle = resolvedHandle || d1Item['Handle'] || d1Item['handle'] || d1Item.parent_handle || '';
    syncRow(d1Item);
  }
  const csvItem = allItems.find(i => i.item_id === itemId || ((i['Handle']||i['handle']) === resolvedHandle));
  if (csvItem) syncRow(csvItem);

  if (typeof filterCatalogue === 'function') filterCatalogue();
}

function extractLocation(tags) {
  if (!tags) return '—';
  const parts = tags.split(',').map(t => t.trim().toUpperCase());
  const rail = parts.find(p => p.match(/^(FCR|R\d|FB|SB|SR)/));
  return rail || parts[0] || '—';
}

function isReprice(title) {
  const t = title.toLowerCase();
  return ['versace','mugler','galliano','hermès','hermes','jil sander','bruce oldfield','ysl','dior scarf'].some(b => t.includes(b));
}
function isSeason(title, type) {
  const t = (title+' '+type).toLowerCase();
  return ['cheltenham','race','occasion','evening','wedding','mother'].some(k => t.includes(k));
}
function isTrend(title, type) {
  const t = (title+' '+type).toLowerCase();
  return ['suit','blazer','power','90s','1990','mugler','versace','jil sander','comme'].some(k => t.includes(k));
}

function typeClass(type) {
  const t = (type||'').toLowerCase();
  if (t.includes('dress')) return 'type-dress';
  if (t.includes('jacket')||t.includes('coat')||t.includes('blazer')) return 'type-jacket';
  if (t.includes('skirt')) return 'type-skirt';
  if (t.includes('bag')) return 'type-bag';
  if (t.includes('shoe')||t.includes('boot')) return 'type-shoes';
  if (t.includes('scarf')) return 'type-scarf';
  return 'type-other';
}

function getCategory(type) {
  const t = (type||'').toLowerCase();
  if (t.includes('dress')) return '16786';
  if (t.includes('skirt')) return '63859';
  if (t.includes('jacket')||t.includes('coat')||t.includes('blazer')||t.includes('fur')) return '57988';
  if (t.includes('bag')||t.includes('handbag')) return '169291';
  if (t.includes('shoe')||t.includes('boot')) return '62107';
  if (t.includes('scarf')) return '45238';
  if (t.includes('jewellery')||t.includes('jewelry')) return '10968';
  if (t.includes('hat')) return '52365';
  return '53159'; // tops/blouses as fallback
}

function formatDate(d) {
  const days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
  const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  return `${days[d.getDay()]} ${d.getDate()} ${months[d.getMonth()]}`;
}

function csvRow(arr) { return arr.map(c => '"'+String(c||'').replace(/"/g,'""')+'"').join(','); }

function downloadFile(content, filename, type) {
  const a = document.createElement('a');
  a.href = URL.createObjectURL(new Blob([content], {type}));
  a.download = filename;
  a.click();
  URL.revokeObjectURL(a.href);
}

function escHtml(str) {
  return String(str||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}

function formatDateShort(value) {
  if (!value) return '—';
  const d = new Date(value);
  if (isNaN(d.getTime())) return '—';
  const day = String(d.getDate()).padStart(2, '0');
  const month = String(d.getMonth() + 1).padStart(2, '0');
  return `${day}/${month}/${d.getFullYear()}`;
}

function getOriginalRailTitle(handle) {
  const orig = originalItemsMap[handle] || {};
  return orig['Title'] || orig['title'] || '';
}

function getLabelTitleForItem(item) {
  return item.label_title
    || item['Title']
    || item['title']
    || item.parent_handle
    || item['Handle']
    || item['handle']
    || 'Unlabelled item';
}

function getLabelLocationForItem(item) {
  return item.label_location
    || item.location_code
    || [item.location_type, item.location_num].filter(Boolean).join(' ')
    || extractLocation(item['Tags'] || item['tags'] || item.tags || '')
    || '—';
}

function getLabelIdentifierForItem(item) {
  if (item.label_identifier) return item.label_identifier;
  const skuMatch = String(item.source_row_key || '').match(/\|sku:([^|]+)/i);
  return (skuMatch ? skuMatch[1].trim() : '')
    || item.parent_handle
    || item['Handle']
    || item['handle']
    || item.item_id
    || '';
}

function getTrustedRewritePayloadForHandle(handle) {
  const sourceItem = originalItemsMap[handle]
    || allItems.find(i => (i['Handle'] || i['handle']) === handle)
    || null;
  return {
    source_title: sourceItem ? (sourceItem['Title'] || sourceItem['title'] || '') : '',
    source_description: sourceItem ? (sourceItem['Body (HTML)'] || sourceItem['Body'] || '') : '',
    source_brand: sourceItem ? (sourceItem['Vendor'] || '') : ''
  };
}

async function queueTrustedRewrite(itemId, handle) {
  const payload = getTrustedRewritePayloadForHandle(handle);
  const resp = await fetch(`${CANONICAL_API}/items/${itemId}/rewrite`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(payload)
  });
  const data = await resp.json();
  if (!resp.ok) throw new Error(data.error || 'Generation failed');
  return data;
}

function buildLabelPayload(item) {
  const handle = item.parent_handle || item['Handle'] || item['handle'] || item.item_id || '';
  return {
    item_id: item.item_id || '',
    handle,
    title: getLabelTitleForItem(item),
    original_title: getOriginalRailTitle(handle) || item['Title'] || item['title'] || handle,
    brand: item.brand || item['Vendor'] || extractBrand(item) || '',
    size: item.size || item['Option1 Value'] || item['Variant Option1 Value'] || '—',
    location: getLabelLocationForItem(item),
    identifier: getLabelIdentifierForItem(item),
    identifier_kind: item.label_identifier_kind || 'handle'
  };
}

function openLabelPrintWindow(labels) {
  if (!labels || !labels.length) return;
  const printWin = window.open('', '_blank', 'width=980,height=760');
  if (!printWin) {
    showToast('✕ Pop-up blocked — allow pop-ups to print labels', true);
    return;
  }
  const html = `<!doctype html>
  <html>
  <head>
    <meta charset="utf-8">
    <title>Ava & Iva Labels</title>
    <style>
      @page { size: 6in 4in; margin: 0; }
      * { box-sizing: border-box; }
      body { margin: 0; background: white; font-family: Georgia, serif; }
      .sheet { width: 6in; margin: 0 auto; }
      .label {
        width: 6in;
        height: 4in;
        padding: 0.32in 0.34in;
        display: grid;
        grid-template-columns: 1fr 2.0in;
        grid-template-rows: auto 1fr;
        gap: 0.18in 0.22in;
        page-break-after: always;
      }
      .title-wrap {
        grid-column: 1 / -1;
      }
      .title {
        font-size: 0.31in;
        line-height: 1.04;
        font-weight: 700;
        margin-bottom: 0.08in;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .subtitle {
        margin-bottom: 0;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 0.13in;
        line-height: 1.25;
        color: #555;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .details-wrap {
        padding-top: 0.04in;
      }
      .meta {
        display: grid;
        gap: 0.08in;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 0.17in;
      }
      .meta-row { display: flex; gap: 0.12in; }
      .meta-label {
        min-width: 0.72in;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
      }
      .barcode-wrap {
        border-left: 1px solid #dadada;
        padding-left: 0.18in;
        margin-top: 0.04in;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
      }
      .label-barcode { width: 1.78in; height: 0.86in; }
      .identifier {
        margin-top: 0.08in;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 0.18in;
        font-weight: 700;
        letter-spacing: 0.05em;
      }
      .kind {
        margin-top: 0.06in;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 0.1in;
        text-transform: uppercase;
        color: #777;
        letter-spacing: 0.08em;
      }
      .handle {
        margin-top: 0.14in;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 0.11in;
        color: #555;
        word-break: break-word;
      }
    </style>
  </head>
  <body>
    <div class="sheet">
      ${labels.map((label, idx) => `
        <section class="label">
          <div class="title-wrap">
            <div class="title">${escHtml(label.title)}</div>
            ${label.original_title && label.original_title !== label.title ? `<div class="subtitle">${escHtml(label.original_title)}</div>` : ''}
          </div>
          <div class="details-wrap">
            <div class="meta">
              <div class="meta-row"><span class="meta-label">Location</span><span>${escHtml(label.location || '—')}</span></div>
              <div class="meta-row"><span class="meta-label">Brand</span><span>${escHtml(label.brand || '—')}</span></div>
              <div class="meta-row"><span class="meta-label">Size</span><span>${escHtml(label.size || '—')}</span></div>
            </div>
          </div>
          <div class="barcode-wrap">
            <svg id="barcode-${idx}" class="label-barcode" data-value="${escHtml(label.identifier)}"></svg>
            <div class="identifier">${escHtml(label.identifier)}</div>
            <div class="kind">${escHtml(label.identifier_kind || 'handle')}</div>
            <div class="handle">${escHtml(label.handle || label.item_id || '')}</div>
          </div>
        </section>
      `).join('')}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"><\/script>
    <script>
      function renderBarcodes() {
        if (!window.JsBarcode) return setTimeout(renderBarcodes, 50);
        document.querySelectorAll('svg[id^="barcode-"]').forEach(svg => {
          window.JsBarcode(svg, svg.dataset.value || '', {
            format: 'CODE128',
            displayValue: false,
            margin: 0,
            width: 1.4,
            height: 56
          });
        });
        setTimeout(() => window.print(), 150);
      }
      window.onafterprint = () => setTimeout(() => { try { window.close(); } catch(e) {} }, 120);
      renderBarcodes();
    <\/script>
  </body>
  </html>`;
  printWin.document.open();
  printWin.document.write(html);
  printWin.document.close();
}

function printLabelForHandle(handle) {
  const item = d1CatalogueItems.find(i => (i['Handle'] || i['handle'] || i.parent_handle) === handle);
  if (!item) return showToast('✕ Could not find item for label', true);
  openLabelPrintWindow([buildLabelPayload(item)]);
}

function catPrintSelectedLabels() {
  const handles = [...catExportSelected];
  if (!handles.length) return;
  const labels = handles
    .map(handle => d1CatalogueItems.find(i => (i['Handle'] || i['handle'] || i.parent_handle) === handle))
    .filter(Boolean)
    .map(buildLabelPayload);
  if (!labels.length) return showToast('✕ No printable labels found', true);
  openLabelPrintWindow(labels);
}

function printLabelForPricingItem(item_id) {
  const item = [...pricingItems.queue, ...pricingItems.approved, ...pricingItems.review, ...pricingItems.pending, ...pricingItems.error]
    .find(entry => entry.item_id === item_id);
  if (!item) return showToast('✕ Could not find pricing item for label', true);
  openLabelPrintWindow([buildLabelPayload(item)]);
}

function showLoading(msg) {
  document.getElementById('loadingSub').textContent = msg;
  document.getElementById('loadingBar').style.width = '10%';
  document.getElementById('loadingOverlay').classList.add('active');
}
function updateLoadingBar(pct, msg) {
  document.getElementById('loadingBar').style.width = pct + '%';
  document.getElementById('loadingSub').textContent = msg;
}
function hideLoading() {
  document.getElementById('loadingBar').style.width = '100%';
  setTimeout(() => document.getElementById('loadingOverlay').classList.remove('active'), 300);
}

let toastTimer;
function showToast(msg, isError) {
  const t = document.getElementById('toast');
  t.textContent = msg;
  t.className = 'toast show' + (isError ? ' error' : '');
  clearTimeout(toastTimer);
  toastTimer = setTimeout(() => t.classList.remove('show'), 3500);
}
</script>

<!-- DETAIL PANEL -->
<div class="detail-overlay" id="detailOverlay" onclick="closeDetail(event)">
  <div class="detail-panel" id="detailPanel">
    <div class="detail-header">
      <div>
        <div class="detail-brand" id="detailBrand">—</div>
        <div class="detail-subtitle" id="detailSubtitle">—</div>
      </div>
      <button class="detail-close" onclick="closeDetailPanel()">×</button>
    </div>
    <div id="detailImageWrap"></div>
    <!-- DETAIL TABS -->
    <div style="display:flex;border-bottom:1px solid var(--border);background:white;flex-shrink:0;overflow-x:auto">
      <button class="detail-tab active" id="tab-info" onclick="switchDetailTab('info')">Details</button>
      <button class="detail-tab" id="tab-compare" onclick="switchDetailTab('compare')">✦ Before / After</button>
      <button class="detail-tab" id="tab-listing" onclick="switchDetailTab('listing')">eBay Preview</button>
      <button class="detail-tab" id="tab-edit" onclick="switchDetailTab('edit')" style="color:#c05621">✎ Edit</button>
      <button class="detail-tab" id="tab-fields" onclick="switchDetailTab('fields')">All Fields</button>
    </div>

    <!-- TAB: DETAILS -->
    <div class="detail-body" id="detailTabInfo">
      <div class="detail-price-row">
        <div>
          <div class="detail-meta-label">Price</div>
          <div style="display:flex;align-items:center;gap:10px">
            <div class="detail-price-big" id="detailPrice">—</div>
            <button id="detailPriceBtn" onclick="generatePricingFromDetail()" style="font-size:10px;background:#744210;color:white;border:none;padding:3px 9px;border-radius:10px;cursor:pointer;font-family:'DM Mono',monospace;white-space:nowrap">£ Price</button>
          </div>
        </div>
        <div style="text-align:right">
          <div class="detail-meta-label">Location</div>
          <div class="detail-meta-val" id="detailLocation">—</div>
        </div>
      </div>
      <div class="detail-sec-title">eBay Title</div>
      <div class="detail-ebay-box">
        <div class="detail-ebay-title-text" id="detailEbayTitle">—</div>
      </div>
      <div class="detail-sec-title">Item Details</div>
      <div class="detail-meta-grid">
        <div><div class="detail-meta-label">Brand</div><div class="detail-meta-val" id="detailBrandVal">—</div></div>
        <div><div class="detail-meta-label">Type</div><div class="detail-meta-val" id="detailType">—</div></div>
        <div><div class="detail-meta-label">Size</div><div class="detail-meta-val" id="detailSize">—</div></div>
        <div><div class="detail-meta-label">Colour</div><div class="detail-meta-val" id="detailColour">—</div></div>
        <div><div class="detail-meta-label">Material</div><div class="detail-meta-val" id="detailMaterial">—</div></div>
        <div><div class="detail-meta-label">Era</div><div class="detail-meta-val" id="detailDecade">—</div></div>
        <div><div class="detail-meta-label">Dress Length</div><div class="detail-meta-val" id="detailDressLength">—</div></div>
        <div><div class="detail-meta-label">Sleeve</div><div class="detail-meta-val" id="detailSleeve">—</div></div>
        <div><div class="detail-meta-label">Pattern</div><div class="detail-meta-val" id="detailPattern">—</div></div>
        <div><div class="detail-meta-label">Occasion</div><div class="detail-meta-val" id="detailOccasion">—</div></div>
        <div><div class="detail-meta-label">eBay Category</div><div class="detail-meta-val" id="detailCategoryId">—</div></div>
        <div><div class="detail-meta-label">Label Read</div><div class="detail-meta-val" id="detailLabelRead" style="font-size:11px">—</div></div>
      </div>
      <div class="detail-sec-title">Condition Notes</div>
      <div class="detail-desc" id="detailCondition" style="font-size:12px;color:var(--slate-mid);margin-bottom:16px">—</div>
      <div class="detail-sec-title">Tags</div>
      <div class="detail-tags" id="detailTags"></div>
    </div>

    <!-- TAB: BEFORE / AFTER -->
    <div class="detail-body" id="detailTabCompare" style="display:none;padding:0;overflow:hidden">
      <div style="display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden">
        <div style="border-right:2px solid var(--border);overflow-y:auto;padding:16px;background:#fdf8f4">
          <div style="font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#c4504a;font-weight:600;margin-bottom:12px">⚠ Original Listing</div>
          <div style="font-size:10px;color:var(--slate-mid);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em">Title</div>
          <div id="compareOrigTitle" style="font-family:'Cormorant Garamond',serif;font-size:15px;line-height:1.4;padding:10px;background:#f5e8e7;border-radius:4px;margin-bottom:16px"></div>
          <div style="font-size:10px;color:var(--slate-mid);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em">Description</div>
          <div id="compareOrigDesc" style="font-size:12px;line-height:1.7;color:var(--slate-mid);padding:10px;background:white;border-radius:4px;border:1px solid var(--border);white-space:pre-wrap"></div>
        </div>
        <div style="overflow-y:auto;padding:16px;background:#f4faf6">
          <div style="font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#4a7c6f;font-weight:600;margin-bottom:12px">✓ AI Rewritten</div>
          <div style="font-size:10px;color:var(--slate-mid);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em">Title <span id="compareTitleLen" style="color:var(--gold);font-size:10px"></span></div>
          <div id="compareNewTitle" style="font-family:'Cormorant Garamond',serif;font-size:15px;line-height:1.4;padding:10px;background:#e4f0ec;border-radius:4px;margin-bottom:16px"></div>
          <div style="font-size:10px;color:var(--slate-mid);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em">Description</div>
          <div id="compareNewDesc" style="font-size:12px;line-height:1.7;padding:10px;background:white;border-radius:4px;border:1px solid #4a7c6f"></div>
          <div style="margin-top:16px">
            <div style="font-size:10px;color:var(--slate-mid);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.08em">Label Read by AI</div>
            <div id="compareLabelRead" style="font-size:11px;font-family:'DM Mono',monospace;padding:8px;background:#f0e4cc;border-radius:4px"></div>
          </div>
          <!-- RESCAN BUTTON - shown when rewrite missing or identical -->
          <div id="compareRescanWrap" style="display:none;margin-top:16px;border-top:1px solid var(--border);padding-top:14px">
            <div id="compareRescanWarning" style="font-size:11px;color:#c05621;margin-bottom:8px;font-family:'DM Mono',monospace"></div>
            <button id="compareRescanBtn" onclick="rescanCurrentItem()" style="width:100%;background:#2d3748;color:white;border:none;border-radius:8px;padding:11px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;letter-spacing:0.05em">
              ✦ Rescan with AI now
            </button>
            <button id="compareApplyBtn" onclick="applyLatestRewriteFromDetail()" style="display:none;width:100%;margin-top:8px;background:#2f6f5e;color:white;border:none;border-radius:8px;padding:11px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;letter-spacing:0.05em">
              ✓ Apply Latest Rewrite
            </button>
            <div id="compareRescanStatus" style="font-size:11px;color:var(--slate-mid);margin-top:6px;text-align:center"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- TAB: LISTING PREVIEW -->
    <div class="detail-body" id="detailTabListing" style="display:none;padding:0">
      <div style="padding:8px 16px;background:var(--slate-pale);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--slate-mid);border-bottom:1px solid var(--border)">
        eBay listing preview — exactly as buyer will see it
      </div>
      <div id="detailListingPreview" style="padding:16px;overflow-y:auto;max-height:calc(100vh - 220px)">—</div>
    </div>

    <!-- TAB: ALL FIELDS -->
    <div class="detail-body" id="detailTabFields" style="display:none">
      <div class="detail-sec-title">All eBay CSV Fields</div>
      <table style="width:100%;border-collapse:collapse;font-size:11px" id="detailAllFields"></table>
    </div>

    <!-- TAB: EDIT -->
    <div class="detail-body" id="detailTabEdit" style="display:none">
      <div class="detail-sec-title">Edit Listing</div>
      <div style="display:flex;flex-direction:column;gap:14px">

        <div>
          <div class="detail-meta-label">Title</div>
          <input id="editTitle" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" oninput="updateEditCharCount()" placeholder="eBay title (max 80 chars)">
          <div style="font-size:10px;color:var(--slate-mid);margin-top:3px"><span id="editTitleCount">0</span>/80 chars</div>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
          <div>
            <div class="detail-meta-label">Price (£)</div>
            <input id="editPrice" type="number" min="0" step="1" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)">
          </div>
          <div>
            <div class="detail-meta-label">Brand</div>
            <input id="editBrand" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" placeholder="e.g. Max Mara">
          </div>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
          <div>
            <div class="detail-meta-label">Type / Category</div>
            <select id="editType" onchange="onTypeChange()" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)">
              <option value="">— select —</option>
              <option value="Dress" data-ebay-cat="63861">Dress</option>
              <option value="Coat / Jacket" data-ebay-cat="63862">Coat / Jacket</option>
              <option value="Trousers" data-ebay-cat="63863">Trousers</option>
              <option value="Skirt" data-ebay-cat="63864">Skirt</option>
              <option value="Suit / Co-ord" data-ebay-cat="63865">Suit / Co-ord</option>
              <option value="Knitwear / Jumper" data-ebay-cat="63866">Knitwear / Jumper</option>
              <option value="Jumpsuit / Playsuit" data-ebay-cat="3009">Jumpsuit / Playsuit</option>
              <option value="Top / Blouse" data-ebay-cat="53159">Top / Blouse</option>
              <option value="Jeans" data-ebay-cat="11554">Jeans</option>
              <option value="Handbag" data-ebay-cat="169291">Handbag</option>
              <option value="Shoes" data-ebay-cat="3034">Shoes</option>
              <option value="Boots" data-ebay-cat="53557">Boots</option>
              <option value="Hat" data-ebay-cat="45230">Hat</option>
              <option value="Costume Jewellery" data-ebay-cat="10968">Costume Jewellery</option>
              <option value="Scarf" data-ebay-cat="45238">Scarf</option>
            </select>
          </div>
          <div>
            <div class="detail-meta-label">Size</div>
            <input id="editSize" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)">
          </div>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px">
          <div>
            <div class="detail-meta-label">Colour</div>
            <select id="editColour" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)">
              <option value="">— select —</option>
              <option>Beige</option>
              <option>Black</option>
              <option>Blue</option>
              <option>Brown</option>
              <option>Burgundy</option>
              <option>Cream</option>
              <option>Gold</option>
              <option>Green</option>
              <option>Grey</option>
              <option>Multicolour</option>
              <option>Navy</option>
              <option>Orange</option>
              <option>Pink</option>
              <option>Purple</option>
              <option>Red</option>
              <option>Silver</option>
              <option>Teal</option>
              <option>White</option>
              <option>Yellow</option>
            </select>
          </div>
          <div>
            <div class="detail-meta-label">Material</div>
            <select id="editMaterial" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)">
              <option value="">— select —</option>
              <option>Cashmere</option>
              <option>Chiffon</option>
              <option>Corduroy</option>
              <option>Cotton</option>
              <option>Denim</option>
              <option>Jersey</option>
              <option>Lace</option>
              <option>Leather</option>
              <option>Linen</option>
              <option>Polyester</option>
              <option>Satin</option>
              <option>Silk</option>
              <option>Suede</option>
              <option>Velvet</option>
              <option>Viscose</option>
              <option>Wool</option>
            </select>
          </div>
          <div>
            <div class="detail-meta-label">Era</div>
            <input id="editEra" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" placeholder="e.g. 1980s">
          </div>
        </div>

        <div id="ebaySpecificsContainer">
          <div style="font-size:11px;color:var(--slate-mid);padding:4px 0">Select a Type / Category above to see eBay item specifics</div>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr 80px;gap:10px">
          <div>
            <div class="detail-meta-label">Condition Notes</div>
            <input id="editConditionNotes" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" placeholder="e.g. Excellent vintage condition">
          </div>
          <div>
            <div class="detail-meta-label">Tags / Location</div>
            <input id="editTags" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" placeholder="FCR48, designer, 1990s...">
          </div>
          <div>
            <div class="detail-meta-label">Stock Qty</div>
            <input id="editInventoryQty" type="number" min="0" step="1" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:'DM Mono',monospace;background:white;color:var(--ink)" placeholder="1">
          </div>
        </div>

        <div>
          <div class="detail-meta-label">Description (HTML)</div>
          <textarea id="editDesc" rows="8" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:11px;font-family:'DM Mono',monospace;background:white;color:var(--ink);resize:vertical"></textarea>
        </div>

        <div>
          <button id="btnRegenThis" onclick="regenCurrentItem()" style="width:100%;background:var(--gold);color:white;border:none;border-radius:8px;padding:11px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;letter-spacing:0.05em;margin-bottom:10px">
            ✦ Regenerate AI Write-up (existing photos)
          </button>
          <div id="regenThisStatus" style="font-size:11px;color:var(--slate-mid);margin-top:-6px;margin-bottom:10px;text-align:center"></div>
        </div>

        <div>
          <div class="detail-meta-label" style="margin-bottom:8px">Add New Photos & Rescan</div>
          <div style="border:2px dashed var(--border-strong);border-radius:8px;padding:16px;text-align:center;cursor:pointer;background:var(--cream)" onclick="document.getElementById('editPhotoInput').click()">
            <div style="font-size:20px;margin-bottom:4px">📷</div>
            <div style="font-size:11px;color:var(--slate-mid)">Click to add photos</div>
            <div style="font-size:10px;color:var(--slate-mid);margin-top:2px">Will trigger AI rescan with new images</div>
          </div>
          <input type="file" id="editPhotoInput" accept="image/*" multiple style="display:none" onchange="handleNewPhotos(event)">
          <div id="editPhotoPreview" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:8px"></div>
          <button id="editRescanBtn" onclick="rescanWithNewPhotos()" style="display:none;margin-top:8px;width:100%;background:var(--sage);color:white;border:none;border-radius:6px;padding:10px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer">
            ✦ Rescan AI Rewrite with New Photos
          </button>
          <div id="editRescanStatus" style="font-size:11px;color:var(--slate-mid);margin-top:6px"></div>
        </div>

        <button onclick="saveEdits()" style="width:100%;background:var(--ink);color:white;border:none;border-radius:8px;padding:12px;font-family:'DM Mono',monospace;font-size:12px;cursor:pointer;letter-spacing:0.06em">
          ✓ Save Changes to CSV
        </button>

      </div>
    </div>

    <div class="detail-footer">
      <button class="btn-detail-approve" id="detailApproveBtn" onclick="detailApprove()">✓ Approve for listing</button>
      <button onclick="deleteItem(detailCurrentId)" style="background:#fed7d7;color:#9b2c2c;border:none;border-radius:8px;padding:12px 16px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;letter-spacing:0.06em">🗑 Delete</button>
      <button class="btn-detail-close2" onclick="closeDetailPanel()">Close</button>
    </div>
  </div>
</div>

<script>
// ── DETAIL PANEL ───────────────────────────────────────────────
let detailCurrentId = null;
let detailCurrentDateKey = null;
let detailCurrentItemId = null;
let detailCurrentPrice = 0;
let detailLatestRewrite = null;

function openDetail(id, dateKey) {
  // Always reset price button state when opening any item
  const priceBtn = document.getElementById('detailPriceBtn');
  if (priceBtn) { priceBtn.textContent = '£ Price'; priceBtn.disabled = false; }
  if (window._pricingPollTimeout) { clearTimeout(window._pricingPollTimeout); window._pricingPollTimeout = null; }
  let item = null;
  if (dateKey && schedule[dateKey]) {
    item = schedule[dateKey].find(i => i._id === id);
  }
  if (!item) {
    for (const dk of Object.keys(schedule)) {
      const found = schedule[dk].find(i => i._id === id);
      if (found) { item = found; detailCurrentDateKey = dk; break; }
    }
  } else {
    detailCurrentDateKey = dateKey;
  }
  // Fallback: check d1CatalogueItems first (has item_id), then allItems (CSV)
  if (!item) {
    const d1Item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === id && (i['Title']||i['title']||'').trim());
    if (d1Item) { item = d1Item; item._id = id; detailCurrentDateKey = null; }
  }
  if (!item) {
    item = allItems.find(i => (i['Handle']||i['handle']) === id && (i['Title']||i['title']||'').trim());
    if (item) { item._id = id; detailCurrentDateKey = null; }
  }
  if (!item) return;
  // Always merge latest D1 data into item (schedule copies go stale after rescan)
  const freshD1 = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === id);
  if (freshD1 && freshD1['Body (HTML)']) {
    item['Body (HTML)'] = freshD1['Body (HTML)'];
    item['Body'] = freshD1['Body (HTML)'];
    if (freshD1['Title']) { item['Title'] = freshD1['Title']; item['title'] = freshD1['Title']; }
    if (freshD1.ai_rewritten) item.ai_rewritten = freshD1.ai_rewritten;
  }
  detailCurrentId = id;
  detailLatestRewrite = null;
  // Resolve item_id: from item directly, or d1CatalogueItems lookup
  // Note: d1CatalogueItems may not be loaded yet if opened from schedule — lookup happens at click time too
  const d1Match = d1CatalogueItems.find(i => i.item_id && (i['Handle']||i['handle']||i.parent_handle) === id);
  detailCurrentItemId = item.item_id || (d1Match ? d1Match.item_id : null);

  const ed = editedItems[id] || {};
  const title = ed.title || item['Title'] || item['title'] || '';
  const brand = getCurrentDisplayBrand(item);
  // Always prefer D1 price as source of truth — CSV/schedule may be stale
  const d1Price = d1Match ? (d1Match['Variant Price'] || d1Match['price'] || d1Match.ebay_price) : null;
  const price = parseFloat(ed.price || d1Price || item['Variant Price'] || item['price'] || 0);
  const type = item['Type'] || item['type'] || '—';
  const size = item['Variant Option1 Value'] || item['Option1 Value'] || item['size'] || '—';
  const colour = item['Variant Option2 Value'] || item['Option2 Value'] || item['Colour'] || '—';
  const material = item['Material'] || item['material'] || '—';
  const category = item['Product Category'] || item['Type'] || '—';
  const handle = item['Handle'] || item['handle'] || '';
  const origItem = originalItemsMap[handle] || null;
  // Tags — use original CSV if rewritten CSV lost them
  const rawTags = item['Tags'] || item['tags'] || (origItem && (origItem['Tags'] || origItem['tags'])) || '';
  const tags = rawTags.split(',').map(t => t.trim()).filter(Boolean);
  const location = extractLocation(rawTags);
  const imgUrl = item['Image Src'] || item['image_src'] || '';
  const desc = item['Body (HTML)'] || item['Body'] || item['body_html'] || item['description'] || '';

  document.getElementById('detailBrand').textContent = title;
  document.getElementById('detailSubtitle').textContent = brand || [type, size].filter(v => v && v !== '—').join('  ·  ');
  document.getElementById('detailPrice').textContent = '£' + price.toFixed(0);
  detailCurrentPrice = price;
  document.getElementById('detailLocation').textContent = location;
  document.getElementById('detailEbayTitle').textContent = title;
  document.getElementById('detailBrandVal').textContent = brand;
  document.getElementById('detailType').textContent = type;
  document.getElementById('detailSize').textContent = size;
  document.getElementById('detailColour').textContent = colour;
  document.getElementById('detailMaterial').textContent = material;
  // category field removed

  // description shown in listing preview tab

  // Show ALL photos for this handle as a scrollable strip
  const imgWrap = document.getElementById('detailImageWrap');
  let imgUrls = allItems.filter(r => (r['Handle']||r['handle']) === handle && (r['Image Src']||r['image_src']))
    .map(r => r['Image Src']||r['image_src']).filter(Boolean);

  // If no images from CSV, fetch from D1 API
  if (!imgUrls.length && detailCurrentItemId) {
    imgWrap.innerHTML = '<div class="detail-img-placeholder" style="font-size:14px;font-style:normal">Loading images...</div>';
    fetch(`${CANONICAL_API}/items/${detailCurrentItemId}`)
      .then(r => r.json())
      .then(data => {
        const apiImgs = (data.images || []).filter(img => !(img.key || img.url || '').includes('intake/'));
        const urls = apiImgs.map(img => img.url).filter(Boolean);
        if (urls.length) {
          const imgTags = urls.map(u => '<img src="' + u + '" style="height:120px;width:auto;border-radius:4px;object-fit:cover;flex-shrink:0;cursor:pointer" onclick="this.style.height=this.style.height===\'240px\'?\'120px\':\'240px\'" onerror="this.style.display=\'none\'">').join('');
          imgWrap.innerHTML = '<div style="display:flex;gap:8px;padding:12px 16px;background:#f0ece4;overflow-x:auto;border-bottom:1px solid #ddd">' + imgTags + '</div>';
        } else {
          imgWrap.innerHTML = '<div class="detail-img-placeholder">A&amp;I</div>';
        }
      })
      .catch(() => { imgWrap.innerHTML = '<div class="detail-img-placeholder">A&amp;I</div>'; });
  } else if (imgUrls.length) {
    const imgTags = imgUrls.map(u => '<img src="' + u + '" style="height:120px;width:auto;border-radius:4px;object-fit:cover;flex-shrink:0;cursor:pointer" onclick="this.style.height=this.style.height===\'240px\'?\'120px\':\'240px\'" onerror="this.style.display=\'none\'">').join('');
    imgWrap.innerHTML = '<div style="display:flex;gap:8px;padding:12px 16px;background:#f0ece4;overflow-x:auto;border-bottom:1px solid #ddd">' + imgTags + '</div>';
  } else {
    imgWrap.innerHTML = '<div class="detail-img-placeholder">A&amp;I</div>';
  }

  // Populate Before/After compare tab
  const newTitle = title;
  const newDescRaw = item['Body (HTML)'] || item['Body'] || '';

  // BEFORE — from original CSV if loaded, otherwise note that original not loaded
  const origTitle = origItem ? (origItem['Title'] || origItem['title'] || '') : '';
  const origDescRaw = origItem ? (origItem['Body (HTML)'] || origItem['Body'] || '') : '';
  const origDescText = origDescRaw.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim();

  document.getElementById('compareOrigTitle').textContent = origTitle || (origItem === null ? '← Load original CSV' : '(no title)');
  document.getElementById('compareNewTitle').textContent = newTitle;
  document.getElementById('compareTitleLen').textContent = newTitle.length + '/80 chars';

  // Title changed indicator
  const titleChanged = origItem && origTitle && origTitle !== newTitle;
  document.getElementById('compareOrigTitle').style.color = titleChanged ? '#fc8181' : '';
  document.getElementById('compareNewTitle').style.color = titleChanged ? '#68d391' : '';

  document.getElementById('compareOrigDesc').innerHTML = origItem
    ? (origDescText || '(no description)')
    : '<em style="color:#999">Load original CSV to compare →</em>';

  document.getElementById('compareNewDesc').innerHTML = newDescRaw
    ? newDescRaw
    : '<em style="color:#999">No AI description yet</em>';

  document.getElementById('compareLabelRead').textContent = item['label_read'] || 'Not available — run vision rewrite';

  // Always show rescan button - flag if missing/identical
  const newDescClean = newDescRaw.replace(/<[^>]+>/g,' ').replace(/\s+/g,' ').trim();
  const isMissing = !newDescRaw || newDescRaw.trim() === '';
  const isIdentical = origItem && origDescText && newDescClean === origDescText;
  const titleSame = origItem && origTitle && origTitle === newTitle;
  const rescanWrap = document.getElementById('compareRescanWrap');
  const rescanWarning = document.getElementById('compareRescanWarning');
  const applyBtn = document.getElementById('compareApplyBtn');
  const compareStatus = document.getElementById('compareRescanStatus');
  rescanWrap.style.display = 'block';
  applyBtn.style.display = 'none';
  compareStatus.textContent = '';
  if (isMissing) {
    rescanWarning.textContent = '⚠ No AI rewrite found for this item';
    rescanWarning.style.color = '';
  } else if (isIdentical && titleSame) {
    rescanWarning.textContent = '⚠ AI rewrite appears identical to original — pipeline may have failed';
    rescanWarning.style.color = '';
  } else {
    rescanWarning.textContent = '';
    rescanWarning.style.color = '';
  }

  // If a fresh generated rewrite draft exists, show it in the compare tab so
  // operators can review the newest rescan before approval.
  if (detailCurrentItemId) {
    fetch(`${CANONICAL_API}/items/${detailCurrentItemId}/rewrite`)
      .then(r => r.json())
      .then(rw => {
        if (!rw || rw.status === 'not_generated' || rw.error || !rw.suggested_title) {
          detailLatestRewrite = null;
          applyBtn.style.display = 'none';
          return;
        }
        detailLatestRewrite = rw;
        const draftTitle = rw.suggested_title || newTitle;
        const draftDescRaw = rw.suggested_description || newDescRaw;
        const draftDescClean = String(draftDescRaw).replace(/<[^>]+>/g,' ').replace(/\s+/g,' ').trim();
        const draftTitleChanged = origItem && origTitle && origTitle !== draftTitle;

        document.getElementById('compareNewTitle').textContent = draftTitle;
        document.getElementById('compareTitleLen').textContent = draftTitle.length + '/80 chars';
        document.getElementById('compareNewTitle').style.color = draftTitleChanged ? '#68d391' : '';
        document.getElementById('compareNewDesc').innerHTML = draftDescRaw
          ? draftDescRaw
          : '<em style="color:#999">No AI description yet</em>';

        const draftIsMissing = !draftDescRaw || String(draftDescRaw).trim() === '';
        const draftTitleSame = origItem && origTitle && origTitle === draftTitle;
        const draftIsIdentical = origItem && origDescText && draftDescClean === origDescText;
        if (draftIsMissing) {
          rescanWarning.textContent = '⚠ No AI rewrite found for this item';
        } else if (draftIsIdentical && draftTitleSame) {
          rescanWarning.textContent = '⚠ Latest rewrite draft appears identical to original';
        } else {
          rescanWarning.textContent = '✓ Showing latest rewrite draft pending approval';
          rescanWarning.style.color = '#276749';
          applyBtn.style.display = 'block';
        }
      })
      .catch(() => {});
  }

  document.getElementById('detailTags').innerHTML = tags.map(t => '<span class="detail-tag">' + t + '</span>').join('');

  // New fields
  document.getElementById('detailDecade').textContent = item['decade'] || '—';
  document.getElementById('detailDressLength').textContent = item['dress_length'] || '—';
  document.getElementById('detailSleeve').textContent = item['sleeve_type'] || '—';
  document.getElementById('detailPattern').textContent = item['pattern_type'] || '—';
  document.getElementById('detailOccasion').textContent = item['occasion'] || '—';
  document.getElementById('detailCategoryId').textContent = item['ebay_category'] || getCategory(type);
  document.getElementById('detailLabelRead').textContent = item['label_read'] || '—';
  document.getElementById('detailCondition').textContent = item['condition_notes'] || '—';

  // Listing preview — show the full Body (HTML) as rendered
  const bodyHtml = item['Body (HTML)'] || item['Body'] || item['body_html'] || item['description'] || '';
  const previewEl = document.getElementById('detailListingPreview');
  if (bodyHtml) {
    previewEl.innerHTML = bodyHtml;
  } else {
    previewEl.innerHTML = '<p style="color:#999;font-style:italic">No description yet — run the vision rewrite script first.</p>';
  }

  // All fields tab
  const fieldsTable = document.getElementById('detailAllFields');
  const ebayFields = {
    '*Action': 'Add',
    'CustomLabel': item['Handle'] || '',
    '*Category': item['ebay_category'] || getCategory(type),
    '*Title': title,
    '*ConditionID': '3000',
    '*C:Brand': extractBrand(item),
    '*C:Size': size,
    '*C:Dress Length': item['dress_length'] || '',
    '*C:Colour': colour,
    '*C:Style': item['style'] || '',
    '*C:Department': 'Women',
    'C:Sleeve Length': item['sleeve_type'] || '',
    'C:Occasion': item['occasion'] || '',
    'C:Material': material,
    'C:Pattern': item['pattern_type'] || '',
    'C:Neckline': item['neckline'] || '',
    'C:Closure': item['closure_type'] || '',
    'C:Vintage': 'Yes',
    'C:Decade': item['decade'] || '',
    'C:Country of Origin': item['country_of_origin'] || '',
    '*StartPrice': '£' + price.toFixed(2),
    '*Format': 'FixedPrice',
    '*Duration': 'GTC',
    '*Location': 'Cirencester, England',
    'ShippingService': 'UK_RoyalMailSecondClassLarge',
    'ShippingCost': '£4.50',
    '*ReturnsAccepted': 'Yes — 30 days',
    'Label Read': item['label_read'] || '',
    'Condition Notes': item['condition_notes'] || ''
  };
  fieldsTable.innerHTML = Object.entries(ebayFields).map(([k,v]) =>
    '<tr style="border-bottom:1px solid var(--border)"><td style="padding:5px 8px;font-weight:600;color:#4a5568;width:45%">' + k + '</td><td style="padding:5px 8px">' + (v || '<span style=color:#ccc>—</span>') + '</td></tr>'
  ).join('');

  // Reset to info tab when opening
  switchDetailTab('info');

  const approved = approvedItems[id] || false;
  const btn = document.getElementById('detailApproveBtn');
  btn.textContent = approved ? '✓ Approved' : '✓ Approve for listing';
  btn.className = 'btn-detail-approve' + (approved ? ' approved' : '');

  document.getElementById('detailOverlay').classList.add('active');
  document.body.style.overflow = 'hidden';
}

async function applyLatestRewriteFromDetail() {
  const btn = document.getElementById('compareApplyBtn');
  const status = document.getElementById('compareRescanStatus');
  if (!detailCurrentItemId) {
    status.textContent = 'No item id available';
    status.style.color = '#e53e3e';
    return;
  }
  if (!detailLatestRewrite || !detailLatestRewrite.suggested_title) {
    status.textContent = 'No generated rewrite to apply yet';
    status.style.color = '#e53e3e';
    return;
  }

  const original = btn.textContent;
  btn.textContent = '⏳ Applying...';
  btn.disabled = true;
  status.textContent = '';

  try {
    const resp = await fetch(`${CANONICAL_API}/items/${detailCurrentItemId}/rewrite/approve`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        approved_title: detailLatestRewrite.suggested_title,
        approved_description: detailLatestRewrite.suggested_description,
        approved_category: detailLatestRewrite.suggested_category,
        approved_specifics: detailLatestRewrite.suggested_specifics,
        approved_material: detailLatestRewrite.suggested_material,
        approved_condition: detailLatestRewrite.suggested_condition,
        approved_by: 'detail_inline_apply'
      })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Approval failed');
    status.textContent = '✓ Latest rewrite applied';
    status.style.color = '#276749';
    showToast('✓ Rewrite applied to current listing');
    syncApprovedRewriteToMemory(detailCurrentItemId, detailCurrentId, data);
    setTimeout(() => openDetail(detailCurrentId, detailCurrentDateKey), 200);
  } catch (err) {
    status.textContent = 'Error: ' + (err.message || 'Approval failed');
    status.style.color = '#e53e3e';
  } finally {
    btn.textContent = original;
    btn.disabled = false;
  }
}

function switchDetailTab(tab) {
  document.getElementById('detailTabInfo').style.display = tab === 'info' ? '' : 'none';
  document.getElementById('detailTabCompare').style.display = tab === 'compare' ? '' : 'none';
  document.getElementById('detailTabListing').style.display = tab === 'listing' ? '' : 'none';
  document.getElementById('detailTabFields').style.display = tab === 'fields' ? '' : 'none';
  document.getElementById('detailTabEdit').style.display = tab === 'edit' ? '' : 'none';
  document.querySelectorAll('.detail-tab').forEach(t => t.classList.remove('active'));
  document.getElementById('tab-' + tab).classList.add('active');
  if (tab === 'edit') populateEditTab();
}

// v25: dynamic eBay specifics — each item type shows only its own relevant fields
const SPECIFICS_CONFIG = {
  'Dress':             [ { key:'style',         label:'*Style',        options:['A-Line','Bodycon','Cape','Empire Waist','Fit & Flare','Maxi','Mini','Peasant','Shift','Shirt','Slip','Smock','Straight','Swing','Trapeze','Tunic','Wrap'] },
                         { key:'dress_length',  label:'*Dress Length', options:['Knee Length','Maxi','Midi','Mini','Tea Length'] },
                         { key:'neckline',      label:'*Neckline',     options:['Boat Neck','Cowl Neck','Halterneck','High Neck','Off-the-Shoulder','One Shoulder','Round Neck','Scoop Neck','Square Neck','Strapless','Sweetheart','V-Neck'] } ],
  'Skirt':             [ { key:'style',         label:'*Style',        options:['A-Line','Bodycon','Maxi','Midi','Mini','Pencil','Pleated','Tiered','Wrap'] },
                         { key:'dress_length',  label:'*Length',       options:['Mini','Knee Length','Midi','Maxi','Tea Length'] } ],
  'Top / Blouse':      [ { key:'style',         label:'*Style',        options:['Bardot','Blouse','Bodysuit','Cami','Crop Top','Halterneck','Shirt','Tank','Tunic'] },
                         { key:'neckline',      label:'*Neckline',     options:['Boat Neck','Cowl Neck','Halterneck','High Neck','Off-the-Shoulder','One Shoulder','Round Neck','Scoop Neck','Square Neck','Strapless','Sweetheart','V-Neck'] },
                         { key:'sleeve_length', label:'Sleeve Length', options:['Sleeveless','Short Sleeve','3/4 Sleeve','Long Sleeve'] } ],
  'Coat / Jacket':     [ { key:'style',         label:'*Style',        options:['Blazer','Bomber','Cape','Coat','Fur & Faux Fur','Leather & Faux Leather','Military','Parka','Puffer & Quilted','Raincoat','Trench','Varsity','Waistcoat','Wrap'] },
                         { key:'closure',       label:'Closure',       options:['Belt','Button','Hook & Eye','No Closure','Zip'] } ],
  'Suit / Co-ord':     [ { key:'style',         label:'*Style',        options:['Co-ord Set','Skirt Suit','Shorts Suit','Trouser Suit'] },
                         { key:'neckline',      label:'Neckline',      options:['Boat Neck','Cowl Neck','Halterneck','High Neck','Round Neck','Scoop Neck','Square Neck','V-Neck'] } ],
  'Knitwear / Jumper': [ { key:'style',         label:'*Style',        options:['Cardigan','Jumper','Polo Neck','Turtleneck','Twin Set','Vest'] },
                         { key:'neckline',      label:'*Neckline',     options:['Boat Neck','Cowl Neck','High Neck','Round Neck','Scoop Neck','Turtleneck','V-Neck'] } ],
  'Jumpsuit / Playsuit':[ { key:'style',        label:'*Style',        options:['Jumpsuit','Playsuit','Romper'] },
                         { key:'neckline',      label:'*Neckline',     options:['Boat Neck','Cowl Neck','Halterneck','High Neck','Off-the-Shoulder','One Shoulder','Round Neck','Scoop Neck','Square Neck','Strapless','Sweetheart','V-Neck'] },
                         { key:'dress_length',  label:'Length',        options:['Mini','Knee Length','Midi','Maxi'] } ],
  'Trousers':          [ { key:'style',         label:'*Style',        options:['Bootcut','Capri','Cropped','Flared','Palazzo','Skinny','Slim','Straight','Tapered','Wide Leg'] } ],
  'Jeans':             [ { key:'style',         label:'*Style',        options:['Bootcut','Boyfriend','Flared','Mom','Skinny','Slim','Straight','Wide Leg'] } ],
  'Shoes':             [ { key:'heel_height',   label:'Heel Height',   options:['Flat (0 to 1/2 in.)','Low (1/2 to 1 1/2 in.)','Medium (1 1/2 to 2 1/2 in.)','High (2 1/2 to 3 1/2 in.)','Very High (3 1/2 in. and Up)'] },
                         { key:'heel_type',     label:'Heel Type',     options:['Block','Cone','Flat','Kitten','Platform','Stiletto','Wedge'] } ],
  'Boots':             [ { key:'shaft_style',   label:'*Shaft Style',  options:['Ankle','Chelsea','Knee-High','Mid-Calf','Over the Knee','Thigh-High'] },
                         { key:'heel_height',   label:'Heel Height',   options:['Flat (0 to 1/2 in.)','Low (1/2 to 1 1/2 in.)','Medium (1 1/2 to 2 1/2 in.)','High (2 1/2 to 3 1/2 in.)','Very High (3 1/2 in. and Up)'] } ],
  'Handbag':           [ { key:'style',         label:'*Style',        options:['Backpack','Clutch','Cross-Body Bag','Hobo','Mini Bag','Shoulder Bag','Tote','Wristlet'] },
                         { key:'closure',       label:'Closure',       options:['Buckle','Button','Clasp','Drawstring','Frame/Clasp','Hook & Eye','Magnetic Closure','No Closure','Toggle','Zip'] } ],
  'Hat':               [ { key:'style',         label:'*Style',        options:['Beret','Boater','Bucket Hat','Cloche','Cowboy','Fedora','Floppy','Pillbox','Straw','Turban','Wide Brim'] } ],
  'Costume Jewellery': [ { key:'jewellery_type',label:'*Type',         options:['Bracelet','Brooch','Earrings','Hair Accessory','Necklace','Pendant','Ring','Set'] },
                         { key:'metal',         label:'Metal',         options:['Gold Tone','Silver Tone','Rose Gold Tone','Brass','Copper','Mixed Metals','No Metal'] } ],
  'Scarf':             [ { key:'style',         label:'Style',         options:['Bandana','Pashmina','Sarong','Shawl','Square','Wrap'] } ],
};

// v26: auto-detect garment type from title when garment_type is null in D1
function detectTypeFromTitle(title) {
  if (!title) return '';
  const t = title.toLowerCase();
  if (t.includes('jumpsuit') || t.includes('playsuit') || t.includes('romper'))       return 'Jumpsuit / Playsuit';
  if (t.includes('jacket') || t.includes('blazer') || t.includes('coat') ||
      t.includes('parka')  || t.includes('trench') || t.includes('bomber') ||
      t.includes('anorak') || t.includes('waistcoat') || t.includes('gilet'))          return 'Coat / Jacket';
  if (t.includes('dress') || t.includes('gown'))                                       return 'Dress';
  if (t.includes('skirt'))                                                              return 'Skirt';
  if (t.includes('jeans') || t.includes('denim'))                                      return 'Jeans';
  if (t.includes('trousers') || t.includes('pants') || t.includes('culottes') ||
      t.includes('palazzo') || t.includes('flares'))                                   return 'Trousers';
  if (t.includes('jumper') || t.includes('knitwear') || t.includes('knit') ||
      t.includes('cardigan') || t.includes('pullover') || t.includes('sweater') ||
      t.includes('twin set') || t.includes('twinset'))                                 return 'Knitwear / Jumper';
  if (t.includes('suit') || t.includes('co-ord') || t.includes('coord'))               return 'Suit / Co-ord';
  if (t.includes('blouse') || t.includes('top') || t.includes('shirt') ||
      t.includes('cami') || t.includes('tunic') || t.includes('bodysuit'))             return 'Top / Blouse';
  if (t.includes('boots') || t.includes('ankle boot') || t.includes('chelsea'))       return 'Boots';
  if (t.includes('shoes') || t.includes('heels') || t.includes('pumps') ||
      t.includes('sandals') || t.includes('loafers') || t.includes('mules'))           return 'Shoes';
  if (t.includes('handbag') || t.includes('bag') || t.includes('tote') ||
      t.includes('clutch') || t.includes('purse'))                                     return 'Handbag';
  if (t.includes('scarf') || t.includes('stole') || t.includes('pashmina'))           return 'Scarf';
  if (t.includes('hat') || t.includes('beret') || t.includes('fedora') ||
      t.includes('fascinator'))                                                         return 'Hat';
  if (t.includes('necklace') || t.includes('bracelet') || t.includes('earring') ||
      t.includes('brooch') || t.includes('ring') || t.includes('jewellery') ||
      t.includes('jewelry') || t.includes('pendant'))                                  return 'Costume Jewellery';
  return '';
}

function renderSpecificsForType(type, existingVals) {
  const container = document.getElementById('ebaySpecificsContainer');
  if (!container) return;
  const fields = SPECIFICS_CONFIG[type] || [];
  if (!fields.length) {
    container.innerHTML = '<div style="font-size:11px;color:var(--slate-mid);padding:4px 0">No additional eBay specifics for this type.</div>';
    return;
  }
  const cols = fields.length === 1 ? '1fr 1fr 1fr' : fields.length === 2 ? '1fr 1fr' : '1fr 1fr 1fr';
  const sel  = (f) => {
    const v = existingVals ? (existingVals[f.key] || '') : '';
    return '<select id="ebaySpec_' + f.key + '" style="width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:13px;font-family:\'DM Mono\',monospace;background:white;color:var(--ink)">'
      + '<option value="">— select —</option>'
      + f.options.map(o => '<option' + (v === o ? ' selected' : '') + '>' + o + '</option>').join('')
      + '</select>';
  };
  container.innerHTML = '<div style="display:grid;grid-template-columns:' + cols + ';gap:10px">'
    + fields.map(f => '<div><div class="detail-meta-label">' + f.label + '</div>' + sel(f) + '</div>').join('')
    + '</div>';
}

function onTypeChange() {
  const type   = document.getElementById('editType').value;
  const d1item = detailCurrentId ? d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === detailCurrentId) : null;
  const existing = (() => { try { return JSON.parse(d1item?.ebay_specifics || '{}'); } catch(e) { return {}; } })();
  renderSpecificsForType(type, existing);
}

// Fuzzy-match a select dropdown — tries exact, then case-insensitive, then partial.
// Handles cases like "Chocolate Brown" → "Brown", "Floral lace with mesh lining" → "Lace"
function setSelectBestMatch(selectEl, value) {
  if (!selectEl || !value) return;
  const val = value.trim();
  const opts = Array.from(selectEl.options);
  const lower = val.toLowerCase();
  // 1. Exact match
  let match = opts.find(o => o.text === val || o.value === val);
  // 2. Case-insensitive exact
  if (!match) match = opts.find(o => o.text.toLowerCase() === lower);
  // 3. Option text is contained within the value ("Brown" inside "Chocolate Brown")
  if (!match) match = opts.filter(o => o.text && o.text.length > 1)
                          .find(o => lower.includes(o.text.toLowerCase()));
  // 4. Value is contained within option text
  if (!match) match = opts.find(o => o.text && o.text.toLowerCase().includes(lower));
  if (match) selectEl.value = match.value !== undefined ? match.value : match.text;
}

function populateEditTab() {
  if (!detailCurrentId) return;
  const ed = editedItems[detailCurrentId] || {};
  // v24: fix D1 fetch — batch of 3 concurrent pages (not sequential, not all-at-once); PAGE back to 200
  // v23: REVERTED — sequential fetch caused 60s timeout with 113 pages
  // v22: convert Colour, Material, Style, Dress Length, Neckline, Type inputs to eBay-valid dropdowns
  //      Type dropdown stores data-ebay-cat attribute with verified eBay UK category IDs
  // v21: D1 is primary source — no longer requires allItems (VISION CSV) to be loaded
  const d1 = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === detailCurrentId);
  const item = d1 || allItems.find(i => (i['Handle']||i['handle']) === detailCurrentId && (i['Title']||i['title']||'').trim());
  if (!item) return;
  const origForEdit = originalItemsMap[detailCurrentId] || {};
  const d1Specs = (() => { try { return JSON.parse(d1?.ebay_specifics || '{}'); } catch(e) { return {}; } })();
  document.getElementById('editTitle').value          = ed.title          || d1?.['Title']       || item['Title']    || item['title']    || '';
  document.getElementById('editPrice').value          = ed.price          || d1?.['Variant Price']|| item['Variant Price'] || item['price'] || '';
  document.getElementById('editBrand').value          = ed.brand          || d1?.brand            || item['Vendor']   || item['brand']   || '';
  const itemTitle = item['Title'] || item['title'] || '';
  const detectedType = ed.type || d1?.garment_type || item['Type'] || item['type'] || detectTypeFromTitle(itemTitle);
  document.getElementById('editType').value           = detectedType;
  document.getElementById('editSize').value           = ed.size           || d1?.size             || item['Variant Option1 Value'] || item['Option1 Value'] || '';
  setSelectBestMatch(document.getElementById('editColour'),   ed.colour   || d1?.colour   || d1Specs.colour   || item['colour']   || '');
  setSelectBestMatch(document.getElementById('editMaterial'), ed.material || d1?.material || d1Specs.material || item['material'] || item['Material'] || '');
  document.getElementById('editEra').value            = ed.era            || d1?.era              || item['era']      || '';
  document.getElementById('editTags').value           = ed.tags           || d1?.['Tags']         || item['Tags']     || item['tags']    || origForEdit['Tags'] || '';
  document.getElementById('editDesc').value           = ed.desc           || d1?.['Body (HTML)']  || item['Body (HTML)'] || item['Body'] || '';
  document.getElementById('editConditionNotes').value = ed.condition_notes|| d1?.condition_notes  || item['condition_notes'] || '';
  const invQtyVal = ed.inventory_qty ?? d1?.inventory_qty ?? item['inventory_qty'];
  document.getElementById('editInventoryQty').value = (invQtyVal !== null && invQtyVal !== undefined && invQtyVal !== '') ? invQtyVal : '';
  // Render dynamic specifics for the selected type, pre-populated from D1
  const typeForSpecs = detectedType;
  const specsVals = {};
  if (SPECIFICS_CONFIG[typeForSpecs]) {
    SPECIFICS_CONFIG[typeForSpecs].forEach(f => {
      specsVals[f.key] = (ed[f.key] !== undefined ? ed[f.key] : null) || d1Specs[f.key] || '';
    });
  }
  renderSpecificsForType(typeForSpecs, specsVals);
  document.getElementById('editPhotoPreview').innerHTML = '';
  document.getElementById('editRescanBtn').style.display = 'none';
  document.getElementById('editRescanStatus').textContent = '';
  updateEditCharCount();
}

function updateEditCharCount() {
  const val = document.getElementById('editTitle').value || '';
  const el = document.getElementById('editTitleCount');
  el.textContent = val.length;
  el.style.color = val.length > 80 ? '#e53e3e' : val.length > 70 ? '#dd6b20' : 'var(--slate-mid)';
}

async function saveEdits() {
  if (!detailCurrentId) return;
  const id = detailCurrentId;
  const title          = document.getElementById('editTitle').value.trim();
  const price          = document.getElementById('editPrice').value.trim();
  const brand          = document.getElementById('editBrand').value.trim();
  const type           = document.getElementById('editType').value.trim();
  const size           = document.getElementById('editSize').value.trim();
  const colour         = document.getElementById('editColour').value.trim();
  const material       = document.getElementById('editMaterial').value.trim();
  const era            = document.getElementById('editEra').value.trim();
  const tags           = document.getElementById('editTags').value.trim();
  const desc           = document.getElementById('editDesc').value;
  const condition_notes= document.getElementById('editConditionNotes').value.trim();
  const inventory_qty_raw = document.getElementById('editInventoryQty').value.trim();
  const inventory_qty  = inventory_qty_raw !== '' ? parseInt(inventory_qty_raw, 10) : null;
  // Collect dynamic specifics for the current type
  const specsToSave = {};
  const typeFields = SPECIFICS_CONFIG[type] || [];
  typeFields.forEach(f => {
    const el = document.getElementById('ebaySpec_' + f.key);
    if (el && el.value.trim()) specsToSave[f.key] = el.value.trim();
  });

  if (!editedItems[id]) editedItems[id] = {};
  if (title)           editedItems[id].title           = title;
  if (price)           editedItems[id].price           = price;
  if (brand)           editedItems[id].brand           = brand;
  if (type)            editedItems[id].type            = type;
  if (size)            editedItems[id].size            = size;
  if (colour)          editedItems[id].colour          = colour;
  if (material)        editedItems[id].material        = material;
  if (era)             editedItems[id].era             = era;
  if (tags)            editedItems[id].tags            = tags;
  if (desc)            editedItems[id].desc            = desc;
  if (condition_notes) editedItems[id].condition_notes = condition_notes;
  if (inventory_qty !== null) editedItems[id].inventory_qty = inventory_qty;
  Object.entries(specsToSave).forEach(([k,v]) => { editedItems[id][k] = v; });

  // Apply to allItems in memory
  allItems.forEach(item => {
    if ((item['Handle']||item['handle']) === id) {
      if (title)    { item['Title'] = title; item['title'] = title; }
      if (price)    { item['Variant Price'] = price; item['price'] = price; item.ebay_price = parseFloat(price); }
      if (brand)    { item['Vendor'] = brand; item['brand'] = brand; }
      if (type)     { item['Type'] = type; item['type'] = type; }
      if (size)     { item['Variant Option1 Value'] = size; item['Option1 Value'] = size; }
      if (colour)   { item['colour'] = colour; }
      if (material) { item['material'] = material; }
      if (era)      { item['era'] = era; }
      if (tags)     { item['Tags'] = tags; item['tags'] = tags; }
      if (desc)     { item['Body (HTML)'] = desc; item['Body'] = desc; }
    }
  });

  // Also update d1CatalogueItems so catalogue list re-renders immediately
  const didx = d1CatalogueItems.findIndex(i => (i['Handle']||i['handle']||i.parent_handle) === id);
  if (didx !== -1) {
    const d = d1CatalogueItems[didx];
    if (title)    { d['Title'] = title; d['title'] = title; }
    if (price)    { d.ebay_price = parseFloat(price); d['Variant Price'] = price; d['price'] = price; }
    if (brand)    { d['Vendor'] = brand; d['brand'] = brand; }
    if (type)     { d['Type'] = type; d['type'] = type; }
    if (size)     { d['Variant Option1 Value'] = size; d['Option1 Value'] = size; d['size'] = size; }
    if (colour)   { d['colour'] = colour; }
    if (material) { d['Material'] = material; d['material'] = material; }
    if (era)      { d['era'] = era; }
    if (tags)     { d['Tags'] = tags; d['tags'] = tags; }
    if (desc)     { d['Body (HTML)'] = desc; d['Body'] = desc; }
  }

  saveEditedItems();

  // Write to D1 if item_id is known
  const item_id = detailCurrentItemId;
  if (item_id) {
    // PATCH items table fields
    const patch = {};
    if (brand)           patch.brand            = brand;
    if (type)            patch.garment_type     = type;
    if (size)            patch.size             = size;
    if (colour)          patch.colour           = colour;
    if (material)        patch.material         = material;
    if (era)             patch.era              = era;
    if (tags)            patch.tags             = tags;
    if (price)           patch.ebay_price       = parseFloat(price);
    if (condition_notes) patch.condition_notes  = condition_notes;
    if (inventory_qty !== null) patch.inventory_qty = inventory_qty;
    if (Object.keys(patch).length) {
      try {
        await fetch(`${CANONICAL_API}/items/${item_id}`, {
          method: 'PATCH',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify(patch)
        });
      } catch(e) { console.error('D1 patch failed:', e); }
    }
    // PUT title + description to item_content so they persist in D1
    if (title || desc) {
      try {
        const fields = {};
        if (title) fields.title = title;
        if (desc)  fields.description = desc;
        await fetch(`${CANONICAL_API}/items/${item_id}/content`, {
          method: 'PUT',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ channel: 'ebay', fields, generated_by: 'operator' })
        });
        console.log('Title/desc saved to D1 item_content');
      } catch(e) { console.error('D1 title/desc PUT failed:', e); }
    }
    // PUT item_content specifics — dynamic per type, merged with existing
    if (Object.keys(specsToSave).length) {
      try {
        const d1item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === id);
        const existing = (() => { try { return JSON.parse(d1item?.ebay_specifics || '{}'); } catch(e) { return {}; } })();
        const merged = { ...existing, ...specsToSave };
        await fetch(`${CANONICAL_API}/items/${item_id}/content`, {
          method: 'PUT',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ channel: 'ebay', fields: { specifics: merged }, generated_by: 'operator' })
        });
        if (d1item) d1item.ebay_specifics = JSON.stringify(merged);
      } catch(e) { console.error('D1 specifics PUT failed:', e); }
    }
  }

  saveExtrasToKV();
  document.getElementById('btnDownloadCSV').style.display = 'inline-block';
  showToast('✓ Changes saved to D1');
  // Re-render catalogue list so edits (title, brand, price etc.) show immediately
  if (currentView === 'catalogue') filterCatalogue();
  openDetail(id, detailCurrentDateKey);
  switchDetailTab('edit');
}

function downloadUpdatedCSV() {
  if (!allItems.length) return;
  // Get headers from first item
  const headers = Object.keys(allItems[0]).filter(h => !h.startsWith('_'));
  const rows = [headers.map(h => '"'+h+'"').join(',')];
  allItems.forEach(item => {
    rows.push(headers.map(h => '"' + String(item[h]||'').replace(/"/g,'""') + '"').join(','));
  });
  const now = new Date();
  const ts = `${now.getFullYear()}${String(now.getMonth()+1).padStart(2,'0')}${String(now.getDate()).padStart(2,'0')}_${String(now.getHours()).padStart(2,'0')}${String(now.getMinutes()).padStart(2,'0')}`;
  downloadFile(rows.join('\n'), `master_assets_EDITED_${ts}.csv`, 'text/csv');
  showToast('✓ Updated CSV downloaded');
}

// ── DELETE / RESTORE ────────────────────────────────────────────
let deletedItems = [];

function loadDeletedItems() {
  try {
    const saved = localStorage.getItem('ava_iva_deleted');
    if (saved) deletedItems = JSON.parse(saved);
  } catch(e) { deletedItems = []; }
}

function saveDeletedItemsStore() {
  try { localStorage.setItem('ava_iva_deleted', JSON.stringify(deletedItems)); } catch(e) {}
}

function deleteItem(id) {
  if (!id) return;
  if (!confirm('Delete this item? It will be moved to the Deleted tab and can be restored.')) return;
  const item = allItems.find(i => (i['Handle']||i['handle']) === id && (i['Title']||i['title']||'').trim());
  if (item) {
    deletedItems.push({...item, _deletedAt: new Date().toLocaleDateString('en-GB')});
    saveDeletedItemsStore();
  }
  // Remove from allItems
  allItems = allItems.filter(i => (i['Handle']||i['handle']) !== id);
  closeDetailPanel();
  showToast('🗑 Item deleted — restore from Deleted tab');
  filterCatalogue();
  renderDeletedTab();
}

function restoreItem(idx) {
  const item = deletedItems[idx];
  if (!item) return;
  delete item._deletedAt;
  allItems.push(item);
  deletedItems.splice(idx, 1);
  saveDeletedItemsStore();
  showToast('✓ Item restored');
  filterCatalogue();
  renderDeletedTab();
}

function renderDeletedTab() {
  const container = document.getElementById('deletedContent');
  if (!container) return;
  document.getElementById('deletedCount').textContent = deletedItems.length;
  if (!deletedItems.length) {
    container.innerHTML = '<div class="empty-state-large"><span class="icon">🗑</span><h3>No deleted items</h3><p>Items you delete will appear here for recovery.</p></div>';
    return;
  }
  container.innerHTML = `<table class="live-table">
    <thead><tr><th>Brand / Title</th><th>Price</th><th>Deleted</th><th></th></tr></thead>
    <tbody>${deletedItems.map((item, idx) => `
      <tr>
        <td>
          <div style="font-family:'Cormorant Garamond',serif;font-size:15px">${extractBrand(item)}</div>
          <div style="font-size:10px;color:var(--slate-mid)">${item['Title']||item['title']||''}</div>
        </td>
        <td>£${parseFloat(item['Variant Price']||0).toFixed(0)}</td>
        <td style="font-size:11px;color:var(--slate-mid)">${item._deletedAt||'—'}</td>
        <td><button onclick="restoreItem(${idx})" style="font-size:10px;background:#c6f6d5;color:#276749;border:none;padding:4px 10px;border-radius:6px;cursor:pointer">Restore</button></td>
      </tr>`).join('')}
    </tbody></table>`;
}

// ── NEW PHOTOS & RESCAN ─────────────────────────────────────────
let newPhotosBase64 = [];

function handleNewPhotos(event) {
  const files = Array.from(event.target.files);
  newPhotosBase64 = [];
  const preview = document.getElementById('editPhotoPreview');
  preview.innerHTML = '';
  let loaded = 0;
  files.forEach((file, i) => {
    const reader = new FileReader();
    reader.onload = e => {
      newPhotosBase64[i] = e.target.result;
      const img = document.createElement('img');
      img.src = e.target.result;
      img.style.cssText = 'width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--border)';
      preview.appendChild(img);
      loaded++;
      if (loaded === files.length) {
        document.getElementById('editRescanBtn').style.display = 'block';
      }
    };
    reader.readAsDataURL(file);
  });
}

async function rescanWithNewPhotos() {
  if (!detailCurrentId || !newPhotosBase64.length) return;
  const item = allItems.find(i => (i['Handle']||i['handle']) === detailCurrentId && (i['Title']||i['title']||'').trim());
  if (!item) return;

  const btn = document.getElementById('editRescanBtn');
  const status = document.getElementById('editRescanStatus');
  btn.textContent = '⏳ Scanning...';
  btn.disabled = true;
  status.textContent = 'Sending to AI for analysis...';

  try {
    const imageContent = newPhotosBase64.map(b64 => ({
      type: 'image',
      source: { type: 'base64', media_type: 'image/jpeg', data: b64.split(',')[1] }
    }));

    const title = item['Title'] || item['title'] || '';
    const existingDesc = item['Body (HTML)'] || '';

    const response = await fetch('https://ava-iva-api.nick-32d.workers.dev', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        model: 'claude-sonnet-4-5',
        max_tokens: 1000,
        messages: [{
          role: 'user',
          content: [
            ...imageContent,
            { type: 'text', text: `You are writing a vintage clothing listing for Ava & Iva, a premium vintage boutique based in the Cotswolds.

Current title: ${title}
Existing description: ${existingDesc.replace(/<[^>]+>/g,'').slice(0,300)}

STEP 1 — Read every label photo carefully and extract:
- Brand name exactly as printed
- UK size and any EU/US size equivalents
- COMPLETE fibre content: read EVERY percentage and fibre listed
- Lining composition if stated
- Care instructions (Dry Clean Only, Hand Wash, etc.)
- Country of origin if visible

STEP 2 — Look at the garment photos and note colour, pattern, key design details, condition.

STEP 3 — Write the listing:
- Title: brand + decade + garment type + key detail + size (max 80 chars)
- Description: rich, evocative, premium language. Include ALL fibre percentages. Mention care instructions. Suggest styling. Note condition honestly.

Return ONLY a valid JSON object (no markdown, no backticks):
{"title":"improved title max 80 chars","body":"<div style=\\"font-family:Georgia,serif;font-size:14px;line-height:1.8\\"><p>...</p></div>","label_read":"complete label: brand, size, ALL fibre percentages, care"}` }
          ]
        }]
      })
    });

    const data = await response.json();
    const text = data.content?.filter(c => c.type === 'text').map(c => c.text).join('') || '';
    const clean = text.replace(/```json|```/g,'').trim();
    const parsed = JSON.parse(clean);

    if (parsed.title) document.getElementById('editTitle').value = parsed.title;
    if (parsed.body) document.getElementById('editDesc').value = parsed.body;

    // Extract material from label_read (everything after brand/size, fibre percentages)
    if (parsed.label_read) {
      const labelText = parsed.label_read;
      applyLabelToItem(detailCurrentId, labelText);
      const lrEl = document.getElementById('compareLabelRead');
      if (lrEl) lrEl.textContent = labelText;
    }

    // Upload new photos to R2 and add URLs to item
    if (newPhotosBase64.length && detailCurrentId) {
      status.textContent = 'Saving photos to R2...';
      try {
        const handle = detailCurrentId;
        const uploadResp = await fetch('https://ava-iva-r2-upload.nick-32d.workers.dev', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ sku: handle, photos: newPhotosBase64 })
        });
        const uploadData = await uploadResp.json();
        if (uploadData.ok && uploadData.urls.length) {
          // Add new URLs as new rows in allItems for this handle
          uploadData.urls.forEach((url, i) => {
            const newRow = { ...allItems.find(r => (r['Handle']||r['handle']) === handle) };
            newRow['Image Src'] = url;
            newRow['Image Position'] = 99 + i;
            allItems.push(newRow);
          });
          // Refresh photo strip
          const imgWrap = document.getElementById('detailImageWrap');
          const allImgs = allItems.filter(r => (r['Handle']||r['handle']) === handle && (r['Image Src']||r['image_src']));
          const imgUrls = allImgs.map(r => r['Image Src']||r['image_src']).filter(Boolean);
          const imgTags = imgUrls.map(u => '<img src="' + u + '" style="height:120px;width:auto;border-radius:4px;object-fit:cover;flex-shrink:0;cursor:pointer" onclick="this.style.height=this.style.height===\'240px\'?\'120px\':\'240px\'" onerror="this.style.display=\'none\'">').join('');
          imgWrap.innerHTML = '<div style="display:flex;gap:8px;padding:12px 16px;background:#f0ece4;overflow-x:auto;border-bottom:1px solid #ddd">' + imgTags + '</div>';
          showToast('✓ ' + uploadData.urls.length + ' photo(s) saved to R2');
        }
      } catch(uploadErr) {
        console.warn('R2 upload failed:', uploadErr.message);
        // Don't block — rescan result is still good
      }
    }

    updateEditCharCount();
    document.getElementById('btnDownloadCSV').style.display = 'inline-block';
    saveExtrasToKV();
    status.textContent = '✓ AI rescan complete — review and save';
    status.style.color = '#276749';
    btn.textContent = '✦ Rescan AI Rewrite with New Photos';
    btn.disabled = false;
  } catch(err) {
    status.textContent = 'Error: ' + err.message;
    status.style.color = '#e53e3e';
    btn.textContent = '✦ Rescan AI Rewrite with New Photos';
    btn.disabled = false;
  }
}

setTimeout(() => {
  // Restore view from URL hash (survives mobile Safari tab kills)
  const hashView = window.location.hash.replace('#', '');
  if (hashView && document.getElementById('view-' + hashView)) {
    showView(hashView);
    console.log('Restored view from hash:', hashView);
  }
  try { loadDeletedItems(); } catch(e) { console.warn('loadDeletedItems:', e.message); }
  try { loadEditedItems(); } catch(e) { console.warn('loadEditedItems:', e.message); }
  try { autoLoadCSVFromR2(); } catch(e) { console.warn('autoLoadCSVFromR2:', e.message); }
  // Load D1 silently in background for item_id/pricing lookups only — never overwrites CSV display
  try { loadCatalogueFromD1(false, true); } catch(e) { console.warn('loadCatalogueFromD1:', e.message); }
}, 800);

async function regenCurrentItem() {
  const btn = document.getElementById('btnRegenThis');
  const status = document.getElementById('regenThisStatus');
  const itemId = detailCurrentItemId || (d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === detailCurrentId)?.item_id);
  if (!itemId) {
    status.textContent = 'Error: no item id for rewrite';
    status.style.color = 'var(--rose)';
    return;
  }
  btn.textContent = '⏳ Regenerating...';
  btn.disabled = true;
  status.textContent = '';
  try {
    await queueTrustedRewrite(itemId, detailCurrentId);
    status.textContent = '✓ Rewrite queued — review in Rewrite tab';
    status.style.color = 'var(--sage)';
    await loadRewriteQueue();
  } catch(err) {
    status.textContent = 'Error: ' + err.message;
    status.style.color = 'var(--rose)';
  } finally {
    btn.textContent = '✦ Regenerate AI Write-up (existing photos)';
    btn.disabled = false;
  }
}

async function regenItem(item) {
  const handle = item['Handle'] || item['handle'] || item.parent_handle || '';
  const itemId = item.item_id || (d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle)?.item_id);
  if (!itemId) throw new Error('No item id for rewrite');
  await queueTrustedRewrite(itemId, handle);
  showToast('✦ Rewrite queued for review');
}

async function regenAllLabelScanned() {
  const extras = await loadFromKV('catalogue_extras');
  const handles = Object.keys((extras && extras.edits) || {});
  if (!handles.length) { showToast('No label-scanned items found in KV', true); return; }
  const btn = document.getElementById('btnRegenAll');
  btn.disabled = true;
  let done = 0;
  for (const handle of handles) {
    const item = allItems.find(i => (i['Handle']||i['handle']) === handle && (i['Title']||i['title']||'').trim());
    if (!item) continue;
    btn.textContent = `⏳ Regenerating ${done+1}/${handles.length}…`;
    try {
      await regenItem(item);
      done++;
      await new Promise(r => setTimeout(r, 800)); // rate limit
    } catch(e) {
      console.warn('Regen failed for', handle, e.message);
    }
  }
  btn.textContent = '✦ Regenerate All Label-Scanned Items';
  btn.disabled = false;
  showToast('✓ Regenerated ' + done + ' items');
}

async function rescanCurrentItem() {
  const btn = document.getElementById('compareRescanBtn');
  const status = document.getElementById('compareRescanStatus');
  if (!detailCurrentId) return;
  const itemId = detailCurrentItemId || (d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === detailCurrentId)?.item_id);
  if (!itemId) {
    status.textContent = 'No item id — cannot queue rewrite';
    status.style.color = '#e53e3e';
    return;
  }
  btn.textContent = '⏳ Scanning...';
  btn.disabled = true;
  status.textContent = 'Queueing safe Worker rewrite...';

  try {
    await queueTrustedRewrite(itemId, detailCurrentId);
    status.textContent = '✓ Rewrite queued safely — review in Rewrite tab';
    status.style.color = '#276749';
    document.getElementById('compareRescanWrap').style.display = 'none';
    await loadRewriteQueue();
    showToast('✦ Safe rewrite queued for review');

  } catch(err) {
    status.textContent = 'Error: ' + (err.message || 'Unknown error');
    status.style.color = '#e53e3e';
  } finally {
    btn.textContent = '✦ Rescan with AI now';
    btn.disabled = false;
  }
}

function saveEditedItems() {
  try { localStorage.setItem('ava_iva_edits', JSON.stringify(editedItems)); } catch(e) {}
}

// Parse label_read string into structured fields
function parseLabelRead(labelText) {
  if (!labelText) return {};
  const result = {};
  // Split label at "lining" to separate main fabric from lining
  const liningIdx = labelText.toLowerCase().indexOf('lining');
  const mainPart = liningIdx > -1 ? labelText.slice(0, liningIdx) : labelText;
  // Match each "NN% word(s)" - stop before next percentage or comma or end
  const fibreMatches = mainPart.match(/\d+%\s*(?:virgin\s+)?[a-zA-Z]+/gi);
  if (fibreMatches && fibreMatches.length) {
    result.material = fibreMatches.map(m => m.trim()).join(', ');
  }
  // Lining
  if (liningIdx > -1) {
    const liningPart = labelText.slice(liningIdx);
    const lm = liningPart.match(/lining[:/\s]+([^,.]+)/i);
    if (lm) result.lining = lm[1].trim();
  }
  // Care
  const careMatch = labelText.match(/(dry clean only|hand wash only|machine wash)[^,.)]*/i);
  if (careMatch) result.care = careMatch[0].trim();
  // Size UK
  const sizeMatch = labelText.match(/UK\s*(\d+)/i);
  if (sizeMatch) result.size = sizeMatch[1];
  // Country
  const countryMatch = labelText.match(/made in\s+([A-Za-z ]+)/i);
  if (countryMatch) result.country = countryMatch[1].trim();
  return result;
}

// Apply parsed label fields to all rows for a handle
function applyLabelToItem(handle, labelText) {
  const parsed = parseLabelRead(labelText);
  allItems.forEach(i => {
    if ((i['Handle']||i['handle']) === handle) {
      i['label_read'] = labelText;
      if (parsed.material) { i['material'] = parsed.material; i['Material'] = parsed.material; }
      if (parsed.size) { i['Variant Option1 Value'] = parsed.size; }
      if (parsed.country) { i['country_of_origin'] = parsed.country; }
    }
  });
}

function loadEditedItems() {
  try {
    const saved = localStorage.getItem('ava_iva_edits');
    if (saved) editedItems = JSON.parse(saved);
  } catch(e) {}
}

function closeDetailPanel() {
  document.getElementById('detailOverlay').classList.remove('active');
  document.body.style.overflow = '';
  detailCurrentId = null;
}

function closeDetail(e) {
  if (e.target === document.getElementById('detailOverlay')) closeDetailPanel();
}


// ================================================================
// REWRITE MODULE
// ================================================================

let rwCurrentTab = 'queue';
let rwAllCards = [];  // cached rewrite data for filtering

async function loadRewriteQueue() {
  document.getElementById('rewriteMeta').textContent = 'Loading…';
  try {
    // Fetch items that have rewrites in each state
    const [queueResp, approvedResp, rescanResp] = await Promise.all([
      fetch(`${CANONICAL_API}/items?rewrite_status=generated&limit=100`),
      fetch(`${CANONICAL_API}/items?rewrite_status=approved&limit=100`),
      fetch(`${CANONICAL_API}/items?rewrite_status=needs_rescan&limit=100`),
    ]);

    const queueData    = queueResp.ok    ? await queueResp.json()    : { results: [] };
    const approvedData = approvedResp.ok ? await approvedResp.json() : { results: [] };
    const rescanData   = rescanResp.ok   ? await rescanResp.json()   : { results: [] };

    const queueItems    = queueData.results    || [];
    const approvedItems = approvedData.results || [];
    const rescanItems   = rescanData.results   || [];

    document.getElementById('rwQueueCount').textContent    = queueItems.length;
    document.getElementById('rwApprovedCount').textContent = approvedItems.length;
    document.getElementById('rwRescanCount').textContent   = rescanItems.length;
    document.getElementById('rewriteCount').textContent    = queueItems.length;
    document.getElementById('rewriteMeta').textContent     =
      `${queueItems.length} in queue · ${approvedItems.length} approved · ${rescanItems.length} need rescan`;

    renderRewriteList('queue',    queueItems,    'rwContent-queue',    'queue is empty — generate rewrites from Full Catalogue');
    renderRewriteList('approved', approvedItems, 'rwContent-approved', 'No approved rewrites yet');
    renderRewriteList('rescan',   rescanItems,   'rwContent-rescan',   'No items awaiting rescan');

  } catch(e) {
    document.getElementById('rewriteMeta').textContent = 'Error loading rewrite queue: ' + e.message;
  }
}

function switchRewriteTab(tab) {
  rwCurrentTab = tab;
  document.querySelectorAll('.rw-subtab').forEach(b => b.classList.remove('active'));
  document.getElementById('rwtab-' + tab).classList.add('active');
  document.querySelectorAll('[id^="rwContent-"]').forEach(el => el.style.display = 'none');
  document.getElementById('rwContent-' + tab).style.display = 'block';
}

function filterRewriteCards() {
  const q = document.getElementById('rewriteSearchInput').value.toLowerCase();
  document.querySelectorAll('.rw-card').forEach(card => {
    const text = card.dataset.searchText || '';
    card.style.display = (!q || text.includes(q)) ? '' : 'none';
  });
}

function renderRewriteList(tab, items, containerId, emptyMsg) {
  const container = document.getElementById(containerId);
  if (!items.length) {
    container.innerHTML = `<div class="empty-state-large">
      <span class="icon">${tab === 'approved' ? '✓' : tab === 'rescan' ? '🔍' : '✍'}</span>
      <h3>${emptyMsg}</h3></div>`;
    return;
  }
  container.innerHTML = items.map(item => buildRewriteCard(item, tab)).join('');
}

function buildRewriteCard(item, tab) {
  const rw = item.rewrite || {};
  const images = (item.images || []).slice(0, 4);
  const flags  = Array.isArray(rw.flags) ? rw.flags : (rw.flags ? JSON.parse(rw.flags) : []);
  const conf   = rw.confidence || 'Medium';
  const handle = item.parent_handle || item.item_id;
  const sourceItem = originalItemsMap[handle] || null;

  const existingTitle = sourceItem
    ? (sourceItem['Title'] || sourceItem['title'] || '(missing source title)')
    : '(missing source title)';
  const existingDescRaw = sourceItem
    ? (sourceItem['Body (HTML)'] || sourceItem['Body'] || '(missing source description)')
    : '(missing source description)';
  // Strip HTML tags for display
  const existingDesc = existingDescRaw.replace(/<[^>]+>/g, ' ').replace(/\s{2,}/g, ' ').trim();
  const sugTitle      = rw.suggested_title || existingTitle;
  const sugDesc       = rw.suggested_description || existingDesc;
  const sugCategory   = rw.suggested_category || item.category || '—';
  const internalNote  = rw.internal_note || '';

  const specifics = rw.suggested_specifics
    ? (typeof rw.suggested_specifics === 'string' ? JSON.parse(rw.suggested_specifics) : rw.suggested_specifics)
    : {};

  const searchText = [handle, sugTitle, item.brand, item.category].join(' ').toLowerCase();

  const flagChips = flags.map(f => {
    const isError = ['SIZE_MISSING','NO_IMAGES','MATERIAL_CONFLICT'].includes(f);
    return `<span class="rw-flag-chip${isError ? ' error' : ''}">${f.replace(/_/g,' ')}</span>`;
  }).join('');

  // Images — use R2 URLs from item.images, fall back to placeholder
  const imageHtml = images.length
    ? images.map(img => `<img src="${img.url}" alt="" loading="lazy" onerror="this.style.display='none'">`).join('')
    : `<div style="width:100%;aspect-ratio:1;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:11px;text-align:center;padding:8px">No images<br>in D1</div>`;

  const specRows = Object.entries(specifics)
    .filter(([, v]) => v)
    .slice(0, 8)
    .map(([k, v]) => `<div class="rw-spec-row"><span class="rw-spec-key">${k.replace(/_/g,' ')}</span><span class="rw-spec-val">${v}</span></div>`)
    .join('');

  const requiresReview = rw.requires_review ? `<span style="background:#fee2e2;color:#991b1b;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px">REVIEW REQUIRED</span>` : '';

  const actionButtons = tab === 'queue' ? `
    <button class="btn-approve" onclick="approveRewrite('${item.item_id}', '${handle}', this)">✓ Approve</button>
    <button class="btn-edit-approve" onclick="openEditPanel('${item.item_id}')">✏ Edit &amp; Approve</button>
    <button class="btn-rescan-rw" onclick="requestRescan('${item.item_id}', '${handle}', this)">🔍 Rescan</button>
    <button class="btn-reject-rw" onclick="rejectRewrite('${item.item_id}', '${handle}', this)">✕ Reject</button>
  ` : tab === 'approved' ? `
    <span style="color:#16a34a;font-weight:600;font-size:13px">✓ Approved ${rw.approved_at ? new Date(rw.approved_at).toLocaleDateString('en-GB') : ''}</span>
    <button class="btn-secondary" onclick="generateRewrite('${item.item_id}', '${handle}', this)" style="font-size:12px;padding:6px 12px;margin-left:8px">↺ Re-generate</button>
  ` : `
    <span style="color:#854d0e;font-weight:600;font-size:13px">🔍 Awaiting rescan</span>
    <button class="btn-approve" onclick="generateRewrite('${item.item_id}', '${handle}', this)" style="margin-left:8px">↺ Re-generate</button>
  `;

  return `
<div class="rw-card rw-status-${rw.rewrite_status || 'generated'}" id="rwcard-${item.item_id}" data-search-text="${searchText}">
  <div class="rw-card-header">
    <span style="font-size:13px;font-weight:700;color:#1a1a2e;flex:1">${item.brand || ''}${item.brand ? ' · ' : ''}${item.garment_type || item.category || 'Item'}</span>
    <span class="rw-confidence-badge ${conf}">${conf}</span>
    ${requiresReview}
    <span class="rw-card-handle">${handle}</span>
  </div>

  ${flagChips ? `<div style="padding:8px 18px;background:#fffbeb;border-bottom:1px solid #fde68a">${flagChips}</div>` : ''}

  <div class="rw-card-body">
    <div class="rw-images">${imageHtml}</div>

    <div class="rw-col">
      <div class="rw-col-label">Original</div>
      <div class="rw-col-title">${existingTitle}</div>
      <div class="rw-col-desc" id="origdesc-${item.item_id}">${existingDesc.replace(/</g,'&lt;')}</div>
    </div>

    <div class="rw-col">
      <div class="rw-col-label">✦ Suggested</div>
      <div class="rw-col-title" style="color:#4f46e5">${sugTitle}</div>
      <div class="rw-col-desc" id="sugdesc-${item.item_id}">${sugDesc.replace(/</g,'&lt;')}</div>
      <span class="rw-expand-desc" onclick="toggleDesc('sugdesc-${item.item_id}',this)">Show more</span>
      ${sugCategory ? `<div style="margin-top:10px;font-size:11px"><span style="color:#888">Category: </span><strong>${sugCategory}</strong></div>` : ''}
      ${specRows ? `<div class="rw-specifics">${specRows}</div>` : ''}
    </div>
  </div>

  <!-- Edit panel (hidden until Edit & Approve clicked) -->
  <div class="rw-edit-panel" id="rwedit-${item.item_id}">
    <div class="rw-edit-panel-title">✏ Edit before approving — changes here become the approved version</div>
    <label style="font-size:11px;color:#555;font-weight:600">Title</label>
    <input type="text" class="rw-edit-field" id="rwtitle-${item.item_id}" value="${(sugTitle || '').replace(/"/g,'&quot;')}" maxlength="80">
    <label style="font-size:11px;color:#555;font-weight:600">Description</label>
    <textarea class="rw-edit-field" id="rwdesc-${item.item_id}" rows="6">${(sugDesc || '').replace(/</g,'&lt;')}</textarea>
    <label style="font-size:11px;color:#555;font-weight:600">Category</label>
    <input type="text" class="rw-edit-field" id="rwcat-${item.item_id}" value="${(sugCategory || '').replace(/"/g,'&quot;')}">
    <div style="display:flex;gap:10px;margin-top:4px">
      <button class="btn-approve" onclick="approveRewriteEdited('${item.item_id}', this)">✓ Approve Edited Version</button>
      <button class="btn-reject-rw" onclick="closeEditPanel('${item.item_id}')">Cancel</button>
    </div>
  </div>

  <div class="rw-card-footer">
    ${internalNote ? `<div class="rw-internal-note">💬 ${internalNote}</div>` : '<div class="rw-internal-note"></div>'}
    <div style="display:flex;gap:8px;align-items:center">${actionButtons}</div>
  </div>
</div>`;
}

function toggleDesc(id, btn) {
  const el = document.getElementById(id);
  if (el.classList.contains('expanded')) {
    el.classList.remove('expanded');
    btn.textContent = 'Show more';
  } else {
    el.classList.add('expanded');
    btn.textContent = 'Show less';
  }
}

function openEditPanel(item_id) {
  document.getElementById('rwedit-' + item_id).classList.add('open');
}

function closeEditPanel(item_id) {
  document.getElementById('rwedit-' + item_id).classList.remove('open');
}

async function generateRewrite(item_id, handle, btn) {
  const orig = btn.textContent;
  btn.textContent = '…generating';
  btn.disabled = true;
  try {
    await queueTrustedRewrite(item_id, handle);
    showToast(`✓ Rewrite generated for ${handle}`);
    await loadRewriteQueue();
    switchRewriteTab('queue');
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function generateRewriteFromCat(item_id, handle, btn) {
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;
  try {
    await queueTrustedRewrite(item_id, handle);
    showToast(`✦ Rewrite queued: ${handle.split('-').slice(0,3).join(' ')}`);
    btn.outerHTML = '<span style="color:#b7791f;font-size:9px;font-family:DM Mono,monospace">⏳ IN QUEUE</span>';
    // Increment rewrite nav badge
    const badge = document.getElementById('rewriteCount');
    if (badge) badge.textContent = (parseInt(badge.textContent)||0) + 1;
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function approveRewrite(item_id, handle, btn) {
  const title       = document.getElementById('rwtitle-' + item_id)?.value;
  const description = document.getElementById('rwdesc-'  + item_id)?.value;
  const category    = document.getElementById('rwcat-'   + item_id)?.value;
  btn.textContent = '…approving';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/rewrite/approve`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ approved_title: title, approved_description: description, approved_category: category, approved_by: 'operator' })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Approval failed');
    syncApprovedRewriteToMemory(item_id, handle, data);
    showToast('✓ Rewrite approved for ' + handle);
    document.getElementById('rwcard-' + item_id)?.remove();
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = '✓ Approve';
    btn.disabled = false;
  }
}

async function approveRewriteEdited(item_id, btn) {
  const title       = document.getElementById('rwtitle-' + item_id)?.value;
  const description = document.getElementById('rwdesc-'  + item_id)?.value;
  const category    = document.getElementById('rwcat-'   + item_id)?.value;

  btn.textContent = '…approving';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/rewrite/approve`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ approved_title: title, approved_description: description, approved_category: category, approved_by: 'operator' })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Approval failed');
    const handle = d1CatalogueItems.find(i => i.item_id === item_id)?.parent_handle || '';
    syncApprovedRewriteToMemory(item_id, handle, data);
    showToast('✓ Edited version approved');
    document.getElementById('rwcard-' + item_id)?.remove();
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = '✓ Approve Edited Version';
    btn.disabled = false;
  }
}

async function rejectRewrite(item_id, handle, btn) {
  if (!confirm(`Reject this rewrite for ${handle}?`)) return;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/rewrite/reject`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ rejected_by: 'operator' })
    });
    if (!resp.ok) throw new Error('Rejection failed');
    showToast(`Rewrite rejected for ${handle}`);
    document.getElementById('rwcard-' + item_id)?.remove();
  } catch(e) {
    showToast('✕ ' + e.message, true);
  }
}

async function requestRescan(item_id, handle, btn) {
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/rewrite/rescan`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ requested_by: 'operator' })
    });
    if (!resp.ok) throw new Error('Rescan request failed');
    showToast(`🔍 Marked for rescan: ${handle}`);
    document.getElementById('rwcard-' + item_id)?.remove();
  } catch(e) {
    showToast('✕ ' + e.message, true);
  }
}

// Hook into the catalogue — add Generate Rewrite button to catalogue items
function addRewriteButtonToCatalogueCard(item_id, handle, container) {
  const btn = document.createElement('button');
  btn.className = 'btn-secondary';
  btn.style.cssText = 'font-size:11px;padding:4px 10px;margin-top:6px;width:100%';
  btn.textContent = '✍ Generate Rewrite';
  btn.onclick = (e) => {
    e.stopPropagation();
    generateRewrite(item_id, handle, btn);
  };
  container.appendChild(btn);
}

async function detailApprove() {
  if (!detailCurrentId) return;
  const btn = document.getElementById('detailApproveBtn');
  const wasApproved = approvedItems[detailCurrentId] || false;
  const nowApproved = !wasApproved;

  // Write to D1 via Worker
  const item_id = detailCurrentItemId;
  if (item_id) {
    btn.disabled = true;
    try {
      const patchBody = { status: nowApproved ? 'queued' : 'reviewed' };
      if (nowApproved && detailCurrentPrice > 0) patchBody.ebay_price = detailCurrentPrice;
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(patchBody)
      });
      let data = null;
      try { data = await resp.json(); } catch (_) {}
      if (!resp.ok) throw new Error(data?.error || `Listing approval failed (${resp.status})`);
    } catch(e) {
      console.error('Approve write failed:', e);
      showToast('✕ ' + (e.message || 'Approve write failed'), true);
      btn.disabled = false;
      return;
    }
    finally { btn.disabled = false; }
  }

  // Update local state only after Worker save succeeds
  if (detailCurrentDateKey) {
    toggleApprove(detailCurrentId, detailCurrentDateKey);
  } else {
    if (nowApproved) { approvedItems[detailCurrentId] = true; }
    else { delete approvedItems[detailCurrentId]; }
    saveEditedItems();
  }

  btn.textContent = nowApproved ? '✓ Approved' : '✓ Approve for listing';
  btn.className = 'btn-detail-approve' + (nowApproved ? ' approved' : '');
  showToast(nowApproved ? '✓ Approved for listing' : 'Approval removed');
}


// ================================================================
// EXPORT MODULE
// ================================================================

let exportReadyItems = [];
let exportExportedItems = [];
let exportLiveItems = [];
let exportSelected = new Set();
let exportCurrentTab = 'queue';

// ================================================================
// LIVE LISTINGS VIEW
// ================================================================

async function loadLiveView() {
  const meta = document.getElementById('liveMeta');
  const container = document.getElementById('liveContent');
  if (meta) meta.textContent = 'Loading…';
  try {
    const resp = await fetch(`${CANONICAL_API}/items?status=live&limit=500`);
    const data = resp.ok ? await resp.json() : { items: [] };
    liveItems = data.items || [];

    // Update nav + masthead counts
    document.getElementById('liveCount').textContent = liveItems.length;
    document.getElementById('statLive').textContent = liveItems.length;
    if (meta) meta.textContent = `${liveItems.length} items live on eBay`;

    if (!liveItems.length) {
      container.innerHTML = `<div class="empty-state-large"><span class="icon">∅</span><h3>No live listings yet</h3><p>Upload your eBay File Exchange response CSV via Export → Import eBay Report CSV to mark items as listed.</p></div>`;
      return;
    }

    // Group by updated_at date (proxy for listing date)
    const byDate = {};
    liveItems.forEach(item => {
      const d = item.updated_at || '';
      const dateKey = d ? new Date(d).toLocaleDateString('en-GB', {day:'2-digit',month:'short',year:'numeric'}) : 'Unknown date';
      if (!byDate[dateKey]) byDate[dateKey] = [];
      byDate[dateKey].push(item);
    });

    // Sort dates descending (most recent first)
    const sortedDates = Object.entries(byDate).sort((a, b) => {
      const da = new Date(a[1][0].updated_at || 0);
      const db = new Date(b[1][0].updated_at || 0);
      return db - da;
    });

    const html = sortedDates.map(([dateKey, items]) => `
      <div style="margin-bottom:24px">
        <div style="font-size:11px;font-family:'DM Mono',monospace;color:var(--slate-mid);padding:6px 0;border-bottom:2px solid var(--border);margin-bottom:6px;display:flex;justify-content:space-between">
          <span>✓ Listed ${dateKey}</span>
          <strong>${items.length} item${items.length>1?'s':''}</strong>
        </div>
        ${items.map((item, idx) => {
          const contentTitle = item.content?.ebay?.title;
          const title = contentTitle || item.ebay_title || item.title || (item.parent_handle||'').replace(/-/g,' ');
          const colour = item.colour || '';
          const material = item.material || '';
          const location = (item.tags||'').match(/\b(FCR\d+|FB\d+|SB\d+|SR\d+|1EBAY|R\d{1,2})\b/)?.[0] || '—';
          const price = item.ebay_price || item.price || '—';
          const meta = [item.brand, item.size, colour, material].filter(Boolean).join(' · ');
          const listedD = item.updated_at ? new Date(item.updated_at) : null;
          const daysSince = listedD ? Math.floor((Date.now()-listedD)/86400000) : null;
          const daysColor = daysSince >= 30 ? '#9b2c2c' : daysSince >= 14 ? '#b7791f' : '#276749';
          const safeId = JSON.stringify(item.item_id||'');
          return `
          <div style="border-bottom:1px solid var(--border)">
            <div onclick="openDetailFromLive(${safeId})" style="cursor:pointer;display:grid;grid-template-columns:40px 1fr 70px 20px;gap:10px;align-items:center;padding:9px 4px;transition:background 0.1s" onmouseover="this.style.background='#f7f3ed'" onmouseout="this.style.background='transparent'" title="Open full item detail">
              <img src="${item.primary_image||''}" style="width:36px;height:36px;object-fit:cover;border-radius:4px;background:#f1f5f9;flex-shrink:0" onerror="this.style.opacity='0'">
              <div style="min-width:0;overflow:hidden">
                <div style="font-size:13px;font-weight:600;font-family:'Cormorant Garamond',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${title}</div>
                <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${meta}${meta&&location?' · ':''}${location}</div>
              </div>
              <div style="text-align:right">
                <div style="font-size:14px;font-weight:700;font-family:'DM Mono',monospace">£${price}</div>
                ${daysSince!==null ? `<div style="font-size:9px;font-family:'DM Mono',monospace;color:${daysColor}">${daysSince}d</div>` : ''}
              </div>
              <span style="font-size:12px;color:var(--slate-mid)">→</span>
            </div>
          </div>`;
        }).join('')}
      </div>
    `).join('');

    container.innerHTML = html;
  } catch(e) {
    if (meta) meta.textContent = 'Error: ' + e.message;
    container.innerHTML = `<div class="empty-state-large"><span class="icon">!</span><h3>Failed to load</h3><p>${e.message}</p></div>`;
  }
}

function openDetailFromLive(itemId) {
  // Find item in liveItems or exportLiveItems
  const item = (liveItems||[]).find(i => i.item_id === itemId) ||
               (exportLiveItems||[]).find(i => i.item_id === itemId);
  if (!item) return;
  const handle = item.parent_handle;
  if (!handle) return;
  // Inject into d1CatalogueItems if not already present (catalogue may not be loaded)
  const existing = d1CatalogueItems.find(i => i.item_id === itemId || i.parent_handle === handle);
  if (!existing) d1CatalogueItems.push(normaliseD1Item(item));
  openDetail(handle, null);
}

function toggleLiveRow(rowId) {
  // Legacy stub — rows now open detail panel directly via openDetailFromLive
}

async function loadExportView() {
  document.getElementById('exportMeta').textContent = 'Loading…';
  try {
    const [readyResp, exportedResp, liveResp] = await Promise.all([
      fetch(`${CANONICAL_API}/export/ready?limit=500`),
      fetch(`${CANONICAL_API}/items?status=exported&limit=500`),
      fetch(`${CANONICAL_API}/items?status=live&limit=500`)
    ]);
    const readyData = await readyResp.json();
    const exportedData = exportedResp.ok ? await exportedResp.json() : { items: [] };
    const liveData = liveResp.ok ? await liveResp.json() : { items: [] };

    exportReadyItems = readyData.items || [];
    exportExportedItems = exportedData.items || [];
    exportLiveItems = liveData.items || [];

    const estimated = exportReadyItems.filter(i => i.pricing_mode === 'estimated' || !i.comp_count).length;
    const evidenced = exportReadyItems.length - estimated;

    document.getElementById('exportReadyCount').textContent = exportReadyItems.length;
    document.getElementById('exportEstimatedCount').textContent = estimated;
    document.getElementById('exportEvidencedCount').textContent = evidenced;
    document.getElementById('exportCount').textContent = exportReadyItems.length;
    document.getElementById('exportedCount').textContent = exportExportedItems.length;
    document.getElementById('listedCount').textContent = exportLiveItems.length;
    document.getElementById('exportMeta').textContent = `${exportReadyItems.length} ready · ${exportExportedItems.length} exported · ${exportLiveItems.length} listed`;

    switchExportTab(exportCurrentTab);
  } catch(e) {
    document.getElementById('exportMeta').textContent = 'Error: ' + e.message;
  }
}

function switchExportTab(tab) {
  exportCurrentTab = tab;
  ['queue','exported','live'].forEach(t => {
    const btn = document.getElementById(`etab-${t}`);
    if (btn) btn.style.background = t === tab ? 'var(--ink)' : '#e2e8f0';
    if (btn) btn.style.color = t === tab ? 'white' : 'var(--ink)';
  });
  const actionBtns = document.getElementById('exportActionBtns');
  const warning = document.getElementById('exportWarning');
  const stats = document.getElementById('exportStats');
  const importBar = document.getElementById('importEbayReportBar');
  if (actionBtns) actionBtns.style.display = tab === 'queue' ? 'flex' : 'none';
  if (warning) warning.style.display = tab === 'queue' ? 'block' : 'none';
  if (stats) stats.style.display = tab === 'queue' ? 'flex' : 'none';

  if (tab === 'queue') renderExportItems();
  else if (tab === 'exported') renderExportedItems();
  else renderLiveItems();
}

function renderExportItems() {
  const container = document.getElementById('exportContent');
  if (!exportReadyItems.length) {
    container.innerHTML = `<div class="empty-state-large">
      <span class="icon">↓</span>
      <h3>No items ready to export</h3>
      <p>Items need both an approved rewrite and an approved price before they can be exported.</p>
    </div>`;
    return;
  }

  container.innerHTML = exportReadyItems.map(item => {
    const isEstimated = item.pricing_mode === 'estimated' || !item.comp_count;
    const priceBg = isEstimated ? '#fff3cd' : '#d1fae5';
    const priceColor = isEstimated ? '#92400e' : '#065f46';
    const checked = exportSelected.has(item.item_id) ? 'checked' : '';

    return `<div style="background:white;border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:grid;grid-template-columns:auto 60px 1fr auto auto;gap:12px;align-items:center">
      <input type="checkbox" ${checked} onchange="toggleExportItem('${item.item_id}',this.checked)"
        style="width:16px;height:16px;cursor:pointer">
      <img src="${item.primary_image || ''}" style="width:56px;height:56px;object-fit:cover;border-radius:4px;background:#f1f5f9" onerror="this.style.display='none'">
      <div>
        <div style="font-size:13px;font-weight:600;font-family:'Cormorant Garamond',serif">${item.title}</div>
        <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace">${item.location} · ${item.size || '—'} · ${item.colour || '—'}</div>
        ${item.condition_text ? `<div style="font-size:10px;color:var(--slate-mid)">${item.condition_text.slice(0,80)}</div>` : ''}
      </div>
      <div style="text-align:right">
        <div style="font-size:18px;font-weight:700;color:var(--ink)">£${item.price}</div>
        <span style="font-size:9px;padding:2px 6px;border-radius:8px;background:${priceBg};color:${priceColor};font-family:'DM Mono',monospace">${isEstimated ? 'ESTIMATE' : 'EVIDENCED'}</span>
      </div>
      <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end">
        <span>${item.images.length} photos · ${item.route}</span>
        ${item.status === 'live' 
          ? `<span style="color:#276749;font-size:9px">✓ Listed</span>`
          : `<button onclick="markAsListed('${item.item_id}',this)" style="font-size:9px;background:#276749;color:white;border:none;padding:2px 8px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace">✓ Mark Listed</button>`
        }
        <button onclick="removeFromExport('${item.item_id}',this)" style="font-size:9px;background:#fed7d7;color:#9b2c2c;border:none;padding:2px 8px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace">✕ Remove</button>
      </div>
    </div>`;
  }).join('');

  updateExportSelectedCount();
}

function renderExportedItems() {
  const container = document.getElementById('exportContent');
  if (!exportExportedItems.length) {
    container.innerHTML = `<div class="empty-state-large"><span class="icon">↓</span><h3>No exported items</h3><p>Items will appear here after CSV export.</p></div>`;
    return;
  }
  container.innerHTML = exportExportedItems.map(item => {
    const title = item.content?.ebay?.title || item.ebay_title || item.title || (item.parent_handle||'').replace(/-/g,' ');
    const exportedAt = item.exported_at ? new Date(item.exported_at).toLocaleDateString('en-GB') : '—';
    return `<div style="background:white;border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:grid;grid-template-columns:60px 1fr auto auto;gap:12px;align-items:center">
      <img src="${item.primary_image || ''}" style="width:56px;height:56px;object-fit:cover;border-radius:4px;background:#f1f5f9" onerror="this.style.display='none'">
      <div>
        <div style="font-size:13px;font-weight:600;font-family:'Cormorant Garamond',serif">${title}</div>
        <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace">Exported ${exportedAt} · ${item.size || '—'} · ${item.colour || '—'}</div>
      </div>
      <div style="font-size:18px;font-weight:700;color:var(--ink)">${item.price ? '£'+item.price : '—'}</div>
      <button onclick="markAsListed('${item.item_id}',this)" style="font-size:9px;background:#276749;color:white;border:none;padding:4px 10px;border-radius:8px;cursor:pointer;font-family:'DM Mono',monospace">✓ Mark Listed</button>
    </div>`;
  }).join('');
}

function renderLiveItems() {
  const container = document.getElementById('exportContent');
  if (!exportLiveItems.length) {
    container.innerHTML = `<div class="empty-state-large"><span class="icon">✓</span><h3>No listed items</h3><p>Upload an eBay report CSV to mark items as listed.</p></div>`;
    return;
  }
  const byDate = {};
  exportLiveItems.forEach(item => {
    const d = item.updated_at || '';
    const dateKey = d ? new Date(d).toLocaleDateString('en-GB', {day:'2-digit',month:'short',year:'numeric'}) : 'Unknown date';
    if (!byDate[dateKey]) byDate[dateKey] = [];
    byDate[dateKey].push(item);
  });
  const sortedDates = Object.entries(byDate).sort((a,b) => new Date(b[1][0].updated_at||0) - new Date(a[1][0].updated_at||0));
  const html = sortedDates.map(([dateKey, items]) => `
    <div style="margin-bottom:24px">
      <div style="font-size:11px;font-family:'DM Mono',monospace;color:var(--slate-mid);padding:6px 0;border-bottom:2px solid var(--border);margin-bottom:6px;display:flex;justify-content:space-between">
        <span>✓ Listed ${dateKey}</span><strong>${items.length} item${items.length>1?'s':''}</strong>
      </div>
      ${items.map((item,idx) => {
        const title = item.content?.ebay?.title || item.ebay_title || item.title || (item.parent_handle||'').replace(/-/g,' ');
        const colour = item.colour || '';
        const material = item.material || '';
        const location = (item.tags||'').match(/\b(FCR\d+|FB\d+|SB\d+|SR\d+|R\d{1,2})\b/)?.[0] || '—';
        const price = item.ebay_price || item.price || '—';
        const meta = [item.brand, item.size, colour, material].filter(Boolean).join(' · ');
        const listedD = item.updated_at ? new Date(item.updated_at) : null;
        const daysSince = listedD ? Math.floor((Date.now()-listedD)/86400000) : null;
        const daysLabel = daysSince !== null ? `${daysSince}d` : '';
        const daysColor = daysSince >= 30 ? '#9b2c2c' : daysSince >= 14 ? '#b7791f' : '#276749';
        const safeId = JSON.stringify(item.item_id||'');
        return `
        <div style="border-bottom:1px solid var(--border)">
          <div onclick="openDetailFromLive(${safeId})" style="cursor:pointer;display:grid;grid-template-columns:40px 1fr 70px 20px;gap:10px;align-items:center;padding:9px 4px" onmouseover="this.style.background='#f7f3ed'" onmouseout="this.style.background='transparent'" title="Open full item detail">
            <img src="${item.primary_image||''}" style="width:36px;height:36px;object-fit:cover;border-radius:4px;background:#f1f5f9" onerror="this.style.opacity='0'">
            <div style="min-width:0;overflow:hidden">
              <div style="font-size:13px;font-weight:600;font-family:'Cormorant Garamond',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${title}</div>
              <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${meta}${meta&&location?' · ':''}${location}</div>
            </div>
            <div style="text-align:right">
              <div style="font-size:14px;font-weight:700;font-family:'DM Mono',monospace">£${price}</div>
              ${daysLabel ? `<div style="font-size:9px;font-family:'DM Mono',monospace;color:${daysColor}">${daysLabel}</div>` : ''}
            </div>
            <span style="font-size:12px;color:var(--slate-mid)">→</span>
          </div>
        </div>`;
      }).join('')}
    </div>`).join('');
  container.innerHTML = `<div style="font-size:12px;font-family:'DM Mono',monospace;color:#276749;font-weight:600;margin-bottom:12px">${exportLiveItems.length} items live on eBay</div>${html}`;
}

function toggleExportItem(item_id, checked) {
  if (checked) exportSelected.add(item_id);
  else exportSelected.delete(item_id);
  updateExportSelectedCount();
}

function selectAllExport() {
  if (exportSelected.size === exportReadyItems.length) {
    exportSelected.clear();
  } else {
    exportReadyItems.forEach(i => exportSelected.add(i.item_id));
  }
  renderExportItems();
}

function updateExportSelectedCount() {
  document.getElementById('exportSelectedCount').textContent = exportSelected.size;
}

async function downloadExportCSV() {
  const selected = [...exportSelected];
  if (!selected.length) { showToast('Select items to export first', true); return; }

  const btn = document.getElementById('exportDownloadBtn');
  btn.textContent = '…generating';
  btn.disabled = true;

  try {
    const resp = await fetch(`${CANONICAL_API}/export/batch`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ item_ids: selected })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Export failed');

    // Trigger CSV download
    const blob = new Blob([data.csv], { type: 'text/csv;charset=utf-8;' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `ava-iva-ebay-${data.batch_ref}.csv`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);

    showToast(`✓ Exported ${data.count} items — ${data.batch_ref}`);
    exportSelected.clear();
    await loadExportView();
  } catch(e) {
    showToast('✕ ' + e.message, true);
  } finally {
    btn.textContent = '↓ Export Selected CSV';
    btn.disabled = false;
  }
}

async function markAsListed(item_id, btn) {
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;
  try {
    const now = new Date().toISOString();
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
      method: 'PATCH',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ status: 'live' })
    });
    if (!resp.ok) throw new Error('Failed');
    btn.outerHTML = `<span style="color:#276749;font-size:9px;font-family:'DM Mono',monospace">✓ Listed</span>`;
    showToast('✓ Marked as listed');
    const liveEl = document.getElementById('liveCount');
    if (liveEl) liveEl.textContent = (parseInt(liveEl.textContent)||0) + 1;
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

function parseCSVLine(line) {
  const result = [];
  let current = '';
  let inQuotes = false;
  for (let i = 0; i < line.length; i++) {
    const ch = line[i];
    if (ch === '"') { inQuotes = !inQuotes; }
    else if (ch === ',' && !inQuotes) { result.push(current); current = ''; }
    else { current += ch; }
  }
  result.push(current);
  return result.map(s => s.trim().replace(/^"|"$/g, ''));
}

async function resetExportedItems() {
  if (!exportExportedItems.length) { showToast('No exported items to reset'); return; }
  if (!confirm(`Reset all ${exportExportedItems.length} exported items back to ready? This cannot be undone.`)) return;
  showToast('Resetting…');
  let ok = 0, fail = 0;
  for (const item of exportExportedItems) {
    try {
      const resp = await fetch(`${CANONICAL_API}/items/${item.item_id}`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ status: 'ai_generated', exported_at: null })
      });
      if (resp.ok) ok++; else fail++;
    } catch(e) { fail++; }
  }
  showToast(`✓ Reset ${ok} items${fail ? ` · ${fail} failed` : ''}`);
  await loadExportView();
}

async function importEbayReport(event) {
  const file = event.target.files[0];
  if (!file) return;
  event.target.value = '';
  let text;
  try { text = await file.text(); } catch(e) { showToast('Could not read file', true); return; }

  const lines = text.split('\n').filter(l => l.trim());
  if (lines.length < 2) { showToast('No data rows found', true); return; }

  const headers = parseCSVLine(lines[0]);
  const labelIdx     = headers.findIndex(h => h.toLowerCase() === 'customlabel');
  const statusIdx    = headers.findIndex(h => h.toLowerCase() === 'status');
  const startTimeIdx = headers.findIndex(h => h.toLowerCase() === 'starttime');
  const errorMsgIdx  = headers.findIndex(h => h.toLowerCase() === 'errormessage');

  if (labelIdx === -1) { showToast('Not a valid eBay File Exchange report — CustomLabel column missing', true); return; }

  const rows = lines.slice(1).map(l => parseCSVLine(l));

  // Separate successes from failures
  const toMark = rows.filter(r => (r[statusIdx]||'').toLowerCase() !== 'failure' && (r[labelIdx]||'').length > 3);
  const failures = rows.filter(r => (r[statusIdx]||'').toLowerCase() === 'failure' && (r[labelIdx]||'').length > 3);

  // Resolve a CustomLabel (handle or UUID) → { item_id, title }
  function resolveLabel(label) {
    label = label.trim();
    // v35+ worker: CustomLabel = parent_handle
    let d1 = d1CatalogueItems.find(i => (i.parent_handle || i['Handle'] || i['handle']) === label);
    // v34 and earlier: CustomLabel = item_id UUID
    if (!d1) d1 = d1CatalogueItems.find(i => i.item_id === label);
    if (d1) return { item_id: d1.item_id, handle: d1.parent_handle || label, title: d1['Title'] || d1['title'] || d1.parent_handle || label };
    return { item_id: label, handle: label, title: label };
  }

  if (!toMark.length && !failures.length) { showToast('No items found in report', true); return; }

  showToast(`Marking ${toMark.length} item${toMark.length!==1?'s':''} as listed…`);

  let ok = 0, patchFail = 0;
  for (const row of toMark) {
    const { item_id } = resolveLabel(row[labelIdx]);
    try {
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ status: 'live' })
      });
      if (resp.ok) ok++; else patchFail++;
    } catch(e) { patchFail++; }
  }

  // Show failure panel if any eBay rejections
  if (failures.length) {
    const failHtml = failures.map(r => {
      const { handle, title } = resolveLabel(r[labelIdx]);
      // Extract first meaningful error sentence
      const rawErr = (r[errorMsgIdx] || '').split('|').map(s=>s.trim()).filter(s=>s && !s.startsWith('Error -'))[0] || r[errorMsgIdx] || 'Unknown error';
      const shortErr = rawErr.replace(/^Error\s*[-–]\s*/i,'').replace(/Add .* and then try again\./i,'').trim().slice(0,120);
      return `<div style="padding:8px 0;border-bottom:1px solid #fed7d7;cursor:pointer" onclick="openDetailFromLabel('${handle}')" title="Click to open item">
        <div style="font-size:12px;font-weight:600;font-family:'Cormorant Garamond',serif;color:#c53030">${title}</div>
        <div style="font-size:10px;font-family:'DM Mono',monospace;color:#742a2a;margin-top:2px">${shortErr}</div>
      </div>`;
    }).join('');

    const modal = document.createElement('div');
    modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center';
    modal.innerHTML = `<div style="background:white;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.3)">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">
        <div style="font-size:16px;font-weight:700;font-family:'Cormorant Garamond',serif;color:#c53030">⚠ ${failures.length} item${failures.length!==1?'s':''} rejected by eBay</div>
        <button onclick="this.closest('[style*=fixed]').remove()" style="background:none;border:none;font-size:20px;cursor:pointer;color:#718096">×</button>
      </div>
      <div style="font-size:11px;font-family:'DM Mono',monospace;color:#718096;margin-bottom:12px">Click any item to open it and fix the issue, then re-export.</div>
      ${failHtml}
      <div style="margin-top:16px;font-size:11px;font-family:'DM Mono',monospace;color:#276749">✓ ${ok} item${ok!==1?'s':''} marked as listed successfully</div>
    </div>`;
    document.body.appendChild(modal);
  }

  if (!failures.length) showToast(`✓ ${ok} items marked as Listed${patchFail ? ` · ${patchFail} patch errors` : ''}`);
  await loadExportView();
}

// Open item detail from a handle or UUID — used by importEbayReport failure panel
function openDetailFromLabel(label) {
  const d1 = d1CatalogueItems.find(i => (i.parent_handle||i['Handle']||i['handle']) === label || i.item_id === label);
  if (d1) {
    const handle = d1.parent_handle || d1['Handle'] || label;
    openDetail(handle, null);
  } else {
    showToast('Item not in loaded catalogue — switch to Catalogue tab first', true);
  }
}

async function removeFromExport(item_id, btn) {
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
      method: 'PATCH',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ status: 'reviewed' })
    });
    if (!resp.ok) throw new Error('Failed');
    exportReadyItems = exportReadyItems.filter(i => i.item_id !== item_id);
    exportSelected.delete(item_id);
    renderExportItems();
    updateExportSelectedCount();
    showToast('Removed from export queue');
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}


let pricingCurrentTab = 'queue';
let pricingItems = { queue: [], approved: [], review: [], pending: [], error: [] };

async function loadPricingView(reset) {
  document.getElementById('pricingMeta').textContent = 'Loading…';
  try {
    const [queueResp, approvedResp, reviewResp, pendingResp, errorResp] = await Promise.all([
      fetch(`${CANONICAL_API}/pricing/queue?status=generated&limit=100`),
      fetch(`${CANONICAL_API}/pricing/queue?status=approved&limit=100`),
      fetch(`${CANONICAL_API}/pricing/queue?status=overridden&limit=100`),
      fetch(`${CANONICAL_API}/pricing/queue?status=pending&limit=100`),
      fetch(`${CANONICAL_API}/pricing/queue?status=error&limit=100`),
    ]);

    const queueData    = queueResp.ok    ? await queueResp.json()    : { results: [] };
    const approvedData = approvedResp.ok ? await approvedResp.json() : { results: [] };
    const reviewData   = reviewResp.ok   ? await reviewResp.json()   : { results: [] };
    const pendingData  = pendingResp.ok  ? await pendingResp.json()  : { results: [] };
    const errorData    = errorResp.ok    ? await errorResp.json()    : { results: [] };

    pricingItems.queue    = queueData.results    || [];
    pricingItems.approved = approvedData.results || [];
    pricingItems.review   = reviewData.results   || [];
    pricingItems.pending  = pendingData.results  || [];
    pricingItems.error    = errorData.results    || [];

    document.getElementById('ptabCount-queue').textContent    = pricingItems.queue.length;
    document.getElementById('ptabCount-approved').textContent = pricingItems.approved.length;
    document.getElementById('ptabCount-review').textContent   = pricingItems.review.length;
    document.getElementById('ptabCount-pending').textContent  = pricingItems.pending.length;
    document.getElementById('ptabCount-error').textContent    = pricingItems.error.length;
    document.getElementById('pricingCount').textContent       = pricingItems.queue.length;
    document.getElementById('pricingMeta').textContent =
      `${pricingItems.queue.length} to review · ${pricingItems.approved.length} approved · ${pricingItems.pending.length} pending · ${pricingItems.error.length} errors`;

    renderPricingTab(pricingCurrentTab);
  } catch(e) {
    document.getElementById('pricingMeta').textContent = 'Error: ' + e.message;
  }
}

function switchPricingTab(tab) {
  pricingCurrentTab = tab;
  ['queue','approved','review','pending','error'].forEach(t => {
    const btn = document.getElementById('ptab-' + t);
    if (btn) {
      btn.style.background = t === tab ? 'var(--ink)' : '#e2e8f0';
      btn.style.color = t === tab ? 'white' : 'var(--ink)';
    }
  });
  renderPricingTab(tab);
}

function renderPricingTab(tab) {
  const container = document.getElementById('pricingContent');
  const items = pricingItems[tab] || [];
  if (!items.length) {
    const msgs = { queue: 'No priced items to review — use £ Price button in Full Catalogue', approved: 'No approved prices yet', review: 'No items need manual review', pending: 'No pricing jobs running', error: 'No pricing errors — all good' };
    container.innerHTML = `<div class="empty-state-large"><span class="icon">£</span><h3>${msgs[tab]}</h3></div>`;
    return;
  }
  container.innerHTML = items.map(item => buildPricingCard(item, tab)).join('');
  // Load comp records for each card asynchronously
  items.forEach(item => loadCompsForCard(item.item_id));
}

async function loadCompsForCard(item_id) {
  const container = document.getElementById('comps-' + item_id);
  if (!container) return;
  try {
    const resp = await fetch(`${CANONICAL_API}/comps/for/${item_id}`);
    const data = await resp.json();
    const comps = data.comps || [];
    if (!comps.length) {
      container.innerHTML = `<div style="font-size:10px;font-family:'DM Mono',monospace;color:#a0aec0">No comp records stored yet</div>`;
      return;
    }
    container.innerHTML = `
      <div style="font-size:10px;font-family:'DM Mono',monospace;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px">
        Comp Evidence — ${comps.length} record${comps.length > 1 ? 's' : ''}
      </div>
      <div style="display:flex;flex-direction:column;gap:4px">
        ${comps.map(c => {
          const qColor = c.match_quality === 'exact' ? '#276749' : c.match_quality === 'near' ? '#2c5282' : '#744210';
          const qBg = c.match_quality === 'exact' ? '#c6f6d5' : c.match_quality === 'near' ? '#bee3f8' : '#fefcbf';
          return `<div style="display:flex;gap:8px;align-items:center;padding:5px 8px;background:#f7fafc;border-radius:5px;font-size:11px">
            <strong style="color:var(--ink);font-family:'DM Mono',monospace;min-width:40px">£${c.sold_price}</strong>
            <span style="color:var(--slate-mid)">${c.source || '—'}</span>
            <span style="font-size:9px;padding:1px 6px;border-radius:8px;background:${qBg};color:${qColor};font-family:'DM Mono',monospace">${c.match_quality || 'broad'}</span>
            ${c.source_url ? `<a href="${c.source_url}" target="_blank" style="color:#2c5282;font-size:10px;margin-left:auto">↗ link</a>` : ''}
            ${c.notes ? `<span style="color:#a0aec0;font-size:10px;font-style:italic">${c.notes.slice(0,60)}</span>` : ''}
          </div>`;
        }).join('')}
      </div>`;
  } catch(e) {
    container.innerHTML = `<div style="font-size:10px;color:#a0aec0">Could not load comps</div>`;
  }
}

async function repricFromComps(item_id, handle, btn) {
  const orig = btn.textContent;
  btn.textContent = '…searching';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`, { method: 'POST' });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');
    showToast(`↺ Re-priced: £${data.price_standard} (${data.comp_count} comps, ${data.pricing_mode})`);
    await loadPricingView();
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

function buildPricingCard(item, tab) {
  const p = item;
  const handle = item.parent_handle || item.item_id;
  const title = item.ebay_title || handle;
  const primaryImg = item.primary_image || '';
  const grade = p.pricing_certainty_grade || '?';
  const gradeColor = { A:'#276749', B:'#2c5282', C:'#744210', D:'#742a2a' }[grade] || '#4a5568';
  const gradeBg   = { A:'#c6f6d5', B:'#bee3f8', C:'#fefcbf', D:'#fed7d7' }[grade] || '#e2e8f0';
  const reasonCodes = Array.isArray(p.pricing_reason_codes) ? p.pricing_reason_codes : (() => { try { return JSON.parse(p.pricing_reason_codes || '[]'); } catch(e) { return []; } })();
  const compCount = p.comp_sold_count || 0;
  const isEstimated = compCount === 0 || p.pricing_source_summary?.includes('estimate');
  const isPartial = compCount === 1;
  const modeLabel = isEstimated ? 'ESTIMATE' : isPartial ? 'PARTIAL' : 'EVIDENCED';
  const modeBg    = isEstimated ? '#fff3cd' : isPartial ? '#fef3c7' : '#d1fae5';
  const modeColor = isEstimated ? '#92400e' : isPartial ? '#78350f' : '#065f46';
  const modeBorder = isEstimated ? '#fbbf24' : isPartial ? '#f59e0b' : '#6ee7b7';

  const flags = [];
  if (p.hold_recommended)   flags.push({ label:'HOLD', color:'#2c5282', bg:'#bee3f8' });
  if (p.premium_hold_bias)  flags.push({ label:'PREMIUM', color:'#553c9a', bg:'#e9d8fd' });
  if (p.markdown_candidate) flags.push({ label:'MARKDOWN CANDIDATE', color:'#744210', bg:'#fefcbf' });
  if (!p.in_season_flag)    flags.push({ label:'OUT OF SEASON', color:'#4a5568', bg:'#e2e8f0' });
  const flagChips = flags.map(f =>
    `<span style="font-size:9px;padding:2px 7px;border-radius:10px;background:${f.bg};color:${f.color};font-family:'DM Mono',monospace;font-weight:600">${f.label}</span>`
  ).join('');
  const aiScanDate = formatDateShort(item.last_rewrite_scan_at);
  const priceScanDate = formatDateShort(item.last_price_scan_at);

  const actionBtns = tab === 'queue' ? `
    <button onclick="approvePricing('${item.item_id}','${handle}',this)"
      style="background:#276749;color:white;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">✓ Approve £${p.price_standard}</button>
    <button onclick="repricFromComps('${item.item_id}','${handle}',this)"
      style="background:#2c5282;color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">↺ Re-price</button>
    <button onclick="printLabelForPricingItem('${item.item_id}')"
      style="background:#edf2f7;color:var(--ink);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">🖨 Print Label</button>`
    : tab === 'approved' ? `<span style="font-size:11px;color:#276749;font-family:'DM Mono',monospace">✓ Approved £${p.override_price || p.price_standard}</span>
    <button onclick="repricFromComps('${item.item_id}','${handle}',this)"
      style="background:#2c5282;color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">↺ Re-price</button>
    <button onclick="printLabelForPricingItem('${item.item_id}')"
      style="background:#edf2f7;color:var(--ink);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">🖨 Print Label</button>
    <button onclick="approveForListingFromPricing('${item.item_id}',this)"
      style="background:#744210;color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">✓ Approve for listing</button>`
    : `<button onclick="approvePricing('${item.item_id}','${handle}',this)"
      style="background:#744210;color:white;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">Approve anyway £${p.price_standard}</button>
    <button onclick="printLabelForPricingItem('${item.item_id}')"
      style="background:#edf2f7;color:var(--ink);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">🖨 Print Label</button>
    <button onclick="approveForListingFromPricing('${item.item_id}',this)"
      style="background:#744210;color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">✓ Approve for listing</button>`;

  return `<div id="pcard-${item.item_id}" style="background:white;border:1px solid var(--border);border-radius:10px;padding:20px;display:grid;grid-template-columns:80px 1fr;gap:16px">
    <div>
      ${primaryImg ? `<img src="${primaryImg}" style="width:80px;height:80px;object-fit:cover;border-radius:6px" onerror="this.style.display='none'">` : '<div style="width:80px;height:80px;background:#f1f5f9;border-radius:6px"></div>'}
    </div>
    <div>
      <!-- Header -->
      <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px">
        <div>
          <div style="font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600">${title}</div>
          <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace">${handle}</div>
          <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;font-size:9px;color:#718096;font-family:'DM Mono',monospace">
            <span>AI rescan: ${aiScanDate}</span>
            <span>Price scan: ${priceScanDate}</span>
            <span>${escHtml(item.label_location || item.tags || '—')}</span>
          </div>
        </div>
        <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px">
          <span style="font-size:10px;padding:3px 10px;border-radius:10px;background:${gradeBg};color:${gradeColor};font-family:'DM Mono',monospace;font-weight:700;white-space:nowrap">Grade ${grade}</span>
          ${p.current_listed_price ? `<span style="font-size:10px;font-family:'DM Mono',monospace;color:var(--slate-mid)">Listed: <strong>£${p.current_listed_price}</strong></span>` : '<span style="font-size:10px;font-family:\'DM Mono\',monospace;color:#cbd5e0">Not listed</span>'}
        </div>
      </div>

      <!-- Evidence banner -->
      <div style="background:${modeBg};border:1px solid ${modeBorder};border-radius:6px;padding:8px 12px;margin-bottom:12px;display:flex;align-items:center;gap:10px">
        <span style="font-size:10px;font-weight:700;font-family:'DM Mono',monospace;color:${modeColor}">${modeLabel}</span>
        <span style="font-size:11px;color:${modeColor}">
          ${isEstimated ? 'No verified comp data — AI estimate only. Validate before acting.'
            : isPartial ? `1 comp found — limited evidence. Grade capped at B.`
            : `${compCount} sold comp(s) found — evidence-based pricing.`}
        </span>
      </div>

      <!-- Price bands -->
      <div style="display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap">
        <div style="text-align:center;min-width:70px">
          <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;margin-bottom:2px">QUICK SALE</div>
          <div style="font-size:22px;font-weight:600;color:var(--ink)">£${p.price_quick_sale || '—'}</div>
        </div>
        <div style="text-align:center;min-width:70px;border-left:2px solid ${isEstimated ? '#fbbf24' : 'var(--gold)'};padding-left:16px">
          <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;margin-bottom:2px">STANDARD</div>
          <div style="font-size:22px;font-weight:700;color:${isEstimated ? '#92400e' : 'var(--gold)'}">£${p.price_standard || '—'}</div>
        </div>
        <div style="text-align:center;min-width:70px">
          <div style="font-size:10px;color:var(--slate-mid);font-family:'DM Mono',monospace;margin-bottom:2px">STRETCH</div>
          <div style="font-size:22px;font-weight:600;color:var(--ink)">£${p.price_stretch || '—'}</div>
        </div>
      </div>

      <!-- Flags -->
      ${flagChips ? `<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px">${flagChips}</div>` : ''}

      <!-- Explanation -->
      <div style="font-size:12px;color:var(--slate-mid);margin-bottom:8px;line-height:1.5">${p.pricing_explanation || ''}</div>
      ${p.internal_note ? `<div style="font-size:11px;color:#718096;font-style:italic;margin-bottom:10px;border-left:2px solid ${isEstimated ? '#fbbf24' : 'var(--border)'};padding-left:8px">${p.internal_note}</div>` : ''}

      <!-- Comp records -->
      <div id="comps-${item.item_id}" style="margin-bottom:12px">
        <div style="font-size:10px;font-family:'DM Mono',monospace;color:var(--slate-mid);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px">
          Comp Evidence <span style="color:#a0aec0">(loading…)</span>
        </div>
      </div>

      <!-- Override — always visible -->
      <div style="background:#f7fafc;border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:12px">
        <div style="font-size:10px;font-family:'DM Mono',monospace;color:var(--slate-mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.05em">Set Your Own Price</div>
        <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:center">
          <input type="number" id="poverride-input-${item.item_id}" placeholder="£ your price" step="0.50" min="1"
            style="width:120px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:600">
          <input type="text" id="poverride-reason-${item.item_id}" placeholder="Reason (optional)"
            style="width:180px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px">
          <button onclick="submitOverride('${item.item_id}','${handle}')"
            style="background:var(--ink);color:white;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace">Set Price</button>
        </div>
      </div>

      <!-- Actions -->
      <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
        ${actionBtns}
        <button onclick="archiveFromPricing('${item.item_id}','${handle}',this)"
          style="background:none;color:#c53030;border:1px solid #fed7d7;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Mono',monospace;margin-left:auto">✕ Remove from queue</button>
      </div>
    </div>
  </div>`;
}

async function archiveFromPricing(item_id, handle, btn) {
  if (!confirm(`Remove ${handle.split('-').slice(0,4).join(' ')} from the pricing queue?`)) return;
  btn.textContent = '…removing';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing/dismiss`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ dismissed_by: 'operator' })
    });
    if (!resp.ok) {
      const err = await resp.json().catch(() => ({}));
      throw new Error(err.error || 'Dismiss failed: ' + resp.status);
    }
    showToast(`✓ Removed from queue: ${handle.split('-').slice(0,3).join(' ')}`);
    document.getElementById('pcard-' + item_id)?.remove();
    await loadPricingView();
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = '✕ Remove from queue';
    btn.disabled = false;
  }
}

async function approvePricing(item_id, handle, btn) {
  const orig = btn.textContent;
  btn.textContent = '…approving';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing/approve`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ approved_by: 'operator' })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');

    // Update in-memory catalogue so price reflects immediately
    if (data.approved_price) {
      const p = String(data.approved_price);
      // Update d1CatalogueItems (used by filterCatalogue in D1 mode)
      const didx = d1CatalogueItems.findIndex(i => i.item_id === item_id);
      if (didx !== -1) {
        d1CatalogueItems[didx]['Variant Price'] = p;
        d1CatalogueItems[didx]['price'] = p;
        d1CatalogueItems[didx].ebay_price = data.approved_price;
      }
      // Update allItems (used by detail panel)
      const aidx = allItems.findIndex(i => (i['Handle']||i['handle']) === handle);
      if (aidx !== -1) {
        allItems[aidx]['Variant Price'] = p;
        allItems[aidx]['price'] = p;
      }
    }

    showToast(`✓ Price approved £${data.approved_price}: ${handle.split('-').slice(0,3).join(' ')}`);
    document.getElementById('pcard-' + item_id)?.remove();
    filterCatalogue();
    // If detail panel is open for this item, update its price display directly
    if (detailCurrentItemId === item_id || detailCurrentId === handle) {
      const dp = document.getElementById('detailPrice');
      if (dp) dp.textContent = '£' + data.approved_price;
    }
    await loadPricingView();
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function approveForListingFromPricing(item_id, btn) {
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}`, {
      method: 'PATCH',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ status: 'queued' })
    });
    if (!resp.ok) throw new Error('Failed');
    btn.textContent = '✓ In export queue';
    btn.style.background = '#276749';
    showToast('✓ Approved for listing — check Export tab');
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

function showPriceOverride(item_id, handle) {
  const el = document.getElementById('poverride-' + item_id);
  if (el) el.style.display = el.style.display === 'none' ? 'flex' : 'none';
}

async function submitOverride(item_id, handle) {
  const price = parseFloat(document.getElementById('poverride-input-' + item_id)?.value);
  const reason = document.getElementById('poverride-reason-' + item_id)?.value || '';
  if (!price || price < 1) { showToast('Enter a valid price', true); return; }
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing/override`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ override_price: price, override_reason: reason, override_by: 'operator' })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');

    // Update in-memory catalogue
    const p = String(price);
    const didx = d1CatalogueItems.findIndex(i => i.item_id === item_id);
    if (didx !== -1) {
      d1CatalogueItems[didx]['Variant Price'] = p;
      d1CatalogueItems[didx]['price'] = p;
      d1CatalogueItems[didx].ebay_price = price;
    }
    const aidx = allItems.findIndex(i => (i['Handle']||i['handle']) === handle);
    if (aidx !== -1) { allItems[aidx]['Variant Price'] = p; allItems[aidx]['price'] = p; }

    showToast(`✓ Price set to £${price}: ${handle.split('-').slice(0,3).join(' ')}`);
    document.getElementById('pcard-' + item_id)?.remove();
    filterCatalogue();
    // If detail panel is open for this item, update its price display directly
    if (detailCurrentItemId === item_id || detailCurrentId === handle) {
      const dp = document.getElementById('detailPrice');
      if (dp) dp.textContent = '£' + price;
    }
    await loadPricingView();
  } catch(e) {
    showToast('✕ ' + e.message, true);
  }
}

async function submitComp(item_id, handle, btn) {
  const price = parseFloat(document.getElementById('comp-price-' + item_id)?.value);
  const source = document.getElementById('comp-source-' + item_id)?.value;
  const quality = document.getElementById('comp-quality-' + item_id)?.value;
  const url = document.getElementById('comp-url-' + item_id)?.value || '';

  if (!price || price < 1) { showToast('Enter a sold price', true); return; }

  const orig = btn.textContent;
  btn.textContent = '…saving';
  btn.disabled = true;

  try {
    const resp = await fetch(`${CANONICAL_API}/comps/add`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        subject_item_id: item_id,
        brand: handle.split('-')[0],
        source,
        sold_price: price,
        match_quality: quality,
        source_url: url || null,
        entered_by: 'operator'
      })
    });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');

    showToast(`✓ Comp saved: £${price} via ${source}`);

    // Update comp list display
    const list = document.getElementById('comp-list-' + item_id);
    if (list) {
      const entry = document.createElement('div');
      entry.style.cssText = 'padding:3px 0;border-bottom:1px solid #f1f5f9;display:flex;gap:8px';
      entry.innerHTML = `<span style="color:#276749;font-weight:600">£${price}</span><span>${source}</span><span style="color:#a0aec0">${quality}</span>${url ? `<a href="${url}" target="_blank" style="color:#2c5282;font-size:10px">link</a>` : ''}`;
      list.prepend(entry);
    }

    // Update the ESTIMATE banner count
    const banner = document.querySelector(`#pcard-${item_id} [data-comp-count]`);
    if (banner) banner.textContent = parseInt(banner.textContent || 0) + 1;

    btn.textContent = orig;
    btn.disabled = false;
    document.getElementById('comp-price-' + item_id).value = '';
    document.getElementById('comp-url-' + item_id).value = '';
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function generatePricingFromDetail() {
  const handle = detailCurrentId;
  const btn = document.getElementById('detailPriceBtn');
  if (!btn) return;
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;

  // Try d1CatalogueItems if loaded
  if (!detailCurrentItemId && d1CatalogueItems.length) {
    const m = d1CatalogueItems.find(i => i.item_id && (i['Handle']||i['handle']||i.parent_handle) === handle);
    if (m) detailCurrentItemId = m.item_id;
  }
  // If still not resolved, fetch item_id from worker by handle
  if (!detailCurrentItemId && handle) {
    try {
      const r = await fetch(`${CANONICAL_API}/items?parent_handle=${encodeURIComponent(handle)}&page_size=1`);
      const d = await r.json();
      const found = (d.items || d.results || [])[0];
      if (found) detailCurrentItemId = found.item_id;
    } catch(e) { console.error('item_id lookup failed:', e); }
  }
  const item_id = detailCurrentItemId;
  if (!item_id) {
    showToast('✕ Item not found in D1 — try refreshing', true);
    btn.textContent = orig;
    btn.disabled = false;
    return;
  }
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`, { method: 'POST' });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');
    if (data.pricing_status === 'pending') {
      showToast('£ Pricing started — polling for result…');
      btn.textContent = '⏳';
      btn.disabled = true;
      pollPricingStatus(item_id, btn);
    } else if (data.pricing_status === 'generated') {
      btn.textContent = orig;
      btn.disabled = false;
      showToast(`✓ Priced at £${data.price_standard || '?'} — opening Pricing tab`);
      showView('pricing');
      await loadPricingView();
    } else {
      btn.textContent = orig;
      btn.disabled = false;
      showToast(`£ Pricing status: ${data.pricing_status}`);
      showView('pricing');
      await loadPricingView();
    }
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function pollPricingStatus(item_id, btn, attempt = 0) {
  const MAX_ATTEMPTS = 18;
  if (attempt >= MAX_ATTEMPTS) {
    if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
    showToast('⚠ Pricing timed out — check Pricing tab or try again', true);
    return;
  }
  window._pricingPollTimeout = setTimeout(async () => {
    window._pricingPollTimeout = null;
    try {
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`);
      if (!resp.ok) throw new Error('poll failed');
      const data = await resp.json();
      console.log('PRICING POLL:', item_id, 'status:', data.pricing_status, 'attempt:', attempt);
      if (data.pricing_status === 'pending') {
        const b = document.getElementById('detailPriceBtn');
        if (b) b.textContent = `⏳ ${(attempt+1)*5}s`;
        pollPricingStatus(item_id, btn, attempt + 1);
      } else if (data.pricing_status === 'generated') {
        if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
        showToast(`✓ Priced at £${data.price_standard || '?'} — opening Pricing tab`);
        showView('pricing');
        await loadPricingView();
      } else if (data.pricing_status === 'error') {
        if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
        showToast('✕ Pricing failed: ' + (data.pricing_explanation || 'unknown error'), true);
      } else {
        if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
        showToast(`✓ Pricing already ${data.pricing_status}`);
        showView('pricing');
        await loadPricingView();
      }
    } catch(e) {
      console.error('Pricing poll error:', e);
      pollPricingStatus(item_id, btn, attempt + 1);
    }
  }, 5000);
}

async function generatePricingFromCatByHandle(handle, btn) {
  // Resolve item_id from d1CatalogueItems at click time
  const d1Item = d1CatalogueItems.find(i => (i['Handle']||i['handle']||i.parent_handle) === handle);
  const item_id = d1Item?.item_id;
  if (!item_id) { showToast('✕ Item not in D1 — cannot price', true); return; }
  return generatePricingFromCat(item_id, handle, btn);
}

async function generatePricingFromCat(item_id, handle, btn) {
  const orig = btn.textContent;
  btn.textContent = '…';
  btn.disabled = true;
  try {
    const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`, { method: 'POST' });
    const data = await resp.json();
    if (!resp.ok) throw new Error(data.error || 'Failed');
    if (data.pricing_status === 'pending') {
      showToast('£ Pricing started — polling for result…');
      btn.textContent = '⏳';
      btn.disabled = true;
      pollPricingStatusCat(item_id, btn);
    } else {
      showToast(`£ Priced at £${data.price_standard} — opening Pricing tab`);
      btn.outerHTML = `<span style="color:#b7791f;font-size:9px;font-family:'DM Mono',monospace">£ ${data.price_standard}</span>`;
      const badge = document.getElementById('pricingCount');
      if (badge) badge.textContent = (parseInt(badge.textContent)||0) + 1;
      showView('pricing'); await loadPricingView();
    }
  } catch(e) {
    showToast('✕ ' + e.message, true);
    btn.textContent = orig;
    btn.disabled = false;
  }
}

async function pollPricingStatusCat(item_id, btn, attempt = 0) {
  const MAX_ATTEMPTS = 18;
  if (attempt >= MAX_ATTEMPTS) {
    if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
    showToast('⚠ Pricing timed out — check Pricing tab or try again', true);
    return;
  }
  setTimeout(async () => {
    try {
      const resp = await fetch(`${CANONICAL_API}/items/${item_id}/pricing`);
      if (!resp.ok) throw new Error('poll failed');
      const data = await resp.json();
      console.log('PRICING POLL (cat):', item_id, 'status:', data.pricing_status, 'attempt:', attempt);
      if (data.pricing_status === 'pending') {
        if (btn) btn.textContent = `⏳ ${(attempt+1)*5}s`;
        pollPricingStatusCat(item_id, btn, attempt + 1);
      } else if (data.pricing_status === 'generated') {
        if (btn) btn.outerHTML = `<span style="color:#b7791f;font-size:9px;font-family:'DM Mono',monospace">£ ${data.price_standard}</span>`;
        showToast(`✓ Priced at £${data.price_standard || '?'} — opening Pricing tab`);
        const badge = document.getElementById('pricingCount');
        if (badge) badge.textContent = (parseInt(badge.textContent)||0) + 1;
        showView('pricing'); await loadPricingView();
      } else if (data.pricing_status === 'error') {
        if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
        showToast('✕ Pricing failed: ' + (data.pricing_explanation || 'unknown error'), true);
      } else {
        if (btn) { btn.textContent = '£ Price'; btn.disabled = false; }
        showToast(`✓ Pricing already ${data.pricing_status}`);
      }
    } catch(e) {
      console.error('Pricing poll error:', e);
      pollPricingStatusCat(item_id, btn, attempt + 1);
    }
  }, 5000);
}

</script>
</body>
</html>