Create LeftSidebar.tsx

web/src/components/sidebar/LeftSidebar.tsx

@@ -0,0 +1,68 @@
+import React from "react";
+import { Separator } from "../ui/separator";
+
+import type { SavedChat, Workspace } from "../../App";
+import type { CourseDirectoryItem } from "../../lib/courseDirectory";
+
+import { CourseInfoSection } from "./CourseInfoSection";
+import { SavedChatSection } from "./SavedChatSection";
+
+export function LeftSidebar({
+  isLoggedIn,
+  savedChats,
+  onLoadChat,
+  onDeleteSavedChat,
+  onRenameSavedChat,
+
+  currentWorkspaceId,
+  workspaces,
+  selectedCourse,
+  availableCourses,
+}: {
+  isLoggedIn: boolean;
+  savedChats: SavedChat[];
+  onLoadChat: (chat: SavedChat) => void;
+  onDeleteSavedChat: (id: string) => void;
+  onRenameSavedChat?: (id: string, newTitle: string) => void;
+
+  currentWorkspaceId: string;
+  workspaces: Workspace[];
+  selectedCourse: string;
+  availableCourses: CourseDirectoryItem[];
+}) {
+  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
+      </div>
+
+      {/* 顶部 Course Info（不滚动） */}
+      <div className="flex-shrink-0">
+        <CourseInfoSection
+          currentWorkspaceId={currentWorkspaceId}
+          workspaces={workspaces}
+          selectedCourse={selectedCourse}
+          availableCourses={availableCourses}
+        />
+      </div>
+
+      {/* Saved Chat（滚动区） */}
+      <div className="flex-1 min-h-0 overflow-hidden">
+        {/* 这条线确保视觉分割，且不参与滚动 */}
+        <Separator className="bg-[#ECECF1]" />
+
+        {/* 唯一滚动容器：使用你全局 CSS 的 panelScroll */}
+        <div className="h-full min-h-0 panelScroll">
+          <SavedChatSection
+            isLoggedIn={isLoggedIn}
+            savedChats={savedChats}
+            onLoadChat={onLoadChat}
+            onDeleteSavedChat={onDeleteSavedChat}
+            onRenameSavedChat={onRenameSavedChat}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}