android: what the phone says when things go wrong

Fifty-nine places put a raw Rust string into a field a person reads, and
the red toast drew it verbatim — a phone in a lift showed "could not reach
server: io: failed to lookup address information" under the password box.
One translator, src/mobile/trouble.js, called where an error is DRAWN
rather than where it is caught: the stores keep what Rust said and only
the sentence on screen is ours, so every sink is fixed at once. Five
screens that drew a failed read as an empty answer stop lying — Tracks no
longer reports a broken database as an empty library, a playlist that
could not be read is not an empty playlist, the lyrics face says a lookup
failed instead of "no lyrics" and finally carries the ⋯ that reaches Paste
lyrics, Gaps says why it could not reach the catalogue, and Search signed
out says so where it used to render nothing at all. The room list, which
is fire-and-forget over the wire, gets a twelve-second end and a Try
again.

rescan_library ran prune_missing() first, which deletes every track row
whose file does not exist — so one tap on You → Rescan library with the
folder unreachable emptied the whole index and returned Ok(()). It now
makes the root if it is merely not there yet and refuses if it cannot be
read, and You draws the path with what to do about it.

The mock grew a weather system so the walk can drive all of this: fail,
answer, offline and clear, checked before dispatch so a plugin command
arms like any other. Nine mock steps and one on the phone — the first
steps in thirty rounds that ever made a command reject or saw the client
signed out — and the last of them puts the weather away and leaves the app
as it found it.

src/mobile/shell.css

@@ -1533,3 +1533,30 @@ html[data-motion="off"] *, html[data-motion="off"] *::before, html[data-motion="
 .phead .all { font-size: 12.5px; font-weight: 750; color: var(--text-secondary); white-space: nowrap; }
 .phead .all:active { color: #fff; }
 .phead .all + .all { margin-left: 15px; }
+
+/* ── what the phone says when things go wrong ──────────────────────────
+   The error toast gets the notice's shape: the sentence, and one action
+   beside it where there is one to offer — Try again, or Sign in when the
+   trouble is that nobody is signed in. The rules mirror .toast.notice's
+   above rather than sharing them: this toast is the red one, and its line
+   WRAPS (a translated sentence is a sentence, not a label), which is the
+   one thing the notice's .nt must never do. */
+.toast { display: flex; align-items: center; gap: 12px; }
+.toast .nt { flex: 1; min-width: 0; }
+.toast .na { flex: none; color: #ffd7d7; font-weight: 800; font-size: 13px; padding: 4px 8px; margin: -4px -8px -4px 0; border-radius: 6px; white-space: nowrap; }
+.toast .na:active { background: rgba(255, 255, 255, 0.12); }
+
+/* a stub that is explaining a failure rather than an emptiness: the same
+   card, with the backend's own words under the lead in the muted colour */
+.stub.why { color: var(--text-muted); }
+
+/* the two lines a screen says instead of a spinner that will not end */
+.sec-note.rooms-note,
+.sec-note.offline-note { color: #ffb4b4; }
+
+/* the library folder the rescan could not reach — a row under the folder
+   itself, so the path and what to do about it are in the same place. The
+   path is drawn exactly as the Library folder row above it draws its own
+   (`.m mono`, which .row does not give a face — leave that as it is rather
+   than making these two rows disagree). */
+.row.folder-gone .t { color: #ffb4b4; }