Update components/Sidebar.tsx

components/Sidebar.tsx

@@ -1,5 +1,4 @@
 
-
 import React from 'react';
 import { LAYER_DEFINITIONS } from '../constants';
 import { LayerType } from '../types';
@@ -9,12 +8,13 @@ import GoogleAd from './GoogleAd';
 interface SidebarProps {
   onOpenAIBuilder: () => void;
   onSelectTemplate: (templateId: string) => void;
+  onBackToHome: () => void;
   isConnected: boolean;
   isOpen: boolean;
   onToggle: () => void;
 }
 
-const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, isConnected, isOpen, onToggle }) => {
+const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, onBackToHome, isConnected, isOpen, onToggle }) => {
   const [searchQuery, setSearchQuery] = React.useState('');
 
   const onDragStart = (event: React.DragEvent, layerType: LayerType) => {
@@ -77,11 +77,18 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
         <div className={`flex flex-col h-full overflow-hidden whitespace-nowrap ${!isOpen ? 'md:opacity-0 md:invisible' : 'opacity-100 visible'} transition-all duration-200`}>
           <div className="p-4 border-b border-slate-800 bg-slate-900 space-y-4 min-w-[16rem]">
             <div className="flex justify-between items-start">
-              <div>
-                <h1 className="text-xl font-bold bg-gradient-to-r from-blue-400 to-violet-400 bg-clip-text text-transparent">
-                  Architecture Agents
-                </h1>
-                <p className="text-xs text-slate-500 mt-1">Visual AI Architect</p>
+              <div 
+                onClick={onBackToHome}
+                className="cursor-pointer group"
+                title="Return to Home"
+              >
+                <div className="flex items-center gap-2 mb-1">
+                    <Box className="text-blue-500 transition-transform group-hover:scale-110" size={24} />
+                    <h1 className="text-xl font-bold bg-gradient-to-r from-blue-400 to-violet-400 bg-clip-text text-transparent">
+                      wuhp
+                    </h1>
+                </div>
+                <p className="text-xs text-slate-500 pl-8 group-hover:text-slate-400 transition-colors">Visual AI Architect</p>
               </div>
               {/* Mobile Close Button */}
               <button onClick={onToggle} className="md:hidden text-slate-500 hover:text-white">
@@ -214,4 +221,4 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
   );
 };
 
-export default Sidebar;
+export default Sidebar;