feat: show auto-generated conversation title for AI chat. (#17922)

## Summary
Replaces the static "Ask AI" header in the command menu with the
conversation’s auto-generated title once it’s set after the first
message.

## Changes
- **Backend:** Title is generated after the first user message (existing
behavior).
- **Frontend:** After the first stream completes, we fetch the thread
title and sync it to:
- `currentAIChatThreadTitleState` (persists across command menu
close/reopen)
- Command menu page info and navigation stack (so the title survives
back navigation)
- **Entry points:** Opening Ask AI from the left nav or command center
uses the same title resolution (explicit `pageTitle` → current thread
title → "Ask AI" fallback).
- **Race fix:** Title sync only runs when the thread that finished
streaming is still the active thread, so switching threads mid-stream
doesn’t overwrite the current thread’s title.

---------

Co-authored-by: Félix Malfait <felix@twenty.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

packages/twenty-front/src/modules/command-menu/hooks/useOpenAskAIPageInCommandMenu.ts

@@ -2,34 +2,39 @@ import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { isCommandMenuOpenedState } from '@/command-menu/states/isCommandMenuOpenedState';
 import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
 import { t } from '@lingui/core/macro';
-import { useRecoilValue } from 'recoil';
+import { useRecoilCallback } from 'recoil';
 import { IconSparkles } from 'twenty-ui/display';
 import { v4 } from 'uuid';
 
 export const useOpenAskAIPageInCommandMenu = () => {
   const { navigateCommandMenu } = useCommandMenu();
-  const isCommandMenuOpened = useRecoilValue(isCommandMenuOpenedState);
 
-  const openAskAIPage = ({
-    pageTitle,
-    resetNavigationStack,
-  }: {
-    pageTitle?: string | null;
-    resetNavigationStack?: boolean;
-  } = {}) => {
-    const shouldReset =
-      resetNavigationStack !== undefined
-        ? resetNavigationStack
-        : isCommandMenuOpened;
+  const openAskAIPage = useRecoilCallback(
+    ({ snapshot }) =>
+      ({
+        resetNavigationStack,
+      }: {
+        resetNavigationStack?: boolean;
+      } = {}) => {
+        const isCommandMenuOpened = snapshot
+          .getLoadable(isCommandMenuOpenedState)
+          .getValue();
 
-    navigateCommandMenu({
-      page: CommandMenuPages.AskAI,
-      pageTitle: pageTitle ?? t`Ask AI`,
-      pageIcon: IconSparkles,
-      pageId: v4(),
-      resetNavigationStack: shouldReset,
-    });
-  };
+        const shouldReset =
+          resetNavigationStack !== undefined
+            ? resetNavigationStack
+            : isCommandMenuOpened;
+
+        navigateCommandMenu({
+          page: CommandMenuPages.AskAI,
+          pageTitle: t`Ask AI`,
+          pageIcon: IconSparkles,
+          pageId: v4(),
+          resetNavigationStack: shouldReset,
+        });
+      },
+    [navigateCommandMenu],
+  );
 
   return {
     openAskAIPage,