Update web/src/components/sidebar/LeftSidebar.tsx

web/src/components/sidebar/LeftSidebar.tsx

@@ -1,58 +1,99 @@
 import React from "react";
 import { Separator } from "../ui/separator";
 
-import type { SavedChat, Workspace } from "../../App";
-import type { CourseDirectoryItem } from "../../lib/courseDirectory";
+import type {
+  SavedChat,
+  Workspace,
+  LearningMode,
+  Language,
+  SpaceType,
+  GroupMember,
+  User,
+  SavedItem,
+} from "../../App";
 
 import { CourseInfoSection } from "./CourseInfoSection";
 import { SavedChatSection } from "./SavedChatSection";
 
-export function LeftSidebar({
-  isLoggedIn,
-  savedChats,
-  onLoadChat,
-  onDeleteSavedChat,
-  onRenameSavedChat,
+type Props = {
+  // ====== settings / user ======
+  learningMode: LearningMode;
+  language: Language;
+  onLearningModeChange: (m: LearningMode) => void;
+  onLanguageChange: (l: Language) => void;
 
-  currentWorkspaceId,
-  workspaces,
-  selectedCourse,
-  availableCourses,
-}: {
+  spaceType: SpaceType;
+  groupMembers: GroupMember[];
+
+  user: User | null;
+  onLogin: (u: any) => void;
+  onLogout: () => void;
   isLoggedIn: boolean;
+
+  onEditProfile: () => void;
+
+  // ====== saved items (暂时不动你现有逻辑；这里先不渲染也不会影响) ======
+  savedItems: SavedItem[];
+  recentlySavedId: string | null;
+  onUnsave: (id: string) => void;
+  onSave: (
+    content: string,
+    type: "export" | "quiz" | "summary",
+    saveAsChat?: boolean,
+    format?: "pdf" | "text",
+    workspaceId?: string
+  ) => void;
+
+  // ====== saved chats ======
   savedChats: SavedChat[];
   onLoadChat: (chat: SavedChat) => void;
   onDeleteSavedChat: (id: string) => void;
-  onRenameSavedChat?: (id: string, newTitle: string) => void;
+  onRenameSavedChat: (id: string, newTitle: string) => void;
 
+  // ====== workspace / course ======
   currentWorkspaceId: string;
   workspaces: Workspace[];
+
   selectedCourse: string;
-  availableCourses: CourseDirectoryItem[];
-}) {
+  availableCourses: any[]; // 你 App 里是 CourseInfo[]，这里放宽避免类型冲突
+};
+
+export function LeftSidebar(props: Props) {
+  const {
+    isLoggedIn,
+    savedChats,
+    onLoadChat,
+    onDeleteSavedChat,
+    onRenameSavedChat,
+    currentWorkspaceId,
+    workspaces,
+    selectedCourse,
+    availableCourses,
+  } = props;
+
   return (
     <div className="h-full w-full flex flex-col min-h-0">
-      {/* 强制可见：确认你改的就是运行中的 LeftSidebar */}
+      {/* ✅ 强制可见：用于确认你改的文件真的在跑 */}
       <div className="px-4 pt-2 text-xs text-red-600 flex-shrink-0">
-        SIDEBAR/LEFTSIDEBAR ACTIVE
+        SIDEBAR ACTIVE (components/sidebar/LeftSidebar.tsx)
       </div>
 
-      {/* 顶部 Course Info（不滚动） */}
+      {/* ===== Course Info（不滚动）===== */}
       <div className="flex-shrink-0">
         <CourseInfoSection
           currentWorkspaceId={currentWorkspaceId}
           workspaces={workspaces}
           selectedCourse={selectedCourse}
-          availableCourses={availableCourses}
+          availableCourses={availableCourses as any}
         />
       </div>
 
-      {/* Saved Chat（滚动区） */}
-      <div className="flex-1 min-h-0 overflow-hidden">
-        {/* 这条线确保视觉分割，且不参与滚动 */}
-        <Separator className="bg-[#ECECF1]" />
+      {/* 固定分割线颜色 */}
+      <Separator className="flex-shrink-0 bg-[#ECECF1]" />
 
-        {/* 唯一滚动容器：使用你全局 CSS 的 panelScroll */}
+      {/* ===== Saved Chat（唯一滚动区）===== */}
+      <div className="flex-1 min-h-0 overflow-hidden">
+        {/* 让 SavedChatSection 自己不要 overflow；滚动归这里 */}
         <div className="h-full min-h-0 panelScroll">
           <SavedChatSection
             isLoggedIn={isLoggedIn}