File changes

Author: base44-builder[bot]

src/pages.config.js

@@ -39,14 +39,14 @@ import RoleSetup from './pages/RoleSetup';
 import Settings from './pages/Settings';
 import SkillsDashboard from './pages/SkillsDashboard';
 import SocialGamification from './pages/SocialGamification';
+import SocialHub from './pages/SocialHub';
 import Surveys from './pages/Surveys';
 import TeamCompetition from './pages/TeamCompetition';
 import TeamDashboard from './pages/TeamDashboard';
 import TeamLeaderDashboard from './pages/TeamLeaderDashboard';
 import TeamPerformanceDashboard from './pages/TeamPerformanceDashboard';
 import Teams from './pages/Teams';
 import UserProfile from './pages/UserProfile';
-import SocialHub from './pages/SocialHub';
 import __Layout from './Layout.jsx';
 
 
@@ -92,14 +92,14 @@ export const PAGES = {
     "Settings": Settings,
     "SkillsDashboard": SkillsDashboard,
     "SocialGamification": SocialGamification,
+    "SocialHub": SocialHub,
     "Surveys": Surveys,
     "TeamCompetition": TeamCompetition,
     "TeamDashboard": TeamDashboard,
     "TeamLeaderDashboard": TeamLeaderDashboard,
     "TeamPerformanceDashboard": TeamPerformanceDashboard,
     "Teams": Teams,
     "UserProfile": UserProfile,
-    "SocialHub": SocialHub,
 }
 
 export const pagesConfig = {

src/pages/Documentation.jsx

@@ -75,6 +75,8 @@ import {
   Search
 } from 'lucide-react';
 import { Input } from '@/components/ui/input';
+import DocsChangeDetector from '../components/docs/DocsChangeDetector';
+import DocSummarizer from '../components/docs/DocSummarizer';
 
 // Documentation content - embedded for reliable rendering
 const DOCS = {
@@ -1027,6 +1029,14 @@ export default function Documentation() {
         </div>
       </div>
 
+      {/* AI Tools */}
+      {user?.role === 'admin' && (
+        <div className="grid md:grid-cols-2 gap-6">
+          <DocsChangeDetector />
+          <DocSummarizer />
+        </div>
+      )}
+
       {/* Documentation Tabs */}
       <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-4">
         <TabsList className="flex flex-wrap gap-2 h-auto p-2 bg-white/80 backdrop-blur-sm rounded-lg border">