"use client" import { Plus, Loader2, Key } from "lucide-react" import { Button } from "@/components/ui/button" import { UserButton } from "@clerk/nextjs" interface PageData { id: number title: string image: string prompt: string characterUpload?: string style: string } interface PageSidebarProps { pages: PageData[] currentPage: number onPageSelect: (index: number) => void onAddPage: () => void loadingPageId?: number | null onApiKeyClick?: () => void } export function PageSidebar({ pages, currentPage, onPageSelect, onAddPage, loadingPageId, onApiKeyClick, }: PageSidebarProps) { return ( ) }