feat: move agent soul into main page navigation (#471)

* feat: move agent soul into main page navigation

* fix: preserve soul page UI on main page

* fix: remove home focus fade from soul page

apps/agent/components/sidebar/SettingsSidebar.tsx

@@ -8,7 +8,6 @@ import {
   RotateCcw,
   Search,
   Server,
-  Sparkles,
   Wand2,
 } from 'lucide-react'
 import type { FC } from 'react'
@@ -36,12 +35,6 @@ const settingsNavItems: NavItem[] = [
     feature: Feature.CUSTOMIZATION_SUPPORT,
   },
   { name: 'Search Provider', to: '/settings/search', icon: Search },
-  {
-    name: 'Agent Soul',
-    to: '/settings/soul',
-    icon: Sparkles,
-    feature: Feature.SOUL_SUPPORT,
-  },
   { name: 'Skills', to: '/settings/skills', icon: Wand2 },
   { name: 'Explore Features', to: '/onboarding/features', icon: Compass },
   { name: 'Revisit Onboarding', to: '/onboarding', icon: RotateCcw },

apps/agent/components/sidebar/SidebarNavigation.tsx

@@ -4,6 +4,7 @@ import {
   Home,
   PlugZap,
   Settings,
+  Sparkles,
   UserPen,
 } from 'lucide-react'
 import type { FC } from 'react'
@@ -50,6 +51,12 @@ const primaryNavItems: NavItem[] = [
     icon: UserPen,
     feature: Feature.PERSONALIZATION_SUPPORT,
   },
+  {
+    name: 'Agent Soul',
+    to: '/home/soul',
+    icon: Sparkles,
+    feature: Feature.SOUL_SUPPORT,
+  },
   { name: 'Settings', to: '/settings/ai', icon: Settings },
 ]
 

apps/agent/entrypoints/app/App.tsx

@@ -47,7 +47,7 @@ const OptionsRedirect: FC = () => {
     mcp: '/settings/mcp',
     customization: '/settings/customization',
     search: '/settings/search',
-    soul: '/settings/soul',
+    soul: '/home/soul',
     'jtbd-agent': '/settings/survey',
     workflows: '/workflows',
     scheduled: '/scheduled',
@@ -78,6 +78,7 @@ export const App: FC = () => {
           <Route path="home" element={<NewTabLayout />}>
             <Route index element={<NewTab />} />
             <Route path="personalize" element={<Personalize />} />
+            <Route path="soul" element={<SoulPage />} />
           </Route>
 
           {/* Primary nav routes */}
@@ -95,7 +96,6 @@ export const App: FC = () => {
             <Route path="mcp" element={<MCPSettingsPage />} />
             <Route path="customization" element={<CustomizationPage />} />
             <Route path="search" element={<SearchProviderPage />} />
-            <Route path="soul" element={<SoulPage />} />
             <Route path="skills" element={<SkillsPage />} />
             <Route path="survey" element={<SurveyPage {...surveyParams} />} />
           </Route>
@@ -122,6 +122,10 @@ export const App: FC = () => {
           path="/settings/connect-mcp"
           element={<Navigate to="/connect-apps" replace />}
         />
+        <Route
+          path="/settings/soul"
+          element={<Navigate to="/home/soul" replace />}
+        />
         <Route path="/options/*" element={<OptionsRedirect />} />
 
         {/* Fallback to home */}

apps/agent/entrypoints/newtab/layout/NewTabLayout.tsx

@@ -1,12 +1,14 @@
 import type { FC } from 'react'
-import { Outlet } from 'react-router'
+import { Outlet, useLocation } from 'react-router'
 import { ChatSessionProvider } from '@/entrypoints/sidepanel/layout/ChatSessionContext'
 import { NewTabFocusGrid } from './NewTabFocusGrid'
 
 export const NewTabLayout: FC = () => {
+  const location = useLocation()
+
   return (
     <ChatSessionProvider origin="newtab">
-      <NewTabFocusGrid />
+      {location.pathname !== '/home/soul' && <NewTabFocusGrid />}
       <Outlet />
     </ChatSessionProvider>
   )