fix(app): keep the crash screen readable and its retry reachable (#3043)

The root error fallback was one unbounded scroller, so on a phone the title rendered under the status bar and a long stack trace pushed Retry off the bottom of the screen — the one action that recovers the app was unreachable on exactly the errors that need it most. The screen is now a fixed shell: a safe-area message block, an independently scrolling details region, and a Retry that stays put. `SafeAreaProvider` moved above the boundary in the root tree because the fallback renders when the app tree below it has already failed, and insets have to be available there. The hand-rolled Pressable and bordered message box are replaced by the shared `<Button>` and `<ScrollableCodeSurface>`, which gives the trace a monospace face and horizontal scrolling instead of wrapping mid-token. On desktop the trace is capped and the action sits with the message; a button pinned to the bottom of a tall window reads as detached from the content it belongs to. Dropped the "Something went wrong" kicker — it restated the title one line above it.
2026-08-08 20:59:01 +02:00
parent 2740c8206f
commit 638693a5d7
12 changed files with 187 additions and 95 deletions
@@ -1243,7 +1243,6 @@ export const ar: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "حدث خطأ",
    title: "واجه Paseo مشكلة.",
    body: "جرّب مرة أخرى لإعادة تحميل التطبيق. إذا استمر حدوث ذلك، فأرفق التفاصيل أدناه عند الإبلاغ عنه.",
    details: "التفاصيل",
@@ -1253,7 +1253,6 @@ export const en = {
    },
  },
  rootError: {
-    kicker: "Something went wrong",
    title: "Paseo ran into a problem.",
    body: "Try again to reload the app. If this keeps happening, include the details below when you report it.",
    details: "Details",
@@ -1283,7 +1283,6 @@ export const es: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "Algo salió mal",
    title: "Paseo tuvo un problema.",
    body: "Vuelve a intentarlo para recargar la app. Si sigue ocurriendo, incluye los detalles de abajo al reportarlo.",
    details: "Detalles",
@@ -1286,7 +1286,6 @@ export const fr: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "Une erreur s'est produite",
    title: "Paseo a rencontré un problème.",
    body: "Réessayez pour recharger l'application. Si cela continue, joignez les détails ci-dessous au signalement.",
    details: "Détails",
@@ -1256,7 +1256,6 @@ export const ja: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "問題が発生しました",
    title: "Paseo で問題が発生しました。",
    body: "アプリを再読み込みするにはもう一度お試しください。繰り返し発生する場合は、以下の詳細を添えて報告してください。",
    details: "詳細",
@@ -1252,7 +1252,6 @@ export const ko: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "문제가 발생했습니다.",
    title: "Paseo에 문제가 발생했습니다.",
    body: "앱을 다시 로드해 보세요. 이런 일이 계속 발생하면 신고할 때 아래 세부정보를 포함하세요.",
    details: "세부",
@@ -1269,7 +1269,6 @@ export const ptBR: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "Algo deu errado",
    title: "O Paseo encontrou um problema.",
    body: "Tente novamente para recarregar o app. Se isso continuar acontecendo, inclua os detalhes abaixo ao relatar o problema.",
    details: "Detalhes",
@@ -1272,7 +1272,6 @@ export const ru: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "Что-то пошло не так",
    title: "В Paseo возникла проблема.",
    body: "Попробуйте снова перезагрузить приложение. Если это повторяется, приложите приведенные ниже подробности к отчету.",
    details: "Подробности",
@@ -1227,7 +1227,6 @@ export const zhCN: TranslationResources = {
    },
  },
  rootError: {
-    kicker: "出现问题",
    title: "Paseo 遇到了问题。",
    body: "请重试以重新加载应用。如果问题持续发生，请在报告时附上下面的详细信息。",
    details: "详情",