chore: update build artifacts for v1.5.0

style: replace logo unicode char with dynamic favicon image in installer
2026-02-26 17:13:51 +01:00 · 2026-02-26 17:13:51 +01:00 · 2026-02-26 17:10:33 +01:00 · 2026-02-26 17:10:27 +01:00 · 2026-02-26 12:43:13 +01:00 · 2026-02-26 12:43:03 +01:00
10 changed files with 160 additions and 246 deletions
--- a/build-bookmarklet.sh
+++ b/build-bookmarklet.sh
@@ -7,7 +7,7 @@ SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
 DIST_DIR="$SCRIPT_DIR/dist"
 CSS_FILE="$SCRIPT_DIR/style.css"
 JS_FILE="$SCRIPT_DIR/kantine.js"
-FAVICON_FILE="$SCRIPT_DIR/favicon.svg"
+FAVICON_FILE="$SCRIPT_DIR/favicon.png"

 # === VERSION ===
 if [ -f "$SCRIPT_DIR/version.txt" ]; then
@@ -24,16 +24,34 @@ echo "=== Kantine Bookmarklet Builder ($VERSION) ==="
 # Check files exist
 if [ ! -f "$CSS_FILE" ]; then echo "ERROR: $CSS_FILE not found"; exit 1; fi
 if [ ! -f "$JS_FILE" ]; then echo "ERROR: $JS_FILE not found"; exit 1; fi
+
+# Generate favicon.png from favicon_base.png if base exists
+FAVICON_BASE="$SCRIPT_DIR/favicon_base.png"
+if [ -f "$FAVICON_BASE" ]; then
+    echo "Generating 32x32 favicon.png from favicon_base.png..."
+    python3 -c "
+import sys
+from PIL import Image
+try:
+    img = Image.open('$FAVICON_BASE')
+    img_resized = img.resize((32, 32), Image.Resampling.LANCZOS)
+    img_resized.save('$FAVICON_FILE')
+except Exception as e:
+    print('Favicon generation error:', e)
+    sys.exit(1)
+"
+fi
+
 if [ ! -f "$FAVICON_FILE" ]; then echo "ERROR: $FAVICON_FILE not found"; exit 1; fi

-# Generate favicon Base64 data URI
+# Generate favicon Base64 data URI from PNG
 FAVICON_B64=$(base64 -w0 "$FAVICON_FILE")
-FAVICON_URI="data:image/svg+xml;base64,${FAVICON_B64}"
+FAVICON_URL="data:image/png;base64,${FAVICON_B64}"

 CSS_CONTENT=$(cat "$CSS_FILE")

-# Inject version into JS
-JS_CONTENT=$(cat "$JS_FILE" | sed "s|{{VERSION}}|$VERSION|g")
+# Inject version and favicon into JS
+JS_CONTENT=$(cat "$JS_FILE" | sed "s|{{VERSION}}|$VERSION|g" | sed "s|{{FAVICON_DATA_URI}}|$FAVICON_URL|g")

 # === 1. Build standalone HTML (for local testing/dev) ===
 cat > "$DIST_DIR/kantine-standalone.html" << HTMLEOF
@@ -107,7 +125,7 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF
 <head>
    <meta charset="UTF-8">
    <title>Kantine Wrapper Installer ($VERSION)</title>
