fix: update sidebar item

components/sidebar-item.tsx

@@ -25,18 +25,14 @@ export function SidebarItem({ chat, children }: SidebarItemProps) {
   if (!chat?.id) return null
 
   return (
-    <>
+    <div className="relative">
-      <Link
+      <div className="absolute left-2 top-1 flex h-6 w-6 items-center justify-center">
-        href={chat.path}
-        className={cn(
-          buttonVariants({ variant: 'ghost' }),
-          'group w-full px-2',
-          isActive && 'bg-accent'
-        )}
-      >
         {chat.sharePath ? (
-          <Tooltip>
+          <Tooltip delayDuration={1000}>
-            <TooltipTrigger>
+            <TooltipTrigger
+              tabIndex={-1}
+              className="focus:bg-muted focus:ring-1 focus:ring-ring"
+            >
               <IconUsers className="mr-2" />
             </TooltipTrigger>
             <TooltipContent>This is a shared chat.</TooltipContent>
@@ -44,14 +40,23 @@ export function SidebarItem({ chat, children }: SidebarItemProps) {
         ) : (
           <IconMessage className="mr-2" />
         )}
+      </div>
+      <Link
+        href={chat.path}
+        className={cn(
+          buttonVariants({ variant: 'ghost' }),
+          'group w-full pl-8 pr-16',
+          isActive && 'bg-accent'
+        )}
+      >
         <div
           className="relative max-h-5 flex-1 select-none overflow-hidden text-ellipsis break-all"
           title={chat.title}
         >
           <span className="whitespace-nowrap">{chat.title}</span>
         </div>
-        {isActive && children}
       </Link>
-    </>
+      {isActive && <div className="absolute right-2 top-1">{children}</div>}
+    </div>
   )
 }