From 0360a8d3d4cbed82c6ab3190eb3eee52549aed79 Mon Sep 17 00:00:00 2001
From: Ben Meadors <benmmeadors@gmail.com>
Date: Tue, 18 Nov 2025 13:19:51 -0600
Subject: [PATCH 1/3] Privacy footer acknowledgement

---
 app.vue                        |  2 ++
 components/AnalyticsFooter.vue | 29 +++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 components/AnalyticsFooter.vue

diff --git a/app.vue b/app.vue
index a13ac495..8441b0f2 100644
--- a/app.vue
+++ b/app.vue
@@ -112,6 +112,8 @@
 
     <ToastNotifications />
 
+    <AnalyticsFooter />
+
     <footer
       id="footer"
       class="halloween-theme footer text-white mt-4 py-4"
diff --git a/components/AnalyticsFooter.vue b/components/AnalyticsFooter.vue
new file mode 100644
index 00000000..8855371c
--- /dev/null
+++ b/components/AnalyticsFooter.vue
@@ -0,0 +1,29 @@
+<template>
+  <footer
+    v-if="!hasAcknowledged"
+    class="fixed bottom-0 left-0 right-0 z-50 bg-gray-900 border-t border-gray-700 text-gray-100"
+  >
+    <div class="max-w-7xl mx-auto flex flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
+      <p class="text-sm">
+        We collect anonymous crash and usage data across this app. This helps us improve Meshtastic. No personally identifiable data is collected. See our <a href="https://meshtastic.org/docs/legal/privacy/" target="_blank" class="underline text-blue-400 hover:text-blue-300">Privacy Policy</a> for more details.
+      </p>
+      <button
+        type="button"
+        class="inline-flex items-center justify-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900"
+        @click="acknowledge"
+      >
+        OK
+      </button>
+    </div>
+  </footer>
+</template>
+
+<script setup lang="ts">
+import { useLocalStorage } from '@vueuse/core';
+
+const hasAcknowledged = useLocalStorage('analytics-acknowledged', false);
+
+const acknowledge = () => {
+  hasAcknowledged.value = true;
+};
+</script>

From a3a58beb26fe4174462f5673f0efeb72a0815f50 Mon Sep 17 00:00:00 2001
From: Ben Meadors <benmmeadors@gmail.com>
Date: Tue, 18 Nov 2025 13:24:13 -0600
Subject: [PATCH 2/3] i18n

---
 components/AnalyticsFooter.vue | 15 +++++++++++++--
 i18n/locales/en.json           |  7 +++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/AnalyticsFooter.vue b/components/AnalyticsFooter.vue
index 8855371c..65cadbe8 100644
--- a/components/AnalyticsFooter.vue
+++ b/components/AnalyticsFooter.vue
@@ -5,14 +5,25 @@
   >
     <div class="max-w-7xl mx-auto flex flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
       <p class="text-sm">
-        We collect anonymous crash and usage data across this app. This helps us improve Meshtastic. No personally identifiable data is collected. See our <a href="https://meshtastic.org/docs/legal/privacy/" target="_blank" class="underline text-blue-400 hover:text-blue-300">Privacy Policy</a> for more details.
+        <i18n-t keypath="analytics.footer.message">
+          <template #link>
+            <a
+              href="https://meshtastic.org/docs/legal/privacy/"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="underline text-blue-400 hover:text-blue-300"
+            >
+              {{ $t('analytics.footer.privacyLink') }}
+            </a>
+          </template>
+        </i18n-t>
       </p>
       <button
         type="button"
         class="inline-flex items-center justify-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900"
         @click="acknowledge"
       >
-        OK
+        {{ $t('analytics.footer.button') }}
       </button>
     </div>
   </footer>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 7fc5be71..639a24b2 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -126,5 +126,12 @@
     "error_connection": "Failed to connect to device or the device may already be in DFU mode. Please disconnect and reconnect the device, then try again. If the problem persists, reload the page.",
     "error_unresponsive_title": "Device Unresponsive",
     "error_unresponsive": "The device is not responding. Please ensure it is properly connected and not in DFU mode. If the problem persists, reload the page."
+  },
+  "analytics": {
+    "footer": {
+      "message": "We collect anonymous crash and usage data across this app. This helps us improve Meshtastic. No personally identifiable data is collected. See our <link>Privacy Policy</link> for more details.",
+      "privacyLink": "Privacy Policy",
+      "button": "OK"
+    }
   }
 }

From bdf692763e0f8c60b3f5936621c770659ccfe88c Mon Sep 17 00:00:00 2001
From: Ben Meadors <benmmeadors@gmail.com>
Date: Tue, 18 Nov 2025 13:27:44 -0600
Subject: [PATCH 3/3] Split it

---
 components/AnalyticsFooter.vue | 23 +++++++++++------------
 i18n/locales/en.json           |  4 +++-
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/components/AnalyticsFooter.vue b/components/AnalyticsFooter.vue
index 65cadbe8..38c6d679 100644
--- a/components/AnalyticsFooter.vue
+++ b/components/AnalyticsFooter.vue
@@ -5,18 +5,17 @@
   >
     <div class="max-w-7xl mx-auto flex flex-col gap-3 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
       <p class="text-sm">
-        <i18n-t keypath="analytics.footer.message">
-          <template #link>
-            <a
-              href="https://meshtastic.org/docs/legal/privacy/"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="underline text-blue-400 hover:text-blue-300"
-            >
-              {{ $t('analytics.footer.privacyLink') }}
-            </a>
-          </template>
-        </i18n-t>
+        {{ $t('analytics.footer.message') }}
+        {{ $t('analytics.footer.detailsPrefix') }}
+        <a
+          href="https://meshtastic.org/docs/legal/privacy/"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="underline text-blue-400 hover:text-blue-300"
+        >
+          {{ $t('analytics.footer.privacyLink') }}
+        </a>
+        {{ $t('analytics.footer.detailsSuffix') }}
       </p>
       <button
         type="button"
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 639a24b2..19ff4c4d 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -129,7 +129,9 @@
   },
   "analytics": {
     "footer": {
-      "message": "We collect anonymous crash and usage data across this app. This helps us improve Meshtastic. No personally identifiable data is collected. See our <link>Privacy Policy</link> for more details.",
+      "message": "We collect anonymous crash and usage data across this app. This helps us improve Meshtastic. No personally identifiable data is collected.",
+      "detailsPrefix": "See our",
+      "detailsSuffix": "for more details.",
       "privacyLink": "Privacy Policy",
       "button": "OK"
     }