Fix card overflow + ghost translations of curated catalog answers

1. Drop the   replacement inside <span class='ml-word'>: a non-breaking
space sequence forced lines to overflow narrow result cards and produced
the horizontal scroll seen during live generation. Plain spaces wrap
naturally under the existing `white-space: pre-wrap` rule.

2. CSS belt-and-braces on .ml-result-body — overflow-wrap: anywhere +
word-break: normal + max-width: 100%, plus overflow-x: hidden on
.ml-panel-body. Long latin binomena no longer push horizontal scroll.

3. do_translate / restore_original: drop the BY_FILENAME[filename] fallback.
Previously, when AI ANALYZE failed (quota / backend down) and last_answers
state was empty, translate silently fell back to the curated catalog
answer of the *picked* sample and translated THAT — producing a
confidently realistic translation that didn't match the live result on
screen. Now: empty state -> honest 'Run AI ANALYZE first' message and
hidden TRANSLATE button.

4. on_pick (sample switch) now also resets last_answers state to empty.
Without this, switching samples kept the previous image's live answer in
state, which could leak into translate/restore for an unrelated thumbnail.

app.py

@@ -1382,7 +1382,12 @@ footer { display: none !important; }
     font-size: 19px !important; font-weight: 800 !important;
     line-height: 1.45 !important; color: #ffffff !important;
     letter-spacing: -0.2px !important; white-space: pre-wrap;
+    /* Force long latin binomena (e.g. *Cocconeis-placentula*) and code-like
+       tokens to break inside the card instead of pushing a horizontal scroll. */
+    overflow-wrap: anywhere; word-break: normal;
+    max-width: 100%;
 }
+.ml-panel-body { overflow-x: hidden; }
 .ml-caret::after { content: '▋'; color: #00DCE6; margin-left: 2px;
     animation: ml-blink 1s steps(2) infinite; font-weight: 400; }
 @keyframes ml-blink { 50% { opacity: 0; } }
@@ -1960,21 +1965,27 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base(primary_hue="red", neutral_hue="zin
         except ValueError: grid = 0
         try: cross = int(cross_str or "0")
         except ValueError: cross = 0
+        # Reset live-answer state on every sample switch — without this the
+        # previous image's live answer could leak into translate/restore for
+        # the next sample and look like a real result.
+        cleared_state = {"vanilla": "", "v2": "", "v3": ""}
         if not filename:
             return (folder_html(cat_label, None),
                     viewport_html(None, shape, grid, cross), "", *empty_panels(),
                     gr.Button(visible=False),
-                    gr.Dropdown(value=DEFAULT_LANG_DISPLAY))
+                    gr.Dropdown(value=DEFAULT_LANG_DISPLAY),
+                    cleared_state)
         uri = full_uri(filename)
         return (folder_html(cat_label, filename),
                 viewport_html(uri, shape, grid, cross), uri, *empty_panels(),
                 gr.Button(visible=False),
-                gr.Dropdown(value=DEFAULT_LANG_DISPLAY))
+                gr.Dropdown(value=DEFAULT_LANG_DISPLAY),
+                cleared_state)
 
     picked_filename.change(on_pick,
         [picked_filename, cat_state, shape_state, grid_state, cross_state],
         [folder_grid, viewport, viewport_uri, vanilla_panel, v2_panel, v3_panel,
-         original_btn, lang_dropdown], api_name=False)
+         original_btn, lang_dropdown, last_answers], api_name=False)
 
     def on_file_upload(file_obj, shape, grid_str, cross_str):
         try: grid = int(grid_str or "0")
@@ -2092,7 +2103,11 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base(primary_hue="red", neutral_hue="zin
                 spans = []
                 for i, tok in enumerate(tokens):
                     delay = i * ms_per_word
-                    safe = _html.escape(tok).replace(" ", " ")
+                    # Plain HTML-escaped token; trailing whitespace is kept as a real
+                    # space so the parent's `white-space: pre-wrap` lets the browser
+                    # break lines naturally. Using   here forces a non-breaking
+                    # run that overflows narrow cards and creates ugly h-scroll.
+                    safe = _html.escape(tok)
                     spans.append(
                         f'<span class="ml-word" style="animation-delay:{delay}ms;">{safe}</span>'
                     )
@@ -2171,20 +2186,19 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base(primary_hue="red", neutral_hue="zin
         js=ANALYZE_PRE_JS, api_name=False)
 
     def do_translate(filename, lang_label, answers):
-        # Prefer live state (works for upload/webcam too); fall back to catalog
-        # for samples mode if state empty.
+        # Translate ONLY what the live model produced this session. The previous
+        # version fell back to BY_FILENAME[filename] (curated catalog answers)
+        # when state was empty — which silently translated the wrong image's
+        # pre-baked text whenever AI ANALYZE failed (quota / backend down).
+        # That looked like a successful translation of fictional content. Now:
+        # no live answer → honest "Run AI ANALYZE first" message.
         sources = answers if (answers and any(answers.values())) else None
         if not sources:
-            s = BY_FILENAME.get(filename)
-            if not s:
-                msg = "Run AI ANALYZE first to get an answer to translate."
-                return (panel_html("vanilla", msg, state="ready"),
-                        panel_html("v2", msg, state="ready"),
-                        panel_html("v3", msg, state="ready"),
-                        gr.Button(visible=False))
-            sources = {"vanilla": s.get("vanilla_answer", ""),
-                       "v2":      s.get("v2_answer", ""),
-                       "v3":      s.get("v3_answer", "")}
+            msg = "Run AI ANALYZE first to get an answer to translate."
+            return (panel_html("vanilla", msg, state="ready"),
+                    panel_html("v2",      msg, state="ready"),
+                    panel_html("v3",      msg, state="ready"),
+                    gr.Button(visible=False))
 
         lang_code = LANG_BY_DISPLAY.get(lang_label, "en")
         lang_name = next((name for _, name, code in LANGUAGES if code == lang_code), "English")
@@ -2240,20 +2254,15 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base(primary_hue="red", neutral_hue="zin
         [vanilla_panel, v2_panel, v3_panel, original_btn], api_name=False)
 
     def restore_original(filename, answers):
-        # Prefer state (works for live upload/webcam); fall back to catalog
+        # Restore ONLY the live answer that produced this translation. Same
+        # rationale as do_translate: never fall back to BY_FILENAME catalog —
+        # otherwise pressing ORIGINAL after a failed analyze silently restores
+        # a pre-baked answer for a different image.
         sources = answers if (answers and any(answers.values())) else None
         if not sources:
-            s = BY_FILENAME.get(filename)
-            if not s:
-                msg = "No answer to restore."
-                return (panel_html("vanilla", msg, state="ready"),
-                        panel_html("v2", msg, state="ready"),
-                        panel_html("v3", msg, state="ready"),
-                        gr.Button(visible=False),
-                        gr.Dropdown(value=DEFAULT_LANG_DISPLAY))
-            sources = {"vanilla": s.get("vanilla_answer", ""),
-                       "v2":      s.get("v2_answer", ""),
-                       "v3":      s.get("v3_answer", "")}
+            return (*empty_panels(),
+                    gr.Button(visible=False),
+                    gr.Dropdown(value=DEFAULT_LANG_DISPLAY))
         return (panel_html("vanilla", sources.get("vanilla", "")),
                 panel_html("v2",      sources.get("v2", "")),
                 panel_html("v3",      sources.get("v3", "")),