# 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_