mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-17 06:19:41 +02:00
feat(profile): UI for me-images management at /profile/me-images (M2)
M2 of docs/plans/me-images-and-reference-generation.md — the Settings surface that sits on top of the M1 data layer. Users can now upload a Face and a Fullbody reference into two primary slots, toss extra references into a grid, and toggle each image's "KI darf nutzen" flag individually. Route placement: /profile/me-images (not /settings/me-images as the plan originally proposed). The repo convention is per-module subroutes (/todo/settings, /invoices/settings, …) — there is no global /settings namespace to hang this off. Plan doc updated accordingly. - MeImageUploadZone: drag-and-drop + file-picker, pattern from picture/ListView but refactored into a reusable component. Fires onFiles(File[]) so the parent decides kind + slot. - MeImageSlotCard: large card for Face / Fullbody primary slots. When filled it shows the portrait + the image's AI-toggle + delete + a compact "Neues Bild setzen" replacement zone. When empty it collapses into a large drop-zone. - MeImageTile: grid tile for everything that isn't currently holding a primary slot — thumbnail, kind badge, Robot-AI-toggle, Star primary-promotion (only enabled for kinds that map to a slot), Trash delete. - MeImagesView: orchestrates queries (useImageByPrimary for each slot + useAllMeImages for the rest), upload flow (readDimensions → uploadMeImageFile → store.createMeImage → optional setPrimary in the same tick), and the three write actions (toggleAi, togglePrimary, delete). Dropping a file on a slot drop-zone both uploads and claims the slot, so the old holder automatically falls into the grid. - Client: profile/api/me-images.ts wraps the M1 endpoint with authStore.getValidToken() → Bearer header and a small readImageDimensions helper that exposes natural width/height synchronously (mana-media reports them later but we want them for the Dexie row's first write). - Discoverability: profile ListView "Konto" tab gains a "Meine Bilder" action button that navigates to the new route with a one-line hint. Still open (later commits): the hard-migration that rewrites auth.users.image → meImages(primaryFor='avatar'), the global aiUsesReferenceImages kill-switch (lives on profile singleton), and the Picture-generator's Reference picker (M4, rides on top of M3's backend endpoint). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
a1caeaa7f3
commit
a64a7e39cf
8 changed files with 564 additions and 5 deletions
|
|
@ -58,7 +58,7 @@ Jedes `meImage` hat ein `usage.aiReference: boolean` Flag. Default beim Upload:
|
|||
|
||||
```
|
||||
┌─ Client (SvelteKit) ────────────────────────────────────┐
|
||||
│ /settings/me-images (Upload + Toggles) │
|
||||
│ /profile/me-images (Upload + Toggles) │
|
||||
│ picture/GeneratorForm (Reference-Picker) │
|
||||
│ Dexie: meImages (encrypted label/tags/kind) │
|
||||
└──────┬──────────────────────────────────────────────────┘
|
||||
|
|
@ -205,7 +205,7 @@ Python/FastAPI-Seite bekommt einen `POST /edit` Endpoint, der IP-Adapter oder Pu
|
|||
|
||||
## UI: zwei Touchpoints
|
||||
|
||||
### 1. `/settings/me-images` (neu)
|
||||
### 1. `/profile/me-images` (neu)
|
||||
|
||||
- 2 prominente Slots oben: **Gesicht** (quadratisch, 512×512 empfohlen) und **Ganzkörper** (portrait, min 1024 hoch)
|
||||
- Darunter Grid für zusätzliche Referenzen (Drag-and-Drop, Multi-Select-Upload — Pattern aus `picture/ListView.svelte:165-217` klauen)
|
||||
|
|
@ -295,7 +295,7 @@ Soft-first/Hard-follow-up-Regel (siehe Memory):
|
|||
- [ ] Sync-Schema registrieren
|
||||
- [ ] Upload-Wrapper nutzt bestehenden `picture/upload`-Endpoint mit `app=me` (neuer Bucket `me-storage` in MinIO)
|
||||
|
||||
- **M2 — UI Route `/settings/me-images`** (~1 Tag)
|
||||
- **M2 — UI Route `/profile/me-images`** (~1 Tag)
|
||||
- [ ] Route + ModuleShell-Wrapping (wie andere Settings-Routen)
|
||||
- [ ] Slot-Komponenten für Face/Fullbody, Grid für Reste
|
||||
- [ ] Drag-and-Drop-Upload + Multi-File
|
||||
|
|
@ -342,7 +342,7 @@ Soft-first/Hard-follow-up-Regel (siehe Memory):
|
|||
3. **OpenAI Ref-Image-Format**: Original-Format durchreichen (PNG/JPG/WEBP — OpenAI akzeptiert alle). Keine Server-Konvertierung.
|
||||
4. **Credit-Kosten für Multi-Ref-Edits**: identisch zu `/generate`, pro Output-Bild, unabhängig von Reference-Anzahl.
|
||||
5. **`profile.aiUsesReferenceImages`-Default**: `true` (globaler Panic-Kill-Switch; Pro-Bild-Opt-in ist die eigentliche Hürde).
|
||||
6. **Alter Avatar-Upload-Pfad**: bleibt in M1 unangetastet; M2 biegt `EditProfileModal` auf `/settings/me-images` um und räumt den toten Endpoint-Call weg.
|
||||
6. **Alter Avatar-Upload-Pfad**: bleibt in M1 unangetastet; M2 biegt `EditProfileModal` auf `/profile/me-images` um und räumt den toten Endpoint-Call weg.
|
||||
|
||||
## Verweise
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue