Add keyboard access to sidebar action menus - WIP

apps/web/src/components/Sidebar.logic.test.ts

@@ -8,6 +8,7 @@ import {
   getProjectSortTimestamp,
   hasUnseenCompletion,
   isContextMenuPointerDown,
+  isKeyboardContextMenuKey,
   resolveProjectStatusIndicator,
   resolveSidebarNewThreadEnvMode,
   resolveThreadRowClassName,
@@ -205,6 +206,41 @@ describe("isContextMenuPointerDown", () => {
   });
 });
 
+describe("isKeyboardContextMenuKey", () => {
+  it("treats the dedicated context-menu key as a context menu trigger", () => {
+    expect(
+      isKeyboardContextMenuKey({
+        key: "ContextMenu",
+        shiftKey: false,
+      }),
+    ).toBe(true);
+  });
+
+  it("treats Shift+F10 as a context menu trigger", () => {
+    expect(
+      isKeyboardContextMenuKey({
+        key: "F10",
+        shiftKey: true,
+      }),
+    ).toBe(true);
+  });
+
+  it("ignores unrelated keyboard events", () => {
+    expect(
+      isKeyboardContextMenuKey({
+        key: "F10",
+        shiftKey: false,
+      }),
+    ).toBe(false);
+    expect(
+      isKeyboardContextMenuKey({
+        key: "Enter",
+        shiftKey: false,
+      }),
+    ).toBe(false);
+  });
+});
+
 describe("resolveThreadStatusPill", () => {
   const baseThread = {
     interactionMode: "plan" as const,

apps/web/src/components/Sidebar.logic.ts

@@ -117,6 +117,10 @@ export function isContextMenuPointerDown(input: {
   return input.isMac && input.button === 0 && input.ctrlKey;
 }
 
+export function isKeyboardContextMenuKey(input: { key: string; shiftKey: boolean }): boolean {
+  return input.key === "ContextMenu" || (input.key === "F10" && input.shiftKey);
+}
+
 export function resolveThreadRowClassName(input: {
   isActive: boolean;
   isSelected: boolean;