# Tagesbericht 10. Dezember 2025

**Autor:** Till JS

Übersicht aller Änderungen der letzten 20 Stunden, nach Priorität sortiert.

---

## Priorität 1: Neue Features

### Network Graph Visualisierung (Contacts, Calendar, Todo)

Interaktive Netzwerk-Graphen zur Visualisierung von Verbindungen zwischen Elementen basierend auf gemeinsamen Tags.

**Commits:**

- `feat(contacts): add interactive network graph visualization`
- `feat(calendar,todo): add network graph visualization for tags`
- `feat(ui): centralize network graph components in shared-ui`
- `feat(network): add quick wins - keyboard shortcuts, strength filter, better tooltips`
- `feat(contacts): improve network graph UX with zoom-independent labels and larger nodes`
- `fix(network): initialize D3 simulation on page load`

**Features:**

- D3.js Force-Simulation für physikbasiertes Layout
- Zoom & Pan mit Maus/Touchpad
- Keyboard Shortcuts: `+/-` Zoom, `0` Reset, `Esc` Deselect, `/` Suche, `F` Fokus
- Filterung nach Tags, Firma/Ort/Projekt, Verbindungsstärke
- Hover-Tooltips mit Verbindungsdetails
- Klick auf Node öffnet Detail-Sidebar (Contacts) oder Info-Panel (Calendar/Todo)
- Doppelklick navigiert zur Detail-Seite
- Shared Components in `@manacore/shared-ui`

---

### Zentrales Tags API (mana-core-auth)

Neues zentrales Tag-Management über den Auth-Service für app-übergreifende Tags.

**Commits:**

- `feat(auth): add central Tags API in mana-core-auth`
- `feat(ui,contacts,todo): centralize tag components and add label management`

**Features:**

- CRUD-Endpoints für Tags in mana-core-auth
- Schema: `tags` Tabelle mit userId, name, color, app
- Shared Tag-Komponenten in `@manacore/shared-ui`
- Label-Management in Todo App

---

### Todo App - Umfangreiche Erweiterungen

Massive Erweiterung der Todo App mit vielen neuen Features.

**Commits:**

- `feat(todo): redesign task input and items with glass-pill style`
- `feat(todo): add comprehensive settings page with 20+ preferences`
- `feat(todo): add task edit modal and fix task loading`
- `feat(todo): add task metadata fields and mana page`
- `feat(todo): add statistics page with visualizations`
- `feat(todo): add PWA support with offline capabilities`
- `feat(todo): add multiple kanban boards with task editing features`

**Features:**

- **Glass-Pill Design**: Neues modernes UI für Task-Input und Items
- **Settings Page**: 20+ Einstellungen für Personalisierung
- **Task Edit Modal**: Inline-Bearbeitung von Tasks
- **Metadata Fields**: Erweiterte Task-Eigenschaften
- **Mana Page**: Neue Seite für Gamification/Belohnungen
- **Statistics Page**: Visualisierungen mit Charts
- **PWA Support**: Offline-Fähigkeit, Service Worker, Install-Prompt
- **Multiple Kanban Boards**: Mehrere Boards pro User

---

### Contacts App - Erweiterte Funktionen

**Commits:**

- `feat(contacts): add duplicate detection, photo upload, and batch operations`
- `feat(contacts): add enhanced favorites page with multiple view modes`
- `feat(contacts): improve alphabet view UX and make it default`
- `feat(contacts): add SearchModal component and help content`
- `feat(contacts): add archive link to settings page`

**Features:**

- **Duplikat-Erkennung**: Automatische Erkennung ähnlicher Kontakte
- **Foto-Upload**: Kontaktbilder hochladen
- **Batch-Operationen**: Mehrere Kontakte gleichzeitig bearbeiten
- **Favoriten-Seite**: Grid/List/Cards Ansichtsmodi
- **Alphabet-Ansicht**: Verbesserte UX, jetzt Standard
- **Search Modal**: Schnellsuche mit Tastaturkürzel

---

### Themes Page (Contacts, Todo, Calendar)

Neue Themes-Seite für Farbschema-Auswahl in allen Apps.

**Commits:**

- `feat(themes): add themes page to contacts, todo, and calendar apps`

**Features:**

- Auswahl aus vordefinierten Farbthemen
- Live-Preview
- Persistierung der Auswahl

---

### Referral System Frontend

Integration des Empfehlungssystems in die Web-Apps.

**Commits:**

- `feat(referral): integrate referral system frontend`

**Features:**

- Referral-Code Anzeige
- Einladungs-Links
- Belohnungs-Tracking

---

### Help System

Zentralisiertes Hilfesystem mit Shared Packages.

**Commits:**

