template.tsx

import { getLogtoContext } from '@logto/next/server-actions';
import type * as React from 'react';
import {
  SidebarInset,
  SidebarProvider,
  SidebarTrigger,
} from '@/components/animate-ui/radix/sidebar';
import { ChatSidebar } from '@/components/sidebar';
import { logtoConfig } from '@/lib/auth';
import { prisma } from '@/lib/prisma';

export default async function ChatLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const { claims } = await getLogtoContext(logtoConfig);
  const chats = await prisma.chat.findMany({
    where: { userId: claims?.sub || '' },
  });

  const data = {
    user: {
      name: claims?.name || '...',
      id: claims?.sub || '...',
      avatar: claims?.picture || '/default-avatar.png',
    },
    chats: chats.map((chat) => ({
      name: chat.name || 'Untitled Chat',
      id: chat.id,
    })),
  };

  return (
    <SidebarProvider>
      <ChatSidebar data={data} />
      <SidebarTrigger className={'mt-3 ml-3 hover:bg-secondary'} />
      <SidebarInset>{children}</SidebarInset>
    </SidebarProvider>
  );
}