feat: redesign coding default entry

src/components/layout/Sidebar.tsx

@@ -31,6 +31,7 @@ import {
 import { getAiModuleForPath } from '@/lib/ai-modules';
 import { invokeIpc } from '@/lib/api-client';
 import { getAuthUserDisplayName } from '@/lib/auth-user-display';
+import { subscribeCodingProjectCreationRequest } from '@/lib/coding-project-entry';
 import { WORKS_SQUARE_TOKEN_USAGE_STALE_EVENT } from '@/lib/works-square-usage-events';
 import { fetchWorksTokenUsage, type WorksTokenUsage } from '@/lib/works-square';
 import { isWorksTokenUsageExhausted } from '@/lib/works-square-token-usage';
@@ -393,7 +394,7 @@ export function Sidebar({ workspaceLayout = false, sidebarPeekOpen = false, onSi
   }, [authUser, refreshTokenUsage]);
 
 
-  const openCreateProject = () => {
+  const openCreateProject = useCallback(() => {
     setNewProjectName('');
     setNewProjectSelectedPath('');
     setNewProjectDirectoryMode('use-selected-directory');
@@ -402,7 +403,12 @@ export function Sidebar({ workspaceLayout = false, sidebarPeekOpen = false, onSi
     setNewProjectIdentityProjectId('');
     setCreateProjectError(null);
     setCreateDialogOpen(true);
-  };
+  }, []);
+
+  useEffect(() => {
+    if (!isProgrammingModule) return undefined;
+    return subscribeCodingProjectCreationRequest(openCreateProject);
+  }, [isProgrammingModule, openCreateProject]);
 
   const closeCreateProject = () => {
     if (creatingProject) return;