fix(ui): Enter on a selectable title opens it even with its words selected

endsTextSelection takes the click event and exempts a keyboard click (detail 0): Enter / Space
ends no selection, so a title selected and then tabbed to opened nothing. All three callers
(FocusSafeButton, the Plex caption, the video card title) go through it.

frontend/src/components/VideoCard.nav.dom.test.tsx

@@ -112,7 +112,12 @@ describe("VideoCard — a title you select", () => {
     range.selectNodeContents(title);
     window.getSelection()!.removeAllRanges();
     window.getSelection()!.addRange(range);
-    const click = new MouseEvent("click", { bubbles: true, cancelable: true, button: 0 });
+    const click = new MouseEvent("click", {
+      bubbles: true,
+      cancelable: true,
+      button: 0,
+      detail: 1,
+    });
     title.dispatchEvent(click);
     expect(onOpen).not.toHaveBeenCalled();
     expect(click.defaultPrevented).toBe(true);

frontend/src/components/VideoCard.tsx

@@ -122,7 +122,7 @@ function openInApp(
   e.preventDefault();
   // The click that ends selecting the title's words (to copy them) neither plays nor follows the
   // link (docs/DESIGN.md "Text stays selectable").
-  if (endsTextSelection(e.currentTarget)) return;
+  if (endsTextSelection(e)) return;
   onOpen(video);
 }
 

frontend/src/components/plexCards.dom.test.tsx

@@ -306,10 +306,10 @@ describe("a Plex card's title stays selectable", () => {
     range.selectNodeContents(title);
     window.getSelection()!.removeAllRanges();
     window.getSelection()!.addRange(range);
-    fireEvent.click(title);
+    fireEvent.click(title, { detail: 1 });
     expect(onOpen).not.toHaveBeenCalled();
     window.getSelection()!.removeAllRanges();
-    fireEvent.click(title);
+    fireEvent.click(title, { detail: 1 });
     expect(onOpen).toHaveBeenCalledTimes(1);
   });
 });

frontend/src/components/plexCards.tsx

@@ -155,7 +155,7 @@ function CardTitle({
       onClick={
         onClick &&
         ((e) => {
-          if (!endsTextSelection(e.currentTarget) && !movedPastSlop(pressedAt.current, e))
+          if (!endsTextSelection(e) && !movedPastSlop(pressedAt.current, e))
             onClick();
         })
       }

frontend/src/components/ui/FocusSafeButton.select.dom.test.tsx

@@ -31,10 +31,24 @@ describe("a selectable button", () => {
     const btn = screen.getByRole("button");
     expect(btn.classList.contains("select-text")).toBe(true);
     selectText(screen.getByText("Andor"));
-    btn.click();
+    fireEvent.click(btn, { detail: 1 }); // the mouseup that ended the drag-select
     expect(onClick).not.toHaveBeenCalled();
     window.getSelection()!.removeAllRanges();
-    btn.click();
+    fireEvent.click(btn, { detail: 1 });
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+
+  // E28 review H2: Enter / Space on a focused title with its words still selected (selected, then
+  // tabbed to) did nothing — a keyboard click ends no selection; it carries no pointer at all.
+  it("a keyboard click opens even with the title's words selected", () => {
+    const onClick = vi.fn();
+    render(
+      <Pressable selectable onClick={onClick}>
+        <span>Andor</span>
+      </Pressable>,
+    );
+    selectText(screen.getByText("Andor"));
+    fireEvent.click(screen.getByRole("button"), { detail: 0 });
     expect(onClick).toHaveBeenCalledTimes(1);
   });
 

frontend/src/components/ui/FocusSafeButton.tsx

@@ -80,11 +80,7 @@ export const FocusSafeButton = forwardRef<
           e.preventDefault();
           return;
         }
-        if (
-          selectable &&
-          (endsTextSelection(e.currentTarget) || movedPastSlop(pressedAt.current, e))
-        )
-          return;
+        if (selectable && (endsTextSelection(e) || movedPastSlop(pressedAt.current, e))) return;
         onClick?.(e);
       }}
       onMouseDown={(e) => {

frontend/src/lib/textSelection.ts

@@ -4,8 +4,13 @@
 // A plain click collapses any selection on mousedown, so a non-empty selection that touches the
 // element at click time can only be the one this gesture just made.
 
-/** True when the page's selection is non-empty and starts or ends inside `el`. */
-export function endsTextSelection(el: Element): boolean {
+/** True when this click ended a selection: the page's selection is non-empty and starts or ends
+ *  inside the clicked element. Takes the EVENT, not the element, because a keyboard click (Enter /
+ *  Space, `detail` 0) ends no selection — it has no pointer — so a title whose words are still
+ *  selected must open on Enter (E28 review H2). */
+export function endsTextSelection(e: { currentTarget: Element; detail: number }): boolean {
+  if (e.detail === 0) return false;
+  const el = e.currentTarget;
   const sel = typeof window === "undefined" ? null : window.getSelection();
   if (!sel || sel.isCollapsed || !sel.toString().trim()) return false;
   return (