fix: drop Docs nav and View as hover tooltips

The Docs sidebar tab is no longer a product surface. Persisted docs
nav state now lands on Agent. Remove HelpTooltip wrappers from the
profile-switch CTAs so they no longer intercept clicks.

Co-authored-by: Venkat SF <venkatesh.sakamuri@stayflexi.com>

Author: cursoragent

CLAUDE.md

@@ -110,7 +110,7 @@ src/                # Frontend (React)
   components/       # UI components
     tabs/           # 40+ specialized tabs
     sections/       # Top-level sidebar destinations (Agent, Dashboards, Brain,
-                    # Performance = Slow Queries + Workload, Editor, Docs)
+                    # Performance = Slow Queries + Workload, Editor)
   lib/
     api/client.js   # Centralized API layer (axios, 25+ modules)
     stores/         # Zustand stores (dashboard, connection, chat, UI)

src/components/layout/AppSidebar.jsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from 'react'
-import { BookOpen, Brain, Code2, Database, Settings, PanelLeftClose, PanelLeftOpen, LogOut, User, ChevronDown, Check, Newspaper, Gauge, MessageSquare, LayoutDashboard } from 'lucide-react'
+import { Brain, Code2, Database, Settings, PanelLeftClose, PanelLeftOpen, LogOut, User, ChevronDown, Check, Newspaper, Gauge, MessageSquare, LayoutDashboard } from 'lucide-react'
 import { useActiveSection, useSetActiveSection } from '@/lib/stores/useNavStore'
 import { useConnectionManager } from '@/lib/hooks/useConnectionManager'
 import { AGENTS_ENABLED, canAccessHomeSection, getConnectionAccessBadge, getConnectionAccessLabel } from '@/lib/features'
@@ -16,7 +16,6 @@ const NAV_ITEMS = [
   { id: 'company-knowledge', label: 'Brain', icon: Brain },
   { id: 'performance', label: 'Performance', icon: Gauge },
   { id: 'editor',  label: 'Editor',  icon: Code2 },
-  { id: 'docs',    label: 'Docs',    icon: BookOpen },
 ]
 
 export default function AppSidebar() {
@@ -92,8 +91,7 @@ export default function AppSidebar() {
         <nav className={styles.nav}>
           {visibleNavItems.map(({ id, label, icon: Icon }) => {
             // Freeze these sections until the first DB connection is added.
-            // Docs is reference content — available even without any connection.
-            const requiresConnection = id !== 'agent' && id !== 'digest' && id !== 'docs'
+            const requiresConnection = id !== 'agent' && id !== 'digest'
             const isLocked = requiresConnection && connections.length === 0
             const lockTitle = isLocked
               ? 'Add a database connection to unlock'

src/components/layout/ProfileSwitch.jsx

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { ArrowLeftRight, Check, ChevronDown, X } from 'lucide-react'
-import HelpTooltip from '@/components/tabs/Brain/components/HelpTooltip'
 import { useAuth } from '@/hooks/useAuth'
 import { getDefaultHomeSection } from '@/lib/features'
 import { adminAPI } from '@/lib/api/client'
@@ -109,22 +108,16 @@ export default function ProfileSwitch() {
             Switch user
             <ChevronDown size={14} />
           </button>
-          <HelpTooltip
-            content={{
-              title: 'Exit profile',
-              description: 'Return to your administrator session. Policies and permissions go back to full admin access.',
-            }}
+          <button
+            type="button"
+            className={styles.exitBtn}
+            onClick={handleStop}
+            disabled={switching}
+            data-testid="profile-switch-exit"
           >
-            <button
-              type="button"
-              className={styles.exitBtn}
-              onClick={handleStop}
-              disabled={switching}
-            >
-              <X size={14} />
-              Exit
-            </button>
-          </HelpTooltip>
+            <X size={14} />
+            Exit
+          </button>
         </div>
         {open && (
           <CandidateMenu
@@ -141,12 +134,6 @@ export default function ProfileSwitch() {
 
   return (
     <div className={styles.switchWrap} ref={rootRef} data-testid="profile-switch">
-      <HelpTooltip
-        content={{
-          title: 'Switch profile',
-          description: 'View the product as a sub-user to verify connection access, chat policies, and role permissions. Only administrators can do this. Your admin session stays signed in.',
-        }}
-      >
         <button
           type="button"
           className={styles.trigger}
@@ -159,7 +146,6 @@ export default function ProfileSwitch() {
           <span>View as</span>
           <ChevronDown size={14} />
         </button>
-      </HelpTooltip>
       {open && (
         <CandidateMenu
           candidates={candidates}

src/lib/features.js

@@ -17,7 +17,6 @@ const BASE_SECTION_MIN_ROLE = {
   dashboards: ROLES.DEVELOPER,
   performance: ROLES.ADMIN,
   editor: ROLES.DEVELOPER,
-  docs: ROLES.DEVELOPER,
 }
 
 function resolveSectionAlias(section) {
@@ -37,6 +36,9 @@ function resolveSectionAlias(section) {
       // Schema Docs was folded into Company Knowledge → Schema Context tab.
       // Persisted nav state from older sessions still routes correctly.
       return 'company-knowledge'
+    case 'docs':
+      // The Docs sidebar tab was removed.
+      return 'agent-chat'
     case 'slow-queries':
     case 'workload-analysis':
       // Slow Queries and Workload Analysis were merged into Performance.
@@ -80,10 +82,9 @@ export function getDefaultHomeSection(role, connection = null) {
     'company-knowledge',
     'performance',
     'editor',
-    'docs',
   ]
   const firstVisible = orderedSections.find((section) => canAccessHomeSection(section, role, connection))
-  return firstVisible || 'docs'
+  return firstVisible || 'agent-chat'
 }
 
 export function normalizeHomeSection(section, role, connection = null) {

src/pages/Home.jsx

@@ -7,7 +7,6 @@ import DigestFeedSection from '@/components/sections/DigestSection'
 import BrainSection from '@/components/sections/BrainSection'
 import CompanyKnowledgeSection from '@/components/sections/CompanyKnowledgeSection'
 import DashboardsSection from '@/components/sections/DashboardsSection'
-import DocsSection from '@/components/sections/DocsSection'
 import EditorSection from '@/components/sections/EditorSection'
 import SlowQueriesSection from '@/components/sections/SlowQueriesSection'
 import PageTransitionBar from '@/components/layout/PageTransitionBar'
@@ -25,7 +24,6 @@ const SECTION_MAP = {
   'company-knowledge': CompanyKnowledgeSection,
   performance: SlowQueriesSection,
   editor:  EditorSection,
-  docs:    DocsSection,
 }
 
 export default function Home() {