33import { cn , ISLAND_WIDTH } from "@/lib/utils" ;
44import { CircleStackIcon , TableCellsIcon } from "@heroicons/react/24/outline" ;
55import {
6- BeakerIcon ,
6+ BellIcon ,
77 ChevronDownIcon ,
88 ChevronLeftIcon ,
99 ChevronRightIcon ,
10+ CodeIcon ,
11+ DatabaseIcon ,
1012 HomeIcon ,
1113 ListTreeIcon ,
1214 RocketIcon ,
1315 ScrollTextIcon ,
14- SparklesIcon ,
16+ ShieldIcon ,
1517 TagIcon ,
16- TestTube2Icon ,
1718 UsersIcon ,
19+ WandIcon ,
1820} from "lucide-react" ;
1921import { useState } from "react" ;
2022import { Button , buttonVariants } from "../ui/button" ;
@@ -77,9 +79,9 @@ const PrototypeSidebar = ({
7779 setOpenedPage : ( page : "dashboard" | "requests" | "sessions" ) => void ;
7880} ) => {
7981 return (
80- < div className = "bg-white border-r border-[#e5e7eb] h-full flex-1 rounded-l-xl overflow-y-auto " >
82+ < div className = "bg-white border-r border-[#e5e7eb] h-full flex-1 rounded-l-xl overflow-y-hidden " >
8183 < div className = "w-full flex flex-col h-full border-r dark:border-slate-800 px-2" >
82- < div className = "flex-grow overflow-y-auto pb-14" >
84+ < div className = "flex-grow overflow-y-hidden pb-14" >
8385 < div className = "flex items-center justify-between gap-2 h-14 border-b dark:border-slate-800 mx-1" >
8486 < Button
8587 variant = "ghost"
@@ -98,7 +100,7 @@ const PrototypeSidebar = ({
98100 { /* Navigation items */ }
99101 < div className = "flex flex-col justify-between" >
100102 < div className = "group flex flex-col py-2 data-[collapsed=true]:py-2 " >
101- < nav className = "grid gap-y-1 flex-grow overflow-y-auto px-2 group-[[data-collapsed=true]]:justify-center group-[[data-collapsed=true]]:px-2" >
103+ < nav className = "grid gap-y-1 flex-grow overflow-y-hidden px-2 group-[[data-collapsed=true]]:justify-center group-[[data-collapsed=true]]:px-2" >
102104 < div
103105 className = { cn (
104106 buttonVariants ( {
@@ -187,8 +189,8 @@ const PrototypeSidebar = ({
187189 ) }
188190 >
189191 < div className = "flex items-center" >
190- < TagIcon className = "mr-2 h-4 w-4" />
191- Properties
192+ < UsersIcon className = "mr-2 h-4 w-4" />
193+ Users
192194 </ div >
193195 </ div >
194196 < div
@@ -201,8 +203,8 @@ const PrototypeSidebar = ({
201203 ) }
202204 >
203205 < div className = "flex items-center" >
204- < UsersIcon className = "mr-2 h-4 w-4" />
205- Users
206+ < CodeIcon className = "mr-2 h-4 w-4" />
207+ HQL
206208 </ div >
207209 </ div >
208210 < div className = "flex items-center gap-1 font-normal text-slate-400 mt-[10px] text-[11px]" >
@@ -235,8 +237,8 @@ const PrototypeSidebar = ({
235237 ) }
236238 >
237239 < div className = "flex items-center" >
238- < TestTube2Icon className = "mr-2 h-4 w-4" />
239- Playground
240+ < CircleStackIcon className = "mr-2 h-4 w-4" />
241+ Datasets
240242 </ div >
241243 </ div >
242244 < div
@@ -249,8 +251,14 @@ const PrototypeSidebar = ({
249251 ) }
250252 >
251253 < div className = "flex items-center" >
252- < BeakerIcon className = "mr-2 h-4 w-4" />
253- Experiments
254+ < WandIcon className = "mr-2 h-4 w-4" />
255+ Playground
256+ </ div >
257+ </ div >
258+ < div className = "flex items-center gap-1 font-normal text-slate-400 mt-[10px] text-[11px]" >
259+ < div className = "flex items-center" >
260+ Monitor
261+ < ChevronDownIcon className = "h-3 w-3 transition-transform" />
254262 </ div >
255263 </ div >
256264 < div
@@ -263,8 +271,8 @@ const PrototypeSidebar = ({
263271 ) }
264272 >
265273 < div className = "flex items-center" >
266- < SparklesIcon className = "mr-2 h-4 w-4" />
267- Evaluators
274+ < ShieldIcon className = "mr-2 h-4 w-4" />
275+ Rate Limits
268276 </ div >
269277 </ div >
270278 < div
@@ -273,24 +281,12 @@ const PrototypeSidebar = ({
273281 variant : "ghost" ,
274282 size : "sm" ,
275283 } ) ,
276- "justify-start w-full text-[11px ] h-8 px-2"
284+ "justify-start w-full text-[12px ] h-8 px-2"
277285 ) }
278286 >
279- < div className = "flex items-center text-[11px]" >
280- < CircleStackIcon className = "mr-2 h-4 w-4" />
281- Datasets
282- </ div >
283- </ div >
284- < div className = "flex items-center gap-1 font-normal text-slate-400 mt-[10px] text-[11px]" >
285- < div className = "flex items-center" >
286- Developer
287- < ChevronRightIcon className = "h-3 w-3 transition-transform" />
288- </ div >
289- </ div >
290- < div className = "flex items-center gap-1 font-normal text-slate-400 mt-[10px] text-[11px]" >
291287 < div className = "flex items-center" >
292- Enterprise
293- < ChevronRightIcon className = "h-3 w-3 transition-transform" />
288+ < BellIcon className = "mr-2 h-4 w-4" />
289+ Alerts
294290 </ div >
295291 </ div >
296292 </ nav >
0 commit comments