Sprint 12+13: Tagebuch Day-One-Redesign, Notiz-Feature, Icon-Fixes, SW by-v405

Tagebuch:
- Day-One-Listenansicht: Wochentag + Tageszahl + Meta-Zeile (Zeit/Ort/Wetter)
- 4 Ansichten: Liste, Medien-Mosaik, Kalender (mit Sprungbuttons), Karte (GPS-Marker)
- Detail-Ansicht inline im Content-Bereich (kein Fullscreen-Overlay mehr)
- Hero-Bild vollständig sichtbar (object-fit:contain), Lightbox mit Safe-Area
- 2-Spalten-Layout Desktop: Text + Leaflet-Karte + POI-Liste
- EXIF-GPS-Extraktion bei Foto-Upload, historisches Wetter via Archive-API
- NoteStation-Import: Fotos in diary_media (80 Einträge migriert, 94 Medien)
- Stats-Endpoints: /diary/stats, /diary/calendar, /diary/locations

Notiz-Feature:
- Generische notes-Tabelle (parent_type + parent_id + meta_json)
- 📝-Button in 8 Bereichen, Notizblock-Seite mit KI-Analyse
- KI-Toggle in Einstellungen, notes_ki_enabled in User-Profil

Icons & Design:
- fill:currentColor Fix für welcome/onboarding/friends.js
- --c-icon Variable, --c-text-muted Dark Mode aufgehellt
- 15+ neue Phosphor-Icons aus lokaler Kopie
- CSS Network-First im SW, Cache-Control-Middleware

Infrastruktur:
- Wiki-Anreicherungs-Scheduler-Jobs entfernt (abgeschlossen)
- auth.py: notes_ki_enabled + is_social_media im User-Response

backend/static/js/pages/events.js

@@ -226,7 +226,14 @@ window.Page_events = (() => {
             </a>
           </div>` : ''}
         </div>
-        ${isOwn ? `<button class="btn-icon" data-ev-edit="${ev.id}" title="Bearbeiten">${_icon('pencil-simple')}</button>` : ''}
+        <div style="display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)">
+          ${isOwn ? `<button class="btn-icon" data-ev-edit="${ev.id}" title="Bearbeiten" onclick="event.stopPropagation()">${_icon('pencil-simple')}</button>` : ''}
+          ${_state.user ? `<button class="btn-icon ev-note-btn" data-ev-note-id="${ev.id}"
+                              data-ev-note-label="${UI.escape(ev.titel + ' ' + ev.datum)}"
+                              data-ev-note-ort="${UI.escape(ev.ort_name || '')}"
+                              title="Notiz" style="color:var(--c-text-muted)" onclick="event.stopPropagation()">
+                              ${_icon('note-pencil')}</button>` : ''}
+        </div>
       </div>
     `;
   }
@@ -268,7 +275,7 @@ window.Page_events = (() => {
       const popup = `
         <div style="min-width:180px">
           <strong>${UI.escape(ev.titel)}</strong><br>
-          <span style="color:#666;font-size:12px">${datum}</span><br>
+          <span style="color:var(--c-text-muted);font-size:12px">${datum}</span><br>
           ${ev.ort_name ? `<span style="font-size:12px">📍 ${UI.escape(ev.ort_name)}</span><br>` : ''}
           ${ev.beschreibung ? `<span style="font-size:12px">${UI.escape(ev.beschreibung.slice(0, 80))}${ev.beschreibung.length > 80 ? '…' : ''}</span><br>` : ''}
           <a href="#" onclick="event.preventDefault();Page_events._openDetail(${ev.id})"
@@ -634,11 +641,77 @@ window.Page_events = (() => {
       return;
     }
 
+    // Notiz-Button
+    const noteBtn = e.target.closest('.ev-note-btn');
+    if (noteBtn) {
+      e.stopPropagation();
+      _openNoteModal(
+        'event',
+        parseInt(noteBtn.dataset.evNoteId),
+        noteBtn.dataset.evNoteLabel,
+        noteBtn.dataset.evNoteOrt || null
+      );
+      return;
+    }
+
     // Karten-Klick → Detail
     const card = e.target.closest('[data-ev-id]');
     if (card) { _showDetail(parseInt(card.dataset.evId)); }
   }
 
+  // ----------------------------------------------------------
+  // Notiz-Modal (Custom DOM — kein UI.modal um Konflikte zu vermeiden)
+  // ----------------------------------------------------------
+  async function _openNoteModal(parentType, parentId, parentLabel, locationName) {
+    let existingNote = null;
+    try { existingNote = await API.notes.get(parentType, String(parentId)); } catch {}
+
+    const ovl = document.createElement('div');
+    ovl.style.cssText = 'position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,0.55);display:flex;align-items:flex-end;justify-content:center';
+    ovl.innerHTML = `
+      <div style="width:100%;max-width:600px;background:var(--c-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;
+                  padding:var(--space-4);box-sizing:border-box;max-height:80vh;display:flex;flex-direction:column">
+        <div style="display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)">
+          <svg class="ph-icon" aria-hidden="true" style="color:var(--c-primary)"><use href="/icons/phosphor.svg#note-pencil"></use></svg>
+          <span style="font-weight:600;flex:1"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#note-pencil"></use></svg> Notiz — ${UI.escape(parentLabel)}</span>
+          <button id="ev-note-close" style="background:none;border:none;cursor:pointer;color:var(--c-text-muted);padding:4px">
+            <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#x"></use></svg>
+          </button>
+        </div>
+        <textarea id="ev-note-text" rows="5"
+                  style="width:100%;box-sizing:border-box;padding:var(--space-3);
+                         border:1.5px solid var(--c-border);border-radius:var(--radius-md);
+                         font-size:var(--text-sm);font-family:inherit;
+                         background:var(--c-bg);color:var(--c-text);resize:vertical;flex:1"
+                  placeholder="Deine Notiz zu diesem Event…">${UI.escape(existingNote?.text || '')}</textarea>
+        <div style="display:flex;gap:var(--space-2);margin-top:var(--space-3)">
+          <button id="ev-note-cancel" class="btn btn-secondary flex-1">Abbrechen</button>
+          <button id="ev-note-save"   class="btn btn-primary flex-1">Speichern</button>
+        </div>
+      </div>
+    `;
+    document.body.appendChild(ovl);
+
+    const close = () => ovl.remove();
+    ovl.querySelector('#ev-note-close')?.addEventListener('click', close);
+    ovl.querySelector('#ev-note-cancel')?.addEventListener('click', close);
+    ovl.addEventListener('click', e => { if (e.target === ovl) close(); });
+
+    ovl.querySelector('#ev-note-save')?.addEventListener('click', async () => {
+      const text = ovl.querySelector('#ev-note-text')?.value?.trim() || '';
+      const payload = { text, parent_label: parentLabel, location_name: locationName || null };
+      try {
+        if (existingNote?.id) {
+          await API.notes.update(existingNote.id, payload);
+        } else {
+          await API.notes.create(parentType, String(parentId), payload);
+        }
+        UI.toast.success('Notiz gespeichert.');
+        close();
+      } catch (err) { UI.toast.error(err.message || 'Fehler beim Speichern.'); }
+    });
+  }
+
   return { init, refresh, openNew, _openDetail: _showDetail };
 
 })();