-    <link rel="icon" type="image/svg+xml" href="$FAVICON_URI">
+    <link rel="icon" type="image/png" href="$FAVICON_URL">
    <style>
        body { font-family: 'Inter', sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; background: #1a1a2e; color: #eee; }
        h1 { color: #029AA8; } /* Knapp Teal */
@@ -129,7 +147,11 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF
 </head>
 <body>
    <div style="text-align: center; margin-bottom: 30px;">
-        <h1 style="margin-bottom: 5px;">🍽️ Kantine Wrapper <span style="font-size:0.5em; opacity:0.6; font-weight:400; vertical-align:middle; margin-left:10px;">$VERSION</span></h1>
+        <h1 style="margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 10px;">
+            <img src="$FAVICON_URL" alt="Logo" style="width: 38px; height: 38px;"> 
+            Kantine Wrapper 
+            <span style="font-size:0.5em; opacity:0.6; font-weight:400; margin-left:5px;">$VERSION</span>
+        </h1>
        <p style="font-size: 1.2rem; color: #a0aec0; margin-top: 0; font-style: italic;">"Mahlzeit! Jetzt bessa einfach."</p>
    </div>
    
@@ -207,9 +229,9 @@ echo "document.getElementById('bookmarklet-link').href = " >> "$DIST_DIR/install
 echo "$JS_CONTENT" | python3 -c "
 import sys, json, urllib.parse

-# 1. Read JS and Replace VERSION
+# 1. Read JS and Replace VERSION + Favicon
 js_template = sys.stdin.read()
-js = js_template.replace('{{VERSION}}', '$VERSION')
+js = js_template.replace('{{VERSION}}', '$VERSION').replace('{{FAVICON_DATA_URI}}', '$FAVICON_URL')

 # 2. Prepare CSS for injection via createElement('style')
 css = open('$CSS_FILE').read().replace('\n', ' ').replace('  ', ' ')
@@ -243,6 +265,16 @@ $CHANGELOG_HTML
 EOF

 cat >> "$DIST_DIR/install.html" << INSTALLEOF
+        // Dynamic favicon injection — setTimeout ensures it runs AFTER
+        // htmlpreview.github.io's document.write() processing completes
+        setTimeout(function() {
+            document.querySelectorAll('link[rel*="icon"]').forEach(function(el) { el.remove(); });
+            var fi = document.createElement('link');
+            fi.rel = 'icon';
+            fi.type = 'image/png';
+            fi.href = '$FAVICON_URL';
+            document.head.appendChild(fi);
+        }, 0);
        document.getElementById('bookmarklet-link').textContent = 'Kantine $VERSION';
    </script>
 </body>
--- a/changelog.md
+++ b/changelog.md
@@ -1,79 +1,16 @@
-## v1.4.24
- 🐛 **Bugfix**: Favicon-Encoding korrigiert – `encodeURIComponent` verursachte doppeltes Encoding der Farbcodes (`%23` → `%2523`). Auf Base64 umgestellt, funktioniert nun auch unter Chrome/Windows.
+## v1.5.0 (2026-02-26)
+Das große "Quality of Life"-Update! Zusammenfassung aller Features und Fixes seit v1.4.0:

-## v1.4.23
- 🐛 **Bugfix**: Favicon wird jetzt beim Ausführen des Bookmarklets in die Seite injiziert (ersetzt das Bessa-Favicon im Tab). Chrome cached das Icon und übernimmt es anschließend auch in die Lesezeichenleiste.
+- ✨ **Bestellhistorie**: Übersichtliche Historie direkt in der App – gruppiert nach Jahr/Monat, inklusive Summen, Stati (Offen/Abgeschlossen/Storniert) und Delta-Cache für rasantes Laden.
+- ⚡ **Smart Cache & Performance**: Massive Reduzierung von API-Calls und Ladezeiten durch intelligenten lokalen Cache. Das Bookmarklet startet nun praktisch verzögerungsfrei.
+- 🔄 **GitHub Release Management**: In-App Versions-Menü mit Auto-Update Check (`🆕` Icon). Umschalten zwischen "Stable" und "Dev" Versionen sowie Downgrade-Möglichkeit direkt über die GitHub API.
+- 🌟 **Smart Highlights & UX**: Speisen-Favoriten leuchten nun im Design-Violett und erhalten Feature-Badges. Der Bestell-Badge für nächste Woche filtert nun intelligent personalisierte Highlights voraus.
+- 🔔 **Bestell-Warnung & Notifications**: Der System-Alarm berücksichtigt nun Sessions korrekt, zeigt dynamische Farbwechsel (gelb/grün/rot) und warnt verlässlich vor dem Bestellschluss (10:00 Uhr). Altlasten von Vortagen werden automatisch geputzt.
+- 🎨 **Eigenes Favicon**: Das Bookmarklet und der Installer haben nun ein eigenes Icon (Dreieck mit Besteck), das beim Hineinziehen in die Lesezeichenleiste übernommen wird (dynamisch generiert als lokales PNG).
+- 🧹 **Lokaler Cache-Clear**: Ein in das Versions-Menü eingebauter "Papierkorb", der ausschließlich fehlerhafte Kantinen-Caches putzt, ohne dabei versehentlich die aktive Bessa-Host-Session zu zerstören.
+- 🔒 **Sitzungs-Persistenz**: Die Login-Session überdauert jetzt neue Tabs, Fenster und Version-Upgrades reibungslos durch den Wechsel auf `localStorage`.
+- 🛡️ **Testing & Stabilität**: Vollautomatische DOM- und Logik-Testing-Suites in der Release-Pipeline integriert. Fehlerhafte UI-Buttons gehören der Vergangenheit an.

-## v1.4.22
- 📝 **Docs**: Vollständiger Dokumentations-Audit: README.md um fehlende Dateien (favicon.svg, release.sh, Tests) und Features (Bestellhistorie, Version-Menü, Cache leeren, Favicon) ergänzt. REQUIREMENTS.md: Doppelte IDs (FR-090/091) behoben, FR-092 an dynamische Glow-Logik angepasst, FR-116 (Cache leeren) und FR-117 (Favicon) hinzugefügt, NFR-008 um DOM-Tests erweitert.
-
-## v1.4.21
- ✨ **UX**: Der Glow-Effekt des „Nächste Woche"-Buttons bleibt nun aktiv, solange Menüdaten vorhanden aber noch keine Bestellungen getätigt wurden. Verschwindet automatisch nach der ersten Bestellung.
-
-## v1.4.20
- 🐛 **Bugfix**: Der Badge-Counter im „Nächste Woche"-Tab wird jetzt sofort nach einer Bestellung oder Stornierung aktualisiert.
-
-## v1.4.19
- 🎨 **Feature**: Eigenes Favicon für die Installer-Seite hinzugefügt (Dreieck + Gabel & Messer). Wird beim Drag & Drop in die Lesezeichenleiste als Icon übernommen.
-
-## v1.4.18
- 🧪 **Testing**: Die automatische DOM-Testing Suite (`test_dom.js`) wurde massiv ausgebaut. Sie prüft nun neben der Alarmglocke und den Highlights auch systematisch alle anderen UI-Komponenten (Login-Modal, History-Modal, Versionen-Modal, Theme-Toggle, und Navigation Tabs) auf korrekte Event-Listener-Bindungen, um Regressionen (tote Buttons) endgültig auszuschließen.
-
-## v1.4.17
- 🐛 **Bugfix**: Regression behoben: Der "Persönliche Highlights" (Stern-Button) Dialog öffnet sich nun wieder korrekt.
- 🧪 **Testing**: Es wurde ein initialer UI-Testing-Hook (`test_dom.js` mit `jsdom`) in die Build-Pipeline integriert, um kritische DOM Event-Listener Regressionen (wie den Highlights-Button und die Alarmglocke) automatisch zu preventen.
-
-## v1.4.16
- ⚡ **Feature**: Ein Button "Lokalen Cache leeren" wurde zum Versionen-Menü hinzugefügt, um bei hartnäckigen lokalen Fehlern alle Caches und Sessions bereinigen zu können, ohne die Entwicklertools (F12) des Browsers bemühen zu müssen.
-
-## v1.4.15
- 🧹 **Bugfix**: In der Vergangenheit gesetzte Alarme/Flags wurden nicht zuverlässig gelöscht. Dies ist nun behoben, sodass verfallene Menüs nach 10:00 Uhr bzw. an vergangenen Tagen automatisch aus dem Tracker verschwinden.
-
-## v1.4.14
- 🐛 **Bugfix**: Alarmglocke versteckt sich jetzt zuverlässig auch auf Endgeräten mit CSS Konflikten 
- 🚀 **Feature**: Sofortige API-Aktualisierung (Refresh) bei Aktivierung eines Menüalarms
- ⚡ **Optimierung**: "Unbekannt" im letzten Refresh-Zeitpunkt wird abgefangen und zeigt initial "gerade eben"
-
-## v1.4.13 (2026-02-24)
- **Fix**: Die Farben der Glocke funktionieren nun verlässlich, da CSS-Variablen durch direkte Hex-Codes ersetzt wurden.
-
-## v1.4.12 (2026-02-24)
- **Fix**: Das Glocken-Icon sollte nun endgültig versteckt bleiben, wenn keine Benachrichtigungen aktiv sind (CSS-Kollision mit `.hidden` behoben).
-
-## v1.4.11 (2026-02-24)
- **Feature**: Das Versionsmenü prüft nun im Hintergrund direkt beim Öffnen nach neuen Versionen und aktualisiert die Liste automatisch, selbst wenn eine veraltete Liste noch im Cache liegt.
-
-## v1.4.10 (2026-02-24)
- **Fix**: Die Farben der Benachrichtigungs-Glocke wurden korrigiert: Sie ist nun gelb, während man auf ein Menü wartet, und wird grün, sobald eines verfügbar ist.
-
-## v1.4.9 (2026-02-24)
- **Fix**: Das Glocken-Icon für Benachrichtigungen wird nun direkt beim Start (wenn Daten aus dem lokalen Cache geladen werden) korrekt angezeigt.
-
-## v1.4.8 (2026-02-24)
- **Fix**: Die Benachrichtigungs-Glocke wird nun korrekt in Gelb dargestellt, wenn beobachtete Menüs verfügbar sind.
- **Tools**: Fehler in Testskript behoben, der den CI/CD Build verlangsamt hat.
-
-## v1.4.7 (2026-02-24)
- **Performance**: Die Bestellhistorie nutzt nun einen inkrementellen Delta-Cache anstatt immer alle Seiten von der API herunterzuladen, was die Ladezeiten für Vielbesteller enorm reduziert.
-
-## v1.4.6 (2026-02-24)
- **Fix**: Die Umrandung für bereits bestellte Menüs der vergangenen Tage ist nun ebenfalls einheitlich violett statt blau.
-
-## v1.4.5 (2026-02-24)
- **Fix**: Doppelten Scrollbalken in der Versionen-Liste entfernt.
-
-## v1.4.4 (2026-02-24)
- **Feature**: Das Versionsmenü enthält nun direkte Links zu GitHub, um Fehler zu melden oder neue Features vorzuschlagen.
-
-## v1.4.3 (2026-02-24)
- **Fix**: Der Rahmen des "Heute Bestellt" Menüs ist nun konsequent violett (passend zum Glow-Effekt).
-
-## v1.4.2 (2026-02-23)
- **Fix**: Das "Heute Bestellt" Menü leuchtet nun stimmig im Design-Violett statt Blau.
- **Fix**: Abfangen des GitHub API Rate Limit (403) im Versionsdialog mit einer freundlicheren Fehlermeldung, da der User-Agent im Browser nicht manuell gesetzt werden darf.
-
-## v1.4.1 (2026-02-22)
- **UX Verbesserungen**: Bestellhistorie gruppiert nach Jahren und Monaten mittels einklappbarem Akkordeon. Monatssummen integriert und Stati farblich abgehoben (Offen, Abgeschlossen, Storniert).

 ## v1.4.0 (2026-02-22)
 - **Feature**: Bestellhistorie per Knopfdruck abrufbar. Übersichtliche Darstellung, gruppiert nach Monaten und Kalenderwochen, inklusive Stornos. 📜✨
--- a/dist/bookmarklet-payload.js
+++ b/dist/bookmarklet-payload.js
--- a/dist/bookmarklet.txt
+++ b/dist/bookmarklet.txt
--- a/dist/install.html
+++ b/dist/install.html
--- a/dist/kantine-standalone.html
+++ b/dist/kantine-standalone.html
@@ -1979,8 +1979,8 @@ body {
    let currentWeekNumber = getISOWeek(new Date());
    let currentYear = new Date().getFullYear();
    let displayMode = 'this-week';
-    let authToken = sessionStorage.getItem('kantine_authToken');
-    let currentUser = sessionStorage.getItem('kantine_currentUser');
+    let authToken = localStorage.getItem('kantine_authToken');
+    let currentUser = localStorage.getItem('kantine_currentUser');
    let orderMap = new Map();
    let userFlags = new Set(JSON.parse(localStorage.getItem('kantine_flags') || '[]'));
    let pollIntervalId = null;
@@ -2000,15 +2000,14 @@ body {
        // Replace entire page content
        document.title = 'Kantine Weekly Menu';

-        // Inject custom favicon (triangle + fork & knife)
+        // Inject custom favicon (triangle + fork & knife PNG)
        if (document.querySelectorAll) {
            document.querySelectorAll('link[rel*="icon"]').forEach(el => el.remove());
        }
        const favicon = document.createElement('link');
        favicon.rel = 'icon';
-        favicon.type = 'image/svg+xml';
-        // Pre-encoded Base64 of the SVG favicon (triangle + fork & knife)
-        favicon.href = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiwxMCkiPjxyZWN0IHg9IjEiIHk9IjAiIHdpZHRoPSIxLjgiIGhlaWdodD0iMTYiIHJ4PSIuOSIgZmlsbD0iIzMzMyIvPjxyZWN0IHg9IjQuNiIgeT0iMCIgd2lkdGg9IjEuOCIgaGVpZ2h0PSIxNiIgcng9Ii45IiBmaWxsPSIjMzMzIi8+PHJlY3QgeD0iOC4yIiB5PSIwIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjE2IiByeD0iLjkiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIxIiB5PSIxNCIgd2lkdGg9IjkiIGhlaWdodD0iMy41IiByeD0iMS41IiBmaWxsPSIjMzMzIi8+PHJlY3QgeD0iMy41IiB5PSIxNi41IiB3aWR0aD0iNCIgaGVpZ2h0PSIyNCIgcng9IjIiIGZpbGw9IiMzMzMiLz48L2c+PHBvbHlnb24gcG9pbnRzPSIzMiw4IDQ3LDQ4IDE3LDQ4IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLDEwKSI+PHBhdGggZD0iTTMsMEMzLDAsMywwLDMsMEwzLDE3TDEwLDE0QzEwLDYsNywwLDMsMFoiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIxLjUiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjE4IiByeD0iMSIgZmlsbD0iIzMzMyIvPjxyZWN0IHg9IjEuNSIgeT0iMTYuNSIgd2lkdGg9IjguNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxLjIiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIzLjUiIHk9IjE5IiB3aWR0aD0iNCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9IiMzMzMiLz48L2c+PC9zdmc+';
+        favicon.type = 'image/png';
+        favicon.href = 'data:image/png;base64,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';
        document.head.appendChild(favicon);

        // Inject Google Fonts if not already present
@@ -2032,7 +2031,7 @@ body {
                    <div class="brand">
                        <span class="material-icons-round logo-icon">restaurant_menu</span>
                        <div class="header-left">
-                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.4.24</small></h1>
+                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.5.0</small></h1>
                            <div id="last-updated-subtitle" class="subtitle"></div>
                        </div>
                        <div class="nav-group" style="margin-left: 1rem;">
@@ -2174,7 +2173,7 @@ body {
                    </div>
                    <div class="modal-body">
                        <div style="margin-bottom: 1rem;">
-                            <strong>Aktuell:</strong> <span id="version-current">v1.4.24</span>
+                            <strong>Aktuell:</strong> <span id="version-current">v1.5.0</span>
                        </div>
                        <div class="dev-toggle">
                            <label style="display:flex;align-items:center;gap:8px;cursor:pointer;">
@@ -2295,8 +2294,12 @@ body {
        if (btnClearCache) {
            btnClearCache.addEventListener('click', () => {
                if (confirm('Möchtest du wirklich alle lokalen Daten (inkl. Login-Session, Cache und Einstellungen) löschen? Die Seite wird danach neu geladen.')) {
-                    localStorage.clear();
-                    sessionStorage.clear();
+                    // Only clear our own keys so we don't destroy the host app's (Bessa's) session
+                    Object.keys(localStorage).forEach(key => {
+                        if (key.startsWith('kantine_')) {
+                            localStorage.removeItem(key);
+                        }
+                    });
                    window.location.reload();
                }
            });
@@ -2410,8 +2413,8 @@ body {
                if (response.ok) {
                    authToken = data.key;
                    currentUser = employeeId;
-                    sessionStorage.setItem('kantine_authToken', data.key);
-                    sessionStorage.setItem('kantine_currentUser', employeeId);
+                    localStorage.setItem('kantine_authToken', data.key);
+                    localStorage.setItem('kantine_currentUser', employeeId);

                    // Fetch user name
                    try {
@@ -2420,8 +2423,8 @@ body {
                        });
                        if (userResp.ok) {
                            const userData = await userResp.json();
-                            if (userData.first_name) sessionStorage.setItem('kantine_firstName', userData.first_name);
-                            if (userData.last_name) sessionStorage.setItem('kantine_lastName', userData.last_name);
+                            if (userData.first_name) localStorage.setItem('kantine_firstName', userData.first_name);
+                            if (userData.last_name) localStorage.setItem('kantine_lastName', userData.last_name);
                        }
                    } catch (err) {
                        console.error('Failed to fetch user info:', err);
@@ -2451,10 +2454,10 @@ body {

        // Logout
        btnLogout.addEventListener('click', () => {
-            sessionStorage.removeItem('kantine_authToken');
-            sessionStorage.removeItem('kantine_currentUser');
-            sessionStorage.removeItem('kantine_firstName');
-            sessionStorage.removeItem('kantine_lastName');
+            localStorage.removeItem('kantine_authToken');
+            localStorage.removeItem('kantine_currentUser');
+            localStorage.removeItem('kantine_firstName');
+            localStorage.removeItem('kantine_lastName');
            authToken = null;
            currentUser = null;
            orderMap = new Map();
@@ -2475,13 +2478,13 @@ body {
                    if (parsed.auth && parsed.auth.token) {
                        console.log('Found existing Bessa session!');
                        authToken = parsed.auth.token;
-                        sessionStorage.setItem('kantine_authToken', authToken);
+                        localStorage.setItem('kantine_authToken', authToken);

                        if (parsed.auth.user) {
                            currentUser = parsed.auth.user.id || 'unknown';
-                            sessionStorage.setItem('kantine_currentUser', currentUser);
-                            if (parsed.auth.user.firstName) sessionStorage.setItem('kantine_firstName', parsed.auth.user.firstName);
-                            if (parsed.auth.user.lastName) sessionStorage.setItem('kantine_lastName', parsed.auth.user.lastName);
+                            localStorage.setItem('kantine_currentUser', currentUser);
+                            if (parsed.auth.user.firstName) localStorage.setItem('kantine_firstName', parsed.auth.user.firstName);
+                            if (parsed.auth.user.lastName) localStorage.setItem('kantine_lastName', parsed.auth.user.lastName);
                        }
                    }
                }
@@ -2490,9 +2493,9 @@ body {
            }
        }

-        authToken = sessionStorage.getItem('kantine_authToken');
-        currentUser = sessionStorage.getItem('kantine_currentUser');
-        const firstName = sessionStorage.getItem('kantine_firstName');
+        authToken = localStorage.getItem('kantine_authToken');
+        currentUser = localStorage.getItem('kantine_currentUser');
+        const firstName = localStorage.getItem('kantine_firstName');
        const btnLoginOpen = document.getElementById('btn-login-open');
        const userInfo = document.getElementById('user-info');
        const userIdDisplay = document.getElementById('user-id-display');
@@ -4027,7 +4030,7 @@ body {

    // Periodic update check (runs on init + every hour)
    async function checkForUpdates() {
-        const currentVersion = 'v1.4.24';
+        const currentVersion = 'v1.5.0';
        const devMode = localStorage.getItem('kantine_dev_mode') === 'true';

        try {
@@ -4068,7 +4071,7 @@ body {
        const modal = document.getElementById('version-modal');
        const container = document.getElementById('version-list-container');
        const devToggle = document.getElementById('dev-mode-toggle');
-        const currentVersion = 'v1.4.24';
+        const currentVersion = 'v1.5.0';

        if (!modal) return;
        modal.classList.remove('hidden');
@@ -4165,6 +4168,12 @@ body {

    // === Order Countdown ===
    function updateCountdown() {
+        // Only show order alarms for logged-in users
+        if (!authToken || !currentUser) {
+            removeCountdown();
+            return;
+        }
+
        const now = new Date();
        const currentDay = now.getDay();
        // Skip weekends (0=Sun, 6=Sat)
@@ -4229,7 +4238,7 @@ body {

            // Notification logic (One time)
            const notifiedKey = `kantine_notified_${todayStr}`;
-            if (!sessionStorage.getItem(notifiedKey)) {
+            if (!localStorage.getItem(notifiedKey)) {
                if (Notification.permission === 'granted') {
                    new Notification('Kantine: Bestellschluss naht!', {
                        body: 'Du hast heute noch nichts bestellt. Nur noch 1 Stunde!',
@@ -4238,7 +4247,7 @@ body {
                } else if (Notification.permission === 'default') {
                    Notification.requestPermission();
                }
-                sessionStorage.setItem(notifiedKey, 'true');
+                localStorage.setItem(notifiedKey, 'true');
            }
        } else {
            countdownEl.classList.remove('urgent');
--- a/favicon.png
+++ b/favicon.png
--- a/favicon_base.png
+++ b/favicon_base.png
--- a/kantine.js
+++ b/kantine.js
@@ -29,8 +29,8 @@
    let currentWeekNumber = getISOWeek(new Date());
    let currentYear = new Date().getFullYear();
    let displayMode = 'this-week';
-    let authToken = sessionStorage.getItem('kantine_authToken');
-    let currentUser = sessionStorage.getItem('kantine_currentUser');
+    let authToken = localStorage.getItem('kantine_authToken');
+    let currentUser = localStorage.getItem('kantine_currentUser');
    let orderMap = new Map();
    let userFlags = new Set(JSON.parse(localStorage.getItem('kantine_flags') || '[]'));
    let pollIntervalId = null;
@@ -50,15 +50,14 @@
        // Replace entire page content
        document.title = 'Kantine Weekly Menu';

-        // Inject custom favicon (triangle + fork & knife)
+        // Inject custom favicon (triangle + fork & knife PNG)
        if (document.querySelectorAll) {
            document.querySelectorAll('link[rel*="icon"]').forEach(el => el.remove());
        }
        const favicon = document.createElement('link');
        favicon.rel = 'icon';
-        favicon.type = 'image/svg+xml';
-        // Pre-encoded Base64 of the SVG favicon (triangle + fork & knife)
-        favicon.href = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiwxMCkiPjxyZWN0IHg9IjEiIHk9IjAiIHdpZHRoPSIxLjgiIGhlaWdodD0iMTYiIHJ4PSIuOSIgZmlsbD0iIzMzMyIvPjxyZWN0IHg9IjQuNiIgeT0iMCIgd2lkdGg9IjEuOCIgaGVpZ2h0PSIxNiIgcng9Ii45IiBmaWxsPSIjMzMzIi8+PHJlY3QgeD0iOC4yIiB5PSIwIiB3aWR0aD0iMS44IiBoZWlnaHQ9IjE2IiByeD0iLjkiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIxIiB5PSIxNCIgd2lkdGg9IjkiIGhlaWdodD0iMy41IiByeD0iMS41IiBmaWxsPSIjMzMzIi8+PHJlY3QgeD0iMy41IiB5PSIxNi41IiB3aWR0aD0iNCIgaGVpZ2h0PSIyNCIgcng9IjIiIGZpbGw9IiMzMzMiLz48L2c+PHBvbHlnb24gcG9pbnRzPSIzMiw4IDQ3LDQ4IDE3LDQ4IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLDEwKSI+PHBhdGggZD0iTTMsMEMzLDAsMywwLDMsMEwzLDE3TDEwLDE0QzEwLDYsNywwLDMsMFoiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIxLjUiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjE4IiByeD0iMSIgZmlsbD0iIzMzMyIvPjxyZWN0IHg9IjEuNSIgeT0iMTYuNSIgd2lkdGg9IjguNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxLjIiIGZpbGw9IiMzMzMiLz48cmVjdCB4PSIzLjUiIHk9IjE5IiB3aWR0aD0iNCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9IiMzMzMiLz48L2c+PC9zdmc+';
+        favicon.type = 'image/png';
+        favicon.href = '{{FAVICON_DATA_URI}}';
        document.head.appendChild(favicon);

        // Inject Google Fonts if not already present
@@ -345,8 +344,12 @@
        if (btnClearCache) {
            btnClearCache.addEventListener('click', () => {
                if (confirm('Möchtest du wirklich alle lokalen Daten (inkl. Login-Session, Cache und Einstellungen) löschen? Die Seite wird danach neu geladen.')) {
-                    localStorage.clear();
-                    sessionStorage.clear();
+                    // Only clear our own keys so we don't destroy the host app's (Bessa's) session
+                    Object.keys(localStorage).forEach(key => {
+                        if (key.startsWith('kantine_')) {
+                            localStorage.removeItem(key);
+                        }
+                    });
                    window.location.reload();
                }
            });
@@ -460,8 +463,8 @@
                if (response.ok) {
                    authToken = data.key;
                    currentUser = employeeId;
-                    sessionStorage.setItem('kantine_authToken', data.key);
-                    sessionStorage.setItem('kantine_currentUser', employeeId);
+                    localStorage.setItem('kantine_authToken', data.key);
+                    localStorage.setItem('kantine_currentUser', employeeId);

                    // Fetch user name
                    try {
@@ -470,8 +473,8 @@
                        });
                        if (userResp.ok) {
                            const userData = await userResp.json();
-                            if (userData.first_name) sessionStorage.setItem('kantine_firstName', userData.first_name);
-                            if (userData.last_name) sessionStorage.setItem('kantine_lastName', userData.last_name);
+                            if (userData.first_name) localStorage.setItem('kantine_firstName', userData.first_name);
+                            if (userData.last_name) localStorage.setItem('kantine_lastName', userData.last_name);
                        }
                    } catch (err) {
                        console.error('Failed to fetch user info:', err);
@@ -501,10 +504,10 @@

        // Logout
        btnLogout.addEventListener('click', () => {
-            sessionStorage.removeItem('kantine_authToken');
-            sessionStorage.removeItem('kantine_currentUser');
-            sessionStorage.removeItem('kantine_firstName');
-            sessionStorage.removeItem('kantine_lastName');
+            localStorage.removeItem('kantine_authToken');
+            localStorage.removeItem('kantine_currentUser');
+            localStorage.removeItem('kantine_firstName');
+            localStorage.removeItem('kantine_lastName');
            authToken = null;
            currentUser = null;
            orderMap = new Map();
@@ -525,13 +528,13 @@
                    if (parsed.auth && parsed.auth.token) {
                        console.log('Found existing Bessa session!');
                        authToken = parsed.auth.token;
-                        sessionStorage.setItem('kantine_authToken', authToken);
+                        localStorage.setItem('kantine_authToken', authToken);

                        if (parsed.auth.user) {
                            currentUser = parsed.auth.user.id || 'unknown';
-                            sessionStorage.setItem('kantine_currentUser', currentUser);
-                            if (parsed.auth.user.firstName) sessionStorage.setItem('kantine_firstName', parsed.auth.user.firstName);
-                            if (parsed.auth.user.lastName) sessionStorage.setItem('kantine_lastName', parsed.auth.user.lastName);
+                            localStorage.setItem('kantine_currentUser', currentUser);
+                            if (parsed.auth.user.firstName) localStorage.setItem('kantine_firstName', parsed.auth.user.firstName);
+                            if (parsed.auth.user.lastName) localStorage.setItem('kantine_lastName', parsed.auth.user.lastName);
                        }
                    }
                }
@@ -540,9 +543,9 @@
            }
        }

-        authToken = sessionStorage.getItem('kantine_authToken');
-        currentUser = sessionStorage.getItem('kantine_currentUser');
-        const firstName = sessionStorage.getItem('kantine_firstName');
+        authToken = localStorage.getItem('kantine_authToken');
+        currentUser = localStorage.getItem('kantine_currentUser');
+        const firstName = localStorage.getItem('kantine_firstName');
        const btnLoginOpen = document.getElementById('btn-login-open');
        const userInfo = document.getElementById('user-info');
        const userIdDisplay = document.getElementById('user-id-display');
@@ -2215,6 +2218,12 @@

    // === Order Countdown ===
    function updateCountdown() {
+        // Only show order alarms for logged-in users
+        if (!authToken || !currentUser) {
+            removeCountdown();
+            return;
+        }
+
        const now = new Date();
        const currentDay = now.getDay();
        // Skip weekends (0=Sun, 6=Sat)
@@ -2279,7 +2288,7 @@

            // Notification logic (One time)
            const notifiedKey = `kantine_notified_${todayStr}`;
-            if (!sessionStorage.getItem(notifiedKey)) {
+            if (!localStorage.getItem(notifiedKey)) {
                if (Notification.permission === 'granted') {
                    new Notification('Kantine: Bestellschluss naht!', {
                        body: 'Du hast heute noch nichts bestellt. Nur noch 1 Stunde!',
@@ -2288,7 +2297,7 @@
                } else if (Notification.permission === 'default') {
                    Notification.requestPermission();
                }
-                sessionStorage.setItem(notifiedKey, 'true');
+                localStorage.setItem(notifiedKey, 'true');
            }
        } else {
            countdownEl.classList.remove('urgent');
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-v1.4.24
+v1.5.0
Author	SHA1	Message	Date
Kantine Wrapper	b7c3aac921	chore: update build artifacts for v1.5.0	2026-02-26 17:13:51 +01:00
Kantine Wrapper	a902732d4b	style: replace logo unicode char with dynamic favicon image in installer	2026-02-26 17:13:51 +01:00
Kantine Wrapper	eaab21151a	chore: update build artifacts for v1.5.0	2026-02-26 17:10:33 +01:00
Kantine Wrapper	5af1f86700	feat: Update favicon and add theming support to the bookmarklet.	2026-02-26 17:10:27 +01:00
Kantine Wrapper	90b503ddb7	chore: update build artifacts for v1.5.0	2026-02-26 12:43:13 +01:00
Kantine Wrapper	10ffbd8c68	build: automatically generate favicon.png from favicon_base.png if present	2026-02-26 12:43:03 +01:00
Kantine Wrapper	0294db7976	chore: update build artifacts for v1.5.0	2026-02-26 12:39:20 +01:00
Kantine Wrapper	5a2c23524d	chore: update build artifacts for v1.5.0	2026-02-26 12:35:04 +01:00
Kantine Wrapper	d4a9d39d67	feat: implement history modal with comprehensive styling, general UI improvements, and favicon update.	2026-02-26 12:34:50 +01:00
Kantine Wrapper	3c8d946a1e	style: update favicon to new design for v1.5.0 release	2026-02-26 11:20:49 +01:00
Kantine Wrapper	f71bcf1ac7	chore: update build artifacts for v1.5.0	2026-02-26 10:39:49 +01:00
Kantine Wrapper	b041e9f318	chore: bump version to 1.5.0 and rollup changelog	2026-02-26 10:39:49 +01:00
Kantine Wrapper	984a897f73	chore: update build artifacts for v1.4.31	2026-02-26 10:35:28 +01:00
Kantine Wrapper	ae54d97d96	fix: target localStorage cleanup to kantine_ prefix to prevent host session loss (v1.4.31)	2026-02-26 10:35:28 +01:00
Kantine Wrapper	6ed0831f5d	chore: update build artifacts for v1.4.30	2026-02-26 10:18:50 +01:00
Kantine Wrapper	ba75544f68	fix: session loss and order alarm rendering across unauthenticated sessions (v1.4.30)	2026-02-26 10:18:50 +01:00
Kantine Wrapper	7fdf7f6f3e	chore: update build artifacts for v1.4.29	2026-02-26 10:01:39 +01:00
Kantine Wrapper	614f498d11	fix: defer favicon injection with setTimeout for htmlpreview compat (v1.4.29)	2026-02-26 10:01:17 +01:00
Kantine Wrapper	5f30696315	chore: update build artifacts for v1.4.28	2026-02-26 09:57:46 +01:00
Kantine Wrapper	cb5aa28f94	feat: custom favicon from user design, resized to 32x32 (v1.4.28)	2026-02-26 09:57:11 +01:00
Kantine Wrapper	bc1a91b7d7	chore: update build artifacts for v1.4.27	2026-02-26 09:50:46 +01:00
Kantine Wrapper	7d5beedfbb	feat: build-time favicon injection from favicon.png via placeholder (v1.4.27)	2026-02-26 09:50:17 +01:00
Kantine Wrapper	0651d517b2	chore: update build artifacts for v1.4.26	2026-02-26 09:15:15 +01:00
Kantine Wrapper	c5e236e095	feat: favicon switched to PNG file served via raw GitHub URL (v1.4.26)	2026-02-26 09:15:10 +01:00
Kantine Wrapper	a5bff19796	chore: update build artifacts for v1.4.25	2026-02-26 09:03:12 +01:00
Kantine Wrapper	284f3d9a32	fix: dynamic favicon injection + push main to GitHub (v1.4.25)	2026-02-26 09:03:07 +01:00