feat(ux): epic UX design improvements across agents, chat, notes, and i18n

Comprehensive UI/UX updates including agent card redesign, chat container
improvements, note editor enhancements, memory echo notifications, and
updated translations for all 15 locales.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

keep-notes/components/chat/chat-container.tsx

@@ -14,19 +14,22 @@ import { useLanguage } from '@/lib/i18n'
 interface ChatContainerProps {
   initialConversations: any[]
   notebooks: any[]
+  webSearchAvailable?: boolean
 }
 
-export function ChatContainer({ initialConversations, notebooks }: ChatContainerProps) {
+export function ChatContainer({ initialConversations, notebooks, webSearchAvailable }: ChatContainerProps) {
   const { t, language } = useLanguage()
   const [conversations, setConversations] = useState(initialConversations)
   const [currentId, setCurrentId] = useState<string | null>(null)
   const [selectedNotebook, setSelectedNotebook] = useState<string | undefined>(undefined)
+  const [webSearchEnabled, setWebSearchEnabled] = useState(false)
   const [historyMessages, setHistoryMessages] = useState<UIMessage[]>([])
   const [isLoadingHistory, setIsLoadingHistory] = useState(false)
 
   // Prevents the useEffect from loading an empty conversation
   // when we just created one via createConversation()
   const skipHistoryLoad = useRef(false)
+  const scrollRef = useRef<HTMLDivElement>(null)
 
   const transport = useRef(new DefaultChatTransport({
     api: '/api/chat',
@@ -129,6 +132,7 @@ export function ChatContainer({ initialConversations, notebooks }: ChatContainer
           conversationId: convId,
           notebookId: notebookId || selectedNotebook || undefined,
           language,
+          webSearch: webSearchEnabled,
         },
       }
     )
@@ -139,6 +143,7 @@ export function ChatContainer({ initialConversations, notebooks }: ChatContainer
     setMessages([])
     setHistoryMessages([])
     setSelectedNotebook(undefined)
+    setWebSearchEnabled(false)
   }
 
   const handleDeleteConversation = async (id: string) => {
@@ -158,6 +163,13 @@ export function ChatContainer({ initialConversations, notebooks }: ChatContainer
     ? messages
     : historyMessages
 
+  // Auto-scroll to bottom when messages change
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight
+    }
+  }, [displayMessages])
+
   return (
     <div className="flex-1 flex overflow-hidden bg-white dark:bg-[#1a1c22]">
       <ChatSidebar
@@ -169,7 +181,7 @@ export function ChatContainer({ initialConversations, notebooks }: ChatContainer
       />
 
       <div className="flex-1 flex flex-col h-full overflow-hidden">
-        <div className="flex-1 overflow-y-auto scrollbar-hide pb-6 w-full flex justify-center">
+        <div ref={scrollRef} className="flex-1 overflow-y-auto scrollbar-hide pb-6 w-full flex justify-center">
           <ChatMessages messages={displayMessages} isLoading={isLoading || isLoadingHistory} />
         </div>
 
@@ -180,6 +192,9 @@ export function ChatContainer({ initialConversations, notebooks }: ChatContainer
               isLoading={isLoading}
               notebooks={notebooks}
               currentNotebookId={selectedNotebook || null}
+              webSearchEnabled={webSearchEnabled}
+              onToggleWebSearch={() => setWebSearchEnabled(prev => !prev)}
+              webSearchAvailable={webSearchAvailable}
             />
           </div>
         </div>