Add F2 shortcut for editing action name

Additionally, focus on action name input when there is no record button to focus on when switching row focus via up/down keys.

src/components/ActionNameCard.tsx

@@ -28,6 +28,9 @@ interface ActionNameCardProps {
 
 const actionNameMaxLength = 18;
 
+export const actionNameInputId = (action: Action) =>
+  `action-name-input-${action.ID}`;
+
 const ActionNameCard = ({
   value,
   onDeleteAction,
@@ -129,6 +132,7 @@ const ActionNameCard = ({
             )}
           </HStack>
           <Input
+            id={actionNameInputId(value)}
             autoFocus={localName.length === 0}
             isTruncated
             readOnly={readOnly}

src/pages/DataSamplesPage.tsx

@@ -5,6 +5,7 @@ import { RiAddLine, RiArrowRightLine } from "react-icons/ri";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router";
 import { recordButtonId } from "../components/ActionDataSamplesCard";
+import { actionNameInputId } from "../components/ActionNameCard";
 import DataSamplesTable from "../components/DataSamplesTable";
 import DefaultPageLayout, {
   ProjectMenuItems,
@@ -53,17 +54,29 @@ const DataSamplesPage = () => {
     handleAddNewAction,
     globalShortcutConfig
   );
+  const focusActionNameInput = useCallback(
+    (actionIdx: number) => {
+      const inputId = actionNameInputId(actions[actionIdx]);
+      const actionNameInputEl = document.getElementById(inputId);
+      actionNameInputEl?.focus();
+    },
+    [actions]
+  );
   const focusAction = useCallback(
     (idx: number) => {
       if (idx >= 0 && idx < actions.length) {
         setSelectedActionIdx(idx);
         const recordButton = document.getElementById(
           recordButtonId(actions[idx])
         );
-        recordButton?.focus();
+        if (recordButton) {
+          recordButton?.focus();
+        } else {
+          focusActionNameInput(idx);
+        }
       }
     },
-    [actions]
+    [actions, focusActionNameInput]
   );
   useHotkeys(
     keyboardShortcuts.nextAction,
@@ -75,6 +88,11 @@ const DataSamplesPage = () => {
     () => focusAction(selectedActionIdx - 1),
     globalShortcutConfig
   );
+  useHotkeys(
+    keyboardShortcuts.renameAction,
+    () => focusActionNameInput(selectedActionIdx),
+    globalShortcutConfig
+  );
   const intl = useIntl();
   return (
     <>