Update web/src/App.tsx

web/src/App.tsx

@@ -120,6 +120,33 @@ function mapLanguagePref(lang: Language): string {
   return "Auto";
 }
 
+// ✅ NEW: localStorage helpers for saved chats
+function savedChatsStorageKey(email: string) {
+  return `saved_chats::${email}`;
+}
+
+function hydrateSavedChats(raw: any): SavedChat[] {
+  if (!Array.isArray(raw)) return [];
+  return raw
+    .map((c: any) => {
+      try {
+        return {
+          ...c,
+          timestamp: c?.timestamp ? new Date(c.timestamp) : new Date(),
+          messages: Array.isArray(c?.messages)
+            ? c.messages.map((m: any) => ({
+                ...m,
+                timestamp: m?.timestamp ? new Date(m.timestamp) : new Date(),
+              }))
+            : [],
+        } as SavedChat;
+      } catch {
+        return null;
+      }
+    })
+    .filter(Boolean) as SavedChat[];
+}
+
 function App() {
   const [isDarkMode, setIsDarkMode] = useState(() => {
     const saved = localStorage.getItem("theme");
@@ -281,6 +308,32 @@ function App() {
 
   const [savedChats, setSavedChats] = useState<SavedChat[]>([]);
 
+  // ✅ NEW: load saved chats after login
+  useEffect(() => {
+    if (!user?.email) return;
+    try {
+      const raw = localStorage.getItem(savedChatsStorageKey(user.email));
+      if (!raw) {
+        setSavedChats([]);
+        return;
+      }
+      const parsed = JSON.parse(raw);
+      setSavedChats(hydrateSavedChats(parsed));
+    } catch {
+      setSavedChats([]);
+    }
+  }, [user?.email]);
+
+  // ✅ NEW: persist saved chats whenever changed
+  useEffect(() => {
+    if (!user?.email) return;
+    try {
+      localStorage.setItem(savedChatsStorageKey(user.email), JSON.stringify(savedChats));
+    } catch {
+      // ignore
+    }
+  }, [savedChats, user?.email]);
+
   const [groupMembers] = useState<GroupMember[]>([
     { id: "clare", name: "Clare AI", email: "clare@ai.assistant", isAI: true },
     { id: "1", name: "Sarah Johnson", email: "sarah.j@university.edu" },
@@ -388,7 +441,6 @@ function App() {
 
   // =========================
   // ✅ Review Star (按天) state
-  // scope：默认按 workspace 统计（你也可以改成 currentCourseId）
   // =========================
   const reviewStarKey = useMemo(() => {
     if (!user) return "";
@@ -397,7 +449,6 @@ function App() {
 
   const [reviewStarState, setReviewStarState] = useState<ReviewStarState | null>(null);
 
-  // 进入 Review tab 或 workspace 切换时：normalize（跨天归零 todayCount -> 星星自动变暗）
   useEffect(() => {
     if (!user || !reviewStarKey) return;
     if (chatMode !== "review") return;
@@ -667,6 +718,16 @@ function App() {
     );
   };
 
+  const handleDeleteSavedChat = (id: string) => {
+    setSavedChats((prev) => prev.filter((chat) => chat.id !== id));
+    toast.success("Chat deleted");
+  };
+
+  const handleRenameSavedChat = (id: string, newTitle: string) => {
+    setSavedChats((prev) => prev.map((chat) => (chat.id === id ? { ...chat, title: newTitle } : chat)));
+    toast.success("Chat renamed");
+  };
+
   const handleSaveChat = () => {
     if (messages.length <= 1) {
       toast.info("No conversation to save");
@@ -707,16 +768,6 @@ function App() {
     toast.success("Chat loaded!");
   };
 
-  const handleDeleteSavedChat = (id: string) => {
-    setSavedChats((prev) => prev.filter((chat) => chat.id !== id));
-    toast.success("Chat deleted");
-  };
-
-  const handleRenameSavedChat = (id: string, newTitle: string) => {
-    setSavedChats((prev) => prev.map((chat) => (chat.id === id ? { ...chat, title: newTitle } : chat)));
-    toast.success("Chat renamed");
-  };
-
   const handleClearConversation = (shouldSave: boolean = false) => {
     if (shouldSave) handleSaveChat();