+ {/* Install app + settings at bottom */}
+
diff --git a/waiter_pwa/src/components/InstallAppBanner.jsx b/waiter_pwa/src/components/InstallAppBanner.jsx
deleted file mode 100644
index 5df42cf..0000000
--- a/waiter_pwa/src/components/InstallAppBanner.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { useEffect, useState } from 'react'
-import { deliveryMode } from '../config/server'
-
-// Shown only in plain-HTTP browser mode (http://
+
-
- Για γρηγορότερη και πιο σταθερή λειτουργία, εγκαταστήστε την εφαρμογή.
-
-
- Εγκατάσταση
-
-
-
- )
-}
diff --git a/waiter_pwa/src/components/InstallAppDialog.jsx b/waiter_pwa/src/components/InstallAppDialog.jsx
new file mode 100644
index 0000000..c165879
--- /dev/null
+++ b/waiter_pwa/src/components/InstallAppDialog.jsx
@@ -0,0 +1,107 @@
+import { useEffect } from 'react'
+import useInstallPromptStore, { APK_URL, canOfferApp } from '../store/installPromptStore'
+
+const BENEFITS = [
+ { icon: '⚡', title: 'Ανοίγει αμέσως', text: 'Χωρίς φόρτωση από τον browser, σαν κανονική εφαρμογή.' },
+ { icon: '📶', title: 'Αντέχει στο WiFi', text: 'Συνεχίζει να δουλεύει όταν χάνεται για λίγο η σύνδεση.' },
+ { icon: '🔒', title: 'Ασφαλής σύνδεση', text: 'Κρυπτογραφημένη επικοινωνία με τον server του καταστήματος.' },
+ { icon: '🔄', title: 'Χωρίς ρυθμίσεις', text: 'Βρίσκει μόνη της τον server και ενημερώνεται αυτόματα.' },
+]
+
+const STEPS = [
+ 'Πατήστε «Λήψη εφαρμογής».',
+ 'Ανοίξτε το αρχείο και επιτρέψτε την εγκατάσταση.',
+ 'Ανοίξτε το Xenia και σαρώστε ξανά το QR του καταστήματος.',
+]
+
+/**
+ * Dialog offering the Android app to browser users (see installPromptStore).
+ * Opens by itself once; afterwards from the side drawer.
+ */
+export default function InstallAppDialog() {
+ const { open, dismiss, autoOpen } = useInstallPromptStore()
+
+ useEffect(() => {
+ if (canOfferApp()) autoOpen()
+ }, [autoOpen])
+
+ if (!open) return null
+
+ return (
+
+
+ )
+}
diff --git a/waiter_pwa/src/store/installPromptStore.js b/waiter_pwa/src/store/installPromptStore.js
new file mode 100644
index 0000000..865661f
--- /dev/null
+++ b/waiter_pwa/src/store/installPromptStore.js
@@ -0,0 +1,59 @@
+import { create } from 'zustand'
+import { deliveryMode } from '../config/server'
+
+/**
+ * "Install the Android app" dialog (browser mode only).
+ *
+ * It opens by itself once, the first time an Android phone opens the waiter app
+ * in a browser, and only if this venue's server actually serves the APK. Closing it or tapping
+ * download marks it as seen for good; after that it's reachable from the side
+ * drawer ("Εγκατάσταση εφαρμογής", above Settings).
+ */
+
+export const APK_URL = import.meta.env.VITE_APP_DOWNLOAD_URL || '/downloads/xenia-waiter.apk'
+const SEEN_KEY = 'install-app-prompt-seen'
+
+/** Browser on an Android phone — the only place an APK is useful. */
+export function canOfferApp() {
+ return deliveryMode() !== 'native' && /Android/i.test(navigator.userAgent)
+}
+
+let availability = null
+/** Resolves true if this server serves the APK (checked once per page load). */
+export function apkAvailable() {
+ if (!canOfferApp()) return Promise.resolve(false)
+ availability ??= fetch(APK_URL, { method: 'HEAD' })
+ // nginx answers a real 404 for a missing file under /downloads/
+ .then(r => r.ok && !(r.headers.get('content-type') || '').includes('text/html'))
+ .catch(() => false)
+ return availability
+}
+
+function wasSeen() {
+ try {
+ return localStorage.getItem(SEEN_KEY) === '1'
+ } catch {
+ return false
+ }
+}
+
+const useInstallPromptStore = create((set) => ({
+ open: false,
+ show: () => set({ open: true }),
+ /** Close and never open by itself again. */
+ dismiss: () => {
+ try {
+ localStorage.setItem(SEEN_KEY, '1')
+ } catch {
+ // storage unavailable — it may open once more on the next visit
+ }
+ set({ open: false })
+ },
+ /** First visit: open once if the APK is there and the dialog wasn't seen yet. */
+ autoOpen: async () => {
+ if (wasSeen() || !(await apkAvailable())) return
+ set({ open: true })
+ },
+}))
+
+export default useInstallPromptStore
e.stopPropagation()}
+ style={{
+ width: '100%', maxWidth: 360, maxHeight: '92vh', overflowY: 'auto',
+ background: 'var(--bg2)', border: '1px solid var(--border)', borderRadius: 22,
+ boxShadow: '0 16px 48px rgba(0,0,0,0.5)', padding: '26px 22px 20px',
+ display: 'flex', flexDirection: 'column', gap: 18,
+ }}
+ >
+
+
+ 
+
+
+
+ + Εφαρμογή Xenia +
++ Εγκαταστήστε την εφαρμογή για γρηγορότερη και πιο σταθερή λειτουργία. +
+
+ {BENEFITS.map(b => (
+
+
+
+
+ {b.icon}
+
+
+ ))}
+
+
+ {b.title}
+ {b.text}
+ -
+ {STEPS.map(s =>
- {s} )} +
+
+ Λήψη εφαρμογής
+
+
+
+