Mobile: user-initiated bug report (web parity)

Account now has a 'Report a bug' action opening a description sheet that
posts to /bug-reports (which files a GitHub issue) and confirms the issue
number. Previously mobile only auto-reported crashes. New api/bugReports;
i18n for all 26 locales.

Closes mobile-parity item 6/15 (Tier 1 complete).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: johnfire

packages/mobile/app/(tabs)/account.tsx

@@ -9,12 +9,16 @@ import {
   ActivityIndicator,
   Alert,
   Linking,
+  Modal,
+  Platform,
 } from "react-native";
+import Constants from "expo-constants";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { useRouter } from "expo-router";
 import { useTranslation } from "react-i18next";
 import { useAuth } from "../../src/store/auth";
 import { changeEmail, changePassword, deleteAccount } from "../../src/api/auth";
+import { submitBugReport } from "../../src/api/bugReports";
 import { api } from "../../src/api/client";
 import { LanguagePicker } from "../../src/components/LanguagePicker";
 import { colors, spacing, radius, font } from "../../src/theme";
@@ -33,6 +37,30 @@ export default function AccountScreen() {
   const router = useRouter();
   const { user, logout, setUser } = useAuth();
 
+  const [bugOpen, setBugOpen] = useState(false);
+  const [bugText, setBugText] = useState("");
+  const [bugSubmitting, setBugSubmitting] = useState(false);
+
+  async function handleSubmitBug() {
+    const description = bugText.trim();
+    if (!description || bugSubmitting) return;
+    setBugSubmitting(true);
+    try {
+      const res = await submitBugReport({
+        description,
+        page: "mobile-app",
+        userAgent: `${Platform.OS} app ${Constants.expoConfig?.version ?? "unknown"}`,
+      });
+      setBugOpen(false);
+      setBugText("");
+      Alert.alert(t("bug.thanks", { number: res.number }));
+    } catch (err) {
+      Alert.alert(t("bug.failed"), (err as Error).message);
+    } finally {
+      setBugSubmitting(false);
+    }
+  }
+
   const [emailForm, setEmailForm] = useState({
     email: "",
     password: "",
@@ -261,6 +289,16 @@ export default function AccountScreen() {
           </Pressable>
         </View>
 
+        <SectionHeader title={t("account.reportBug")} />
+        <View style={s.card}>
+          <Pressable
+            style={({ pressed }) => [s.btn, pressed && s.pressed]}
+            onPress={() => setBugOpen(true)}
+          >
+            <Text style={s.btnText}>{t("account.reportBug")}</Text>
+          </Pressable>
+        </View>
+
         <SectionHeader title={t("account.language")} />
         <View style={s.card}>
           <LanguagePicker />
@@ -299,6 +337,39 @@ export default function AccountScreen() {
           </Pressable>
         </View>
       </ScrollView>
+
+      <Modal
+        visible={bugOpen}
+        transparent
+        animationType="slide"
+        onRequestClose={() => setBugOpen(false)}
+      >
+        <Pressable style={s.bugBackdrop} onPress={() => setBugOpen(false)} />
+        <View style={s.bugSheet}>
+          <Text style={s.bugTitle}>{t("account.reportBug")}</Text>
+          <TextInput
+            style={s.bugInput}
+            placeholder={t("bug.placeholder")}
+            placeholderTextColor={colors.textDim}
+            value={bugText}
+            onChangeText={setBugText}
+            multiline
+            textAlignVertical="top"
+            autoFocus
+          />
+          <Pressable
+            style={({ pressed }) => [s.btn, pressed && s.pressed]}
+            onPress={handleSubmitBug}
+            disabled={bugSubmitting || !bugText.trim()}
+          >
+            {bugSubmitting ? (
+              <ActivityIndicator color={colors.text} />
+            ) : (
+              <Text style={s.btnText}>{t("bug.send")}</Text>
+            )}
+          </Pressable>
+        </View>
+      </Modal>
     </SafeAreaView>
   );
 }
@@ -412,4 +483,23 @@ const s = StyleSheet.create({
   pressed: { opacity: 0.75 },
   btnText: { color: colors.text, fontSize: font.md, fontWeight: "600" },
   dangerText: { color: colors.danger },
+  bugBackdrop: { flex: 1, backgroundColor: "rgba(0,0,0,0.5)" },
+  bugSheet: {
+    backgroundColor: colors.surface,
+    borderTopLeftRadius: radius.lg,
+    borderTopRightRadius: radius.lg,
+    padding: spacing.md,
+    gap: spacing.sm,
+  },
+  bugTitle: { color: colors.text, fontSize: font.lg, fontWeight: "700" },
+  bugInput: {
+    backgroundColor: colors.surfaceHigh,
+    color: colors.text,
+    borderRadius: radius.sm,
+    borderWidth: 1,
+    borderColor: colors.border,
+    padding: spacing.sm,
+    fontSize: font.md,
+    minHeight: 120,
+  },
 });

packages/mobile/src/api/bugReports.ts

@@ -0,0 +1,9 @@
+import { api } from "./client";
+
+export function submitBugReport(data: {
+  description: string;
+  page?: string;
+  userAgent?: string;
+}): Promise<{ number: number; url: string }> {
+  return api.post<{ number: number; url: string }>("/bug-reports", data);
+}

packages/mobile/src/i18n/locales/bg.json

@@ -144,7 +144,8 @@
     "language": "Език",
     "selectLanguage": "Изберете език",
     "trash": "Кошче",
-    "viewTrash": "Изтрити бележки"
+    "viewTrash": "Изтрити бележки",
+    "reportBug": "Докладвай грешка"
   },
   "update": {
     "available": "Налична е нова версия",
@@ -171,5 +172,11 @@
     "add": "Добави зависимост",
     "searchPlaceholder": "Търсене на бележки…",
     "noResults": "Няма резултати"
+  },
+  "bug": {
+    "placeholder": "Какво се обърка? Какво очаквахте?",
+    "send": "Изпрати доклад",
+    "thanks": "Благодарим! Записано като #{{number}}.",
+    "failed": "Докладът не можа да се изпрати"
   }
 }

packages/mobile/src/i18n/locales/cs.json

@@ -144,7 +144,8 @@
     "language": "Jazyk",
     "selectLanguage": "Vybrat jazyk",
     "trash": "Koš",
-    "viewTrash": "Smazané poznámky"
+    "viewTrash": "Smazané poznámky",
+    "reportBug": "Nahlásit chybu"
   },
   "update": {
     "available": "Je dostupná nová verze",
@@ -171,5 +172,11 @@
     "add": "Přidat závislost",
     "searchPlaceholder": "Hledat poznámky…",
     "noResults": "Žádné výsledky"
+  },
+  "bug": {
+    "placeholder": "Co se pokazilo? Co jste očekávali?",
+    "send": "Odeslat hlášení",
+    "thanks": "Děkujeme! Zapsáno jako #{{number}}.",
+    "failed": "Hlášení se nepodařilo odeslat"
   }
 }