- `feat(help): add centralized help system with shared packages`

**Features:**

- `@manacore/shared-help-content`: Hilfetexte
- `@manacore/shared-help-ui`: UI-Komponenten
- `@manacore/shared-help-types`: TypeScript-Typen

---

### CommandBar (Global Search)

Globale Suche über alle Apps hinweg.

**Commits:**

- `feat(shared-ui): add global CommandBar component with search across apps`

**Features:**

- `Cmd+K` / `Ctrl+K` öffnet CommandBar
- Suche über alle Inhalte
- Tastaturnavigation

---

## Priorität 2: UI/UX Verbesserungen

### Skeleton Loaders

Ladezustands-Anzeigen für bessere UX.

**Commits:**

- `feat(ui): add comprehensive skeleton loaders for contacts and todo apps`
- `feat(ui): add skeleton loaders for calendar and clock apps`

**Features:**

- SkeletonAvatar, SkeletonCard, SkeletonGrid, SkeletonList, SkeletonRow
- Konsistente Lade-Animation
- App-spezifische Skeleton-Komponenten

---

### Settings Page Verbesserungen

**Commits:**

- `feat(ui): add table of contents and sticky pill headers to settings page`
- `fix(settings): unify global settings across all web apps`
- `fix(settings): complete global settings unification for remaining apps`

**Features:**

- Inhaltsverzeichnis mit Sprungmarken
- Sticky Section Headers
- Einheitliche Settings-Struktur über alle Apps

---

### PillNavigation Icons

**Commits:**

- `feat(ui): add Phosphor Icons to PillNavigation`

**Features:**

- Phosphor Icons statt Text-Labels
- Bessere visuelle Unterscheidung

---

### Settings Components Refactoring

**Commits:**

- `refactor(shared-ui): convert SettingsSelect from CSS to Tailwind classes`
- `refactor(shared-ui): convert settings components from scoped CSS to Tailwind`

**Features:**

- Migration von Scoped CSS zu Tailwind
- Bessere Konsistenz und Wartbarkeit

---

## Priorität 3: Refactoring & Code Quality

### Groups → Tags Konsolidierung

**Commits:**

- `refactor(contacts): consolidate groups into tags feature`
- `fix(contacts): remove groups store dependency from data page`

**Änderungen:**

- Groups-Feature entfernt
- Funktionalität in Tags integriert
- Weniger Code-Duplikation

---

### Calendar Tags Integration

**Commits:**

- `feat(calendar): add full tags integration with colors`

**Features:**

- Farbige Tags für Events
- Filterung nach Tags

---

## Priorität 4: Bugfixes

### Database Schema Fix

**Commits:**

- `fix(todo): use TEXT for user_id columns (Better Auth compatibility)`
- `fix(db): use TEXT for user_id columns across entire codebase`

**Problem:** Better Auth generiert User-IDs, die nicht UUID-kompatibel sind.
**Lösung:** Alle `user_id` Spalten von UUID auf TEXT umgestellt.

---

### Contacts Settings Page

**Commits:**

- `fix(contacts): fix settings page styling and add Tailwind source directives`

**Problem:** Styling-Probleme auf der Settings-Seite.
**Lösung:** Tailwind source directives hinzugefügt.

---

### Network Graph Simulation

**Commits:**

- `fix(network): initialize D3 simulation on page load`

**Problem:** Network-Graph zeigte keine Nodes an.
**Lösung:** D3 Simulation wird jetzt korrekt beim Laden initialisiert.

---

## Priorität 5: DevOps & CI/CD

### Deployment Guide

**Commits:**

- `docs(cicd): add comprehensive deployment guide with CI/CD architecture`

**Dokumentation:**

- CI/CD Pipeline Architektur
- Deployment-Prozesse
- Staging vs. Production

---

### CI/CD Verbesserungen

**Commits:**

- `fix(ci): prevent container name conflict in staging deployment`
- `feat(ci): add database migrations step to tagged staging deployments`

**Änderungen:**

- Container-Namenskonflikte behoben
- Automatische DB-Migrationen bei Tagged Deployments

---

## Statistik

| Kategorie              | Anzahl |
| ---------------------- | ------ |
| Neue Features          | 15     |
| UI/UX Verbesserungen   | 8      |
| Refactoring            | 5      |
| Bugfixes               | 5      |
| DevOps/CI              | 3      |
| Dokumentation          | 3      |

**Betroffene Apps:**

- Todo (7 große Features)
- Contacts (6 große Features)
- Calendar (2 Features)
- Clock (1 Feature)
- Shared UI (8 Komponenten)
- mana-core-auth (1 API)

---

_Autor: Till JS | Generiert am 10.12.2025_
