Use hotkey for node search in tests.

lynxkite-app/web/src/workspace/Workspace.tsx

@@ -180,6 +180,39 @@ function LynxKiteFlow() {
     }),
     [],
   );
+
+  // Global keyboard shortcuts.
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      // Show the node search dialog on "/".
+      if (
+        event.key === "/" &&
+        !nodeSearchSettings &&
+        !isTypingInFormElement()
+      ) {
+        event.preventDefault();
+        setNodeSearchSettings({
+          pos: { x: 100, y: 100 },
+          boxes: catalog.data![state.workspace.env!],
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [catalog.data, nodeSearchSettings, state.workspace.env]);
+
+  function isTypingInFormElement() {
+    const activeElement = document.activeElement;
+    return (
+      activeElement &&
+      (activeElement.tagName === "INPUT" ||
+        activeElement.tagName === "TEXTAREA" ||
+        (activeElement as HTMLElement).isContentEditable)
+    );
+  }
+
   const closeNodeSearch = useCallback(() => {
     setNodeSearchSettings(undefined);
     setSuppressSearchUntil(Date.now() + 200);

lynxkite-app/web/tests/lynxkite.ts

@@ -63,9 +63,8 @@ export class Workspace {
     }
 
     // Some x,y offset, otherwise the box handle may fall outside the viewport.
-    await this.page
-      .locator(".react-flow__pane")
-      .click({ position: { x: 20, y: 20 } });
+    await this.page.locator(".ws-name").click();
+    await this.page.keyboard.press("/");
     await this.page.locator(".node-search").getByText(boxName).click();
     await this.page.keyboard.press("Escape");
     // Workaround to wait for the deselection animation after choosing a box. Otherwise, the next box will not be added.