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/walks.js

@@ -192,6 +192,18 @@ window.Page_walks = (() => {
     el.querySelectorAll('.walks-card').forEach(card => {
       card.addEventListener('click', () => _openDetail(parseInt(card.dataset.id)));
     });
+
+    el.querySelectorAll('.wk-note-btn').forEach(btn => {
+      btn.addEventListener('click', e => {
+        e.stopPropagation();
+        _openNoteModal(
+          'walk',
+          parseInt(btn.dataset.wkNoteId),
+          btn.dataset.wkNoteLabel,
+          btn.dataset.wkNoteOrt || null
+        );
+      });
+    });
   }
 
   function _walkCardHTML(w) {
@@ -217,7 +229,16 @@ window.Page_walks = (() => {
             ${isOwn ? '<span class="walks-badge walks-badge--own">Mein Treffen</span>' : ''}
           </div>
         </div>
-        <div class="walks-card-arrow">›</div>
+        <div style="display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)">
+          <div class="walks-card-arrow">›</div>
+          ${_appState.user ? `<button class="btn-icon wk-note-btn"
+                                data-wk-note-id="${w.id}"
+                                data-wk-note-label="${UI.escape(w.titel + ' ' + w.datum)}"
+                                data-wk-note-ort="${UI.escape(w.ort_name || '')}"
+                                title="Notiz" style="color:var(--c-text-muted);font-size:var(--text-xs)"
+                                onclick="event.stopPropagation()">
+                                ${UI.icon('note-pencil')}</button>` : ''}
+        </div>
       </div>`;
   }
 
@@ -964,6 +985,59 @@ window.Page_walks = (() => {
     });
   }
 
+  // ----------------------------------------------------------
+  // 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="wk-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="wk-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 Gassi-Treffen…">${UI.escape(existingNote?.text || '')}</textarea>
+        <div style="display:flex;gap:var(--space-2);margin-top:var(--space-3)">
+          <button id="wk-note-cancel" class="btn btn-secondary flex-1">Abbrechen</button>
+          <button id="wk-note-save"   class="btn btn-primary flex-1">Speichern</button>
+        </div>
+      </div>
+    `;
+    document.body.appendChild(ovl);
+
+    const close = () => ovl.remove();
+    ovl.querySelector('#wk-note-close')?.addEventListener('click', close);
+    ovl.querySelector('#wk-note-cancel')?.addEventListener('click', close);
+    ovl.addEventListener('click', e => { if (e.target === ovl) close(); });
+
+    ovl.querySelector('#wk-note-save')?.addEventListener('click', async () => {
+      const text = ovl.querySelector('#wk-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, onDogChange, openNew, openDetail: _openDetail };
 
 })();