feat(docs): update LemonSpace manifest and PRD for v2.0 release
- Updated version from v1.5 to v2.0 in both the LemonSpace Manifest and PRD documents. - Expanded Phase 1 scope to include video and asset nodes, and integrated non-destructive image editing capabilities. - Enhanced node taxonomy to reflect 6 categories with 27 node types. - Added details on offline sync features and optimistic updates in the documentation. - Improved clarity and structure of the product vision and problem statement sections.
This commit is contained in:
@@ -14,6 +14,22 @@ UI-Komponenten für die Startseite nach dem Login.
|
||||
|
||||
---
|
||||
|
||||
## Layout-Seite
|
||||
|
||||
`app/dashboard/page.tsx` — Server Component, rendert Dashboard-Layout mit den Komponenten oben.
|
||||
|
||||
**Layout-Struktur:**
|
||||
```
|
||||
Dashboard
|
||||
├── Header (User-Avatar, Name)
|
||||
├── Quick Actions (Create Canvas, Search)
|
||||
├── Credit Overview (Balance, Usage Bars)
|
||||
├── Recent Transactions (List)
|
||||
└── Canvas Grid (Canvas Cards)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Datenquellen
|
||||
|
||||
Alle Daten kommen aus Convex-Queries via `useAuthQuery` (aus `hooks/use-auth-query.ts`):
|
||||
@@ -32,14 +48,55 @@ Alle Daten kommen aus Convex-Queries via `useAuthQuery` (aus `hooks/use-auth-que
|
||||
|
||||
---
|
||||
|
||||
## Layout-Seite
|
||||
|
||||
`app/dashboard/page.tsx` — Server Component, rendert Dashboard-Layout mit den Komponenten oben.
|
||||
|
||||
---
|
||||
|
||||
## Konventionen
|
||||
|
||||
- Kein lokaler State für Server-Daten — alles via Convex-Subscriptions (reaktiv)
|
||||
- `useAuthQuery` statt `useQuery` verwenden, um Auth-Races zu vermeiden (skippt Query bis Token bereit ist)
|
||||
- Canvas-Thumbnails sind optional (`thumbnail?: Id<"_storage">`) — Fallback-State immer behandeln
|
||||
- Responsive Grid-Layout für Canvas-Cards (`grid-cols-1 md:grid-cols-2 lg:grid-cols-3`)
|
||||
- Leere Zustände (keine Canvases, keine Transaktionen) mit nutzerfreundlichen Platzhaltern zeigen
|
||||
|
||||
---
|
||||
|
||||
## Features
|
||||
|
||||
### Canvas Cards
|
||||
|
||||
Jede Karte zeigt:
|
||||
- Canvas-Thumbnail (wenn verfügbar)
|
||||
- Canvas-Name (truncate)
|
||||
- Letzte Änderungszeit (relative Formatierung)
|
||||
- Klick → Öffnen im Canvas-Editor
|
||||
- Menü → Umbenennen, Löschen
|
||||
|
||||
### Credit Overview
|
||||
|
||||
Zeigt:
|
||||
- Aktueller Credit-Balance (z.B. "350 Credits")
|
||||
- Verbrauchs-Balken (Progress Bar) für aktuellen Monat
|
||||
- Monats-Details (vom `api.credits.getUsageStats`)
|
||||
- Link zum Upgrade im Abo-Settings
|
||||
|
||||
### Recent Transactions
|
||||
|
||||
Liste der letzten Credit-Transaktionen mit:
|
||||
- Transaktions-Typ (Subscription, Top-Up, Usage)
|
||||
- Betrag (+/-)
|
||||
- Beschreibung
|
||||
- Datum (relative Formatierung)
|
||||
|
||||
---
|
||||
|
||||
## Error Handling
|
||||
|
||||
- **Auth-Race**: `useAuthQuery` verhindert Fehler beim Initialisierungs-Flash
|
||||
- **Empty States**: Wenn keine Canvases/Transaktionen vorhanden sind, informative Platzhalter zeigen
|
||||
- **Offline**: Connection-Banner anzeigen, wenn Convex nicht erreichbar
|
||||
|
||||
---
|
||||
|
||||
## Performance
|
||||
|
||||
- Canvas-Thumbnails werden über `api.canvases.list` geladen (nur wenn vorhanden)
|
||||
- Transaktions-Listen sind paginiert oder limitiert (z.B. letzte 20 Transaktionen)
|
||||
- Kein lokaler State für Canvas-Daten — alles über real-time Convex-Subscriptions
|
||||
|
||||
Reference in New Issue
Block a user