packages/mobile/src/i18n/locales/da.json

@@ -144,7 +144,8 @@
     "language": "Sprog",
     "selectLanguage": "Vælg sprog",
     "trash": "Papirkurv",
-    "viewTrash": "Slettede noter"
+    "viewTrash": "Slettede noter",
+    "reportBug": "Rapportér en fejl"
   },
   "update": {
     "available": "En ny version er tilgængelig",
@@ -171,5 +172,11 @@
     "add": "Tilføj afhængighed",
     "searchPlaceholder": "Søg noter…",
     "noResults": "Ingen resultater"
+  },
+  "bug": {
+    "placeholder": "Hvad gik galt? Hvad forventede du?",
+    "send": "Send rapport",
+    "thanks": "Tak! Oprettet som issue #{{number}}.",
+    "failed": "Kunne ikke sende rapporten"
   }
 }

packages/mobile/src/i18n/locales/de.json

@@ -144,7 +144,8 @@
     "language": "Sprache",
     "selectLanguage": "Sprache auswählen",
     "trash": "Papierkorb",
-    "viewTrash": "Gelöschte Notizen"
+    "viewTrash": "Gelöschte Notizen",
+    "reportBug": "Fehler melden"
   },
   "update": {
     "available": "Eine neue Version ist verfügbar",
@@ -171,5 +172,11 @@
     "add": "Abhängigkeit hinzufügen",
     "searchPlaceholder": "Notizen suchen…",
     "noResults": "Keine Treffer"
+  },
+  "bug": {
+    "placeholder": "Was ist passiert? Was hast du erwartet?",
+    "send": "Bericht senden",
+    "thanks": "Danke! Erfasst als Issue #{{number}}.",
+    "failed": "Bericht konnte nicht gesendet werden"
   }
 }

