fix: update sheet display and sidebar items

app/api/chat/route.ts

@@ -42,7 +42,7 @@ export const POST = auth(async function POST(req: Request) {
       if (req.auth?.user?.email == null) {
         return
       }
-      const title = json.messages[0].content.substring(0, 20)
+      const title = json.messages[0].content.substring(0, 100)
       const userId = (req as any).auth?.user?.email
       const id = json.id ?? nanoid()
       const createdAt = Date.now()

components/sidebar.tsx

@@ -29,10 +29,7 @@ export function Sidebar({ session, children }: SidebarProps) {
           <span className="sr-only">Toggle Sidebar</span>
         </Button>
       </SheetTrigger>
-      <SheetContent
+      <SheetContent className="inset-y-0 flex h-auto w-[300px] flex-col p-0">
-        position="left"
-        className="inset-y-0 flex h-auto w-[300px] flex-col gap-0 rounded-r-lg p-0 lg:inset-y-2"
-      >
         <SheetHeader className="p-4">
           <SheetTitle className="text-sm">Chat History</SheetTitle>
         </SheetHeader>

components/ui/sheet.tsx

@@ -2,7 +2,6 @@
 
 import * as React from 'react'
 import * as SheetPrimitive from '@radix-ui/react-dialog'
-import { cva, type VariantProps } from 'class-variance-authority'
 
 import { cn } from '@/lib/utils'
 import { IconClose } from '@/components/ui/icons'
@@ -42,33 +41,17 @@ const SheetOverlay = React.forwardRef<
 ))
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
 
-const sheetVariants = cva(
-  'fixed z-50 h-full scale-100 gap-4 border bg-background p-6 opacity-100 shadow-lg',
-  {
-    variants: {
-      position: {
-        left: 'data-[state=closed]:animate-slide-to-left data-[state=open]:animate-slide-from-left',
-        right: 'h-full animate-in slide-in-from-right duration-300'
-      }
-    },
-    defaultVariants: {
-      position: 'left'
-    }
-  }
-)
-
-export interface DialogContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
-
 const SheetContent = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Content>,
-  DialogContentProps
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>
->(({ position, className, children, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => (
   <SheetPortal>
     <SheetPrimitive.Content
       ref={ref}
-      className={cn(sheetVariants({ position }), className)}
+      className={cn(
+        'fixed z-50 h-full border-r bg-background p-6 opacity-100 shadow-lg data-[state=closed]:animate-slide-to-left data-[state=open]:animate-slide-from-left',
+        className
+      )}
       {...props}
     >
       {children}