fix: ui placement

frontend/src/app/layout.tsx

@@ -3,8 +3,8 @@ import type { Metadata } from "next";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "Research Chatbot",
-  description: "Deep research assistant with real-time updates",
+  title: "KNet: Deep Research",
+  description: "KNet is a deep research tool that uses AI to help you find answers to your questions.",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

frontend/src/components/ChatHistory.tsx

@@ -23,7 +23,7 @@ const ChatHistory: React.FC<ChatHistoryProps> = ({ messages, isLoading }) => {
         {messages.length === 0 ? (
           <div className="h-full flex flex-col items-center justify-center p-8 text-center">
             <div className="max-w-md space-y-2">
-              <h2 className="text-2xl font-bold">Welcome to Deep Research</h2>
+              <h2 className="text-2xl font-bold">Welcome to the KNet demo</h2>
               <p className="text-muted-foreground">Ask any research question to get started. The assistant will provide detailed answers backed by research and sources.</p>
             </div>
           </div>
@@ -39,8 +39,8 @@ const ChatHistory: React.FC<ChatHistoryProps> = ({ messages, isLoading }) => {
               </div>
               <div className="flex-1">
                 <div className="flex items-center gap-2 mb-1">
+                  <div className="font-medium">KNet</div>
                   <div className="text-xs text-muted-foreground">Just now</div>
-                  <div className="font-medium">Research Assistant</div>
                 </div>
                 <div className="mt-1 bg-muted/50 p-3 rounded-2xl rounded-tl-sm">
                   <div className="flex space-x-2">

frontend/src/components/Message.tsx

@@ -51,8 +51,9 @@ const Message: React.FC<MessageProps> = ({ message }) => {
 
         <div className={`flex-1 ${isUser ? "items-end" : "items-start"}`}>
           <div className={`flex items-center gap-2 mb-1 ${isUser ? "justify-end" : "justify-start"}`}>
-            <div className="text-xs text-muted-foreground">{new Date(message.timestamp).toLocaleTimeString()}</div>
-            <div className="font-medium">{isUser ? "You" : "Research Assistant"}</div>
+            {isUser && <div className="text-xs text-muted-foreground">{new Date(message.timestamp).toLocaleTimeString()}</div>}
+            <div className="font-medium">{isUser ? "You" : "KNet"}</div>
+            {!isUser && <div className="text-xs text-muted-foreground">{new Date(message.timestamp).toLocaleTimeString()}</div>}
 
             {!isUser && (
               <div className="ml-auto flex items-center gap-2">

frontend/src/components/ui/ChatLayout.tsx

@@ -18,7 +18,7 @@ const ChatLayout: React.FC<ChatLayoutProps> = ({ sidebar, mainContent, settingsP
   return (
     <div className="h-screen flex flex-col">
       <header className="border-b-2 h-14 flex items-center px-6">
-        <h1 className="text-xl font-semibold">Deep Research Assistant</h1>
+        <h1 className="text-xl font-semibold">KnowledgeNet: Deep Research</h1>
         <div className="flex-1" />
         <ThemeToggle />
         <Sheet>

frontend/src/components/ui/ConversationList.tsx

@@ -26,7 +26,7 @@ const ConversationList: React.FC<ConversationListProps> = ({ conversations, onNe
       <div className="px-4 py-2">
         <Button onClick={onNewConversation} className="w-full justify-start" variant="outline">
           <PlusCircle className="mr-2 h-4 w-4" />
-          New Research
+          New Chat
         </Button>
       </div>