packages/mobile/src/i18n/locales/el.json

@@ -144,7 +144,8 @@
     "language": "Γλώσσα",
     "selectLanguage": "Επιλογή γλώσσας",
     "trash": "Κάδος",
-    "viewTrash": "Διαγραμμένες σημειώσεις"
+    "viewTrash": "Διαγραμμένες σημειώσεις",
+    "reportBug": "Αναφορά σφάλματος"
   },
   "update": {
     "available": "Μια νέα έκδοση είναι διαθέσιμη",
@@ -171,5 +172,11 @@
     "add": "Προσθήκη εξάρτησης",
     "searchPlaceholder": "Αναζήτηση σημειώσεων…",
     "noResults": "Κανένα αποτέλεσμα"
+  },
+  "bug": {
+    "placeholder": "Τι πήγε στραβά; Τι περιμένατε;",
+    "send": "Αποστολή αναφοράς",
+    "thanks": "Ευχαριστούμε! Καταχωρήθηκε ως #{{number}}.",
+    "failed": "Αποτυχία αποστολής αναφοράς"
   }
 }

packages/mobile/src/i18n/locales/en.json

@@ -144,7 +144,8 @@
     "language": "Language",
     "selectLanguage": "Select language",
     "trash": "Trash",
-    "viewTrash": "Deleted notes"
+    "viewTrash": "Deleted notes",
+    "reportBug": "Report a bug"
   },
   "update": {
     "available": "A new version is available",
@@ -171,5 +172,11 @@
     "add": "Add dependency",
     "searchPlaceholder": "Search notes…",
     "noResults": "No matches"
+  },
+  "bug": {
+    "placeholder": "What went wrong? What did you expect?",
+    "send": "Send report",
+    "thanks": "Thanks! Filed as issue #{{number}}.",
+    "failed": "Couldn’t send report"
   }
 }

packages/mobile/src/i18n/locales/es.json

@@ -144,7 +144,8 @@
     "language": "Idioma",
     "selectLanguage": "Seleccionar idioma",
     "trash": "Papelera",
-    "viewTrash": "Notas eliminadas"
+    "viewTrash": "Notas eliminadas",
+    "reportBug": "Informar de un error"
   },
   "update": {
     "available": "Hay una nueva versión disponible",
@@ -171,5 +172,11 @@
     "add": "Añadir dependencia",
     "searchPlaceholder": "Buscar notas…",
     "noResults": "Sin resultados"
+  },
+  "bug": {
+    "placeholder": "¿Qué falló? ¿Qué esperabas?",
+    "send": "Enviar informe",
+    "thanks": "¡Gracias! Registrado como incidencia #{{number}}.",
+    "failed": "No se pudo enviar el informe"
   }
 }

packages/mobile/src/i18n/locales/et.json

@@ -144,7 +144,8 @@
     "language": "Keel",
     "selectLanguage": "Vali keel",
     "trash": "Prügikast",
-    "viewTrash": "Kustutatud märkmed"
+    "viewTrash": "Kustutatud märkmed",
+    "reportBug": "Teata veast"
   },
   "update": {
     "available": "Saadaval on uus versioon",
@@ -171,5 +172,11 @@
     "add": "Lisa sõltuvus",
     "searchPlaceholder": "Otsi märkmeid…",
     "noResults": "Tulemusi pole"
+  },
+  "bug": {
+    "placeholder": "Mis läks valesti? Mida ootasid?",
+    "send": "Saada raport",
+    "thanks": "Aitäh! Registreeritud kui #{{number}}.",
+    "failed": "Raporti saatmine ebaõnnestus"
   }
 }