# AutoLister Feature-Erweiterungen

## 1. Kategorie-Fixes

### a) Auto-Matching nach AI-Generierung
- `showMeta()` ruft `/api/categories/:platform/match?q=<ai_category>` auf
- Bestes Ergebnis wird im Picker vorausgewählt
- Freitext-Fallback wenn kein Match (Score < 50)

### b) Plattform-Wechsel aktualisiert Picker
- Plattform-Button-Click prüft ob Meta-Section sichtbar ist
- Wenn ja: Kategorie-Picker wird mit neuer Plattform neu initialisiert
- Bisheriger Wert wird als Suchquery gegen neue Plattform gematcht

### c) Extension nutzt Server-API
- `content.js` lädt Kategorien via `/api/categories/vinted` statt lokaler Datei
- `vinted-categories.js` wird aus manifest.json entfernt (Datei bleibt als Fallback)
- Match-Funktion nutzt `/api/categories/vinted/match?q=`

## 2. WYSIWYG ↔ HTML Sync

- Quill `text-change` Event → HTML-Source-Textarea wird aktualisiert (`editor.root.innerHTML`)
- HTML-Source `input` Event → Quill übernimmt via `editor.root.innerHTML = textarea.value`
- Toolbar-Icons bekommen `title`-Attribute: Bold→"Fett", Italic→"Kursiv", Underline→"Unterstrichen", Strike→"Durchgestrichen", List Ordered→"Nummerierte Liste", List Bullet→"Aufzählung", Blockquote→"Zitat", Link→"Link einfügen", Clean→"Formatierung entfernen", Color→"Textfarbe", Background→"Hintergrundfarbe", Align→"Ausrichtung", Header→"Überschrift"

## 3. Veröffentlichungsstatus in Historie

- `loadHistory()` ruft zusätzlich `/api/publish/status?ids=` auf
- Pro Listing in der Liste: farbige Badges für jede Plattform
  - Grün: veröffentlicht
  - Orange: kopiert
  - Kein Badge: nicht veröffentlicht
- Badges erscheinen neben dem Status-Badge in der History-Liste

## 4. SKU/Artikelnummer-System

### DB
- Neues Feld: `sku TEXT` in listings-Tabelle
- Auto-generiert: `AL-XXXX` (fortlaufend, 4-stellig zero-padded)
- Jederzeit editierbar auf eigene Bezeichnung

### UI-Integration
- Generator Meta-Section: SKU-Feld (readonly, auto-generiert beim Erstellen)
- Historie-Liste: SKU als erste Info nach Thumbnail
- Detail-View: editierbares SKU-Feld
- Publish-Liste: SKU angezeigt

### QR-Code
- Client-seitig via qrcode.js (CDN)
- QR-Inhalt: `{"sku":"AL-0001","id":42,"url":"http://localhost:8124/#listing/42"}`
- Angezeigt im Detail-View

### Druck-Formate
**Kompakt-Etikett (~90×50mm):**
- QR links, rechts: SKU, Titel (max 40 Zeichen), Preis, Plattform
- 4 Etiketten pro A4-Seite bei Batch-Druck

**Produkt-Datenblatt (A4):**
- Header: QR + SKU groß
- Foto-Thumbnails (max 4)
- Titel, Beschreibung (max 200 Zeichen), Marke, Kategorie, Größe, Farbe, Zustand, Preis
- Plattform, Erstelldatum

### Druck-Buttons
- Detail-View: "Etikett drucken" + "Datenblatt drucken"
- Historie Batch-Bar: "Etiketten drucken" (mehrere auf einem Blatt)
