feat(web): Paket-Tracking UI — feature-tracking in Webapp einbinden #230

New issue

Closed

opened 2026-05-12 20:29:31 +02:00 by admin-mrrm · 0 comments

admin-mrrm commented

2026-05-12 20:29:31 +02:00

Owner

Hintergrund

v0.3 (Paket-Tracking MVP) wurde komplett mobile-only umgesetzt. Das @mrrmlab/feature-tracking-Package ist zwar Tamagui-basiert und damit web-kompatibel, ist aber nirgends in apps/web eingebunden. Das verletzt die CLAUDE.md-Regel UI-Änderungen immer für web + mobile.

Ziel

Tracking-Liste + Detail-Ansicht auch in der Webapp verfügbar machen, mit gleichem UX wie mobile.

Aufgaben

@mrrmlab/feature-tracking als Dependency in apps/web/package.json aufnehmen
TrackingApiClientProvider in der Web-Root einbinden (analog zu apps/mobile/app/_layout.tsx)
Route /pakete in apps/web/src/routes/ (TanStack Router) — nutzt TrackingListScreen
Route /pakete/$trackingId — nutzt TrackingDetailScreen
Navigation/Sidebar-Eintrag Pakete in der Webapp
Sicherstellen dass @mrrmlab/ui Screen auf Web funktioniert (oder sonst web-Variante adden)

Hinweise

Screens sind bereits cross-platform Tamagui — Hauptarbeit ist Routing + Provider-Wiring
Folge-Issue: Wenn die Event-Historie (#228) implementiert wird, automatisch beide Plattformen

Refs v0.3, blocker für CLAUDE.md-Konformität

## Hintergrund v0.3 (Paket-Tracking MVP) wurde komplett mobile-only umgesetzt. Das `@mrrmlab/feature-tracking`-Package ist zwar Tamagui-basiert und damit web-kompatibel, ist aber nirgends in `apps/web` eingebunden. Das verletzt die CLAUDE.md-Regel *UI-Änderungen immer für web + mobile*. ## Ziel Tracking-Liste + Detail-Ansicht auch in der Webapp verfügbar machen, mit gleichem UX wie mobile. ## Aufgaben - [ ] `@mrrmlab/feature-tracking` als Dependency in `apps/web/package.json` aufnehmen - [ ] `TrackingApiClientProvider` in der Web-Root einbinden (analog zu `apps/mobile/app/_layout.tsx`) - [ ] Route `/pakete` in `apps/web/src/routes/` (TanStack Router) — nutzt `TrackingListScreen` - [ ] Route `/pakete/$trackingId` — nutzt `TrackingDetailScreen` - [ ] Navigation/Sidebar-Eintrag *Pakete* in der Webapp - [ ] Sicherstellen dass `@mrrmlab/ui` `Screen` auf Web funktioniert (oder sonst web-Variante adden) ## Hinweise - Screens sind bereits cross-platform Tamagui — Hauptarbeit ist Routing + Provider-Wiring - Folge-Issue: Wenn die Event-Historie (#228) implementiert wird, automatisch beide Plattformen Refs v0.3, blocker für CLAUDE.md-Konformität