fixup! fixup! adds f2 shortcut using a fakenode since it's outside the treeview struct

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -20,6 +20,8 @@ import {
 import { useLeftPanelStore } from '@/features/left-panel';
 import { useResponsiveStore } from '@/stores';
 
+import { useKeyboardActivation } from '../hooks/useKeyboardActivation';
+
 import SubPageIcon from './../assets/sub-page-logo.svg';
 import { DocTreeItemActions } from './DocTreeItemActions';
 
@@ -44,6 +46,7 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
 
   const [menuOpen, setMenuOpen] = useState(false);
   const isSelectedNow = treeContext?.treeData.selectedNode?.id === doc.id;
+  const isActive = node.isFocused || menuOpen || isSelectedNow;
 
   const router = useRouter();
   const { togglePanel } = useLeftPanelStore();
@@ -98,6 +101,15 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
   const actionsRef = useRef<HTMLDivElement>(null);
   const buttonOptionRef = useRef<HTMLDivElement | null>(null);
 
+  // Active le document avec Enter/Espace via un handler global sur la tree-view
+  useKeyboardActivation(
+    ['Enter', ' '],
+    isActive && !menuOpen,
+    handleActivate,
+    true,
+    '.c__tree-view',
+  );
+
   const handleKeyDown = (e: React.KeyboardEvent) => {
     // F2: focus first action button
     const shouldOpenActions = !menuOpen && node.isFocused;

src/frontend/apps/impress/src/features/docs/doc-tree/hooks/useKeyboardActivation.ts

@@ -0,0 +1,55 @@
+import { useEffect } from 'react';
+
+export const useKeyboardActivation = (
+  keys: string[],
+  enabled: boolean,
+  action: () => void,
+  capture = false,
+  selector: string,
+) => {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+
+    const onKeyDown = (e: KeyboardEvent) => {
+      const target = e.target as HTMLElement | null;
+      if (!target) {
+        return;
+      }
+
+      // Limit activation to doc tree rows that actually contain a DocSubPageItem
+      const row = target.closest('.c__tree-view--row');
+      if (!row || !row.querySelector('.--docs-sub-page-item')) {
+        return;
+      }
+
+      // Do not hijack Enter/Space when focus is on emoji button or actions toolbar:
+      // in these cases we want the native button / dropdown behavior.
+      if (
+        target.closest('.--docs--doc-icon') ||
+        target.closest('.light-doc-item-actions')
+      ) {
+        return;
+      }
+
+      if (!keys.includes(e.key)) {
+        return;
+      }
+
+      e.preventDefault();
+      action();
+    };
+
+    const treeEl = document.querySelector<HTMLElement>(selector);
+    if (!treeEl) {
+      return;
+    }
+
+    treeEl.addEventListener('keydown', onKeyDown, capture);
+
+    return () => {
+      treeEl.removeEventListener('keydown', onKeyDown, capture);
+    };
+  }, [keys, enabled, action, capture, selector]);
+};