"use client" import { Plus, Loader2, Key, User } from "lucide-react" import { Button } from "@/components/ui/button" 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 ( ) }