feat: improve AI Chat UX, add notebook summary, and fix shared/reminders routing

memento-note/components/chat/chat-container.tsx

@@ -188,7 +188,7 @@ export function ChatContainer({ initialConversations, notebooks, webSearchAvaila
   }, [displayMessages])
 
   return (
-    <div className="flex-1 flex overflow-hidden bg-white dark:bg-[#1a1c22]">
+    <div className="flex-1 flex overflow-hidden bg-background">
       <ChatSidebar
         conversations={conversations}
         currentId={currentId}
@@ -202,7 +202,7 @@ export function ChatContainer({ initialConversations, notebooks, webSearchAvaila
           <ChatMessages messages={displayMessages} isLoading={isLoading || isLoadingHistory} />
         </div>
 
-        <div className="w-full flex justify-center sticky bottom-0 bg-gradient-to-t from-white dark:from-[#1a1c22] via-white/90 dark:via-[#1a1c22]/90 to-transparent pt-6 pb-4">
+        <div className="w-full flex justify-center sticky bottom-0 bg-gradient-to-t from-background via-background/90 to-transparent pt-6 pb-4">
           <div className="w-full max-w-4xl px-4">
             <ChatInput
               onSend={handleSendMessage}

memento-note/components/chat/chat-input.tsx

@@ -64,7 +64,7 @@ export function ChatInput({ onSend, isLoading, onStop, notebooks, currentNoteboo
 
   return (
     <div className="w-full relative">
-      <div className="relative flex flex-col bg-slate-50 dark:bg-[#202228] rounded-[24px] border border-slate-200/60 dark:border-white/10 shadow-sm focus-within:shadow-md focus-within:border-slate-300 dark:focus-within:border-white/20 transition-all duration-300 overflow-hidden">
+      <div className="relative flex flex-col bg-muted/50 rounded-[24px] border border-border/60 shadow-sm focus-within:shadow-md focus-within:border-border transition-all duration-300 overflow-hidden">
         
         {/* Input Area */}
         <Textarea
@@ -84,7 +84,7 @@ export function ChatInput({ onSend, isLoading, onStop, notebooks, currentNoteboo
               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">
+              <SelectTrigger className="h-8 w-auto min-w-[130px] rounded-full bg-background border-border/60 shadow-sm text-xs font-medium gap-2 ring-offset-transparent focus:ring-0 focus:ring-offset-0 hover:bg-muted/50 transition-colors">
                 <BookOpen className="h-3.5 w-3.5 text-muted-foreground" />
                 <SelectValue placeholder={t('chat.allNotebooks')} />
               </SelectTrigger>
@@ -113,9 +113,9 @@ export function ChatInput({ onSend, isLoading, onStop, notebooks, currentNoteboo
                 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]"
+                    webSearchEnabled
+                      ? "bg-primary/10 text-primary border-primary/30 hover:bg-primary/20"
+                      : "bg-background border-border/60 text-muted-foreground hover:bg-muted/50"
                 )}
               >
                 <Globe className="h-3.5 w-3.5" />

memento-note/components/chat/chat-messages.tsx

@@ -52,7 +52,7 @@ export function ChatMessages({ messages, isLoading }: ChatMessagesProps) {
             )}
           >
             {msg.role === 'user' ? (
-              <div dir="auto" className="max-w-[85%] md:max-w-[70%] bg-[#f4f4f5] dark:bg-[#2a2d36] text-slate-800 dark:text-slate-100 rounded-3xl rounded-br-md px-6 py-4 shadow-sm border border-slate-200/50 dark:border-white/5">
+              <div dir="auto" className="max-w-[85%] md:max-w-[70%] bg-muted text-foreground rounded-3xl rounded-br-md px-6 py-4 shadow-sm border border-border/50">
                 <div className="prose prose-sm dark:prose-invert max-w-none text-[15px] leading-relaxed">
                   <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
                 </div>

memento-note/components/chat/chat-sidebar.tsx

@@ -46,7 +46,7 @@ export function ChatSidebar({
   }
 
   return (
-    <div className="w-64 border-r flex flex-col h-full bg-white dark:bg-[#1e2128]">
+    <div className="w-64 border-r flex flex-col h-full bg-sidebar">
       <div className="p-4 border-bottom">
         <Button
           onClick={onNew}