Skip to content

Commit 89dfe7d

Browse files
faikitfaikit
committed
.
1 parent 61270fb commit 89dfe7d

File tree

3 files changed

+150
-16
lines changed

3 files changed

+150
-16
lines changed

‎components/app-drawer.tsx‎

Lines changed: 91 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
import Image from 'next/image'
22

33

4+
import { publications } from "@/data/publications"
5+
6+
47

58
import { AspectRatio } from "@/components/ui/aspect-ratio"
69
import {
@@ -26,7 +29,7 @@ export function WeChat() {
2629
關注微信公眾號
2730
</DrawerTitle>
2831
</DrawerHeader>
29-
<div className="w-full flex justify-center">
32+
<div className="w-full flex justify-center px-6">
3033
<div className="w-1/2 max-w-48">
3134
<AspectRatio ratio={1/1}>
3235
<Image
@@ -53,7 +56,7 @@ export function WeChatGroup() {
5356
加入微信羣組
5457
</DrawerTitle>
5558
</DrawerHeader>
56-
<div className="w-full flex justify-center">
59+
<div className="w-full flex justify-center px-6">
5760
<div className="w-1/2 max-w-48">
5861
<AspectRatio ratio={1/1}>
5962
<Image
@@ -68,3 +71,89 @@ export function WeChatGroup() {
6871
</DrawerContent>
6972
)
7073
}
74+
75+
76+
77+
export function Embodied() {
78+
return (
79+
<DrawerContent>
80+
<DrawerHeader>
81+
<DrawerTitle className='text-xl'>
82+
Embodied AI
83+
</DrawerTitle>
84+
</DrawerHeader>
85+
<div className="w-full flex justify-center px-6">
86+
<div className="max-w-5xl">
87+
Embodied AI is the integration of artificial intelligence with the physical world, enabling robots to interact with and learn from the real world. We focus on the most critical areas of embodied AI, including humanoid, robot manipulation, and dexterous hand. Our goal is to explore the scaling law for robots, develop general world models, and unveil the power of reinforcement learning to achieve general-purpose embodied agents.
88+
</div>
89+
</div>
90+
<div className="w-full flex justify-center px-6 mt-6">
91+
<div className='w-full max-w-5xl flex flex-col gap-6'>
92+
{[...publications.values()].filter(publication => publication.keys.includes('drawer_embodied')).map((publication) => (
93+
<div className="flex flex-col gap-3" key={publication.title}>
94+
<a className="border-l-3 border-o-gray pl-6 hover:border-o-blue flex flex-col gap-1 group" href={publication.starlink} target="_blank">
95+
<span className="group-hover:text-o-blue">
96+
{publication.title}
97+
</span>
98+
<span className="text-o-gray group-hover:text-o-blue group-hover:opacity-70 italic">
99+
{publication.note}
100+
</span>
101+
</a>
102+
</div>
103+
))}
104+
<div className="flex flex-col gap-3">
105+
<a className="border-l-3 border-o-gray pl-6 hover:border-o-blue flex flex-col gap-1 group" href='/publications'>
106+
<span className="group-hover:text-o-blue">
107+
more
108+
</span>
109+
</a>
110+
</div>
111+
</div>
112+
</div>
113+
<DrawerFooter></DrawerFooter>
114+
</DrawerContent>
115+
)
116+
}
117+
118+
119+
120+
export function E2EAD() {
121+
return (
122+
<DrawerContent>
123+
<DrawerHeader>
124+
<DrawerTitle className='text-xl'>
125+
End-to-End Autonomous Driving
126+
</DrawerTitle>
127+
</DrawerHeader>
128+
<div className="w-full flex justify-center px-6">
129+
<div className="max-w-5xl">
130+
Autonomous Driving stands at the intersection of intelligence, world modeling, and safety alignment, enabling vehicles to respond to the surroundings effectively for both comfort and safety. We target the crucial areas of autonomous driving, including whole-scene perception systems, critical data generation, and end-to-end decision-making. Our mission is to establish a comprehensive pipeline by leveraging massive real-world driving data and building efficient world representation for safe and generalizable autonomy.
131+
</div>
132+
</div>
133+
<div className="w-full flex justify-center px-6 mt-6">
134+
<div className='w-full max-w-5xl flex flex-col gap-6'>
135+
{[...publications.values()].filter(publication => publication.keys.includes('drawer_e2e')).map((publication) => (
136+
<div className="flex flex-col gap-3" key={publication.title}>
137+
<a className="border-l-3 border-o-gray pl-6 hover:border-o-blue flex flex-col gap-1 group" href={publication.starlink} target="_blank">
138+
<span className="group-hover:text-o-blue">
139+
{publication.title}
140+
</span>
141+
<span className="text-o-gray group-hover:text-o-blue group-hover:opacity-70 italic">
142+
{publication.note}
143+
</span>
144+
</a>
145+
</div>
146+
))}
147+
<div className="flex flex-col gap-3">
148+
<a className="border-l-3 border-o-gray pl-6 hover:border-o-blue flex flex-col gap-1 group" href='/publications'>
149+
<span className="group-hover:text-o-blue">
150+
more
151+
</span>
152+
</a>
153+
</div>
154+
</div>
155+
</div>
156+
<DrawerFooter></DrawerFooter>
157+
</DrawerContent>
158+
)
159+
}

‎components/app-sidebar.tsx‎

Lines changed: 53 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,27 @@ import {
2727
} from "@/components/ui/sidebar"
2828
import { useSidebar } from "@/components/ui/sidebar"
2929
import { Button } from "@/components/ui/button"
30+
import {
31+
Drawer,
32+
DrawerClose,
33+
DrawerContent,
34+
DrawerDescription,
35+
DrawerFooter,
36+
DrawerHeader,
37+
DrawerTitle,
38+
DrawerTrigger,
39+
} from "@/components/ui/drawer"
3040

3141

3242

3343
import { FadeIn } from "@/components/animation/fade-in"
3444

3545

3646

47+
import { Embodied, E2EAD } from "@/components/app-drawer"
48+
49+
50+
3751
function PageSidebar() {
3852

3953
const { content_projecct, content_page } = useSidebar()
@@ -127,7 +141,38 @@ export function AppSidebar() {
127141

128142

129143

130-
<Collapsible className="group/collapsible flex flex-col gap-6">
144+
<Collapsible className="group/collapsible flex flex-col gap-6">
145+
<SidebarMenuItem>
146+
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
147+
Research
148+
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
149+
</CollapsibleTrigger>
150+
<CollapsibleContent>
151+
<SidebarMenuSub>
152+
<Drawer>
153+
<DrawerTrigger asChild>
154+
<div className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
155+
Embodied AI
156+
</div>
157+
</DrawerTrigger>
158+
<Embodied/>
159+
</Drawer>
160+
<Drawer>
161+
<DrawerTrigger asChild>
162+
<div className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
163+
End-to-End AD
164+
</div>
165+
</DrawerTrigger>
166+
<E2EAD/>
167+
</Drawer>
168+
</SidebarMenuSub>
169+
</CollapsibleContent>
170+
</SidebarMenuItem>
171+
</Collapsible>
172+
173+
174+
175+
<Collapsible className="group/collapsible flex flex-col gap-6">
131176
<SidebarMenuItem>
132177
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
133178
Project
@@ -154,20 +199,20 @@ export function AppSidebar() {
154199

155200

156201

157-
<Collapsible className="group/collapsible flex flex-col gap-6">
202+
<Collapsible className="group/collapsible flex flex-col gap-6">
158203
<SidebarMenuItem>
159204
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
160205
Publication
161206
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
162207
</CollapsibleTrigger>
163208
<CollapsibleContent>
164209
<SidebarMenuSub>
165-
<Link href="https://github.com/OpenDriveLab/UniAD" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
166-
UniAD
167-
</Link>
168210
<Link href="https://github.com/OpenDriveLab/UniVLA" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
169211
UniVLA
170212
</Link>
213+
<Link href="https://github.com/OpenDriveLab/UniAD" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
214+
UniAD
215+
</Link>
171216
<Link href="/publications" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
172217
more
173218
</Link>
@@ -178,7 +223,7 @@ export function AppSidebar() {
178223

179224

180225

181-
<Collapsible className="group/collapsible flex flex-col gap-6">
226+
<Collapsible className="group/collapsible flex flex-col gap-6">
182227
<SidebarMenuItem>
183228
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
184229
Event
@@ -202,13 +247,13 @@ export function AppSidebar() {
202247

203248

204249

205-
<Link href="/team" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
250+
<Link href="/team" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
206251
Team
207252
</Link>
208253

209254

210255

211-
<Link href="/recruit" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
256+
<Link href="/recruit" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
212257
Recruit
213258
</Link>
214259

‎data/publications.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -55,10 +55,10 @@ export const publications: {
5555
},
5656
],
5757
description: "A unified vision-language-action framework that enables policy learning across different environments.",
58-
keys: ['editor_pick'],
58+
keys: ['editor_pick', 'drawer_embodied'],
5959
},
6060
{
61-
title: "UniAD: Planning-oriented Autonomous Driving",
61+
title: "Planning-oriented Autonomous Driving",
6262
link: "https://openaccess.thecvf.com/content/CVPR2023/html/Hu_Planning-Oriented_Autonomous_Driving_CVPR_2023_paper.html",
6363
image: "/assets/publication/uniad.jpg",
6464
author: "Yihan Hu, Jiazhi Yang, Li Chen, Keyu Li, Chonghao Sima, Xizhou Zhu, Siqi Chai, Senyao Du, Tianwei Lin, Wenhai Wang, Lewei Lu, Xiaosong Jia, Qiang Liu, Jifeng Dai, Yu Qiao, Hongyang Li",
@@ -89,7 +89,7 @@ export const publications: {
8989
},
9090
],
9191
description: "A comprehensive framework up-to-date that incorporates full-stack driving tasks in one network.",
92-
keys: ['editor_pick'],
92+
keys: ['editor_pick', 'drawer_e2e'],
9393
},
9494
{
9595
title: "AgiBot World Colosseo: A Large-scale Manipulation Platform for Scalable and Intelligent Embodied Systems",
@@ -137,7 +137,7 @@ export const publications: {
137137
},
138138
],
139139
description: "In this survey, we provide a comprehensive analysis of more than 270 papers on the motivation, roadmap, methodology, challenges, and future trends in end-to-end autonomous driving.",
140-
keys: ['editor_pick'],
140+
keys: ['editor_pick', 'drawer_e2e'],
141141
},
142142
{
143143
title: "DriveLM: Driving with Graph Visual Question Answering",
@@ -259,7 +259,7 @@ export const publications: {
259259
},
260260
],
261261
description: "We propose a general pre-training pipeline that learns Manipulation by Predicting the Interaction (MPI).",
262-
keys: ['embodied_ai'],
262+
keys: ['embodied_ai', 'drawer_embodied'],
263263
},
264264
{
265265
title: "MTGS: Multi-Traversal Gaussian Splatting",
@@ -603,7 +603,7 @@ export const publications: {
603603
},
604604
],
605605
description: "ReSim is a driving world model that enables Reliable Simulation of diverse open-world driving scenarios under various actions, including hazardous non-expert ones. A Video2Reward model estimates the reward from ReSim's simulated future.",
606-
keys: ['end_to_end_ad'],
606+
keys: ['end_to_end_ad', 'drawer_e2e'],
607607
},
608608
{
609609
title: "ETA: Efficiency through Thinking Ahead, A Dual Approach to Self-Driving with Large Models",

0 commit comments

Comments
 (0)