managarten/docs/daily-reports/2025-12-10.md
Till-JS ee42b6cc76 feat: major update with network graphs, themes, todo extensions, and more
## New Features

### Network Graph Visualization (Contacts, Calendar, Todo)
- D3.js force simulation for physics-based layout
- Zoom & pan with mouse/touchpad
- Keyboard shortcuts: +/- zoom, 0 reset, Esc deselect, / search, F focus
- Filtering by tags, company/location/project, connection strength
- Shared components in @manacore/shared-ui

### Central Tags API (mana-core-auth)
- CRUD endpoints for tags
- Schema: tags table with userId, name, color, app
- Shared tag components in @manacore/shared-ui

### Custom Themes System
- Theme editor with live preview and color picker
- Community theme gallery
- Theme sharing (public, unlisted, private)
- Backend API in mana-core-auth

### Todo App Extensions
- Glass-pill design for task input and items
- Settings page with 20+ preferences
- Task edit modal with inline editing
- Statistics page with visualizations
- PWA support with offline capabilities
- Multiple kanban boards

### Contacts App Features
- Duplicate detection
- Photo upload
- Batch operations
- Enhanced favorites page with multiple view modes
- Alphabet view improvements
- Search modal

### Help System
- @manacore/shared-help-content
- @manacore/shared-help-ui
- @manacore/shared-help-types

### Other Features
- Themes page for all apps
- Referral system frontend
- CommandBar (global search)
- Skeleton loaders
- Settings page improvements

## Bug Fixes
- Network graph simulation initialization
- Database schema TEXT for user_id columns (Better Auth compatibility)
- Various styling fixes

## Documentation
- Daily report for 2025-12-10
- CI/CD deployment guide

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-10 02:37:46 +01:00

8.1 KiB

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

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