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/app/(main)/agents/agents-page-client.tsx

@@ -185,20 +185,20 @@ export function AgentsPageClient({
       {/* Agents grid */}
       {agents.length > 0 && (
         <div className="mb-10">
-          <h3 className="text-sm font-semibold text-slate-500 uppercase tracking-wider mb-3">
+          <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-3">
             {t('agents.myAgents')}
           </h3>
 
           {/* Search and filter */}
           <div className="flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-4">
             <div className="relative flex-1 w-full sm:max-w-xs">
-              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" />
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
               <input
                 type="text"
                 value={searchQuery}
                 onChange={e => setSearchQuery(e.target.value)}
                 placeholder={t('agents.searchPlaceholder')}
-                className="w-full pl-9 pr-3 py-2 text-sm bg-white border border-slate-200 rounded-lg outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/10 transition-all"
+                className="w-full pl-9 pr-3 py-2 text-sm bg-card border border-border rounded-lg outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/10 transition-all"
               />
             </div>
             <div className="flex items-center gap-1.5 flex-wrap">
@@ -209,7 +209,7 @@ export function AgentsPageClient({
                   className={`px-3 py-1.5 text-xs font-medium rounded-full transition-colors ${
                     typeFilter === opt.value
                       ? 'bg-primary text-white'
-                      : 'bg-slate-100 text-slate-600 hover:bg-slate-200'
+                      : 'bg-muted text-muted-foreground hover:bg-accent'
                   }`}
                 >
                   {t(opt.labelKey)}
@@ -232,8 +232,8 @@ export function AgentsPageClient({
             </div>
           ) : (
             <div className="flex flex-col items-center justify-center py-12 text-center">
-              <Search className="w-10 h-10 text-slate-300 mb-3" />
-              <p className="text-sm text-slate-400">{t('agents.noResults')}</p>
+              <Search className="w-10 h-10 text-muted-foreground/30 mb-3" />
+              <p className="text-sm text-muted-foreground">{t('agents.noResults')}</p>
             </div>
           )}
         </div>
@@ -242,9 +242,9 @@ export function AgentsPageClient({
       {/* Empty state */}
       {agents.length === 0 && (
         <div className="flex flex-col items-center justify-center py-16 text-center mb-10">
-          <Bot className="w-16 h-16 text-slate-300 mb-4" />
-          <h3 className="text-lg font-medium text-slate-500 mb-2">{t('agents.noAgents')}</h3>
-          <p className="text-sm text-slate-400 max-w-sm">
+          <Bot className="w-16 h-16 text-muted-foreground/30 mb-4" />
+          <h3 className="text-lg font-medium text-muted-foreground mb-2">{t('agents.noAgents')}</h3>
+          <p className="text-sm text-muted-foreground max-w-sm">
             {t('agents.noAgentsDescription')}
           </p>
         </div>

keep-notes/app/(main)/agents/page.tsx

@@ -19,7 +19,7 @@ export default async function AgentsPage() {
   ])
 
   return (
-    <div className="flex-1 flex flex-col h-full bg-slate-50/50">
+    <div className="flex-1 flex flex-col h-full bg-background">
       <div className="flex-1 p-8 overflow-y-auto">
         <div className="max-w-6xl mx-auto">
           <AgentsPageClient

keep-notes/app/(main)/chat/page.tsx

@@ -4,6 +4,7 @@ import { redirect } from 'next/navigation'
 import { prisma } from '@/lib/prisma'
 import { ChatContainer } from '@/components/chat/chat-container'
 import { getConversations } from '@/app/actions/chat-actions'
+import { getSystemConfig } from '@/lib/config'
 
 export const metadata: Metadata = {
   title: 'Chat IA | Memento',
@@ -17,19 +18,26 @@ export default async function ChatPage() {
   const userId = session.user.id
 
   // Fetch initial data
-  const [conversations, notebooks] = await Promise.all([
+  const [conversations, notebooks, config] = await Promise.all([
     getConversations(),
     prisma.notebook.findMany({
       where: { userId },
       orderBy: { order: 'asc' }
-    })
+    }),
+    getSystemConfig(),
   ])
 
+  // Check if web search tools are configured
+  const webSearchAvailable = !!(
+    config.WEB_SEARCH_PROVIDER || config.BRAVE_SEARCH_API_KEY || config.SEARXNG_URL || config.JINA_API_KEY
+  )
+
   return (
     <div className="flex-1 flex flex-col h-full bg-white dark:bg-[#1a1c22]">
-      <ChatContainer 
-        initialConversations={conversations} 
-        notebooks={notebooks} 
+      <ChatContainer
+        initialConversations={conversations}
+        notebooks={notebooks}
+        webSearchAvailable={webSearchAvailable}
       />
     </div>
   )