fix: preserve sidebar row session selection

Author: rodboev

frontend/src/lib/components/sidebar/SessionItem.svelte

@@ -223,7 +223,6 @@
 
   function handleSessionClick(e: MouseEvent) {
     if (
-      e.detail === 0 ||
       e.metaKey ||
       e.ctrlKey ||
       e.shiftKey ||
@@ -236,6 +235,26 @@
     sessions.selectSession(session.id);
   }
 
+  function handleRowClick(e: MouseEvent) {
+    if (
+      e.metaKey ||
+      e.ctrlKey ||
+      e.shiftKey ||
+      e.altKey ||
+      e.button !== 0
+    ) {
+      return;
+    }
+    const target = e.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    if (target.closest("a, button, input")) {
+      return;
+    }
+    sessions.selectSession(session.id);
+  }
+
   $effect(() => {
     if (!contextMenu) return;
     function handler() {
@@ -266,6 +285,7 @@
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <!-- svelte-ignore a11y_no_static_element_interactions -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
 <div
   class="session-item"
   class:active={isActive}
@@ -276,6 +296,7 @@
   data-session-id={session.id}
   aria-current={isActive ? "page" : undefined}
   style:padding-left="{8 + depth * 16}px"
+  onclick={handleRowClick}
   oncontextmenu={handleContextMenu}
 >
   <!-- Tree expand/collapse or connector -->

frontend/src/lib/components/sidebar/SessionList.test.ts

@@ -443,6 +443,64 @@ describe("SessionList visible hydration", () => {
     expect(link?.getAttribute("href")).toBe("/sessions/native-session");
   });
 
+  it("keeps keyboard-style anchor activation on the SPA session path", async () => {
+    const selectSession = vi
+      .spyOn(sessions, "selectSession")
+      .mockImplementation(() => {});
+    sessions.sessions = [
+      makeSession({
+        id: "keyboard-session",
+        display_name: "Keyboard target",
+        is_index_only: false,
+      }),
+    ];
+    vi.spyOn(sessions, "hydrateVisibleSessions").mockResolvedValue(
+      undefined,
+    );
+
+    component = mount(SessionList, { target: document.body });
+    await tick();
+
+    const link = document.querySelector<HTMLAnchorElement>(
+      ".session-info-link",
+    );
+    expect(link).not.toBeNull();
+    const click = new MouseEvent("click", {
+      bubbles: true,
+      cancelable: true,
+      detail: 0,
+    });
+    link!.dispatchEvent(click);
+
+    expect(click.defaultPrevented).toBe(true);
+    expect(selectSession).toHaveBeenCalledWith("keyboard-session");
+  });
+
+  it("keeps the non-link parts of the row selectable", async () => {
+    const selectSession = vi
+      .spyOn(sessions, "selectSession")
+      .mockImplementation(() => {});
+    sessions.sessions = [
+      makeSession({
+        id: "row-session",
+        display_name: "Row target",
+        is_index_only: false,
+      }),
+    ];
+    vi.spyOn(sessions, "hydrateVisibleSessions").mockResolvedValue(
+      undefined,
+    );
+
+    component = mount(SessionList, { target: document.body });
+    await tick();
+
+    const sideMeta = document.querySelector<HTMLElement>(".side-meta");
+    expect(sideMeta).not.toBeNull();
+    sideMeta!.click();
+
+    expect(selectSession).toHaveBeenCalledWith("row-session");
+  });
+
   it("opens the same canonical href from the context menu in a new tab", async () => {
     const openSpy = vi
       .spyOn(window, "open")