fix(web): history focus rings inside the rows, aligned Clear history, no duplicate reopen note; DESIGN.md

From the impeccable finish review.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

DESIGN.md

@@ -292,6 +292,14 @@ Each cover is a book: the image (max 250px tall on the shelf, 170px in the timel
 ### Timeline (second view)
 The Annotated Edition: a centre double ink rail with year keys set in heavy tabular numerals on a page-coloured knockout, books beside it as image-plus-band pairs.
 
+### History (page only)
+- **History list (left desk, under the run):** a ruled list printed like the stage plates (-1px stacked hairlines). Each row: a 30x40 framed thumbnail, the title (700, ink), "time · N new · M on MangaBaka" (tabular, faded ink), and what was done in teal (downloaded, rehosted on X, filed #N), with a square remove cell holding a drawn SVG cross that fills ink on hover. The open entry lifts to slip paper. Focus rings sit inside the rows (the list scrolls). A quiet "Clear history" ends it.
+- **Recently searched (start screen):** up to six of the same books on the same kraft rail, smaller (jacket up to 160px), each with a small obi band (3px ink top, slip paper) carrying the title and "time · N new"; the jacket lifts 4px on hover.
+- **Found line:** under the review head, "Found <time>." and a quiet "Search again", only for an entry reopened from the history.
+
+### Add by hand (2a)
+"Download N covers (ZIP)" is an outline button at the top of the block, with a one-line hint, then the paste text, "Copy all selected", the cover form link and a status line.
+
 ### Motion
 One authored motion: when a run finishes, books are shelved left to right (rise 14px, 0.55s, `cubic-bezier(0.16, 1, 0.3, 1)`, 28ms stagger capped at 24 books). The active plate's pip blinks in two steps. Everything else is 0.12-0.3s state transitions. `prefers-reduced-motion` removes all animation and transitions.
 

src/web/app.ts

@@ -272,7 +272,7 @@ export function mountApp(o: AppOptions): void {
       show(back.result, back.input.history === null);
       ui.foundWhen.textContent = `Found ${relativeTime(back.foundAt)}.`;
       ui.foundLine.hidden = false;
-      status(ui.stage, `Opened from the history: ${back.result.fresh.length} new cover(s); ${back.result.present.length} already on MangaBaka.`);
+      status(ui.stage, "");
     } catch (err) {
       status(ui.stage, errorText(err), true);
     }

src/web/styles.css

@@ -253,8 +253,10 @@
   transition: background-color 0.15s, color 0.15s;
 }
 .mbseed-app .mbseed-recent-remove:hover { background: var(--mb-ink); color: var(--mb-page); }
+/* The list scrolls, so an outside ring would be clipped: draw it inside the row. */
+.mbseed-app .mbseed-recent-open:focus-visible, .mbseed-app .mbseed-recent-remove:focus-visible { outline-offset: -3px; }
 .mbseed-app .mbseed-recent .mbseed-line:empty { display: none; }
-.mbseed-app .mbseed-recent > .is-quiet { justify-self: start; width: auto; font-size: 12.5px; color: var(--mb-ink-2); }
+.mbseed-app .mbseed-recent > .is-quiet { justify-self: start; width: auto; margin-left: -5.5px; font-size: 12.5px; color: var(--mb-ink-2); }
 
 /* ---------- empty state ---------- */
 .mbseed-app .mbseed-empty { max-width: 46rem; }