phase: 111_chat_banner_retry

## Phase 111 Completion Report

**Implemented/Verified:**
- `#kb-banner` contains a `<button type="button" class="banner-retry" id="banner-retry">` (hidden by default, Retry label + SVG)
- `showErrorBanner(detail, opts)` reveals the button only when `opts.retryable` is true AND `lastBrainWrap` exists
- Turn-error path passes `{ retryable: true }`; all non-turn callers (share, save-doc, stale) remain text-only
- `clearErrorBanner()` re-hides the button
- `ERROR_HINT` changed from "Try again — …" to "If this persists, check the LLM is reachable."
- `.banner-retry` CSS styled as a pill (matching `.stale-regenerate` family)
- 12 source-assertion unit tests in `tests/unit/test_frontend_banner_retry.py`

**Test / Lint / Coverage:**
- `uv run pytest tests/unit/test_frontend_banner_retry.py -v --no-cov` → 12 passed
- `uv run pytest --cov=app --cov-report=term-missing` → 2362 passed, 99% coverage
- `uv run ruff check .` → All checks passed
- `uv run pyright` → 0 errors
- `tests/e2e/test_llm_retry.py` → 4 passed (in isolation)
- `tests/e2e/test_smoke.py` → 3 passed (in isolation)

**Completion Criteria:**
- ✅ Retry button visible after failed chat turn, re-runs last question
- ✅ Non-turn callers show text-only banner (no button)
- ✅ pytest green, coverage >90%, ruff + pyright clean
- ✅ Phase dir to be moved by pipeline gate

**Next pending phase:** `112_honesty_gate_weak_hits`

frontend/assets/styles.css

@@ -1516,6 +1516,32 @@ details.thinking .thinking-text ul { margin: 0 0 0.5rem; }
 .stale-regenerate:disabled { opacity: 0.6; cursor: wait; }
 .stale-regenerate svg { width: 16px; height: 16px; display: block; }
 
+/* Phase 111 (task 01): the banner Retry button — the same pill treatment
+   as .stale-regenerate (brand fill, ≥44px, 999px radius, redo glyph) so
+   the banner's action reads as the same component family. The kb-banner
+   flex row + gap already handles inline spacing after #kb-banner-text. */
+.banner-retry {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+  min-height: 44px;
+  margin-left: auto;
+  padding: 0.5rem 0.9rem;
+  border-radius: 999px;
+  border: 0;
+  background: var(--brand);
+  color: var(--bg);
+  font: inherit;
+  font-weight: 700;
+  font-size: 0.95rem;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.banner-retry:hover { background: var(--brand-hover); color: var(--bg); }
+.banner-retry:disabled { opacity: 0.6; cursor: wait; }
+.banner-retry svg { width: 16px; height: 16px; display: block; }
+
 /* Phase 55 (task 04): the share-success toast (TODO.md L5). Top-right,
    just under the sticky header (--header-h + a small offset — the
    variable already steps 64px → 58px at ≤640px), z-index 1000 (the
@@ -4614,6 +4640,7 @@ details.thinking .thinking-text ul { margin: 0 0 0.5rem; }
      above, action below) — the pill takes a full-width comfortable
      row instead of squeezing into the text. */
   .stale-regenerate { margin-left: 0; width: 100%; }
+  .banner-retry { margin-left: 0; width: 100%; }
   /* Phase 16: the auth pill goes icon-only like New chat — brand text
      ellipsizes as the designated squeeze target, no bar overflow. */
   .auth-link { padding: 0.4rem 0.3rem; }