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

web/src/components/sidebar/LeftSidebar.tsx

@@ -32,7 +32,10 @@ import type {
 import type { CourseDirectoryItem } from "../../lib/courseDirectory";
 
 import clareAvatar from "../../assets/dfe44dab3ad8cd93953eac4a3e68bd1a5f999653.png";
-const Divider = () => <div className="w-full h-px bg-[#ECECF1] flex-shrink-0" />;
+const Divider = () => (
+  <div className="w-full h-[2px] bg-gray-200 flex-shrink-0" />
+);
+
 
 type Props = {
   learningMode: LearningMode;
@@ -136,11 +139,33 @@ export function LeftSidebar(props: Props) {
     [workspaces, currentWorkspaceId]
   );
 
-  // Treat only "team"/"group" as Team space; otherwise it's My Space
+
+  const isMyWorkspace = useMemo(() => {
+    const ws: any = currentWorkspace as any;
+  
+    // 常见 personal 标记（你后端 schema 之后可以对齐其中一个）
+    if (ws?.isPersonal === true) return true;
+    if (String(ws?.spaceType || "").toLowerCase().includes("my")) return true;
+    if (String(ws?.type || "").toLowerCase().includes("my")) return true;
+    if (String(ws?.kind || "").toLowerCase().includes("my")) return true;
+  
+    // 兜底：workspace id/name 里含 my/personal
+    const id = String(ws?.id || "").toLowerCase();
+    const name = String(ws?.name || "").toLowerCase();
+    if (id.includes("my") || id.includes("personal")) return true;
+    if (name.includes("my space") || name.includes("personal")) return true;
+  
+    return false;
+  }, [currentWorkspace]);
+  
   const isTeamSpace = useMemo(() => {
+    // 如果 workspace 明确是 My Space，则强制 false
+    if (isMyWorkspace) return false;
+  
     const st = String(spaceType || "").toLowerCase();
     return st === "group" || st === "team";
-  }, [spaceType]);
+  }, [spaceType, isMyWorkspace]);
+
 
   // --------- CourseInfo resolution ---------
   const courseInfo = useMemo((): CourseDirectoryItem | null => {