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>
2026-04-19 23:01:04 +02:00
parent c2a4c22e5f
commit 402e88b788
208 changed files with 493 additions and 318 deletions
--- a/keep-notes/app/(main)/agents/agents-page-client.tsx
+++ b/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>
--- a/keep-notes/app/(main)/agents/page.tsx
+++ b/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
--- a/keep-notes/app/(main)/chat/page.tsx
+++ b/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>
  )
--- a/keep-notes/app/actions/notes.ts
+++ b/keep-notes/app/actions/notes.ts
@@ -435,6 +435,7 @@ export async function createNote(data: {
  isMarkdown?: boolean
  size?: 'small' | 'medium' | 'large'
  autoGenerated?: boolean
+  aiProvider?: string
  notebookId?: string | undefined // Assign note to a notebook if provided
  skipRevalidation?: boolean // Option to prevent full page refresh for smooth optimistic UI updates
 }) {
@@ -459,6 +460,7 @@ export async function createNote(data: {
        isMarkdown: data.isMarkdown || false,
        size: data.size || 'small',
        autoGenerated: data.autoGenerated || null,
+        aiProvider: data.aiProvider || null,
        notebookId: data.notebookId || null,
      }
    })
@@ -867,7 +869,7 @@ export async function togglePin(id: string, isPinned: boolean) { return updateNo
 export async function toggleArchive(id: string, isArchived: boolean) { return updateNote(id, { isArchived }) }
 export async function updateColor(id: string, color: string) { return updateNote(id, { color }) }
 export async function updateLabels(id: string, labels: string[]) { return updateNote(id, { labels }) }
-export async function removeFusedBadge(id: string) { return updateNote(id, { autoGenerated: null }) }
+export async function removeFusedBadge(id: string) { return updateNote(id, { autoGenerated: null, aiProvider: null }) }

 // Update note size WITHOUT revalidation - client uses optimistic updates
 export async function updateSize(id: string, size: 'small' | 'medium' | 'large') {
@@ -941,8 +943,16 @@ export async function updateFullOrderWithoutRevalidation(ids: string[]) {
  if (!session?.user?.id) throw new Error('Unauthorized');
  const userId = session.user.id;
  try {
-    const updates = ids.map((id: string, index: number) =>
-      prisma.note.update({ where: { id, userId }, data: { order: index } })
+    // Verify all notes belong to the user before updating
+    const notes = await prisma.note.findMany({
+      where: { id: { in: ids }, userId },
+      select: { id: true },
+    })
+    const ownedIds = new Set(notes.map(n => n.id))
+    const validIds = ids.filter(id => ownedIds.has(id))
+
+    const updates = validIds.map((id: string, index: number) =>
+      prisma.note.update({ where: { id }, data: { order: index } })
    )
    await prisma.$transaction(updates)
    return { success: true }
--- a/keep-notes/app/api/chat/route.ts
+++ b/keep-notes/app/api/chat/route.ts
@@ -5,6 +5,8 @@ import { semanticSearchService } from '@/lib/ai/services/semantic-search.service
 import { prisma } from '@/lib/prisma'
 import { auth } from '@/auth'
 import { loadTranslations, getTranslationValue, SupportedLanguage } from '@/lib/i18n'
+import { toolRegistry } from '@/lib/ai/tools'
+import { stepCountIs } from 'ai'

 export const maxDuration = 60

@@ -45,11 +47,12 @@ export async function POST(req: Request) {

  // 2. Parse request body — messages arrive as UIMessage[] from DefaultChatTransport
  const body = await req.json()
-  const { messages: rawMessages, conversationId, notebookId, language } = body as {
+  const { messages: rawMessages, conversationId, notebookId, language, webSearch } = body as {
    messages: UIMessage[]
    conversationId?: string
    notebookId?: string
    language?: string
+    webSearch?: boolean
  }

  // Convert UIMessages to CoreMessages for streamText
@@ -143,7 +146,19 @@ export async function POST(req: Request) {
 - Natural tone, neither corporate nor too casual.
 - No unnecessary intro phrases ("Here's what I found", "Based on your notes"). Answer directly.
 - No upsell questions at the end ("Would you like me to...", "Do you want..."). If you have useful additional info, just give it.
- If the user says "Momento" they mean Memento (this app).`,
+- If the user says "Momento" they mean Memento (this app).
+
+## Available tools
+You have access to these tools for deeper research:
+- **note_search**: Search the user's notes by keyword or meaning. Use when the initial context above is insufficient or when the user asks about specific content in their notes. If a notebook is selected, pass its ID to restrict results.
+- **note_read**: Read a specific note by ID. Use when note_search returns a note you need the full content of.
+- **web_search**: Search the web for information. Use when the user asks about something not in their notes.
+- **web_scrape**: Scrape a web page and return its content as markdown. Use when web_search returns a URL you need to read.
+
+## Tool usage rules
+- You already have context from the user's notes above. Only use tools if you need more specific or additional information.
+- Never invent note IDs, URLs, or notebook IDs. Use the IDs provided in the context or from tool results.
+- For simple conversational questions (greetings, opinions, general knowledge), answer directly without using any tools.`,
    },
    fr: {
      contextWithNotes: `## Notes de l'utilisateur\n\n${contextNotes}\n\nQuand tu utilises une info venant des notes ci-dessus, cite le titre de la note source entre parenthèses, ex: "Le déploiement se fait via Docker (💻 Development Guide)". Ne recopie pas mot pour mot — reformule. Si les notes ne couvrent pas le sujet, dis-le et complète avec tes connaissances générales.`,
@@ -159,7 +174,19 @@ export async function POST(req: Request) {
 - Ton naturel, ni corporate ni trop familier.
 - Pas de phrase d'intro inutile ("Voici ce que j'ai trouvé", "Basé sur vos notes"). Réponds directement.
 - Pas de question upsell à la fin ("Souhaitez-vous que je...", "Acceptez-vous que..."). Si tu as une info complémentaire utile, donne-la.
- Si l'utilisateur dit "Momento" il parle de Memento (cette application).`,
+- Si l'utilisateur dit "Momento" il parle de Memento (cette application).
+
+## Outils disponibles
+Tu as accès à ces outils pour des recherches approfondies :
+- **note_search** : Cherche dans les notes de l'utilisateur par mot-clé ou sens. Utilise quand le contexte initial ci-dessus est insuffisant ou quand l'utilisateur demande du contenu spécifique dans ses notes. Si un carnet est sélectionné, passe son ID pour restreindre les résultats.
+- **note_read** : Lit une note spécifique par son ID. Utilise quand note_search retourne une note dont tu as besoin du contenu complet.
+- **web_search** : Recherche sur le web. Utilise quand l'utilisateur demande quelque chose qui n'est pas dans ses notes.
+- **web_scrape** : Scrape une page web et retourne son contenu en markdown. Utilise quand web_search retourne une URL que tu veux lire.
+
+## Règles d'utilisation des outils
+- Tu as déjà du contexte des notes de l'utilisateur ci-dessus. Utilise les outils seulement si tu as besoin d'informations plus spécifiques.
+- N'invente jamais d'IDs de notes, d'URLs ou d'IDs de carnet. Utilise les IDs fournis dans le contexte ou les résultats d'outils.
+- Pour les questions conversationnelles simples (salutations, opinions, connaissances générales), réponds directement sans utiliser d'outils.`,
    },
    fa: {
      contextWithNotes: `## یادداشت‌های کاربر\n\n${contextNotes}\n\nهنگام استفاده از اطلاعات یادداشت‌های بالا، عنوان یادداشت منبع را در پرانتز ذکر کنید. کپی نکنید — بازنویسی کنید. اگر یادداشت‌ها موضوع را پوشش نمی‌دهند، بگویید و با دانش عمومی خود تکمیل کنید.`,
@@ -175,7 +202,18 @@ export async function POST(req: Request) {
 - لحن طبیعی، نه رسمی بیش از حد و نه خیلی غیررسمی.
 - بدون جمله مقدمه اضافی. مستقیم پاسخ دهید.
 - بدون سؤال فروشی در انتها. اگر اطلاعات تکمیلی مفید دارید، مستقیم بدهید.
- اگر کاربر "Momento" می‌گوید، منظورش Memento (این برنامه) است.`,
+- اگر کاربر "Momento" می‌گوید، منظورش Memento (این برنامه) است.
+
+## ابزارهای موجود
+- **note_search**: جستجو در یادداشت‌های کاربر با کلیدواژه یا معنی. زمانی استفاده کنید که زمینه اولیه کافی نباشد. اگر دفترچه انتخاب شده، شناسه آن را ارسال کنید.
+- **note_read**: خواندن یک یادداشت خاص با شناسه. زمانی استفاده کنید که note_search یادداشتی برگرداند که محتوای کامل آن را نیاز دارید.
+- **web_search**: جستجو در وب. زمانی استفاده کنید که کاربر درباره چیزی خارج از یادداشت‌هایش می‌پرسد.
+- **web_scrape**: استخراج محتوای صفحه وب. زمانی استفاده کنید که web_search نشانی‌ای برگرداند که می‌خواهید بخوانید.
+
+## قوانین استفاده از ابزارها
+- شما از قبل زمینه‌ای از یادداشت‌های کاربر دارید. فقط در صورت نیاز به اطلاعات بیشتر از ابزارها استفاده کنید.
+- هرگز شناسه یادداشت، نشانی یا شناسه دفترچه نسازید. از شناسه‌های موجود در زمینه یا نتایج ابزار استفاده کنید.
+- برای سؤالات مکالمه‌ای ساده (سلام، نظرات، دانش عمومی)، مستقیم پاسخ دهید.`,
    },
    es: {
      contextWithNotes: `## Notas del usuario\n\n${contextNotes}\n\nCuando uses información de las notas anteriores, cita el título de la nota fuente entre paréntesis. No copies palabra por palabra — reformula. Si las notas no cubren el tema, dilo y complementa con tu conocimiento general.`,
@@ -190,7 +228,18 @@ export async function POST(req: Request) {
 ## Reglas de tono
 - Tono natural, ni corporativo ni demasiado informal.
 - Sin frases de introducción innecesarias. Responde directamente.
- Sin preguntas de venta al final. Si tienes información complementaria útil, dala directamente.`,
+- Sin preguntas de venta al final. Si tienes información complementaria útil, dala directamente.
+
+## Herramientas disponibles
+- **note_search**: Busca en las notas del usuario por palabra clave o significado. Úsalo cuando el contexto inicial sea insuficiente. Si hay una libreta seleccionada, pasa su ID para restringir los resultados.
+- **note_read**: Lee una nota específica por su ID. Úsalo cuando note_search devuelva una nota cuyo contenido completo necesites.
+- **web_search**: Busca en la web. Úsalo cuando el usuario pregunte sobre algo que no está en sus notas.
+- **web_scrape**: Extrae el contenido de una página web como markdown. Úsalo cuando web_search devuelva una URL que quieras leer.
+
+## Reglas de uso de herramientas
+- Ya tienes contexto de las notas del usuario arriba. Solo usa herramientas si necesitas información más específica.
+- Nunca inventes IDs de notas, URLs o IDs de libreta. Usa los IDs proporcionados en el contexto o en los resultados de herramientas.
+- Para preguntas conversacionales simples (saludos, opiniones, conocimiento general), responde directamente sin herramientas.`,
    },
    de: {
      contextWithNotes: `## Notizen des Benutzers\n\n${contextNotes}\n\nWenn du Infos aus den obigen Notizen verwendest, zitiere den Titel der Quellnotiz in Klammern. Nicht Wort für Wort kopieren — umformulieren. Wenn die Notizen das Thema nicht abdecken, sag es und ergänze mit deinem Allgemeinwissen.`,
@@ -205,7 +254,18 @@ export async function POST(req: Request) {
 ## Tonregeln
 - Natürlicher Ton, weder zu geschäftsmäßig noch zu umgangssprachlich.
 - Keine unnötigen Einleitungssätze. Antworte direkt.
- Keine Upsell-Fragen am Ende. Gib nützliche Zusatzinfos einfach direkt.`,
+- Keine Upsell-Fragen am Ende. Gib nützliche Zusatzinfos einfach direkt.
+
+## Verfügbare Werkzeuge
+- **note_search**: Durchsuche die Notizen des Benutzers nach Schlagwort oder Bedeutung. Verwende es, wenn der obige Kontext unzureichend ist. Wenn ein Notizbuch ausgewählt ist, gib dessen ID an, um die Ergebnisse einzuschränken.
+- **note_read**: Lese eine bestimmte Notiz anhand ihrer ID. Verwende es, wenn note_search eine Notiz zurückgibt, deren vollständigen Inhalt du benötigst.
+- **web_search**: Suche im Web. Verwende es, wenn der Benutzer nach etwas fragt, das nicht in seinen Notizen steht.
+- **web_scrape**: Lese eine Webseite und gib den Inhalt als Markdown zurück. Verwende es, wenn web_search eine URL zurückgibt, die du lesen möchtest.
+
+## Werkzeugregeln
+- Du hast bereits Kontext aus den Notizen des Benutzers oben. Verwende Werkzeuge nur, wenn du spezifischere Informationen benötigst.
+- Erfinde niemals Notiz-IDs, URLs oder Notizbuch-IDs. Verwende die im Kontext oder in Werkzeugergebnissen bereitgestellten IDs.
+- Bei einfachen Gesprächsfragen (Begrüßungen, Meinungen, Allgemeinwissen) antworte direkt ohne Werkzeuge.`,
    },
    it: {
      contextWithNotes: `## Note dell'utente\n\n${contextNotes}\n\nQuando usi informazioni dalle note sopra, cita il titolo della nota fonte tra parentesi. Non copiare parola per parola — riformula. Se le note non coprono l'argomento, dillo e integra con la tua conoscenza generale.`,
@@ -220,7 +280,18 @@ export async function POST(req: Request) {
 ## Regole di tono
 - Tono naturale, né aziendale né troppo informale.
 - Nessuna frase introduttiva non necessaria. Rispondi direttamente.
- Nessuna domanda di upsell alla fine. Se hai informazioni aggiuntive utili, dalle direttamente.`,
+- Nessuna domanda di upsell alla fine. Se hai informazioni aggiuntive utili, dalle direttamente.
+
+## Strumenti disponibili
+- **note_search**: Cerca nelle note dell'utente per parola chiave o significato. Usa quando il contesto iniziale è insufficiente. Se un quaderno è selezionato, passa il suo ID per restringere i risultati.
+- **note_read**: Leggi una nota specifica per ID. Usa quando note_search restituisce una nota di cui hai bisogno del contenuto completo.
+- **web_search**: Cerca sul web. Usa quando l'utente chiede qualcosa che non è nelle sue note.
+- **web_scrape**: Estrai il contenuto di una pagina web come markdown. Usa quando web_search restituisce un URL che vuoi leggere.
+
+## Regole di utilizzo degli strumenti
+- Hai già contesto dalle note dell'utente sopra. Usa gli strumenti solo se hai bisogno di informazioni più specifiche.
+- Non inventare mai ID di note, URL o ID di quaderno. Usa gli ID forniti nel contesto o nei risultati degli strumenti.
+- Per domande conversazionali semplici (saluti, opinioni, conoscenza generale), rispondi direttamente senza strumenti.`,
    },
  }

@@ -260,6 +331,16 @@ ${lang === 'en' ? 'Respond in the user\'s language.' : lang === 'fr' ? 'Réponds
  const provider = getChatProvider(config)
  const model = provider.getModel()

+  // 7b. Build chat tools
+  const chatToolContext = {
+    userId,
+    conversationId: conversation.id,
+    notebookId,
+    webSearch: !!webSearch,
+    config,
+  }
+  const chatTools = toolRegistry.buildToolsForChat(chatToolContext)
+
  // 8. Save user message to DB before streaming
  if (isNewMessage && lastIncoming) {
    await prisma.chatMessage.create({
@@ -276,6 +357,8 @@ ${lang === 'en' ? 'Respond in the user\'s language.' : lang === 'fr' ? 'Réponds
    model,
    system: systemPrompt,
    messages: allMessages,
+    tools: chatTools,
+    stopWhen: stepCountIs(5),
    async onFinish({ text }) {
      // Save assistant message to DB after streaming completes
      await prisma.chatMessage.create({
--- a/keep-notes/components/agents/agent-card.tsx
+++ b/keep-notes/components/agents/agent-card.tsx
@@ -52,10 +52,10 @@ interface AgentCardProps {
 // --- Config ---

 const typeConfig: Record<string, { icon: typeof Globe; color: string; bgColor: string }> = {
-  scraper: { icon: Globe, color: 'text-blue-600', bgColor: 'bg-blue-50 border-blue-200' },
-  researcher: { icon: Search, color: 'text-purple-600', bgColor: 'bg-purple-50 border-purple-200' },
-  monitor: { icon: Eye, color: 'text-amber-600', bgColor: 'bg-amber-50 border-amber-200' },
-  custom: { icon: Settings, color: 'text-green-600', bgColor: 'bg-green-50 border-green-200' },
+  scraper: { icon: Globe, color: 'text-blue-600 dark:text-blue-400', bgColor: 'bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800' },
+  researcher: { icon: Search, color: 'text-purple-600 dark:text-purple-400', bgColor: 'bg-purple-50 dark:bg-purple-950 border-purple-200 dark:border-purple-800' },
+  monitor: { icon: Eye, color: 'text-amber-600 dark:text-amber-400', bgColor: 'bg-amber-50 dark:bg-amber-950 border-amber-200 dark:border-amber-800' },
+  custom: { icon: Settings, color: 'text-green-600 dark:text-green-400', bgColor: 'bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800' },
 }

 const frequencyKeys: Record<string, string> = {
@@ -142,10 +142,10 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps

  return (
    <div className={`
-      bg-white rounded-xl border-2 transition-all overflow-hidden
-      ${agent.isEnabled ? 'border-slate-200 hover:border-primary/30 hover:shadow-md' : 'border-slate-100 opacity-60'}
+      bg-card rounded-xl border-2 transition-all overflow-hidden
+      ${agent.isEnabled ? 'border-border hover:border-primary/30 hover:shadow-md' : 'border-border/50 opacity-60'}
    `}>
-      <div className={`h-1 ${agent.isEnabled ? 'bg-primary' : 'bg-slate-200'}`} />
+      <div className={`h-1 ${agent.isEnabled ? 'bg-primary' : 'bg-muted'}`} />

      <div className="p-4">
        <div className="flex items-start justify-between mb-3">
@@ -155,9 +155,9 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps
            </div>
            <div className="min-w-0">
              <div className="flex items-center gap-2">
-                <h3 className="font-semibold text-slate-800 truncate">{agent.name}</h3>
+                <h3 className="font-semibold text-card-foreground truncate">{agent.name}</h3>
                {mounted && isNew && (
-                  <span className="flex-shrink-0 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-emerald-100 text-emerald-700 rounded">
+                  <span className="flex-shrink-0 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-emerald-100 dark:bg-emerald-900 text-emerald-700 dark:text-emerald-300 rounded">
                    {t('agents.newBadge')}
                  </span>
                )}
@@ -171,16 +171,16 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps
            {agent.isEnabled ? (
              <ToggleRight className="w-6 h-6 text-primary" />
            ) : (
-              <ToggleLeft className="w-6 h-6 text-slate-300" />
+              <ToggleLeft className="w-6 h-6 text-muted-foreground/40" />
            )}
          </button>
        </div>

        {agent.description && (
-          <p className="text-xs text-slate-500 mb-3 line-clamp-2">{agent.description}</p>
+          <p className="text-xs text-muted-foreground mb-3 line-clamp-2">{agent.description}</p>
        )}

-        <div className="flex items-center gap-3 text-xs text-slate-400 mb-3">
+        <div className="flex items-center gap-3 text-xs text-muted-foreground mb-3">
          <span className="flex items-center gap-1">
            <Clock className="w-3 h-3" />
            {t(frequencyKeys[agent.frequency] || 'agents.frequencies.manual')}
@@ -199,9 +199,9 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps
        {lastAction && (
          <div className={`
            flex items-center gap-1.5 text-xs px-2 py-1 rounded-md mb-3
-            ${lastAction.status === 'success' ? 'bg-green-50 text-green-600' : ''}
-            ${lastAction.status === 'failure' ? 'bg-red-50 text-red-600' : ''}
-            ${lastAction.status === 'running' ? 'bg-blue-50 text-blue-600' : ''}
+            ${lastAction.status === 'success' ? 'bg-green-50 dark:bg-green-950 text-green-600 dark:text-green-400' : ''}
+            ${lastAction.status === 'failure' ? 'bg-red-50 dark:bg-red-950 text-red-600 dark:text-red-400' : ''}
+            ${lastAction.status === 'running' ? 'bg-blue-50 dark:bg-blue-950 text-blue-600 dark:text-blue-400' : ''}
          `}>
            {lastAction.status === 'success' && <CheckCircle2 className="w-3 h-3" />}
            {lastAction.status === 'failure' && <XCircle className="w-3 h-3" />}
@@ -224,7 +224,7 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps
          <button
            onClick={handleRun}
            disabled={isRunning || !agent.isEnabled}
-            className="p-1.5 text-green-600 bg-green-50 rounded-lg hover:bg-green-100 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            className="p-1.5 text-green-600 dark:text-green-400 bg-green-50 dark:bg-green-950 rounded-lg hover:bg-green-100 dark:hover:bg-green-900 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
            title={t('agents.actions.run')}
          >
            {isRunning ? <Loader2 className="w-4 h-4 animate-spin" /> : <Play className="w-4 h-4" />}
@@ -232,7 +232,7 @@ export function AgentCard({ agent, onEdit, onRefresh, onToggle }: AgentCardProps
          <button
            onClick={handleDelete}
            disabled={isDeleting}
-            className="p-1.5 text-red-500 bg-red-50 rounded-lg hover:bg-red-100 transition-colors disabled:opacity-50"
+            className="p-1.5 text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-950 rounded-lg hover:bg-red-100 dark:hover:bg-red-900 transition-colors disabled:opacity-50"
            title={t('agents.actions.delete')}
          >
            {isDeleting ? <Loader2 className="w-4 h-4 animate-spin" /> : <Trash2 className="w-4 h-4" />}
--- a/keep-notes/components/agents/agent-form.tsx
+++ b/keep-notes/components/agents/agent-form.tsx
@@ -21,7 +21,7 @@ function FieldHelp({ tooltip }: { tooltip: string }) {
  return (
    <Tooltip>
      <TooltipTrigger asChild>
-        <button type="button" className="inline-flex items-center ml-1 text-slate-300 hover:text-slate-500 transition-colors">
+        <button type="button" className="inline-flex items-center ml-1 text-muted-foreground/40 hover:text-muted-foreground transition-colors">
          <HelpCircle className="w-3.5 h-3.5" />
        </button>
      </TooltipTrigger>
@@ -61,6 +61,16 @@ const TOOL_PRESETS: Record<string, string[]> = {
  custom: ['memory_search'],
 }

+// --- Shared class strings ---
+const labelCls = 'block text-sm font-medium text-foreground mb-1.5'
+const labelCls2 = 'block text-sm font-medium text-foreground mb-2'
+const inputCls = 'w-full px-3 py-2 text-sm border border-input rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary bg-card text-foreground'
+const selectCls = 'w-full px-3 py-2 text-sm border border-input rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary bg-card text-foreground'
+const toggleOffBorder = 'border-border hover:border-primary/30'
+const toggleOffIcon = 'text-muted-foreground'
+const toggleOffLabel = 'text-sm font-medium text-foreground'
+const toggleOffHint = 'text-xs text-muted-foreground'
+
 // --- Component ---

 export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps) {
@@ -187,26 +197,26 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps

  return (
    <div className="fixed inset-0 bg-black/30 flex items-center justify-center z-50 p-4">
-      <div className="bg-white rounded-2xl shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto">
+      <div className="bg-card rounded-2xl shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto">
        {/* Header — editable agent name */}
-        <div className="flex items-center justify-between px-6 py-4 border-b border-slate-100">
+        <div className="flex items-center justify-between px-6 py-4 border-b border-border">
          <input
            type="text"
            value={name}
            onChange={e => setName(e.target.value)}
-            className="text-lg font-semibold text-slate-800 bg-transparent border-none outline-none focus:ring-0 p-0 flex-1 placeholder:text-slate-300"
+            className="text-lg font-semibold text-card-foreground bg-transparent border-none outline-none focus:ring-0 p-0 flex-1 placeholder:text-muted-foreground/40"
            placeholder={t('agents.form.namePlaceholder')}
            required
          />
-          <button onClick={onCancel} className="p-1 rounded-md hover:bg-slate-100 ml-3">
-            <X className="w-5 h-5 text-slate-400" />
+          <button onClick={onCancel} className="p-1 rounded-md hover:bg-accent ml-3">
+            <X className="w-5 h-5 text-muted-foreground" />
          </button>
        </div>

        <form onSubmit={handleSubmit} className="p-6 space-y-5">
          {/* Agent Type */}
          <div>
-            <label className="block text-sm font-medium text-slate-700 mb-2">{t('agents.form.agentType')}<FieldHelp tooltip={t('agents.help.tooltips.agentType')} /></label>
+            <label className={labelCls2}>{t('agents.form.agentType')}<FieldHelp tooltip={t('agents.help.tooltips.agentType')} /></label>
            <div className="grid grid-cols-2 gap-2">
              {agentTypes.map(at => (
                <button
@@ -217,11 +227,11 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
                    text-left px-3 py-2.5 rounded-lg border-2 transition-all text-sm
                    ${type === at.value
                      ? 'border-primary bg-primary/5 text-primary font-medium'
-                      : 'border-slate-200 text-slate-600 hover:border-slate-300'}
+                      : `${toggleOffBorder} text-muted-foreground`}
                  `}
                >
                  <div className="font-medium">{t(at.labelKey)}</div>
-                  <div className="text-xs text-slate-400 mt-0.5">{t(at.descKey)}</div>
+                  <div className="text-xs text-muted-foreground mt-0.5">{t(at.descKey)}</div>
                </button>
              ))}
            </div>
@@ -230,12 +240,12 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          {/* Research Topic (researcher only) — replaces Description for this type */}
          {type === 'researcher' && (
            <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1.5">{t('agents.form.researchTopic')}<FieldHelp tooltip={t('agents.help.tooltips.researchTopic')} /></label>
+              <label className={labelCls}>{t('agents.form.researchTopic')}<FieldHelp tooltip={t('agents.help.tooltips.researchTopic')} /></label>
              <input
                type="text"
                value={description}
                onChange={e => setDescription(e.target.value)}
-                className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
+                className={inputCls}
                placeholder={t('agents.form.researchTopicPlaceholder')}
              />
            </div>
@@ -244,12 +254,12 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          {/* Description (for non-researcher types) */}
          {type !== 'researcher' && (
            <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1.5">{t('agents.form.description')}<FieldHelp tooltip={t('agents.help.tooltips.description')} /></label>
+              <label className={labelCls}>{t('agents.form.description')}<FieldHelp tooltip={t('agents.help.tooltips.description')} /></label>
              <input
                type="text"
                value={description}
                onChange={e => setDescription(e.target.value)}
-                className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
+                className={inputCls}
                placeholder={t('agents.form.descriptionPlaceholder')}
              />
            </div>
@@ -258,7 +268,7 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          {/* URLs (scraper and custom only — researcher uses search, not URLs) */}
          {(type === 'scraper' || type === 'custom') && (
            <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1.5">
+              <label className={labelCls}>
                {t('agents.form.urlsLabel')}<FieldHelp tooltip={t('agents.help.tooltips.urls')} />
              </label>
              <div className="space-y-2">
@@ -268,14 +278,14 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
                      type="url"
                      value={url}
                      onChange={e => updateUrl(i, e.target.value)}
-                      className="flex-1 px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
+                      className={inputCls}
                      placeholder="https://example.com"
                    />
                    {urls.length > 1 && (
                      <button
                        type="button"
                        onClick={() => removeUrl(i)}
-                        className="p-2 text-red-400 hover:text-red-600 hover:bg-red-50 rounded-lg transition-colors"
+                        className="p-2 text-red-400 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-950 rounded-lg transition-colors"
                      >
                        <Trash2 className="w-4 h-4" />
                      </button>
@@ -297,11 +307,11 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          {/* Source Notebook (monitor only) */}
          {showSourceNotebook && (
            <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1.5">{t('agents.form.sourceNotebook')}<FieldHelp tooltip={t('agents.help.tooltips.sourceNotebook')} /></label>
+              <label className={labelCls}>{t('agents.form.sourceNotebook')}<FieldHelp tooltip={t('agents.help.tooltips.sourceNotebook')} /></label>
              <select
                value={sourceNotebookId}
                onChange={e => setSourceNotebookId(e.target.value)}
-                className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary bg-white"
+                className={selectCls}
              >
                <option value="">{t('agents.form.selectNotebook')}</option>
                {notebooks.map(nb => (
@@ -315,11 +325,11 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps

          {/* Target Notebook */}
          <div>
-            <label className="block text-sm font-medium text-slate-700 mb-1.5">{t('agents.form.targetNotebook')}<FieldHelp tooltip={t('agents.help.tooltips.targetNotebook')} /></label>
+            <label className={labelCls}>{t('agents.form.targetNotebook')}<FieldHelp tooltip={t('agents.help.tooltips.targetNotebook')} /></label>
            <select
              value={targetNotebookId}
              onChange={e => setTargetNotebookId(e.target.value)}
-              className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary bg-white"
+              className={selectCls}
            >
              <option value="">{t('agents.form.inbox')}</option>
              {notebooks.map(nb => (
@@ -332,11 +342,11 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps

          {/* Frequency */}
          <div>
-            <label className="block text-sm font-medium text-slate-700 mb-1.5">{t('agents.form.frequency')}<FieldHelp tooltip={t('agents.help.tooltips.frequency')} /></label>
+            <label className={labelCls}>{t('agents.form.frequency')}<FieldHelp tooltip={t('agents.help.tooltips.frequency')} /></label>
            <select
              value={frequency}
              onChange={e => setFrequency(e.target.value)}
-              className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary bg-white"
+              className={selectCls}
            >
              <option value="manual">{t('agents.frequencies.manual')}</option>
              <option value="hourly">{t('agents.frequencies.hourly')}</option>
@@ -352,16 +362,16 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
            className={`flex items-center gap-3 p-3 rounded-lg border-2 cursor-pointer transition-all ${
              notifyEmail
                ? 'border-primary bg-primary/5'
-                : 'border-slate-200 hover:border-slate-300'
+                : toggleOffBorder
            }`}
          >
-            <Mail className={`w-4 h-4 flex-shrink-0 ${notifyEmail ? 'text-primary' : 'text-slate-400'}`} />
+            <Mail className={`w-4 h-4 flex-shrink-0 ${notifyEmail ? 'text-primary' : toggleOffIcon}`} />
            <div className="flex-1 min-w-0">
-              <div className="text-sm font-medium text-slate-700">{t('agents.form.notifyEmail')}</div>
-              <div className="text-xs text-slate-400">{t('agents.form.notifyEmailHint')}</div>
+              <div className={toggleOffLabel}>{t('agents.form.notifyEmail')}</div>
+              <div className={toggleOffHint}>{t('agents.form.notifyEmailHint')}</div>
            </div>
-            <div className={`w-9 h-5 rounded-full transition-colors flex-shrink-0 ${notifyEmail ? 'bg-primary' : 'bg-slate-200'}`}>
-              <div className={`w-4 h-4 bg-white rounded-full shadow-sm transition-transform mt-0.5 ${notifyEmail ? 'translate-x-4.5 ml-0.5' : 'ml-0.5'}`} />
+            <div className={`w-9 h-5 rounded-full transition-colors flex-shrink-0 ${notifyEmail ? 'bg-primary' : 'bg-muted'}`}>
+              <div className={`w-4 h-4 bg-card rounded-full shadow-sm transition-transform mt-0.5 ${notifyEmail ? 'translate-x-4.5 ml-0.5' : 'ml-0.5'}`} />
            </div>
          </div>

@@ -371,16 +381,16 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
            className={`flex items-center gap-3 p-3 rounded-lg border-2 cursor-pointer transition-all ${
              includeImages
                ? 'border-primary bg-primary/5'
-                : 'border-slate-200 hover:border-slate-300'
+                : toggleOffBorder
            }`}
          >
-            <ImageIcon className={`w-4 h-4 flex-shrink-0 ${includeImages ? 'text-primary' : 'text-slate-400'}`} />
+            <ImageIcon className={`w-4 h-4 flex-shrink-0 ${includeImages ? 'text-primary' : toggleOffIcon}`} />
            <div className="flex-1 min-w-0">
-              <div className="text-sm font-medium text-slate-700">{t('agents.form.includeImages')}</div>
-              <div className="text-xs text-slate-400">{t('agents.form.includeImagesHint')}</div>
+              <div className={toggleOffLabel}>{t('agents.form.includeImages')}</div>
+              <div className={toggleOffHint}>{t('agents.form.includeImagesHint')}</div>
            </div>
-            <div className={`w-9 h-5 rounded-full transition-colors flex-shrink-0 ${includeImages ? 'bg-primary' : 'bg-slate-200'}`}>
-              <div className={`w-4 h-4 bg-white rounded-full shadow-sm transition-transform mt-0.5 ${includeImages ? 'translate-x-4.5 ml-0.5' : 'ml-0.5'}`} />
+            <div className={`w-9 h-5 rounded-full transition-colors flex-shrink-0 ${includeImages ? 'bg-primary' : 'bg-muted'}`}>
+              <div className={`w-4 h-4 bg-card rounded-full shadow-sm transition-transform mt-0.5 ${includeImages ? 'translate-x-4.5 ml-0.5' : 'ml-0.5'}`} />
            </div>
          </div>

@@ -388,7 +398,7 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          <button
            type="button"
            onClick={() => setShowAdvanced(!showAdvanced)}
-            className="flex items-center gap-2 text-sm text-slate-500 hover:text-slate-700 font-medium w-full pt-2 border-t border-slate-100"
+            className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground font-medium w-full pt-2 border-t border-border"
          >
            {showAdvanced ? <ChevronUp className="w-4 h-4" /> : <ChevronDown className="w-4 h-4" />}
            {t('agents.form.advancedMode')}
@@ -398,23 +408,23 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
          {showAdvanced && (
            <>
              <div>
-                <label className="block text-sm font-medium text-slate-700 mb-1">
+                <label className="block text-sm font-medium text-foreground mb-1">
                  {t('agents.form.instructions')}
                  <FieldHelp tooltip={t('agents.help.tooltips.instructions')} />
-                  <span className="text-xs text-slate-400 font-normal ml-1">({t('agents.form.instructionsHint')})</span>
+                  <span className="text-xs text-muted-foreground font-normal ml-1">({t('agents.form.instructionsHint')})</span>
                </label>
                <textarea
                  value={role}
                  onChange={e => setRole(e.target.value)}
                  rows={3}
-                  className="w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary resize-y min-h-[80px]"
+                  className="w-full px-3 py-2 text-sm border border-input rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary resize-y min-h-[80px] bg-card text-foreground"
                  placeholder={t('agents.form.instructionsPlaceholder')}
                />
              </div>

              {/* Advanced: Tools */}
              <div>
-                <label className="block text-sm font-medium text-slate-700 mb-2">{t('agents.tools.title')}<FieldHelp tooltip={t('agents.help.tooltips.tools')} /></label>
+                <label className="block text-sm font-medium text-foreground mb-2">{t('agents.tools.title')}<FieldHelp tooltip={t('agents.help.tooltips.tools')} /></label>
                <div className="grid grid-cols-2 gap-2">
                  {availableTools.map(at => {
                    const Icon = at.icon
@@ -432,20 +442,20 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
                          flex items-center gap-2 px-3 py-2 rounded-lg border text-sm transition-all text-left
                          ${isSelected
                            ? 'border-primary bg-primary/5 text-primary font-medium'
-                            : 'border-slate-200 text-slate-600 hover:border-slate-300'}
+                            : `${toggleOffBorder} text-muted-foreground`}
                        `}
                      >
                        <Icon className="w-4 h-4 flex-shrink-0" />
                        <span>{t(at.labelKey)}</span>
                        {at.external && !isSelected && (
-                          <span className="ml-auto text-[10px] text-amber-500 bg-amber-50 px-1.5 py-0.5 rounded-full">{t('agents.tools.configNeeded')}</span>
+                          <span className="ml-auto text-[10px] text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-950 px-1.5 py-0.5 rounded-full">{t('agents.tools.configNeeded')}</span>
                        )}
                      </button>
                    )
                  })}
                </div>
                {selectedTools.length > 0 && (
-                  <p className="text-xs text-slate-400 mt-1.5">
+                  <p className="text-xs text-muted-foreground mt-1.5">
                    {t('agents.tools.selected', { count: selectedTools.length })}
                  </p>
                )}
@@ -454,9 +464,9 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
              {/* Advanced: Max Steps */}
              {selectedTools.length > 0 && (
                <div>
-                  <label className="block text-sm font-medium text-slate-700 mb-1.5">
+                  <label className="block text-sm font-medium text-foreground mb-1.5">
                    {t('agents.tools.maxSteps')}<FieldHelp tooltip={t('agents.help.tooltips.maxSteps')} />
-                    <span className="text-slate-400 font-normal ml-1">({maxSteps})</span>
+                    <span className="text-muted-foreground font-normal ml-1">({maxSteps})</span>
                  </label>
                  <input
                    type="range"
@@ -466,7 +476,7 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
                    onChange={e => setMaxSteps(Number(e.target.value))}
                    className="w-full accent-primary"
                  />
-                  <div className="flex justify-between text-xs text-slate-400">
+                  <div className="flex justify-between text-xs text-muted-foreground">
                    <span>3</span>
                    <span>25</span>
                  </div>
@@ -480,14 +490,14 @@ export function AgentForm({ agent, notebooks, onSave, onCancel }: AgentFormProps
            <button
              type="button"
              onClick={onCancel}
-              className="px-4 py-2 text-sm font-medium text-slate-600 bg-slate-100 rounded-lg hover:bg-slate-200 transition-colors"
+              className="px-4 py-2 text-sm font-medium text-muted-foreground bg-muted rounded-lg hover:bg-accent transition-colors"
            >
              {t('agents.form.cancel')}
            </button>
            <button
              type="submit"
              disabled={isSaving}
-              className="px-4 py-2 text-sm font-medium text-white bg-primary rounded-lg hover:bg-primary/90 transition-colors disabled:opacity-50"
+              className="px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors disabled:opacity-50"
            >
              {isSaving ? t('agents.form.saving') : agent ? t('agents.form.save') : t('agents.form.create')}
            </button>
--- a/keep-notes/components/agents/agent-run-log.tsx
+++ b/keep-notes/components/agents/agent-run-log.tsx
@@ -66,15 +66,15 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {

  return (
    <div className="fixed inset-0 bg-black/30 flex items-center justify-center z-50 p-4">
-      <div className="bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[70vh] overflow-hidden flex flex-col">
+      <div className="bg-card rounded-2xl shadow-xl max-w-md w-full max-h-[70vh] overflow-hidden flex flex-col">
        {/* Header */}
-        <div className="flex items-center justify-between px-5 py-4 border-b border-slate-100">
+        <div className="flex items-center justify-between px-5 py-4 border-b border-border">
          <div>
-            <h3 className="font-semibold text-slate-800">{t('agents.runLog.title')}</h3>
-            <p className="text-xs text-slate-400">{agentName}</p>
+            <h3 className="font-semibold text-card-foreground">{t('agents.runLog.title')}</h3>
+            <p className="text-xs text-muted-foreground">{agentName}</p>
          </div>
-          <button onClick={onClose} className="p-1 rounded-md hover:bg-slate-100">
-            <X className="w-5 h-5 text-slate-400" />
+          <button onClick={onClose} className="p-1 rounded-md hover:bg-accent">
+            <X className="w-5 h-5 text-muted-foreground" />
          </button>
        </div>

@@ -82,12 +82,12 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
        <div className="flex-1 overflow-y-auto p-4 space-y-2">
          {loading && (
            <div className="flex items-center justify-center py-8">
-              <Loader2 className="w-5 h-5 animate-spin text-slate-400" />
+              <Loader2 className="w-5 h-5 animate-spin text-muted-foreground" />
            </div>
          )}

          {!loading && actions.length === 0 && (
-            <p className="text-center text-sm text-slate-400 py-8">
+            <p className="text-center text-sm text-muted-foreground py-8">
              {t('agents.runLog.noHistory')}
            </p>
          )}
@@ -103,10 +103,10 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
                key={action.id}
                className={`
                  p-3 rounded-lg border
-                  ${action.status === 'success' ? 'bg-green-50/50 border-green-100' : ''}
-                  ${action.status === 'failure' ? 'bg-red-50/50 border-red-100' : ''}
-                  ${action.status === 'running' ? 'bg-blue-50/50 border-blue-100' : ''}
-                  ${action.status === 'pending' ? 'bg-slate-50 border-slate-100' : ''}
+                  ${action.status === 'success' ? 'bg-green-50/50 dark:bg-green-950/50 border-green-100 dark:border-green-900' : ''}
+                  ${action.status === 'failure' ? 'bg-red-50/50 dark:bg-red-950/50 border-red-100 dark:border-red-900' : ''}
+                  ${action.status === 'running' ? 'bg-blue-50/50 dark:bg-blue-950/50 border-blue-100 dark:border-blue-900' : ''}
+                  ${action.status === 'pending' ? 'bg-muted border-border' : ''}
                `}
              >
                <div className="flex items-start gap-3">
@@ -114,19 +114,19 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
                    {action.status === 'success' && <CheckCircle2 className="w-4 h-4 text-green-500" />}
                    {action.status === 'failure' && <XCircle className="w-4 h-4 text-red-500" />}
                    {action.status === 'running' && <Loader2 className="w-4 h-4 text-blue-500 animate-spin" />}
-                    {action.status === 'pending' && <Clock className="w-4 h-4 text-slate-400" />}
+                    {action.status === 'pending' && <Clock className="w-4 h-4 text-muted-foreground" />}
                  </div>
                  <div className="flex-1 min-w-0">
                    <div className="flex items-center justify-between">
-                      <span className="text-sm font-medium text-slate-700">
+                      <span className="text-sm font-medium text-foreground">
                        {t(statusKeys[action.status] || action.status)}
                      </span>
-                      <span className="text-xs text-slate-400">
+                      <span className="text-xs text-muted-foreground">
                        {formatDistanceToNow(new Date(action.createdAt), { addSuffix: true, locale: dateLocale })}
                      </span>
                    </div>
                    {action.log && (
-                      <p className="text-xs text-slate-500 mt-1 line-clamp-2">{action.log}</p>
+                      <p className="text-xs text-muted-foreground mt-1 line-clamp-2">{action.log}</p>
                    )}
                  </div>
                </div>
@@ -142,13 +142,13 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
                    <div className="mt-2 space-y-2 pl-2">
                      {toolSteps.map((step, i) => (
                        <div key={i} className="text-xs border-l-2 border-primary/30 pl-2 py-1">
-                          <span className="font-medium text-slate-600">{t('agents.runLog.step', { num: step.step })}</span>
+                          <span className="font-medium text-muted-foreground">{t('agents.runLog.step', { num: step.step })}</span>
                          {step.toolCalls && step.toolCalls.length > 0 && (
                            <div className="mt-1 space-y-1">
                              {step.toolCalls.map((tc, j) => (
-                                <div key={j} className="bg-slate-100 rounded px-2 py-1">
+                                <div key={j} className="bg-muted rounded px-2 py-1">
                                  <span className="font-mono text-primary">{tc.toolName}</span>
-                                  <span className="text-slate-400 ml-1">
+                                  <span className="text-muted-foreground ml-1">
                                    {JSON.stringify(tc.args).substring(0, 80)}
                                  </span>
                                </div>
--- a/keep-notes/components/chat/chat-container.tsx
+++ b/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>
--- a/keep-notes/components/chat/chat-input.tsx
+++ b/keep-notes/components/chat/chat-input.tsx
@@ -1,7 +1,7 @@
 'use client'

 import { useState, useRef, useEffect } from 'react'
-import { Send, BookOpen, X } from 'lucide-react'
+import { Send, BookOpen, X, Globe } from 'lucide-react'
 import { getNotebookIcon } from '@/lib/notebook-icon'
 import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
@@ -21,9 +21,12 @@ interface ChatInputProps {
  isLoading?: boolean
  notebooks: any[]
  currentNotebookId?: string | null
+  webSearchEnabled?: boolean
+  onToggleWebSearch?: () => void
+  webSearchAvailable?: boolean
 }

-export function ChatInput({ onSend, isLoading, notebooks, currentNotebookId }: ChatInputProps) {
+export function ChatInput({ onSend, isLoading, notebooks, currentNotebookId, webSearchEnabled, onToggleWebSearch, webSearchAvailable }: ChatInputProps) {
  const { t } = useLanguage()
  const [input, setInput] = useState('')
  const [selectedNotebook, setSelectedNotebook] = useState<string | undefined>(currentNotebookId || undefined)
@@ -76,8 +79,8 @@ export function ChatInput({ onSend, isLoading, notebooks, currentNotebookId }: C
        <div className="flex items-center justify-between px-3 pb-3 pt-1">
          {/* Context Selector */}
          <div className="flex items-center gap-2">
-            <Select 
-              value={selectedNotebook || 'global'} 
+            <Select
+              value={selectedNotebook || 'global'}
              onValueChange={(val) => setSelectedNotebook(val === 'global' ? undefined : val)}
            >
              <SelectTrigger className="h-8 w-auto min-w-[130px] rounded-full bg-white dark:bg-[#1a1c22] border-slate-200 dark:border-white/10 shadow-sm text-xs font-medium gap-2 ring-offset-transparent focus:ring-0 focus:ring-offset-0 hover:bg-slate-50 dark:hover:bg-[#252830] transition-colors">
@@ -96,12 +99,28 @@ export function ChatInput({ onSend, isLoading, notebooks, currentNotebookId }: C
                ))}
              </SelectContent>
            </Select>
-            
+
            {selectedNotebook && (
              <Badge variant="secondary" className="text-[10px] bg-primary/10 text-primary border-none rounded-full px-2.5 h-6 font-semibold tracking-wide">
                {t('chat.active')}
              </Badge>
            )}
+
+            {webSearchAvailable && (
+              <button
+                type="button"
+                onClick={onToggleWebSearch}
+                className={cn(
+                  "h-8 rounded-full border shadow-sm text-xs font-medium gap-1.5 flex items-center px-3 transition-all duration-200",
+                  webSearchEnabled
+                    ? "bg-primary/10 text-primary border-primary/30 hover:bg-primary/20"
+                    : "bg-white dark:bg-[#1a1c22] border-slate-200 dark:border-white/10 text-slate-500 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-[#252830]"
+                )}
+              >
+                <Globe className="h-3.5 w-3.5" />
+                {webSearchEnabled && t('chat.webSearch')}
+              </button>
+            )}
          </div>

          {/* Send Button */}
--- a/keep-notes/components/comparison-modal.tsx
+++ b/keep-notes/components/comparison-modal.tsx
@@ -1,7 +1,7 @@
 'use client'

 import { useState } from 'react'
-import { Dialog, DialogContent } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogTitle, DialogDescription } from '@/components/ui/dialog'
 import { Button } from '@/components/ui/button'
 import { Sparkles, ThumbsUp, ThumbsDown, GitMerge, X } from 'lucide-react'
 import { cn } from '@/lib/utils'
@@ -84,12 +84,12 @@ export function ComparisonModal({
              <Sparkles className="h-5 w-5 text-amber-600 dark:text-amber-400" />
            </div>
            <div>
-              <h2 className="text-xl font-semibold">
+              <DialogTitle className="text-xl font-semibold">
                {t('memoryEcho.comparison.title')}
-              </h2>
-              <p className="text-sm text-gray-600 dark:text-gray-400">
+              </DialogTitle>
+              <DialogDescription className="text-sm text-gray-600 dark:text-gray-400">
                {t('memoryEcho.comparison.similarityInfo', { similarity: similarityPercentage })}
-              </p>
+              </DialogDescription>
            </div>
          </div>
          <button
--- a/keep-notes/components/connections-overlay.tsx
+++ b/keep-notes/components/connections-overlay.tsx
@@ -310,7 +310,7 @@ export function ConnectionsOverlay({
          </div>
        )}

-        {/* Footer - Action */}
+        {/* Footer - Actions */}
        <div className="px-6 py-4 border-t dark:border-zinc-700">
          <div className="flex items-center gap-2">
            <Button
--- a/keep-notes/components/fusion-modal.tsx
+++ b/keep-notes/components/fusion-modal.tsx
@@ -1,7 +1,7 @@
 'use client'

 import { useState, useEffect, useCallback, useRef } from 'react'
-import { Dialog, DialogContent } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogTitle, DialogDescription } from '@/components/ui/dialog'
 import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
 import { Checkbox } from '@/components/ui/checkbox'
@@ -114,8 +114,22 @@ export function FusionModal({
    try {
      // Parse the preview into title and content
      const lines = fusionPreview.split('\n')
-      const title = lines[0].replace(/^#+\s*/, '').trim()
-      const content = lines.slice(1).join('\n').trim()
+      let title = ''
+      let content = fusionPreview.trim()
+
+      const firstLine = lines[0].trim()
+      if (firstLine.startsWith('#')) {
+        title = firstLine.replace(/^#+\s*/, '').trim()
+        content = lines.slice(1).join('\n').trim()
+      } else {
+        // No markdown heading — use first meaningful line as title
+        title = firstLine.length > 100 ? firstLine.substring(0, 100) + '...' : firstLine
+        content = lines.slice(1).join('\n').trim()
+      }
+
+      if (!title) {
+        title = notes[0]?.title || t('memoryEcho.comparison.untitled')
+      }

      await onConfirmFusion(
        { title, content },
@@ -132,7 +146,7 @@ export function FusionModal({

  return (
    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="max-w-3xl max-h-[90vh] overflow-hidden flex flex-col p-0">
+      <DialogContent showCloseButton={false} className="max-w-3xl max-h-[90vh] overflow-hidden flex flex-col p-0">
        {/* Header */}
        <div className="flex items-center justify-between p-6 border-b dark:border-zinc-700">
          <div className="flex items-center gap-3">
@@ -140,19 +154,19 @@ export function FusionModal({
              <Link2 className="h-5 w-5 text-purple-600 dark:text-purple-400" />
            </div>
            <div>
-              <h2 className="text-xl font-semibold">
+              <DialogTitle className="text-xl font-semibold">
                {t('memoryEcho.fusion.title')}
-              </h2>
-              <p className="text-sm text-gray-600 dark:text-gray-400">
+              </DialogTitle>
+              <DialogDescription className="text-sm text-gray-600 dark:text-gray-400">
                {t('memoryEcho.fusion.mergeNotes', { count: selectedNoteIds.length })}
-              </p>
+              </DialogDescription>
            </div>
          </div>
          <button
            onClick={onClose}
-            className="text-gray-500 hover:text-gray-700 dark:hover:text-gray-300"
+            className="p-1 rounded-md text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors"
          >
-            <X className="h-6 w-6" />
+            <X className="h-5 w-5" />
          </button>
        </div>

--- a/keep-notes/components/memory-echo-notification.tsx
+++ b/keep-notes/components/memory-echo-notification.tsx
@@ -209,6 +209,7 @@ export function MemoryEchoNotification({ onOpenNote }: MemoryEchoNotificationPro
              type: 'text',
              isMarkdown: true,
              autoGenerated: true,
+              aiProvider: 'fusion',
              notebookId: fusionNotes[0].notebookId ?? undefined
            })
            if (options.archiveOriginals) {
--- a/keep-notes/components/note-card.tsx
+++ b/keep-notes/components/note-card.tsx
@@ -462,6 +462,21 @@ export const NoteCard = memo(function NoteCard({
        />
      )}

+      {/* Fusion Badge */}
+      {optimisticNote.aiProvider === 'fusion' && (
+        <div className="px-1.5 py-0.5 rounded text-[10px] font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400 border border-purple-200 dark:border-purple-800 flex items-center gap-1 group/badge relative mb-2 w-fit">
+          <Link2 className="h-2.5 w-2.5" />
+          {t('memoryEcho.fused')}
+          <button
+            onClick={handleRemoveFusedBadge}
+            className="ml-1 opacity-0 group-hover/badge:opacity-100 hover:opacity-100 transition-opacity"
+            title={t('notes.remove') || 'Remove'}
+          >
+            <Trash2 className="h-2.5 w-2.5" />
+          </button>
+        </div>
+      )}
+
      {/* Title */}
      {optimisticNote.title && (
        <h3 className="text-base font-medium mb-2 pr-10 text-foreground">
@@ -684,6 +699,7 @@ export const NoteCard = memo(function NoteCard({
                type: 'text',
                isMarkdown: true,
                autoGenerated: true,
+                aiProvider: 'fusion',
                notebookId: fusionNotes[0].notebookId ?? undefined
              })
              if (options.archiveOriginals) {
--- a/keep-notes/components/note-editor.tsx
+++ b/keep-notes/components/note-editor.tsx
@@ -1150,6 +1150,7 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
              type: 'text',
              isMarkdown: true, // AI generates markdown content
              autoGenerated: true, // Mark as AI-generated fused note
+              aiProvider: 'fusion',
              notebookId: fusionNotes[0].notebookId ?? undefined // Keep the notebook from the first note, convert null to undefined
            })

--- a/keep-notes/components/note-inline-editor.tsx
+++ b/keep-notes/components/note-inline-editor.tsx
@@ -27,8 +27,6 @@ import {
  toggleArchive,
  updateColor,
  deleteNote,
-  removeImageFromNote,
-  leaveSharedNote,
  createNote,
 } from '@/app/actions/notes'
 import { fetchLinkMetadata } from '@/app/actions/scrape'
@@ -55,8 +53,6 @@ import {
  RotateCcw,
  Languages,
  ChevronRight,
-  Copy,
-  LogOut,
 } from 'lucide-react'
 import { toast } from 'sonner'
 import { MarkdownContent } from '@/components/markdown-content'
@@ -108,12 +104,10 @@ export function NoteInlineEditor({
  defaultPreviewMode = false,
 }: NoteInlineEditorProps) {
  const { t, language } = useLanguage()
-  const { labels: globalLabels, addLabel, refreshLabels } = useLabels()
+  const { labels: globalLabels, addLabel } = useLabels()
  const [, startTransition] = useTransition()
  const { triggerRefresh } = useNoteRefresh()

-  const isSharedNote = !!(note as any)._isShared
-
  // ── Local edit state ──────────────────────────────────────────────────────
  const [title, setTitle] = useState(note.title || '')
  const [content, setContent] = useState(note.content || '')
@@ -132,34 +126,6 @@ export function NoteInlineEditor({
  const changeContent = (c: string) => { setContent(c); onChange?.(note.id, { content: c }) }
  const changeCheckItems = (ci: CheckItem[]) => { setCheckItems(ci); onChange?.(note.id, { checkItems: ci }) }

-  // Textarea ref for formatting toolbar
-  const textAreaRef = useRef<HTMLTextAreaElement>(null)
-
-  const applyFormat = (prefix: string, suffix: string = prefix) => {
-    const textarea = textAreaRef.current
-    if (!textarea) return
-
-    const start = textarea.selectionStart
-    const end = textarea.selectionEnd
-    const selected = content.substring(start, end)
-    const before = content.substring(0, start)
-    const after = content.substring(end)
-
-    const newContent = before + prefix + selected + suffix + after
-    changeContent(newContent)
-    scheduleSave()
-
-    // Restore cursor position after React re-renders
-    requestAnimationFrame(() => {
-      textarea.focus()
-      const newCursorPos = selected ? end + prefix.length + suffix.length : start + prefix.length
-      textarea.setSelectionRange(
-        selected ? start + prefix.length : start + prefix.length,
-        selected ? end + prefix.length : newCursorPos
-      )
-    })
-  }
-
  // Link dialog
  const [linkUrl, setLinkUrl] = useState('')
  const [showLinkInput, setShowLinkInput] = useState(false)
@@ -272,78 +238,30 @@ export function NoteInlineEditor({
      await updateNote(note.id, { labels: newLabels }, { skipRevalidation: true })
      const globalExists = globalLabels.some((l) => l.name.toLowerCase() === tag.toLowerCase())
      if (!globalExists) {
-        try {
-          await addLabel(tag)
-          // Refresh labels to get the new color assignment
-          await refreshLabels()
-        } catch {}
+        try { await addLabel(tag) } catch {}
      }
      toast.success(t('ai.tagAdded', { tag }))
    }
  }

-  const handleRemoveLabel = async (label: string) => {
-    const newLabels = (note.labels || []).filter((l) => l !== label)
-    // Optimistic UI
-    onChange?.(note.id, { labels: newLabels })
-    await updateNote(note.id, { labels: newLabels }, { skipRevalidation: true })
-    toast.success(t('labels.labelRemoved', { label }))
-  }
-
-  // ── Shared note actions ────────────────────────────────────────────────────
-  const handleMakeCopy = async () => {
-    try {
-      await createNote({
-        title: `${title || t('notes.untitled')} (${t('notes.copy')})`,
-        content,
-        color: note.color,
-        type: note.type,
-        checkItems: note.checkItems ?? undefined,
-        labels: note.labels ?? undefined,
-        images: note.images ?? undefined,
-        links: note.links ?? undefined,
-        isMarkdown,
-      })
-      toast.success(t('notes.copySuccess'))
-      triggerRefresh()
-    } catch (error) {
-      toast.error(t('notes.copyFailed'))
-    }
-  }
-
-  const handleLeaveShare = async () => {
-    try {
-      await leaveSharedNote(note.id)
-      toast.success(t('notes.leftShare') || 'Share removed')
-      triggerRefresh()
-      onDelete?.(note.id)
-    } catch (error) {
-      toast.error(t('general.error'))
-    }
+  const fetchNotesByIds = async (noteIds: string[]) => {
+    const fetched = await Promise.all(noteIds.map(async (id) => {
+      try {
+        const res = await fetch(`/api/notes/${id}`)
+        if (!res.ok) return null
+        const data = await res.json()
+        return data.success && data.data ? data.data : null
+      } catch { return null }
+    }))
+    return fetched.filter((n: any) => n !== null) as Array<Partial<Note>>
  }

  const handleMergeNotes = async (noteIds: string[]) => {
-    const fetched = await Promise.all(noteIds.map(async (id) => {
-      try {
-        const res = await fetch(`/api/notes/${id}`)
-        if (!res.ok) return null
-        const data = await res.json()
-        return data.success && data.data ? data.data : null
-      } catch { return null }
-    }))
-    setFusionNotes(fetched.filter((n: any) => n !== null) as Array<Partial<Note>>)
+    setFusionNotes(await fetchNotesByIds(noteIds))
  }

  const handleCompareNotes = async (noteIds: string[]) => {
-    const fetched = await Promise.all(noteIds.map(async (id) => {
-      try {
-        const res = await fetch(`/api/notes/${id}`)
-        if (!res.ok) return null
-        const data = await res.json()
-        return data.success && data.data ? data.data : null
-      } catch { return null }
-    }))
-    setComparisonNotes(fetched.filter((n: any) => n !== null) as Array<Partial<Note>>)
+    setComparisonNotes(await fetchNotesByIds(noteIds))
  }

  const handleConfirmFusion = async ({ title, content }: { title: string; content: string }, options: { archiveOriginals: boolean; keepAllTags: boolean; useLatestTitle: boolean; createBacklinks: boolean }) => {
@@ -357,11 +275,12 @@ export function NoteInlineEditor({
      type: 'text',
      isMarkdown: true,
      autoGenerated: true,
+      aiProvider: 'fusion',
      notebookId: fusionNotes[0].notebookId ?? undefined
    })
    if (options.archiveOriginals) {
      for (const n of fusionNotes) {
-        if (n.id) await updateNote(n.id, { isArchived: true }, { skipRevalidation: true })
+        if (n.id) await updateNote(n.id, { isArchived: true })
      }
    }
    toast.success(t('toast.notesFusionSuccess'))
@@ -395,21 +314,10 @@ export function NoteInlineEditor({
  }

  const handleDelete = () => {
-    toast(t('notes.confirmDelete'), {
-      action: {
-        label: t('notes.delete'),
-        onClick: () => {
-          startTransition(async () => {
-            await deleteNote(note.id)
-            onDelete?.(note.id)
-          })
-        },
-      },
-      cancel: {
-        label: t('common.cancel'),
-        onClick: () => {},
-      },
-      duration: 5000,
+    if (!confirm(t('notes.confirmDelete'))) return
+    startTransition(async () => {
+      await deleteNote(note.id)
+      onDelete?.(note.id)
    })
  }

@@ -437,7 +345,7 @@ export function NoteInlineEditor({
  const handleRemoveImage = async (index: number) => {
    const newImages = (note.images || []).filter((_, i) => i !== index)
    onChange?.(note.id, { images: newImages })
-    await removeImageFromNote(note.id, index)
+    await updateNote(note.id, { images: newImages })
  }

  // ── Link ──────────────────────────────────────────────────────────────────
@@ -581,27 +489,7 @@ export function NoteInlineEditor({
  return (
    <div className="flex h-full flex-col overflow-hidden">

-      {/* ── Shared note banner ──────────────────────────────────────────── */}
-      {isSharedNote && (
-        <div className="flex items-center justify-between border-b border-border/30 bg-primary/5 dark:bg-primary/10 px-4 py-2">
-          <span className="text-xs font-medium text-primary">
-            {t('notes.sharedReadOnly') || 'Lecture seule — note partagée'}
-          </span>
-          <div className="flex items-center gap-1">
-            <Button variant="default" size="sm" className="h-7 gap-1.5 text-xs" onClick={handleMakeCopy}>
-              <Copy className="h-3.5 w-3.5" />
-              {t('notes.makeCopy') || 'Copier'}
-            </Button>
-            <Button variant="ghost" size="sm" className="h-7 gap-1.5 text-xs text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-950/30" onClick={handleLeaveShare}>
-              <LogOut className="h-3.5 w-3.5" />
-              {t('notes.leaveShare') || 'Quitter'}
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {/* ── Toolbar (hidden for shared notes) ────────────────────────────── */}
-      {!isSharedNote && (
+      {/* ── Toolbar ────────────────────────────────────────────────────────── */}
      <div className="flex shrink-0 items-center justify-between border-b border-border/30 px-4 py-2">
        <div className="flex items-center gap-1">
          {/* Image upload */}
@@ -789,6 +677,12 @@ export function NoteInlineEditor({
            )}
          </span>

+          {/* Pin */}
+          <Button variant="ghost" size="sm" className="h-8 w-8 p-0"
+            title={note.isPinned ? t('notes.unpin') : t('notes.pin')} onClick={handleTogglePin}>
+            <Pin className={cn('h-4 w-4', note.isPinned && 'fill-current text-primary')} />
+          </Button>
+
          {/* Color picker */}
          <DropdownMenu>
            <DropdownMenuTrigger asChild>
@@ -835,7 +729,6 @@ export function NoteInlineEditor({
          </DropdownMenu>
        </div>
      </div>
-      )}

      {/* ── Link input bar (inline) ───────────────────────────────────────── */}
      {showLinkInput && (
@@ -863,11 +756,7 @@ export function NoteInlineEditor({
        <div className="flex shrink-0 flex-wrap items-center gap-1.5 border-b border-border/20 px-8 py-2">
          {/* Existing labels */}
          {(note.labels ?? []).map((label) => (
-            <LabelBadge
-              key={label}
-              label={label}
-              onRemove={() => handleRemoveLabel(label)}
-            />
+            <LabelBadge key={label} label={label} />
          ))}
          {/* AI-suggested tags inline with labels */}
          <GhostTags
@@ -891,7 +780,6 @@ export function NoteInlineEditor({
            placeholder={t('notes.titlePlaceholder') || 'Titre…'}
            value={title}
            onChange={(e) => { changeTitle(e.target.value); scheduleSave() }}
-            readOnly={isSharedNote}
          />
          {/* AI title suggestion — show when title is empty and there's content */}
          {!title && content.trim().split(/\s+/).filter(Boolean).length >= 5 && (
@@ -976,21 +864,17 @@ export function NoteInlineEditor({
                  <MarkdownContent content={content || ''} />
                </div>
              ) : (
-                <>
-                  <textarea
-                    ref={textAreaRef}
-                    dir="auto"
-                    className="flex-1 w-full resize-none bg-transparent text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/40"
-                    placeholder={isMarkdown
-                      ? t('notes.takeNoteMarkdown') || 'Écris en Markdown…'
-                      : t('notes.takeNote') || 'Écris quelque chose…'
-                    }
-                    value={content}
-                    onChange={(e) => { changeContent(e.target.value); scheduleSave() }}
-                    readOnly={isSharedNote}
-                    style={{ minHeight: '200px' }}
-                  />
-                </>
+                <textarea
+                  dir="auto"
+                  className="flex-1 w-full resize-none bg-transparent text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/40"
+                  placeholder={isMarkdown
+                    ? t('notes.takeNoteMarkdown') || 'Écris en Markdown…'
+                    : t('notes.takeNote') || 'Écris quelque chose…'
+                  }
+                  value={content}
+                  onChange={(e) => { changeContent(e.target.value); scheduleSave() }}
+                  style={{ minHeight: '200px' }}
+                />
              )}

              {/* Ghost tag suggestions are now shown in the top labels strip */}
@@ -1049,17 +933,18 @@ export function NoteInlineEditor({
            </div>
          )}
        </div>
-
-        {/* ── Memory Echo Connections Section (not for shared notes) ── */}
-        {!isSharedNote && (
-          <EditorConnectionsSection
-            noteId={note.id}
-            onMergeNotes={handleMergeNotes}
-            onCompareNotes={handleCompareNotes}
-          />
-        )}
      </div>

+      {/* ── Memory Echo Connections Section ── */}
+      <EditorConnectionsSection
+        noteId={note.id}
+        onOpenNote={(connNoteId) => {
+          window.open(`/?note=${connNoteId}`, '_blank')
+        }}
+        onCompareNotes={handleCompareNotes}
+        onMergeNotes={handleMergeNotes}
+      />
+
      {/* ── Footer ───────────────────────────────────────────────────────────── */}
      <div className="shrink-0 border-t border-border/20 px-8 py-2">
        <div className="flex items-center gap-3 text-[11px] text-muted-foreground/40">
--- a/keep-notes/lib/ai/services/agent-executor.service.ts
+++ b/keep-notes/lib/ai/services/agent-executor.service.ts
@@ -259,7 +259,7 @@ async function executeScraperAgent(
          const r = articleResults[i]
          if (r.status === 'fulfilled' && r.value) {
            const article = articlesToScrape[i]
-            const dateStr = article.pubDate ? ` — ${new Date(article.pubDate).toLocaleDateString(dateLocale)}` : ''
+            const dateStr = article.pubDate ? ` — ${new Date(article.pubDate).toISOString().split('T')[0]}` : ''
            scrapedParts.push(`## ${article.title}\n_Source: ${article.link}_${dateStr}\n\n${r.value.substring(0, 3000)}`)
            sourceLinks.push(article.link)
            articleCount++
--- a/keep-notes/lib/ai/tools/note-search.tool.ts
+++ b/keep-notes/lib/ai/tools/note-search.tool.ts
@@ -14,12 +14,13 @@ toolRegistry.register({
  isInternal: true,
  buildTool: (ctx) =>
    tool({
-      description: 'Search the user\'s notes by keyword or semantic meaning. Returns matching notes with titles and content excerpts.',
+      description: 'Search the user\'s notes by keyword or semantic meaning. Returns matching notes with titles and content excerpts. Optionally restrict to a specific notebook.',
      inputSchema: z.object({
        query: z.string().describe('The search query'),
        limit: z.number().optional().describe('Max results to return (default 5)').default(5),
+        notebookId: z.string().optional().describe('Optional notebook ID to restrict search to a specific notebook'),
      }),
-      execute: async ({ query, limit = 5 }) => {
+      execute: async ({ query, limit = 5, notebookId }) => {
        try {
          // Keyword fallback search using Prisma
          const keywords = query.toLowerCase().split(/\s+/).filter(w => w.length > 2)
@@ -31,6 +32,7 @@ toolRegistry.register({
          const notes = await prisma.note.findMany({
            where: {
              userId: ctx.userId,
+              ...(notebookId ? { notebookId } : {}),
              ...(conditions.length > 0 ? { OR: conditions } : {}),
              isArchived: false,
              trashedAt: null,
--- a/keep-notes/lib/ai/tools/registry.ts
+++ b/keep-notes/lib/ai/tools/registry.ts
@@ -9,8 +9,11 @@ import { z } from 'zod'

 export interface ToolContext {
  userId: string
-  agentId: string
-  actionId: string
+  agentId?: string
+  actionId?: string
+  conversationId?: string
+  notebookId?: string
+  webSearch?: boolean
  config: Record<string, string>
 }

@@ -43,6 +46,29 @@ class ToolRegistry {
    return built
  }

+  /**
+   * Build tools for the chat endpoint.
+   * Includes internal tools (note_search, note_read) and web tools when configured.
+   */
+  buildToolsForChat(ctx: ToolContext): Record<string, any> {
+    const toolNames: string[] = ['note_search', 'note_read']
+
+    // Add web tools only when user toggled web search AND config is present
+    if (ctx.webSearch) {
+      const hasWebSearch = ctx.config.WEB_SEARCH_PROVIDER || ctx.config.BRAVE_SEARCH_API_KEY || ctx.config.SEARXNG_URL
+      if (hasWebSearch) {
+        toolNames.push('web_search')
+      }
+
+      const hasWebScrape = ctx.config.JINA_API_KEY
+      if (hasWebScrape) {
+        toolNames.push('web_scrape')
+      }
+    }
+
+    return this.buildToolsForAgent(toolNames, ctx)
+  }
+
  getAvailableTools(): Array<{ name: string; description: string; isInternal: boolean }> {
    return Array.from(this.tools.values()).map(t => ({
      name: t.name,
--- a/keep-notes/lib/types.ts
+++ b/keep-notes/lib/types.ts
@@ -75,6 +75,7 @@ export interface Note {
  notebookId?: string | null;
  notebook?: Notebook | null;
  autoGenerated?: boolean | null;
+  aiProvider?: string | null;
  // Search result metadata (optional)
  matchType?: 'exact' | 'related' | null;
  searchScore?: number | null;
--- a/keep-notes/lib/utils.ts
+++ b/keep-notes/lib/utils.ts
@@ -77,13 +77,14 @@ export function getHashColor(name: string): LabelColorName {
 }

 export function cosineSimilarity(vecA: number[], vecB: number[]): number {
-  if (vecA.length !== vecB.length) return 0;
+  if (!vecA.length || !vecB.length) return 0;

+  const minLen = Math.min(vecA.length, vecB.length);
  let dotProduct = 0;
  let mA = 0;
  let mB = 0;

-  for (let i = 0; i < vecA.length; i++) {
+  for (let i = 0; i < minLen; i++) {
    dotProduct += vecA[i] * vecB[i];
    mA += vecA[i] * vecA[i];
    mB += vecB[i] * vecB[i];
--- a/keep-notes/locales/ar.json
+++ b/keep-notes/locales/ar.json
@@ -1360,7 +1360,8 @@
    "renameError": "خطأ في إعادة التسمية",
    "welcome": "أنا هنا لمساعدتك في تلخيص ملاحظاتك أو إنشاء أفكار جديدة أو مناقشة دفاتر ملاحظاتك.",
    "searching": "جاري البحث...",
-    "noNotesFoundForContext": "لم يتم العثور على ملاحظات ذات صلة لهذا السؤال. أجب باستخدام معرفتك العامة."
+    "noNotesFoundForContext": "لم يتم العثور على ملاحظات ذات صلة لهذا السؤال. أجب باستخدام معرفتك العامة.",
+    "webSearch": "بحث الويب"
  },
  "labHeader": {
    "title": "المختبر",
--- a/keep-notes/locales/de.json
+++ b/keep-notes/locales/de.json
@@ -1383,7 +1383,8 @@
    "renameError": "Fehler beim Umbenennen",
    "welcome": "Ich bin hier, um Ihnen zu helfen, Ihre Notizen zusammenzufassen, neue Ideen zu generieren oder Ihre Notizbücher zu besprechen.",
    "searching": "Wird gesucht...",
-    "noNotesFoundForContext": "Keine relevanten Notizen für diese Frage gefunden. Antworte mit deinem Allgemeinwissen."
+    "noNotesFoundForContext": "Keine relevanten Notizen für diese Frage gefunden. Antworte mit deinem Allgemeinwissen.",
+    "webSearch": "Websuche"
  },
  "labHeader": {
    "title": "Das Labor",
--- a/keep-notes/locales/en.json
+++ b/keep-notes/locales/en.json
@@ -1392,7 +1392,8 @@
    "renameError": "Error renaming",
    "welcome": "I'm here to help you synthesize your notes, generate new ideas, or discuss your notebooks.",
    "searching": "Searching...",
-    "noNotesFoundForContext": "No relevant notes found for this question. Answer with your general knowledge."
+    "noNotesFoundForContext": "No relevant notes found for this question. Answer with your general knowledge.",
+    "webSearch": "Web Search"
  },
  "labHeader": {
    "title": "The Lab",
--- a/keep-notes/locales/es.json
+++ b/keep-notes/locales/es.json
@@ -1355,7 +1355,8 @@
    "renameError": "Error al renombrar",
    "welcome": "Estoy aquí para ayudarte a sintetizar tus notas, generar nuevas ideas o discutir tus cuadernos.",
    "searching": "Buscando...",
-    "noNotesFoundForContext": "No se encontraron notas relevantes para esta pregunta. Responde con tu conocimiento general."
+    "noNotesFoundForContext": "No se encontraron notas relevantes para esta pregunta. Responde con tu conocimiento general.",
+    "webSearch": "Búsqueda web"
  },
  "labHeader": {
    "title": "El Laboratorio",
--- a/keep-notes/locales/fa.json
+++ b/keep-notes/locales/fa.json
@@ -1414,7 +1414,8 @@
    "renameError": "خطا در تغییر نام",
    "welcome": "من اینجا هستم تا در خلاصه‌سازی یادداشت‌ها، تولید ایده‌های جدید یا بحث درباره دفترچه‌هایتان به شما کمک کنم.",
    "searching": "در حال جستجو...",
-    "noNotesFoundForContext": "هیچ یادداشت مرتبطی برای این سوال یافت نشد. با دانش عمومی خود پاسخ دهید."
+    "noNotesFoundForContext": "هیچ یادداشت مرتبطی برای این سوال یافت نشد. با دانش عمومی خود پاسخ دهید.",
+    "webSearch": "جستجوی وب"
  },
  "labHeader": {
    "title": "آزمایشگاه",
--- a/keep-notes/locales/fr.json
+++ b/keep-notes/locales/fr.json
@@ -1388,7 +1388,8 @@
    "renameError": "Erreur lors du renommage",
    "welcome": "Je suis à votre écoute pour synthétiser vos notes, générer de nouvelles idées ou discuter de vos carnets.",
    "searching": "Recherche en cours...",
-    "noNotesFoundForContext": "Aucune note pertinente trouvée pour cette question. Réponds avec tes connaissances générales."
+    "noNotesFoundForContext": "Aucune note pertinente trouvée pour cette question. Réponds avec tes connaissances générales.",
+    "webSearch": "Recherche web"
  },
  "labHeader": {
    "title": "Le Lab",
--- a/keep-notes/locales/hi.json
+++ b/keep-notes/locales/hi.json
@@ -1360,7 +1360,8 @@
    "renameError": "नाम बदलने में त्रुटि",
    "welcome": "मैं आपके नोट्स को संश्लेषित करने, नए विचार उत्पन्न करने या आपके नोटबुक पर चर्चा करने में मदद करने के लिए यहां हूं।",
    "searching": "खोज रहे हैं...",
-    "noNotesFoundForContext": "इस प्रश्न के लिए कोई प्रासंगिक नोट्स नहीं मिले। अपने सामान्य ज्ञान से उत्तर दें।"
+    "noNotesFoundForContext": "इस प्रश्न के लिए कोई प्रासंगिक नोट्स नहीं मिले। अपने सामान्य ज्ञान से उत्तर दें।",
+    "webSearch": "वेब खोज"
  },
  "labHeader": {
    "title": "लैब",
--- a/keep-notes/locales/it.json
+++ b/keep-notes/locales/it.json
@@ -1405,7 +1405,8 @@
    "renameError": "Errore durante la ridenominazione",
    "welcome": "Sono qui per aiutarti a sintetizzare le tue note, generare nuove idee o discutere i tuoi quaderni.",
    "searching": "Ricerca in corso...",
-    "noNotesFoundForContext": "Nessuna nota rilevante trovata per questa domanda. Rispondi con la tua conoscenza generale."
+    "noNotesFoundForContext": "Nessuna nota rilevante trovata per questa domanda. Rispondi con la tua conoscenza generale.",
+    "webSearch": "Ricerca web"
  },
  "labHeader": {
    "title": "Il Laboratorio",
--- a/keep-notes/locales/ja.json
+++ b/keep-notes/locales/ja.json
@@ -1383,7 +1383,8 @@
    "renameError": "名前変更エラー",
    "welcome": "ノートの要約、新しいアイデアの生成、ノートブックについてのディスカッションなどをお手伝いします。",
    "searching": "検索中...",
-    "noNotesFoundForContext": "この質問に関連するノートが見つかりませんでした。一般的な知識でお答えください。"
+    "noNotesFoundForContext": "この質問に関連するノートが見つかりませんでした。一般的な知識でお答えください。",
+    "webSearch": "ウェブ検索"
  },
  "labHeader": {
    "title": "ラボ",
--- a/keep-notes/locales/ko.json
+++ b/keep-notes/locales/ko.json
@@ -1360,7 +1360,8 @@
    "renameError": "이름 변경 중 오류",
    "welcome": "노트를 종합하고, 새로운 아이디어를 생성하거나, 노트북에 대해 논의하는 데 도움을 드릴 수 있습니다.",
    "searching": "검색 중...",
-    "noNotesFoundForContext": "이 질문에 대한 관련 노트를 찾을 수 없습니다. 일반 지식으로 답변하세요."
+    "noNotesFoundForContext": "이 질문에 대한 관련 노트를 찾을 수 없습니다. 일반 지식으로 답변하세요.",
+    "webSearch": "웹 검색"
  },
  "labHeader": {
    "title": "랩",
--- a/keep-notes/locales/nl.json
+++ b/keep-notes/locales/nl.json
@@ -1405,7 +1405,8 @@
    "renameError": "Fout bij hernoemen",
    "welcome": "Ik ben hier om u te helpen uw notities samen te vatten, nieuwe ideeën te genereren of uw notitieboeken te bespreken.",
    "searching": "Zoeken...",
-    "noNotesFoundForContext": "Geen relevante notities gevonden voor deze vraag. Beantwoord met je algemene kennis."
+    "noNotesFoundForContext": "Geen relevante notities gevonden voor deze vraag. Beantwoord met je algemene kennis.",
+    "webSearch": "Zoeken op het web"
  },
  "labHeader": {
    "title": "Het Lab",
--- a/keep-notes/locales/pl.json
+++ b/keep-notes/locales/pl.json
@@ -1427,7 +1427,8 @@
    "renameError": "Błąd zmiany nazwy",
    "welcome": "Jestem tutaj, aby pomóc Ci podsumować notatki, generować nowe pomysły lub omawiać Twoje notatniki.",
    "searching": "Wyszukiwanie...",
-    "noNotesFoundForContext": "Nie znaleziono odpowiednich notatek dla tego pytania. Odpowiedz używając ogólnej wiedzy."
+    "noNotesFoundForContext": "Nie znaleziono odpowiednich notatek dla tego pytania. Odpowiedz używając ogólnej wiedzy.",
+    "webSearch": "Wyszukiwanie w sieci"
  },
  "labHeader": {
    "title": "Laboratorium",
--- a/keep-notes/locales/pt.json
+++ b/keep-notes/locales/pt.json
@@ -1355,7 +1355,8 @@
    "renameError": "Erro ao renomear",
    "welcome": "Estou aqui para ajudá-lo a sintetizar suas notas, gerar novas ideias ou discutir seus cadernos.",
    "searching": "Pesquisando...",
-    "noNotesFoundForContext": "Nenhuma nota relevante encontrada para esta pergunta. Responda com seu conhecimento geral."
+    "noNotesFoundForContext": "Nenhuma nota relevante encontrada para esta pergunta. Responda com seu conhecimento geral.",
+    "webSearch": "Pesquisa na web"
  },
  "labHeader": {
    "title": "O Laboratório",
--- a/keep-notes/locales/ru.json
+++ b/keep-notes/locales/ru.json
@@ -1355,7 +1355,8 @@
    "renameError": "Ошибка переименования",
    "welcome": "Я здесь, чтобы помочь вам обобщить заметки, генерировать новые идеи или обсуждать ваши блокноты.",
    "searching": "Поиск...",
-    "noNotesFoundForContext": "Не найдено заметок по этому вопросу. Ответьте, используя свои общие знания."
+    "noNotesFoundForContext": "Не найдено заметок по этому вопросу. Ответьте, используя свои общие знания.",
+    "webSearch": "Веб-поиск"
  },
  "labHeader": {
    "title": "Лаборатория",
--- a/keep-notes/locales/zh.json
+++ b/keep-notes/locales/zh.json
@@ -1383,7 +1383,8 @@
    "renameError": "重命名时出错",
    "welcome": "我可以帮助您综合笔记、生成新想法或讨论您的笔记本。",
    "searching": "搜索中...",
-    "noNotesFoundForContext": "未找到与此问题相关的笔记。请用你的常识回答。"
+    "noNotesFoundForContext": "未找到与此问题相关的笔记。请用你的常识回答。",
+    "webSearch": "网络搜索"
  },
  "labHeader": {
    "title": "实验室",
--- a/keep-notes/prisma/dev.db
+++ b/keep-notes/prisma/dev.db
--- a/keep-notes/public/uploads/notes/01ccf206-307f-42a4-b9b1-d1023233d28d.jpg
+++ b/keep-notes/public/uploads/notes/01ccf206-307f-42a4-b9b1-d1023233d28d.jpg
--- a/keep-notes/public/uploads/notes/03822d48-3e40-4c23-a4d4-b22d57fd0aa4.jpg
+++ b/keep-notes/public/uploads/notes/03822d48-3e40-4c23-a4d4-b22d57fd0aa4.jpg
--- a/keep-notes/public/uploads/notes/05110cea-1c8e-40d0-94e2-69af4666e494.jpg
+++ b/keep-notes/public/uploads/notes/05110cea-1c8e-40d0-94e2-69af4666e494.jpg
--- a/keep-notes/public/uploads/notes/05ac9d60-79d8-4444-94e3-ab5e0ef21d6b.jpg
+++ b/keep-notes/public/uploads/notes/05ac9d60-79d8-4444-94e3-ab5e0ef21d6b.jpg
--- a/keep-notes/public/uploads/notes/071d9a1d-7272-45bf-999e-a803943bc789.jpg
+++ b/keep-notes/public/uploads/notes/071d9a1d-7272-45bf-999e-a803943bc789.jpg
--- a/keep-notes/public/uploads/notes/0865a0cb-c7d4-42d3-9ce9-35a4a560eb21.jpg
+++ b/keep-notes/public/uploads/notes/0865a0cb-c7d4-42d3-9ce9-35a4a560eb21.jpg
--- a/keep-notes/public/uploads/notes/0a88ace8-d9ac-4ef6-b75e-b7e1bf92243e.jpg
+++ b/keep-notes/public/uploads/notes/0a88ace8-d9ac-4ef6-b75e-b7e1bf92243e.jpg
--- a/keep-notes/public/uploads/notes/0b7899d5-7225-4cb7-b664-41ecfdc43c6d.jpg
+++ b/keep-notes/public/uploads/notes/0b7899d5-7225-4cb7-b664-41ecfdc43c6d.jpg
--- a/keep-notes/public/uploads/notes/0d3f41e4-e011-4ecc-951d-5336013cbd9b.jpg
+++ b/keep-notes/public/uploads/notes/0d3f41e4-e011-4ecc-951d-5336013cbd9b.jpg
--- a/keep-notes/public/uploads/notes/0d57e021-4b11-46c4-b789-25e0abc22cb1.jpg
+++ b/keep-notes/public/uploads/notes/0d57e021-4b11-46c4-b789-25e0abc22cb1.jpg
--- a/keep-notes/public/uploads/notes/0f0529bf-afd3-4181-8ddc-d9eafbcb61d8.png
+++ b/keep-notes/public/uploads/notes/0f0529bf-afd3-4181-8ddc-d9eafbcb61d8.png
--- a/keep-notes/public/uploads/notes/11180abd-29e8-4ec7-8d7b-93eae56c1658.png
+++ b/keep-notes/public/uploads/notes/11180abd-29e8-4ec7-8d7b-93eae56c1658.png
--- a/keep-notes/public/uploads/notes/11619703-0505-4419-b9ca-ff2c6db5667b.png
+++ b/keep-notes/public/uploads/notes/11619703-0505-4419-b9ca-ff2c6db5667b.png
--- a/keep-notes/public/uploads/notes/116b00e6-1bb1-4b83-9cab-7b19993ea7b2.jpg
+++ b/keep-notes/public/uploads/notes/116b00e6-1bb1-4b83-9cab-7b19993ea7b2.jpg
--- a/keep-notes/public/uploads/notes/11e13ec2-048a-4005-9339-4d2309c87451.svg+xml
+++ b/keep-notes/public/uploads/notes/11e13ec2-048a-4005-9339-4d2309c87451.svg+xml
--- a/keep-notes/public/uploads/notes/17b55a0f-ba7f-4e0b-8b22-18c242032c82.jpg
+++ b/keep-notes/public/uploads/notes/17b55a0f-ba7f-4e0b-8b22-18c242032c82.jpg
--- a/keep-notes/public/uploads/notes/19756abd-f675-444e-b1ef-3fe1480d6ff8.jpg
+++ b/keep-notes/public/uploads/notes/19756abd-f675-444e-b1ef-3fe1480d6ff8.jpg
--- a/keep-notes/public/uploads/notes/1a79dbd0-8d2c-407d-ab1d-603ffff1e08a.png
+++ b/keep-notes/public/uploads/notes/1a79dbd0-8d2c-407d-ab1d-603ffff1e08a.png
--- a/keep-notes/public/uploads/notes/1b2040ac-ccd2-4a20-867e-3b6917c653f7.jpg
+++ b/keep-notes/public/uploads/notes/1b2040ac-ccd2-4a20-867e-3b6917c653f7.jpg
--- a/keep-notes/public/uploads/notes/1b8a904e-8666-4bce-b68b-21900f638c41.jpg
+++ b/keep-notes/public/uploads/notes/1b8a904e-8666-4bce-b68b-21900f638c41.jpg
--- a/keep-notes/public/uploads/notes/1c34e3c9-736c-4f61-8dcb-0e26a506accf.jpg
+++ b/keep-notes/public/uploads/notes/1c34e3c9-736c-4f61-8dcb-0e26a506accf.jpg
--- a/keep-notes/public/uploads/notes/1eb77279-1461-4bc6-b5aa-178035816f10.jpg
+++ b/keep-notes/public/uploads/notes/1eb77279-1461-4bc6-b5aa-178035816f10.jpg
--- a/keep-notes/public/uploads/notes/1f5da0e0-5708-4419-a118-f8538315c3f6.jpg
+++ b/keep-notes/public/uploads/notes/1f5da0e0-5708-4419-a118-f8538315c3f6.jpg
--- a/keep-notes/public/uploads/notes/20308091-4065-4954-bae5-d2ebdd69377f.jpg
+++ b/keep-notes/public/uploads/notes/20308091-4065-4954-bae5-d2ebdd69377f.jpg
--- a/keep-notes/public/uploads/notes/204e0948-eb67-42dd-b3ba-ba2a1ebae04e.jpg
+++ b/keep-notes/public/uploads/notes/204e0948-eb67-42dd-b3ba-ba2a1ebae04e.jpg
--- a/keep-notes/public/uploads/notes/22e5b674-4438-457f-bdf0-e6923fc767cf.jpg
+++ b/keep-notes/public/uploads/notes/22e5b674-4438-457f-bdf0-e6923fc767cf.jpg
--- a/keep-notes/public/uploads/notes/25837174-8265-44f7-b5bc-1727a2fd0287.jpg
+++ b/keep-notes/public/uploads/notes/25837174-8265-44f7-b5bc-1727a2fd0287.jpg
--- a/keep-notes/public/uploads/notes/259c6d8d-3c88-429b-ba0c-466bc9e2c4a0.jpg
+++ b/keep-notes/public/uploads/notes/259c6d8d-3c88-429b-ba0c-466bc9e2c4a0.jpg
--- a/keep-notes/public/uploads/notes/2b1809ab-63a8-4f07-aacd-d5d94cb80557.jpg
+++ b/keep-notes/public/uploads/notes/2b1809ab-63a8-4f07-aacd-d5d94cb80557.jpg
--- a/keep-notes/public/uploads/notes/2b92618f-eb55-479b-ad3b-e6fc604114cd.jpg
+++ b/keep-notes/public/uploads/notes/2b92618f-eb55-479b-ad3b-e6fc604114cd.jpg
--- a/keep-notes/public/uploads/notes/2bfceecb-571e-42dd-8204-2a5d1e2caa84.jpg
+++ b/keep-notes/public/uploads/notes/2bfceecb-571e-42dd-8204-2a5d1e2caa84.jpg
--- a/keep-notes/public/uploads/notes/2ce7f626-2fbd-446a-bc3e-f2dd18d921ed.jpg
+++ b/keep-notes/public/uploads/notes/2ce7f626-2fbd-446a-bc3e-f2dd18d921ed.jpg
--- a/keep-notes/public/uploads/notes/2e92b91c-9e0f-4fb4-9130-79acbf2a60b6.jpg
+++ b/keep-notes/public/uploads/notes/2e92b91c-9e0f-4fb4-9130-79acbf2a60b6.jpg
--- a/keep-notes/public/uploads/notes/2f2cff2f-d308-406a-b56c-97c581fcf521.jpg
+++ b/keep-notes/public/uploads/notes/2f2cff2f-d308-406a-b56c-97c581fcf521.jpg
--- a/keep-notes/public/uploads/notes/31492c72-8c12-4088-8b17-e305ea38aad0.jpg
+++ b/keep-notes/public/uploads/notes/31492c72-8c12-4088-8b17-e305ea38aad0.jpg
--- a/keep-notes/public/uploads/notes/31861780-9135-4865-866f-9da859e6fcf4.jpg
+++ b/keep-notes/public/uploads/notes/31861780-9135-4865-866f-9da859e6fcf4.jpg
--- a/keep-notes/public/uploads/notes/36363ef8-4e60-4c4e-b2a9-4194281d1486.jpg
+++ b/keep-notes/public/uploads/notes/36363ef8-4e60-4c4e-b2a9-4194281d1486.jpg
--- a/keep-notes/public/uploads/notes/36a78f8f-2712-49cf-9080-bf808984d840.jpg
+++ b/keep-notes/public/uploads/notes/36a78f8f-2712-49cf-9080-bf808984d840.jpg
--- a/keep-notes/public/uploads/notes/391e5c59-b722-48dd-adae-9629f3fe54c6.jpg
+++ b/keep-notes/public/uploads/notes/391e5c59-b722-48dd-adae-9629f3fe54c6.jpg
--- a/keep-notes/public/uploads/notes/39643a60-83ad-4dbb-8ff1-bd5557557b59.jpg
+++ b/keep-notes/public/uploads/notes/39643a60-83ad-4dbb-8ff1-bd5557557b59.jpg
--- a/keep-notes/public/uploads/notes/3c34ebdf-2b38-4083-8948-839758260537.jpg
+++ b/keep-notes/public/uploads/notes/3c34ebdf-2b38-4083-8948-839758260537.jpg
--- a/keep-notes/public/uploads/notes/411cd01a-a8ec-4386-ad48-cdddf8ca328a.jpg
+++ b/keep-notes/public/uploads/notes/411cd01a-a8ec-4386-ad48-cdddf8ca328a.jpg
--- a/keep-notes/public/uploads/notes/43c79de0-4fbb-420e-b979-3a477ef1fecf.jpg
+++ b/keep-notes/public/uploads/notes/43c79de0-4fbb-420e-b979-3a477ef1fecf.jpg
--- a/keep-notes/public/uploads/notes/43f3fe0f-58e6-4077-a05e-26a7b6b82427.jpg
+++ b/keep-notes/public/uploads/notes/43f3fe0f-58e6-4077-a05e-26a7b6b82427.jpg
--- a/keep-notes/public/uploads/notes/45f68bd2-61f4-4e60-8216-ce04a03259e7.jpg
+++ b/keep-notes/public/uploads/notes/45f68bd2-61f4-4e60-8216-ce04a03259e7.jpg
--- a/keep-notes/public/uploads/notes/46627bf2-42fc-466c-8180-b4c09b2690ee.jpg
+++ b/keep-notes/public/uploads/notes/46627bf2-42fc-466c-8180-b4c09b2690ee.jpg
--- a/keep-notes/public/uploads/notes/46837c2f-b5cd-4e10-8cd6-fc26a2359b28.jpg
+++ b/keep-notes/public/uploads/notes/46837c2f-b5cd-4e10-8cd6-fc26a2359b28.jpg
--- a/keep-notes/public/uploads/notes/46bd4472-1bb3-4257-9ee2-fb2db0730e0d.png
+++ b/keep-notes/public/uploads/notes/46bd4472-1bb3-4257-9ee2-fb2db0730e0d.png
--- a/keep-notes/public/uploads/notes/46c281dc-e5db-46df-a381-8e432be2dd29.jpg
+++ b/keep-notes/public/uploads/notes/46c281dc-e5db-46df-a381-8e432be2dd29.jpg
--- a/keep-notes/public/uploads/notes/470075b4-2df8-402e-8bd4-d450293ea755.jpg
+++ b/keep-notes/public/uploads/notes/470075b4-2df8-402e-8bd4-d450293ea755.jpg
--- a/keep-notes/public/uploads/notes/47252485-3f63-41c3-b7f7-baa3b5fdbef9.jpg
+++ b/keep-notes/public/uploads/notes/47252485-3f63-41c3-b7f7-baa3b5fdbef9.jpg
--- a/keep-notes/public/uploads/notes/49ed661a-9e5f-4d8e-9b8d-0f0ff70488ce.jpg
+++ b/keep-notes/public/uploads/notes/49ed661a-9e5f-4d8e-9b8d-0f0ff70488ce.jpg
--- a/keep-notes/public/uploads/notes/4b85cf3e-6af6-4ae2-8883-20d4539ec211.jpg
+++ b/keep-notes/public/uploads/notes/4b85cf3e-6af6-4ae2-8883-20d4539ec211.jpg
--- a/keep-notes/public/uploads/notes/4bdee09e-ec1c-408e-8161-cc4a2b931034.jpg
+++ b/keep-notes/public/uploads/notes/4bdee09e-ec1c-408e-8161-cc4a2b931034.jpg
--- a/keep-notes/public/uploads/notes/4f942e8b-982a-4aed-8e31-86053fea5901.jpg
+++ b/keep-notes/public/uploads/notes/4f942e8b-982a-4aed-8e31-86053fea5901.jpg
--- a/keep-notes/public/uploads/notes/5094a78f-1966-4f7e-a249-b2b8c1645d69.jpg
+++ b/keep-notes/public/uploads/notes/5094a78f-1966-4f7e-a249-b2b8c1645d69.jpg
--- a/keep-notes/public/uploads/notes/565e9a07-cfff-4538-baf0-c9e074c0e390.jpg
+++ b/keep-notes/public/uploads/notes/565e9a07-cfff-4538-baf0-c9e074c0e390.jpg
--- a/keep-notes/public/uploads/notes/56829cb4-35e9-4a64-a68e-0f395d1093fc.jpg
+++ b/keep-notes/public/uploads/notes/56829cb4-35e9-4a64-a68e-0f395d1093fc.jpg
--- a/keep-notes/public/uploads/notes/59ad3b52-40f7-4c29-a2bf-39e44fb760bf.jpg
+++ b/keep-notes/public/uploads/notes/59ad3b52-40f7-4c29-a2bf-39e44fb760bf.jpg
--- a/keep-notes/public/uploads/notes/5d15d215-1055-4ad8-8d9e-50df93ebe795.jpg
+++ b/keep-notes/public/uploads/notes/5d15d215-1055-4ad8-8d9e-50df93ebe795.jpg
--- a/keep-notes/public/uploads/notes/5e0a9ac1-241c-4411-bc2a-eadbe59efb5d.jpg
+++ b/keep-notes/public/uploads/notes/5e0a9ac1-241c-4411-bc2a-eadbe59efb5d.jpg
--- a/keep-notes/public/uploads/notes/61035308-b29f-47ce-999f-533d4ddd6ee7.jpg
+++ b/keep-notes/public/uploads/notes/61035308-b29f-47ce-999f-533d4ddd6ee7.jpg
--- a/Show More
+++ b/Show More