GUI: Kupfer-Tageszaehler, Wellenform-Favicon, Tab-Reihenfolge (BT ans Ende)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0113vDKdSNtD3Dwcw4QMu9yV

app/web/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Aime</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 20'%3E%3Cg fill='none' stroke='%23e8804c' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='3' y1='7' x2='3' y2='13'/%3E%3Cline x1='9' y1='4' x2='9' y2='16'/%3E%3Cline x1='15' y1='1' x2='15' y2='19'/%3E%3Cline x1='21' y1='5' x2='21' y2='15'/%3E%3Cline x1='27' y1='8' x2='27' y2='12'/%3E%3Cline x1='33' y1='9.5' x2='33' y2='10.5'/%3E%3C/g%3E%3C/svg%3E" />
     <script>
       // Theme before first paint (no flash): saved choice wins, else OS setting.
       (function () {

app/web/src/main.js

@@ -32,7 +32,7 @@ function render() {
         <h1>Aime <span class="sub">Anruf-Assistent</span></h1>
       </div>
       <nav>
-        ${['record', 'bluetooth', 'recordings', 'voices', 'glossary'].map(t =>
+        ${['record', 'recordings', 'voices', 'glossary', 'bluetooth'].map(t =>
           `<button class="tab ${state.tab === t ? 'active' : ''}" data-tab="${t}">${({ record: 'Aufnahme', bluetooth: 'Bluetooth', recordings: 'Aufnahmen', voices: 'Stimmen', glossary: 'Glossar' })[t]}</button>`).join('')}
       </nav>
       <button id="themetoggle" class="btn icon theme" title="Hell/Dunkel umschalten">${theme === 'dark' ? '☀️' : '🌙'}</button>

app/web/src/style.css

@@ -194,7 +194,7 @@ audio { width: 100%; margin-bottom: 10px; }
 .day-caret { display: inline-block; transition: transform .15s; font-size: 10px; }
 .day-group.collapsed .day-caret { transform: rotate(-90deg); }
 .day-group.collapsed .day-items { display: none; }
-.day-count { margin-left: auto; background: var(--surface-2); border-radius: 20px; padding: 1px 8px; font-size: 11px; }
+.day-count { margin-left: auto; background: var(--accent-soft); color: var(--accent); border-radius: 20px; padding: 1px 8px; font-size: 11px; font-weight: 650; }
 .day-items { display: flex; flex-direction: column; gap: 6px; }
 
 .item.rec { cursor: pointer; transition: border-color .1s, background .1s; }

docs/08-changelog.md

@@ -3,6 +3,12 @@
 Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
 Was, Warum, betroffene Dateien/Backups).
 
+## 2026-07-17 — GUI: Kupfer-Zaehler, Favicon, Tab-Reihenfolge
+
+Tages-Zaehler in der Liste jetzt im Logo-Kupfer (accent-soft-Pille); Wellenform-Logo als Favicon
+(SVG-data-URI in index.html, Browser-Tab); Tab-Reihenfolge neu: Aufnahme, Aufnahmen, Stimmen,
+Glossar, Bluetooth (Bluetooth ans Ende). Bundle `index-Bt2IsJIF.js`.
+
 ## 2026-07-17 — GUI: Liste startet mit nur dem neuesten Tag geoeffnet
 
 Beim Betreten des Aufnahmen-Tabs ist nur noch die aktuellste Tagesgruppe aufgeklappt, alle aelteren