Upload 4 files

templates/base.html

@@ -30,12 +30,47 @@
         </div>
     </header>
 
+    <!-- Demo mode banner -->
+    <div id="demoBanner" class="container mt-2">
+        <div class="bg-yellow-50 border border-yellow-200 rounded p-3 text-sm flex justify-between items-center" style="display:none;" role="status">
+            <div>
+                <strong>Demo Mode</strong> — Running with in-memory data. Changes won't persist after a restart.
+            </div>
+            <div>
+                <button id="dismissDemo" class="px-3 py-1 bg-yellow-200 rounded text-sm">Dismiss</button>
+            </div>
+        </div>
+    </div>
+
     <main class="container mt-6">
         {% block content %}{% endblock %}
     </main>
 
     <!-- Place for page-specific scripts -->
     {% block scripts %}{% endblock %}
+    <script>
+        (async function(){
+            try {
+                const dismissed = localStorage.getItem('eh_demo_dismissed');
+                if (dismissed === '1') return;
+                const res = await fetch('/system/status');
+                if (!res.ok) return;
+                const json = await res.json();
+                if (json.storage === 'in_memory' || json.demo_mode) {
+                    const banner = document.getElementById('demoBanner').querySelector('div');
+                    if (banner) {
+                        banner.style.display = 'flex';
+                        document.getElementById('dismissDemo').addEventListener('click', () => {
+                            banner.style.display = 'none';
+                            localStorage.setItem('eh_demo_dismissed', '1');
+                        });
+                    }
+                }
+            } catch (e) {
+                // ignore
+            }
+        })();
+    </script>
 </body>
 </html>
                                 </div>