Remove corpus counts from chat chrome

apps/web/app/tra-cuu/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { BookOpen, Bookmark, FileText, Sparkles } from "lucide-react";
-import type { Citation } from "@duoc-thu/shared-types";
+import type { ChatMessage, Citation } from "@duoc-thu/shared-types";
 import { ChatPanel } from "../_components/ChatPanel";
 import { cn } from "@duoc-thu/ui";
 
@@ -10,6 +10,12 @@ export default function TraCuuPage() {
   const [activePage, setActivePage] = useState<number | null>(null);
   const [activeDrug, setActiveDrug] = useState<string | null>(null);
   const [pdfSrc, setPdfSrc] = useState("/api/pdf");
+  const [sessionId, setSessionId] = useState("");
+  const [messages, setMessages] = useState<ChatMessage[]>([]);
+
+  useEffect(() => {
+    setSessionId(`lookup-${crypto.randomUUID()}`);
+  }, []);
 
   function handleCitationClick(citation: Citation) {
     if (citation.sourcePageRange && citation.sourcePageRange[0]) {
@@ -69,11 +75,15 @@ export default function TraCuuPage() {
           <Sparkles className="h-3.5 w-3.5 text-accent-primary" />
           <span>Bấm vào Trích Nguồn bên dưới để nhảy trực tiếp tới trang PDF tương ứng</span>
         </div>
-        <ChatPanel
-          sessionId="tra-cuu-session"
-          className="flex-1 h-full"
-          onCitationClick={handleCitationClick}
-        />
+        {sessionId && (
+          <ChatPanel
+            sessionId={sessionId}
+            messages={messages}
+            onMessagesChange={setMessages}
+            className="flex-1 h-full"
+            onCitationClick={handleCitationClick}
+          />
+        )}
       </div>
     </div>
   );