Suggest workspace layouts tailored to user behavior with AI

Implements AI-powered workspace layout suggestions via new WorkspaceLayoutAI component and API endpoints.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c5f0c281-8dd8-4846-b452-4a07bcd21062
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/602e073a-3c58-4f7a-8e8b-21b93d4f7942.jpg

client/src/pages/ComfortHubPage.tsx

@@ -20,6 +20,7 @@ import {
 import ComfortZone from '@/components/comfort/ComfortZone';
 import SmartAssistant from '@/components/comfort/SmartAssistant';
 import AdaptiveInterface from '@/components/comfort/AdaptiveInterface';
+import WorkspaceLayoutAI from '@/components/workspace/WorkspaceLayoutAI';
 
 const ComfortHubPage = () => {
   const { t } = useTranslation();
@@ -210,7 +211,7 @@ const ComfortHubPage = () => {
       {/* Main Content */}
       <div className="container mx-auto px-4 py-8">
         <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
-          <TabsList className="grid w-full grid-cols-4 mb-8">
+          <TabsList className="grid w-full grid-cols-5 mb-8">
             <TabsTrigger value="overview" className="flex items-center gap-2">
               <Settings className="h-4 w-4" />
               Overview
@@ -227,6 +228,10 @@ const ComfortHubPage = () => {
               <Zap className="h-4 w-4" />
               Adaptive Interface
             </TabsTrigger>
+            <TabsTrigger value="workspace" className="flex items-center gap-2">
+              <Brain className="h-4 w-4" />
+              AI Workspace
+            </TabsTrigger>
           </TabsList>
 
           <AnimatePresence mode="wait">
@@ -330,6 +335,17 @@ const ComfortHubPage = () => {
                 <AdaptiveInterface />
               </motion.div>
             </TabsContent>
+
+            <TabsContent value="workspace" className="mt-0">
+              <motion.div
+                initial={{ opacity: 0, x: -20 }}
+                animate={{ opacity: 1, x: 0 }}
+                exit={{ opacity: 0, x: 20 }}
+                transition={{ duration: 0.3 }}
+              >
+                <WorkspaceLayoutAI />
+              </motion.div>
+            </TabsContent>
           </AnimatePresence>
         </Tabs>
       </div>