feat: CommandMenuItem entity and FrontComponent support in command menu (#17555)

https://github.com/user-attachments/assets/6f172ffc-d43d-42fd-a26b-94f591fb767e
2026-01-30 22:05:06 +05:30
parent 6462ff6c5f
commit 51a2a90b0a
45 changed files with 899 additions and 34 deletions
@@ -0,0 +1,47 @@
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
+import { viewableFrontComponentIdComponentState } from '@/command-menu/pages/front-component/states/viewableFrontComponentIdComponentState';
+import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
+import { useRecoilCallback } from 'recoil';
+import { type IconComponent } from 'twenty-ui/display';
+import { v4 } from 'uuid';
+
+export const useOpenFrontComponentInCommandMenu = () => {
+  const { navigateCommandMenu } = useCommandMenu();
+
+  const openFrontComponentInCommandMenu = useRecoilCallback(
+    ({ set }) =>
+      ({
+        frontComponentId,
+        pageTitle,
+        pageIcon,
+        resetNavigationStack = false,
+      }: {
+        frontComponentId: string;
+        pageTitle: string;
+        pageIcon: IconComponent;
+        resetNavigationStack?: boolean;
+      }) => {
+        const pageComponentInstanceId = v4();
+
+        set(
+          viewableFrontComponentIdComponentState.atomFamily({
+            instanceId: pageComponentInstanceId,
+          }),
+          frontComponentId,
+        );
+
+        navigateCommandMenu({
+          page: CommandMenuPages.ViewFrontComponent,
+          pageTitle,
+          pageIcon,
+          pageId: pageComponentInstanceId,
+          resetNavigationStack,
+        });
+      },
+    [navigateCommandMenu],
+  );
+
+  return {
+    openFrontComponentInCommandMenu,
+  };
+};