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

web/src/components/sidebar/CourseInfoSection.tsx

@@ -11,6 +11,10 @@ function gmailComposeLink(email: string, subject?: string, body?: string) {
   return `https://mail.google.com/mail/?view=cm&fs=1&${to}${su}${bd}`;
 }
 
+function norm(s: any) {
+  return String(s ?? "").trim().toLowerCase();
+}
+
 export function CourseInfoSection({
   currentWorkspaceId,
   workspaces,
@@ -27,40 +31,74 @@ export function CourseInfoSection({
     [workspaces, currentWorkspaceId]
   );
 
-  const courseInfo: CourseDirectoryItem | null = useMemo(() => {
-    const sel = (selectedCourse || "").trim();
-    if (sel) {
-      const hitById = availableCourses.find((c) => c.id === sel);
-      if (hitById) return hitById;
+  const courseInfo = useMemo((): CourseDirectoryItem | null => {
+    const list = Array.isArray(availableCourses) ? availableCourses : [];
 
-      const hitByName = availableCourses.find((c) => c.name === sel);
-      if (hitByName) return hitByName;
+    // 1) selectedCourse: 可能是 id / name（大小写/空格不一致也能匹配）
+    const selRaw = (selectedCourse || "").trim();
+    const sel = norm(selRaw);
+    if (sel) {
+      const hit =
+        list.find((c) => norm(c.id) === sel) ||
+        list.find((c) => norm(c.name) === sel);
+      if (hit) return hit;
     }
 
+    // 2) workspace.courseInfo: group workspace 的 courseInfo 可能只带 id/name
     const wsCourse = (currentWorkspace as any)?.courseInfo as
-      | { id?: string; name?: string }
+      | { id?: string; name?: string; instructor?: any; teachingAssistant?: any }
       | undefined;
 
-    const wsId = wsCourse?.id?.trim();
-    if (wsId) return availableCourses.find((c) => c.id === wsId) ?? (wsCourse as any);
+    const wsId = norm(wsCourse?.id);
+    if (wsId) {
+      return list.find((c) => norm(c.id) === wsId) ?? (wsCourse as any);
+    }
 
-    const wsName = wsCourse?.name?.trim();
-    if (wsName) return availableCourses.find((c) => c.name === wsName) ?? (wsCourse as any);
+    const wsName = norm(wsCourse?.name);
+    if (wsName) {
+      return list.find((c) => norm(c.name) === wsName) ?? (wsCourse as any);
+    }
 
     return null;
   }, [availableCourses, currentWorkspace, selectedCourse]);
 
-  if (!courseInfo) return null;
+  // ---------- Fallback：不要静默消失 ----------
+  if (!courseInfo) {
+    const wsName = (currentWorkspace as any)?.name ?? "";
+    const sel = (selectedCourse || "").trim();
+
+    return (
+      <div className="w-full">
+        <div className="px-4 pt-4 pb-3 space-y-2">
+          <div className="font-semibold text-base">Course</div>
+          <div className="text-sm text-muted-foreground">
+            Not resolved (courseInfo is null)
+          </div>
+          <div className="text-xs text-muted-foreground">
+            selectedCourse: <span className="font-medium">{sel || "—"}</span>
+          </div>
+          <div className="text-xs text-muted-foreground">
+            currentWorkspace: <span className="font-medium">{wsName || "—"}</span>
+          </div>
+        </div>
+        <Separator className="bg-[#ECECF1]" />
+      </div>
+    );
+  }
+
+  // ---------- Display fields ----------
+  const courseName = courseInfo.name ?? (selectedCourse || "Course");
 
   const instructorName = courseInfo?.instructor?.name ?? "N/A";
-  const instructorEmail = courseInfo?.instructor?.email?.trim() || "";
+  const instructorEmail = (courseInfo?.instructor?.email || "").trim();
+
   const taName = courseInfo?.teachingAssistant?.name ?? "N/A";
-  const taEmail = courseInfo?.teachingAssistant?.email?.trim() || "";
+  const taEmail = (courseInfo?.teachingAssistant?.email || "").trim();
 
   return (
     <div className="w-full">
       <div className="px-4 pt-4 pb-3 space-y-2">
-        <div className="font-semibold text-base">{courseInfo.name}</div>
+        <div className="font-semibold text-base">{courseName}</div>
 
         <div className="text-sm text-muted-foreground">
           Instructor:&nbsp;
@@ -68,8 +106,8 @@ export function CourseInfoSection({
             <a
               href={gmailComposeLink(
                 instructorEmail,
-                `[Clare] Question about ${courseInfo.name}`,
-                `Hi ${instructorName},\n\nI have a question about ${courseInfo.name}:\n\n(Write your question here)\n\nThanks,\n`
+                `[Clare] Question about ${courseName}`,
+                `Hi ${instructorName},\n\nI have a question about ${courseName}:\n\n(Write your question here)\n\nThanks,\n`
               )}
               target="_blank"
               rel="noopener noreferrer"
@@ -88,8 +126,8 @@ export function CourseInfoSection({
             <a
               href={gmailComposeLink(
                 taEmail,
-                `[Clare] Help request for ${courseInfo.name}`,
-                `Hi ${taName},\n\nI need help with ${courseInfo.name}:\n\n(Write your question here)\n\nThanks,\n`
+                `[Clare] Help request for ${courseName}`,
+                `Hi ${taName},\n\nI need help with ${courseName}:\n\n(Write your question here)\n\nThanks,\n`
               )}
               target="_blank"
               rel="noopener noreferrer"
@@ -103,7 +141,6 @@ export function CourseInfoSection({
         </div>
       </div>
 
-      {/* 固定颜色分割线 */}
       <Separator className="bg-[#ECECF1]" />
     </div>
   );