Fix dragging issue + Rebrand as Assistant Building Platform

� Fixed Dragging Issue:
- Corrected overflow settings in layout containers
- Chat area now properly scrollable and interactive
- Settings panel flex layout optimized for better scrolling

� Platform Rebranding (Assistant-First):
- 'Chat Playground' → 'Assistant Studio' (build & test focus)
- 'Discover' → 'Templates' (template gallery for building)
- Updated all descriptions to emphasize assistant building
- 'Start Conversation' → 'Build Your Assistant'
- 'Use Template' → 'Build Assistant'

� Content Realignment:
- Hero: 'Create, customize and deploy personalized AI assistants'
- Studio: 'Build, test and refine your AI assistants'
- Templates: 'Start building with proven templates'
- Focus shifted from chat to assistant construction

✅ User Experience:
- Clear assistant building workflow
- Templates as starting points for customization
- Studio as comprehensive building environment
- Consistent messaging throughout platform

� Result: Platform now clearly positions as assistant building tool rather than just chat interface

frontend/src/components/Sidebar.tsx

@@ -10,16 +10,16 @@ import {
 
 const navigation = [
   {
-    name: 'Home',
+    name: 'Templates',
     href: '/',
     icon: Home,
-    description: 'Overview and AI assistant templates'
+    description: 'Browse assistant templates and examples'
   },
   {
-    name: 'Chat Playground',
+    name: 'Assistant Studio',
     href: '/playground',
     icon: MessageSquare,
-    description: 'AI chatbot with saved assistants'
+    description: 'Build, test and refine your AI assistants'
   },
   {
     name: 'Model Catalog',

frontend/src/pages/Home.tsx

@@ -144,8 +144,8 @@ export function Home() {
             </div>
             
             <p className="text-xl text-gray-600 max-w-3xl mx-auto">
-              Professional AI platform for local and cloud language models. 
-              Complete privacy, advanced features, industrial-grade performance.
+              Create, customize and deploy personalized AI assistants. 
+              Build specialized AI helpers tailored to your specific needs and workflows.
             </p>
             
             <div className="flex flex-col items-center gap-4 mt-8">
@@ -155,19 +155,19 @@ export function Home() {
                 className="flex items-center gap-2 px-8 py-3 text-lg"
               >
                 <MessageSquare className="h-5 w-5" />
-                Start Conversation
+                Build Your Assistant
                 <ArrowRight className="h-4 w-4" />
               </Button>
               
               <div className="flex items-center gap-6 text-sm text-muted-foreground">
                 <span className="flex items-center gap-1">
                   <Brain className="h-4 w-4" />
-                  Local & Cloud Models
+                  Personalized AI
                 </span>
                 <span>•</span>
                 <span>Privacy First</span>
                 <span>•</span>
-                <span>Easy to Use</span>
+                <span>Easy to Build</span>
               </div>
             </div>
           </div>
@@ -177,15 +177,15 @@ export function Home() {
       {/* Community Templates Section */}
       <div className="py-16 bg-background">
         <div className="max-w-6xl mx-auto px-6">
-          <div className="text-center mb-12">
-            <div className="flex items-center justify-center gap-2 mb-4">
-              <Users className="h-6 w-6 text-blue-600" />
-              <h2 className="text-3xl font-bold text-gray-900">AI Assistant Templates</h2>
+                      <div className="text-center mb-12">
+              <div className="flex items-center justify-center gap-2 mb-4">
+                <Users className="h-6 w-6 text-blue-600" />
+                <h2 className="text-3xl font-bold text-gray-900">Assistant Templates</h2>
+              </div>
+              <p className="text-gray-600 max-w-2xl mx-auto">
+                Start building with proven templates or customize them to create your perfect AI assistant
+              </p>
             </div>
-            <p className="text-gray-600 max-w-2xl mx-auto">
-              Discover pre-configured AI assistants for various tasks and workflows
-            </p>
-          </div>
 
           <Tabs defaultValue="all" className="space-y-6">
             <TabsList className="grid w-full grid-cols-3">
@@ -338,7 +338,7 @@ function CommunityTemplateCard({
         {/* Action */}
         <div className="flex justify-end">
           <Button size="sm" onClick={onUse}>
-            Use Template
+            Build Assistant
           </Button>
         </div>
       </CardContent>

frontend/src/pages/Playground.tsx

@@ -367,7 +367,7 @@ export function Playground() {
             <div className="flex items-center gap-2">
               <MessageSquare className="h-5 w-5" />
               <h1 className="text-lg font-semibold">
-                Chat Playground
+                Assistant Studio
               </h1>
               {currentSession && (
                 <Badge variant="outline" className="text-xs">
@@ -390,9 +390,9 @@ export function Playground() {
         </div>
 
         {/* Content Area - Responsive layout */}
-        <div className="flex-1 flex overflow-hidden min-h-0">
+        <div className="flex-1 flex min-h-0">
           {/* Chat Area */}
-          <div className="flex-1 flex flex-col">
+          <div className="flex-1 flex flex-col overflow-hidden">
 
 
             {/* Chat Messages and Input */}
@@ -417,11 +417,11 @@ export function Playground() {
           </div>
 
           {/* Settings Panel - Responsive Large Configuration Area */}
-          <div className="w-[480px] xl:w-[520px] border-l bg-muted/30 overflow-y-auto">
-            <div className="p-6 space-y-8">
+          <div className="w-[480px] xl:w-[520px] border-l bg-muted/30 flex flex-col">
+            <div className="flex-1 overflow-y-auto p-6 space-y-8">
               <div className="flex items-center gap-3 pb-6 border-b">
                 <Settings className="h-6 w-6" />
-                <h2 className="font-semibold text-xl">Assistant Configuration</h2>
+                <h2 className="font-semibold text-xl">Build Your Assistant</h2>
               </div>
 
               {/* Model Selection */}

static/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Edge LLM</title>
-    <script type="module" crossorigin src="/assets/index-b949d73e.js"></script>
+    <script type="module" crossorigin src="/assets/index-4a5f87f7.js"></script>
     <link rel="stylesheet" href="/assets/index-146b6538.css">
   </head>
   <body>