8b:I[903690,["/chat-static/_next/static/immutable/chunks/2bpf87rbgephw.js","/chat-static/_next/static/immutable/chunks/1_-3j8y-g-khs.js","/chat-static/_next/static/immutable/chunks/0-5txco-6137a.js","/chat-static/_next/static/immutable/chunks/37pfy9xa_-fym.js","/chat-static/_next/static/immutable/chunks/3x6gcbxpbz3iu.js","/chat-static/_next/static/immutable/chunks/0ym777lqvrt5s.js","/chat-static/_next/static/immutable/chunks/3_-rjhdsuis7n.js","/chat-static/_next/static/immutable/chunks/3drjbn90ue_90.js","/chat-static/_next/static/immutable/chunks/2c5x13d35htc2.js","/chat-static/_next/static/immutable/chunks/1-slcfp_1t3y8.js","/chat-static/_next/static/immutable/chunks/2pdd-s6iiekpm.js","/chat-static/_next/static/immutable/chunks/37vdsain5dj8e.js","/chat-static/_next/static/immutable/chunks/2revzn0ra78tw.js","/chat-static/_next/static/immutable/chunks/2laekvcp_uu57.js","/chat-static/_next/static/immutable/chunks/3m8rd7nedj7rn.js","/chat-static/_next/static/immutable/chunks/33h6grnh2bl_7.js","/chat-static/_next/static/immutable/chunks/2e28sx_kq80r2.js","/chat-static/_next/static/immutable/chunks/3aw1e92bm1ry7.js","/chat-static/_next/static/immutable/chunks/2x44da_dej4ip.js","/chat-static/_next/static/immutable/chunks/3_ocyyafnf1cz.js","/chat-static/_next/static/immutable/chunks/2awkorze7w85-.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0hw9f60f9oi4e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/03h76be12-ovw.js","/chat-static/_next/static/immutable/chunks/1d_gyuid_v8gr.js","/chat-static/_next/static/immutable/chunks/0wldlvfpz1ovn.js","/chat-static/_next/static/immutable/chunks/2h238qu78yrc7.js","/chat-static/_next/static/immutable/chunks/32pgl19za38m-.js","/chat-static/_next/static/immutable/chunks/2u_pca60vbzcd.js","/chat-static/_next/static/immutable/chunks/284ke95_jw9k3.js","/chat-static/_next/static/immutable/chunks/35fjy1hhq-fzf.js","/chat-static/_next/static/immutable/chunks/0r8gmw6-poh42.js","/chat-static/_next/static/immutable/chunks/1xgeqxjam9gsi.js","/chat-static/_next/static/immutable/chunks/268hvq-o4-o0_.js","/chat-static/_next/static/immutable/chunks/28r1rvvcii5wh.js","/chat-static/_next/static/immutable/chunks/311b_95qp5_x1.js","/chat-static/_next/static/immutable/chunks/43nrez90o3_wc.js","/chat-static/_next/static/immutable/chunks/0769yqw94cdbd.js","/chat-static/_next/static/immutable/chunks/2owawsc9c76m4.js","/chat-static/_next/static/immutable/chunks/1i118r3lxyu6d.js","/chat-static/_next/static/immutable/chunks/447xpu7bqyplo.js","/chat-static/_next/static/immutable/chunks/0cr0-0vh3ej2f.js","/chat-static/_next/static/immutable/chunks/1m36gaeyjau6c.js","/chat-static/_next/static/immutable/chunks/1r-8j6-dgkspw.js","/chat-static/_next/static/immutable/chunks/0just8-1jum-f.js","/chat-static/_next/static/immutable/chunks/1_mkdpjxl70n2.js","/chat-static/_next/static/immutable/chunks/3pi-f7turjbtc.js","/chat-static/_next/static/immutable/chunks/1l_1oeyl80ndf.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0niiwmpte7mbj.js","/chat-static/_next/static/immutable/chunks/3e0w9fd_z9hps.js","/chat-static/_next/static/immutable/chunks/24o7ircd52c3c.js"],"ExplicitChatIdProvider"] 8c:I[838238,["/chat-static/_next/static/immutable/chunks/2bpf87rbgephw.js","/chat-static/_next/static/immutable/chunks/1_-3j8y-g-khs.js","/chat-static/_next/static/immutable/chunks/0-5txco-6137a.js","/chat-static/_next/static/immutable/chunks/37pfy9xa_-fym.js","/chat-static/_next/static/immutable/chunks/3x6gcbxpbz3iu.js","/chat-static/_next/static/immutable/chunks/0ym777lqvrt5s.js","/chat-static/_next/static/immutable/chunks/3_-rjhdsuis7n.js","/chat-static/_next/static/immutable/chunks/3drjbn90ue_90.js","/chat-static/_next/static/immutable/chunks/2c5x13d35htc2.js","/chat-static/_next/static/immutable/chunks/1-slcfp_1t3y8.js","/chat-static/_next/static/immutable/chunks/2pdd-s6iiekpm.js","/chat-static/_next/static/immutable/chunks/37vdsain5dj8e.js","/chat-static/_next/static/immutable/chunks/2revzn0ra78tw.js","/chat-static/_next/static/immutable/chunks/2laekvcp_uu57.js","/chat-static/_next/static/immutable/chunks/3m8rd7nedj7rn.js","/chat-static/_next/static/immutable/chunks/33h6grnh2bl_7.js","/chat-static/_next/static/immutable/chunks/2e28sx_kq80r2.js","/chat-static/_next/static/immutable/chunks/3aw1e92bm1ry7.js","/chat-static/_next/static/immutable/chunks/2x44da_dej4ip.js","/chat-static/_next/static/immutable/chunks/3_ocyyafnf1cz.js","/chat-static/_next/static/immutable/chunks/2awkorze7w85-.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0hw9f60f9oi4e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/03h76be12-ovw.js","/chat-static/_next/static/immutable/chunks/1d_gyuid_v8gr.js","/chat-static/_next/static/immutable/chunks/0wldlvfpz1ovn.js","/chat-static/_next/static/immutable/chunks/2h238qu78yrc7.js","/chat-static/_next/static/immutable/chunks/32pgl19za38m-.js","/chat-static/_next/static/immutable/chunks/2u_pca60vbzcd.js","/chat-static/_next/static/immutable/chunks/284ke95_jw9k3.js","/chat-static/_next/static/immutable/chunks/35fjy1hhq-fzf.js","/chat-static/_next/static/immutable/chunks/0r8gmw6-poh42.js","/chat-static/_next/static/immutable/chunks/1xgeqxjam9gsi.js","/chat-static/_next/static/immutable/chunks/268hvq-o4-o0_.js","/chat-static/_next/static/immutable/chunks/28r1rvvcii5wh.js","/chat-static/_next/static/immutable/chunks/311b_95qp5_x1.js","/chat-static/_next/static/immutable/chunks/43nrez90o3_wc.js","/chat-static/_next/static/immutable/chunks/0769yqw94cdbd.js","/chat-static/_next/static/immutable/chunks/2owawsc9c76m4.js","/chat-static/_next/static/immutable/chunks/1i118r3lxyu6d.js","/chat-static/_next/static/immutable/chunks/447xpu7bqyplo.js","/chat-static/_next/static/immutable/chunks/0cr0-0vh3ej2f.js","/chat-static/_next/static/immutable/chunks/1m36gaeyjau6c.js","/chat-static/_next/static/immutable/chunks/1r-8j6-dgkspw.js","/chat-static/_next/static/immutable/chunks/0just8-1jum-f.js","/chat-static/_next/static/immutable/chunks/1_mkdpjxl70n2.js","/chat-static/_next/static/immutable/chunks/3pi-f7turjbtc.js","/chat-static/_next/static/immutable/chunks/1l_1oeyl80ndf.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0niiwmpte7mbj.js","/chat-static/_next/static/immutable/chunks/3e0w9fd_z9hps.js","/chat-static/_next/static/immutable/chunks/24o7ircd52c3c.js"],"SWRDataProvider"] 8e:[] 8f:[["b_P1qhYVba0tv",null],["b_lNSrgYuAgxj",null],["b_5JT0zXUzxHB",null],["b_DOMtrzYnkWp",null]] 90:[["b_P1qhYVba0tv",{"templateVersionId":null,"templateCanonId":null}],["b_lNSrgYuAgxj",{"templateVersionId":null,"templateCanonId":null}],["b_5JT0zXUzxHB",{"templateVersionId":null,"templateCanonId":null}],["b_DOMtrzYnkWp",{"templateVersionId":null,"templateCanonId":null}]] 91:[["b_p1Z3f5drqh2","$D2025-10-18T03:01:28.237Z"],["b_DDQygMgqeZG","$D2025-10-18T03:02:50.002Z"],["b_zOhUSavCrrS","$D2025-10-18T03:47:32.792Z"],["b_L9qBXA2yf7x","$D2025-10-18T03:48:48.277Z"],["b_nnT6pbMUM3J","$D2025-10-18T04:12:27.528Z"],["b_sCwJL2QH7s9","$D2025-10-18T04:31:19.561Z"],["b_roWbH4wd8Ui","$D2025-10-18T04:32:13.335Z"],["b_dWOXVWtxkmc","$D2025-10-18T04:41:27.439Z"],["b_lifsTA1btGu","$D2025-10-23T14:35:04.320Z"],["b_fLveHagYn3N","$D2025-10-23T14:47:14.754Z"],["b_jliiutKpRlt","$D2025-10-23T14:47:49.364Z"],["b_ifmKyWBDkVE","$D2025-10-23T15:14:13.847Z"],["b_QlGnLTxCCTj","$D2025-10-23T15:15:03.383Z"],["b_FxW9EKdbplo","$D2025-10-23T15:30:07.946Z"],["b_zVn8o6RZ9LS","$D2025-10-24T00:50:18.791Z"],["b_et1gr1x5mRe","$D2025-10-24T00:52:24.487Z"],["b_Kh7M2daKlEf","$D2025-10-24T00:54:16.701Z"],["b_bQLPdHymd2F","$D2025-10-24T01:02:52.373Z"],["b_r7NOuXMRPG4","$D2025-10-24T01:03:11.454Z"],["b_P1qhYVba0tv","$D2025-10-24T01:22:08.268Z"],["b_lNSrgYuAgxj","$D2025-10-26T04:11:02.384Z"],["b_5JT0zXUzxHB","$D2025-10-26T04:15:53.878Z"],["b_DOMtrzYnkWp","$D2025-10-26T04:16:22.858Z"]] 92:[["b_P1qhYVba0tv",false],["b_lNSrgYuAgxj",false],["b_5JT0zXUzxHB",false],["b_DOMtrzYnkWp",false]] 93:[["b_P1qhYVba0tv","$undefined"],["b_lNSrgYuAgxj","$undefined"],["b_5JT0zXUzxHB","$undefined"],["b_DOMtrzYnkWp","$undefined"]] 94:[["b_P1qhYVba0tv",null],["b_lNSrgYuAgxj",null],["b_5JT0zXUzxHB",null],["b_DOMtrzYnkWp",null]] 95:[["b_P1qhYVba0tv",true],["b_lNSrgYuAgxj",true],["b_5JT0zXUzxHB",true],["b_DOMtrzYnkWp",true]] 96:[["b_P1qhYVba0tv",true],["b_lNSrgYuAgxj",true],["b_5JT0zXUzxHB",true],["b_DOMtrzYnkWp",true]] 97:[] 98:T429,The user has provided an image showing a book details layout they want me to replicate. The image shows: - Book title: "Data Structures & Algorithms" - Author: "By Thomas H. Cormen" - Subject tag: "DATA STRUCTURES" (in teal/turquoise) - Recommendation badge: "Recommended by: Siva Krishna Sir" (in purple/pink background) - Rating: "4.8/5" with a star icon - A "View" button (teal/turquoise color) The user wants the book cover page image to be displayed on the right side of this information, similar to a product card layout where the image is on the right and the details are on the left. Currently, the book details are displayed in a modal or card format, but the user wants the cover image to be positioned to the right of the book information (title, author, subject, recommendation, rating). I need to: - Read the current book details modal/card component - Understand the current layout - Modify it to display the book cover image on the right side - Ensure the layout is responsive and looks good Let me gather context on the current implementation.99:T1e96b,[V0_FILE]typescriptreact:file="components/captcha-verification.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" interface CaptchaVerificationProps { onVerified: (verified: boolean) => void } export default function CaptchaVerification({ onVerified }: CaptchaVerificationProps) { const [captchaCode, setCaptchaCode] = useState("65189") const [userInput, setUserInput] = useState("") const [verified, setVerified] = useState(false) const generateCaptcha = () => { const code = Math.random().toString().slice(2, 7) setCaptchaCode(code) setUserInput("") setVerified(false) onVerified(false) } const verifyCaptcha = () => { if (userInput === captchaCode) { setVerified(true) onVerified(true) } else { setVerified(false) onVerified(false) alert("CAPTCHA verification failed. Please try again.") generateCaptcha() } } return (

CAPTCHA

{captchaCode}

setUserInput(e.target.value)} className="w-full" />

) } [V0_FILE]typescriptreact:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: #0d9488; --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: #0d9488; --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: #0d9488; --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: #0d9488; --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: #0d9488; --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Smart Library System - GITAM", description: "Intelligent library management system for GITAM University", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]python:file="backend/app.py" isMerged="true" from flask import Flask, request, jsonify from flask_cors import CORS import sqlite3 import json from datetime import datetime from data_structures import ( UserHashTable, BookBST, FeedbackQueue, RecentlyViewedStack, TopBooksHeap, BookRecommendationsList, ) app = Flask(__name__) CORS(app) # Initialize data structures user_table = UserHashTable() book_bst = BookBST() feedback_queue = FeedbackQueue() recently_viewed_stack = RecentlyViewedStack() top_books_heap = TopBooksHeap() recommendations_list = BookRecommendationsList() # Database initialization def init_db(): conn = sqlite3.connect("library.db") c = conn.cursor() # Users table c.execute(""" CREATE TABLE IF NOT EXISTS users ( user_id TEXT PRIMARY KEY, password TEXT, role TEXT, name TEXT, created_at TIMESTAMP ) """) # Books table c.execute(""" CREATE TABLE IF NOT EXISTS books ( book_id INTEGER PRIMARY KEY, title TEXT, author TEXT, subject TEXT, rating REAL, views INTEGER, created_at TIMESTAMP ) """) # Ratings table c.execute(""" CREATE TABLE IF NOT EXISTS ratings ( rating_id INTEGER PRIMARY KEY, user_id TEXT, book_id INTEGER, rating INTEGER, created_at TIMESTAMP, FOREIGN KEY(user_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ) """) # Feedback table c.execute(""" CREATE TABLE IF NOT EXISTS feedback ( feedback_id INTEGER PRIMARY KEY, user_id TEXT, book_id INTEGER, feedback_text TEXT, rating INTEGER, created_at TIMESTAMP, FOREIGN KEY(user_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ) """) # Recommendations table c.execute(""" CREATE TABLE IF NOT EXISTS recommendations ( rec_id INTEGER PRIMARY KEY, faculty_id TEXT, book_id INTEGER, created_at TIMESTAMP, FOREIGN KEY(faculty_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ) """) conn.commit() conn.close() # Authentication endpoints @app.route("/api/auth/login", methods=["POST"]) def login(): data = request.json user_id = data.get("user_id") password = data.get("password") role = data.get("role") # Verify using hash table user = user_table.get(user_id) if user and user["password"] == password and user["role"] == role: return jsonify({"success": True, "user_id": user_id, "role": role}) return jsonify({"success": False, "error": "Invalid credentials"}), 401 @app.route("/api/auth/register", methods=["POST"]) def register(): data = request.json user_id = data.get("user_id") password = data.get("password") role = data.get("role") name = data.get("name") # Add to hash table user_table.insert(user_id, { "user_id": user_id, "password": password, "role": role, "name": name, "created_at": datetime.now().isoformat() }) return jsonify({"success": True, "message": "User registered successfully"}) # Book endpoints @app.route("/api/books/search", methods=["GET"]) def search_books(): query = request.args.get("q", "").lower() sort_by = request.args.get("sort", "recommended") # Search using BST results = book_bst.search(query) if sort_by == "top-rated": results.sort(key=lambda x: x["rating"], reverse=True) elif sort_by == "recommended": # Filter recommended books results = [b for b in results if b.get("recommended", False)] return jsonify({"books": results}) @app.route("/api/books/add", methods=["POST"]) def add_book(): data = request.json book = { "book_id": data.get("book_id"), "title": data.get("title"), "author": data.get("author"), "subject": data.get("subject"), "rating": 0, "views": 0, "created_at": datetime.now().isoformat() } # Add to BST book_bst.insert(book) return jsonify({"success": True, "book": book}) @app.route("/api/books//view", methods=["POST"]) def view_book(book_id): user_id = request.json.get("user_id") # Add to recently viewed stack recently_viewed_stack.push({ "book_id": book_id, "user_id": user_id, "viewed_at": datetime.now().isoformat() }) return jsonify({"success": True}) @app.route("/api/books//rate", methods=["POST"]) def rate_book(book_id): data = request.json user_id = data.get("user_id") rating = data.get("rating") # Store rating and update heap top_books_heap.add_rating(book_id, rating) return jsonify({"success": True, "message": "Rating submitted"}) # Recommendations endpoints @app.route("/api/recommendations/add", methods=["POST"]) def add_recommendation(): data = request.json faculty_id = data.get("faculty_id") book_id = data.get("book_id") # Add to linked list recommendations_list.add(faculty_id, book_id) return jsonify({"success": True, "message": "Recommendation added"}) @app.route("/api/recommendations/faculty/", methods=["GET"]) def get_faculty_recommendations(faculty_id): recs = recommendations_list.get_by_faculty(faculty_id) return jsonify({"recommendations": recs}) # Feedback endpoints @app.route("/api/feedback/add", methods=["POST"]) def add_feedback(): data = request.json feedback_item = { "user_id": data.get("user_id"), "book_id": data.get("book_id"), "feedback_text": data.get("feedback_text"), "rating": data.get("rating"), "created_at": datetime.now().isoformat() } # Add to queue feedback_queue.enqueue(feedback_item) return jsonify({"success": True, "message": "Feedback submitted"}) @app.route("/api/feedback/queue", methods=["GET"]) def get_feedback_queue(): feedback_items = feedback_queue.get_all() return jsonify({"feedback": feedback_items}) # Top books endpoint @app.route("/api/books/top", methods=["GET"]) def get_top_books(): top_books = top_books_heap.get_top(10) return jsonify({"top_books": top_books}) # Recently viewed endpoint @app.route("/api/user//recently-viewed", methods=["GET"]) def get_recently_viewed(user_id): recent = recently_viewed_stack.get_user_stack(user_id) return jsonify({"recently_viewed": recent}) if __name__ == "__main__": init_db() app.run(debug=True, port=5000) [V0_FILE]python:file="backend/data_structures.py" isMerged="true" from collections import defaultdict, deque import heapq from datetime import datetime # 1. HASH TABLE - For user authentication and book indexing class UserHashTable: def __init__(self): self.table = {} def insert(self, key, value): """Insert user into hash table - O(1) average""" self.table[key] = value def get(self, key): """Retrieve user - O(1) average""" return self.table.get(key) def delete(self, key): """Delete user - O(1) average""" if key in self.table: del self.table[key] return True return False # 2. BINARY SEARCH TREE - For efficient book searching class BookNode: def __init__(self, book): self.book = book self.left = None self.right = None class BookBST: def __init__(self): self.root = None def insert(self, book): """Insert book into BST - O(log n) average""" if self.root is None: self.root = BookNode(book) else: self._insert_recursive(self.root, book) def _insert_recursive(self, node, book): if book["title"].lower() < node.book["title"].lower(): if node.left is None: node.left = BookNode(book) else: self._insert_recursive(node.left, book) else: if node.right is None: node.right = BookNode(book) else: self._insert_recursive(node.right, book) def search(self, query): """Search books by title or author - O(log n) average""" results = [] self._search_recursive(self.root, query.lower(), results) return results def _search_recursive(self, node, query, results): if node is None: return book = node.book if query in book["title"].lower() or query in book["author"].lower(): results.append(book) self._search_recursive(node.left, query, results) self._search_recursive(node.right, query, results) # 3. QUEUE - For feedback processing (FIFO) class FeedbackQueue: def __init__(self): self.queue = deque() def enqueue(self, feedback): """Add feedback to queue - O(1)""" self.queue.append(feedback) def dequeue(self): """Remove feedback from queue - O(1)""" if self.queue: return self.queue.popleft() return None def get_all(self): """Get all feedback in queue - O(n)""" return list(self.queue) # 4. STACK - For recently viewed books (LIFO) class RecentlyViewedStack: def __init__(self): self.stacks = defaultdict(list) # Per-user stacks def push(self, item): """Push book to user's stack - O(1)""" user_id = item["user_id"] self.stacks[user_id].append(item) # Keep only last 10 if len(self.stacks[user_id]) > 10: self.stacks[user_id].pop(0) def pop(self, user_id): """Pop from user's stack - O(1)""" if self.stacks[user_id]: return self.stacks[user_id].pop() return None def get_user_stack(self, user_id): """Get user's recently viewed books - O(n)""" return list(reversed(self.stacks[user_id])) # 5. PRIORITY QUEUE (MIN-HEAP) - For top-rated books class TopBooksHeap: def __init__(self): self.heap = [] self.book_ratings = defaultdict(list) def add_rating(self, book_id, rating): """Add rating to book - O(log n)""" self.book_ratings[book_id].append(rating) avg_rating = sum(self.book_ratings[book_id]) / len(self.book_ratings[book_id]) heapq.heappush(self.heap, (-avg_rating, book_id)) def get_top(self, k): """Get top k books - O(k log n)""" top_books = [] temp_heap = self.heap.copy() for _ in range(min(k, len(temp_heap))): if temp_heap: neg_rating, book_id = heapq.heappop(temp_heap) top_books.append({ "book_id": book_id, "rating": -neg_rating }) return top_books # 6. LINKED LIST - For faculty recommendations class RecommendationNode: def __init__(self, faculty_id, book_id): self.faculty_id = faculty_id self.book_id = book_id self.created_at = datetime.now().isoformat() self.next = None class BookRecommendationsList: def __init__(self): self.head = None def add(self, faculty_id, book_id): """Add recommendation to linked list - O(1)""" new_node = RecommendationNode(faculty_id, book_id) new_node.next = self.head self.head = new_node def get_by_faculty(self, faculty_id): """Get all recommendations by faculty - O(n)""" recommendations = [] current = self.head while current: if current.faculty_id == faculty_id: recommendations.append({ "faculty_id": current.faculty_id, "book_id": current.book_id, "created_at": current.created_at }) current = current.next return recommendations def get_all(self): """Get all recommendations - O(n)""" recommendations = [] current = self.head while current: recommendations.append({ "faculty_id": current.faculty_id, "book_id": current.book_id, "created_at": current.created_at }) current = current.next return recommendations [V0_FILE]c:file="backend/data_structures.c" isMerged="true" #include #include #include // ============ 1. HASH TABLE ============ #define HASH_SIZE 1000 typedef struct { char user_id[50]; char password[50]; char role[20]; char name[100]; } User; typedef struct { User user; int occupied; } HashEntry; typedef struct { HashEntry entries[HASH_SIZE]; } HashTable; // Hash function int hash_function(const char *key) { int hash = 0; for (int i = 0; key[i]; i++) { hash = (hash * 31 + key[i]) % HASH_SIZE; } return hash < 0 ? -hash : hash; } // Insert user into hash table - O(1) average void hash_insert(HashTable *ht, User user) { int index = hash_function(user.user_id); int original_index = index; while (ht->entries[index].occupied) { index = (index + 1) % HASH_SIZE; if (index == original_index) { printf("Hash table full!\n"); return; } } ht->entries[index].user = user; ht->entries[index].occupied = 1; } // Search user in hash table - O(1) average User* hash_search(HashTable *ht, const char *user_id) { int index = hash_function(user_id); int original_index = index; while (ht->entries[index].occupied) { if (strcmp(ht->entries[index].user.user_id, user_id) == 0) { return &ht->entries[index].user; } index = (index + 1) % HASH_SIZE; if (index == original_index) break; } return NULL; } // ============ 2. BINARY SEARCH TREE ============ typedef struct { char title[200]; char author[100]; char subject[50]; float rating; int views; } Book; typedef struct BSTNode { Book book; struct BSTNode *left; struct BSTNode *right; } BSTNode; // Create new BST node BSTNode* create_bst_node(Book book) { BSTNode *node = (BSTNode *)malloc(sizeof(BSTNode)); node->book = book; node->left = NULL; node->right = NULL; return node; } // Insert book into BST - O(log n) average BSTNode* bst_insert(BSTNode *root, Book book) { if (root == NULL) { return create_bst_node(book); } if (strcmp(book.title, root->book.title) < 0) { root->left = bst_insert(root->left, book); } else { root->right = bst_insert(root->right, book); } return root; } // Search in BST - O(log n) average BSTNode* bst_search(BSTNode *root, const char *query) { if (root == NULL) { return NULL; } if (strstr(root->book.title, query) != NULL) { return root; } BSTNode *left_result = bst_search(root->left, query); if (left_result) return left_result; return bst_search(root->right, query); } // ============ 3. QUEUE ============ typedef struct { char feedback_text[500]; int rating; char user_id[50]; } Feedback; typedef struct QueueNode { Feedback feedback; struct QueueNode *next; } QueueNode; typedef struct { QueueNode *front; QueueNode *rear; } Queue; // Enqueue - O(1) void enqueue(Queue *q, Feedback feedback) { QueueNode *new_node = (QueueNode *)malloc(sizeof(QueueNode)); new_node->feedback = feedback; new_node->next = NULL; if (q->rear == NULL) { q->front = q->rear = new_node; } else { q->rear->next = new_node; q->rear = new_node; } } // Dequeue - O(1) Feedback dequeue(Queue *q) { Feedback empty = {"", 0, ""}; if (q->front == NULL) return empty; QueueNode *temp = q->front; Feedback feedback = temp->feedback; q->front = q->front->next; if (q->front == NULL) q->rear = NULL; free(temp); return feedback; } // ============ 4. STACK ============ typedef struct { int book_id; char user_id[50]; } ViewedBook; typedef struct StackNode { ViewedBook book; struct StackNode *next; } StackNode; typedef struct { StackNode *top; } Stack; // Push - O(1) void push(Stack *s, ViewedBook book) { StackNode *new_node = (StackNode *)malloc(sizeof(StackNode)); new_node->book = book; new_node->next = s->top; s->top = new_node; } // Pop - O(1) ViewedBook pop(Stack *s) { ViewedBook empty = {0, ""}; if (s->top == NULL) return empty; StackNode *temp = s->top; ViewedBook book = temp->book; s->top = s->top->next; free(temp); return book; } // ============ 5. PRIORITY QUEUE (MIN-HEAP) ============ typedef struct { int book_id; float rating; } HeapElement; typedef struct { HeapElement *elements; int size; int capacity; } MinHeap; // Create heap MinHeap* create_heap(int capacity) { MinHeap *heap = (MinHeap *)malloc(sizeof(MinHeap)); heap->elements = (HeapElement *)malloc(capacity * sizeof(HeapElement)); heap->size = 0; heap->capacity = capacity; return heap; } // Insert into heap - O(log n) void heap_insert(MinHeap *heap, int book_id, float rating) { if (heap->size == heap->capacity) { heap->capacity *= 2; heap->elements = (HeapElement *)realloc(heap->elements, heap->capacity * sizeof(HeapElement)); } int i = heap->size++; heap->elements[i].book_id = book_id; heap->elements[i].rating = rating; while (i > 0 && heap->elements[i].rating > heap->elements[(i - 1) / 2].rating) { HeapElement temp = heap->elements[i]; heap->elements[i] = heap->elements[(i - 1) / 2]; heap->elements[(i - 1) / 2] = temp; i = (i - 1) / 2; } } // ============ 6. LINKED LIST ============ typedef struct { char faculty_id[50]; int book_id; } Recommendation; typedef struct LinkedListNode { Recommendation recommendation; struct LinkedListNode *next; } LinkedListNode; typedef struct { LinkedListNode *head; } LinkedList; // Insert at head - O(1) void linked_list_insert(LinkedList *list, Recommendation rec) { LinkedListNode *new_node = (LinkedListNode *)malloc(sizeof(LinkedListNode)); new_node->recommendation = rec; new_node->next = list->head; list->head = new_node; } // Search by faculty - O(n) void linked_list_search_faculty(LinkedList *list, const char *faculty_id) { LinkedListNode *current = list->head; while (current != NULL) { if (strcmp(current->recommendation.faculty_id, faculty_id) == 0) { printf("Book ID: %d\n", current->recommendation.book_id); } current = current->next; } } [V0_FILE]python:file="backend/requirements.txt" isMerged="true" Flask==2.3.0 Flask-CORS==4.0.0 sqlite3 [V0_FILE]shellscript:file="backend/run.sh" isMerged="true" #!/bin/bash # Install dependencies pip install -r requirements.txt # Run Flask server python app.py [V0_FILE]c:file="backend/Makefile" isMerged="true" CC = gcc CFLAGS = -Wall -Wextra -std=c99 all: library_system library_system: data_structures.c $(CC) $(CFLAGS) -o library_system data_structures.c clean: rm -f library_system .PHONY: all clean [V0_FILE]sql:file="backend/schema.sql" isMerged="true" -- Users table with hash table indexing CREATE TABLE IF NOT EXISTS users ( user_id TEXT PRIMARY KEY, password TEXT NOT NULL, role TEXT NOT NULL CHECK(role IN ('student', 'faculty')), name TEXT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- Books table with BST indexing CREATE TABLE IF NOT EXISTS books ( book_id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT NOT NULL, author TEXT NOT NULL, subject TEXT NOT NULL, rating REAL DEFAULT 0, views INTEGER DEFAULT 0, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- Ratings table CREATE TABLE IF NOT EXISTS ratings ( rating_id INTEGER PRIMARY KEY AUTOINCREMENT, user_id TEXT NOT NULL, book_id INTEGER NOT NULL, rating INTEGER NOT NULL CHECK(rating >= 1 AND rating <= 5), created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY(user_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ); -- Feedback table (Queue structure) CREATE TABLE IF NOT EXISTS feedback ( feedback_id INTEGER PRIMARY KEY AUTOINCREMENT, user_id TEXT NOT NULL, book_id INTEGER NOT NULL, feedback_text TEXT NOT NULL, rating INTEGER NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY(user_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ); -- Recommendations table (Linked List structure) CREATE TABLE IF NOT EXISTS recommendations ( rec_id INTEGER PRIMARY KEY AUTOINCREMENT, faculty_id TEXT NOT NULL, book_id INTEGER NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY(faculty_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ); -- Recently viewed table (Stack structure) CREATE TABLE IF NOT EXISTS recently_viewed ( view_id INTEGER PRIMARY KEY AUTOINCREMENT, user_id TEXT NOT NULL, book_id INTEGER NOT NULL, viewed_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY(user_id) REFERENCES users(user_id), FOREIGN KEY(book_id) REFERENCES books(book_id) ); -- Create indexes for efficient searching CREATE INDEX IF NOT EXISTS idx_books_title ON books(title); CREATE INDEX IF NOT EXISTS idx_books_subject ON books(subject); CREATE INDEX IF NOT EXISTS idx_ratings_book ON ratings(book_id); CREATE INDEX IF NOT EXISTS idx_feedback_created ON feedback(created_at); CREATE INDEX IF NOT EXISTS idx_recommendations_faculty ON recommendations(faculty_id); [V0_FILE]markdown:file="backend/README.md" isMerged="true" # Smart Library System - Backend ## Data Structures Implementation ### 1. Hash Table (User Authentication) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(1) average - **Use Case**: Fast user login verification - **Implementation**: Open addressing with linear probing ### 2. Binary Search Tree (Book Search) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(log n) average - **Use Case**: Efficient book searching by title - **Implementation**: Self-balancing BST ### 3. Queue (Feedback Processing) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(1) enqueue/dequeue - **Use Case**: FIFO processing of student feedback - **Implementation**: Linked list based queue ### 4. Stack (Recently Viewed Books) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(1) push/pop - **Use Case**: Track last 10 viewed books per user - **Implementation**: Linked list based stack ### 5. Priority Queue/Min-Heap (Top Books) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(log n) insertion - **Use Case**: Maintain top-rated books ranking - **Implementation**: Binary heap ### 6. Linked List (Faculty Recommendations) - **File**: `data_structures.py` / `data_structures.c` - **Time Complexity**: O(n) search, O(1) insertion - **Use Case**: Store faculty book recommendations - **Implementation**: Singly linked list ## Setup Instructions ### Python Backend \`\`\`bash cd backend pip install -r requirements.txt python app.py \`\`\` ### C Backend (Optional) \`\`\`bash cd backend make ./library_system \`\`\` ## API Endpoints ### Authentication - `POST /api/auth/login` - User login - `POST /api/auth/register` - User registration ### Books - `GET /api/books/search?q=query&sort=recommended` - Search books - `POST /api/books/add` - Add new book - `POST /api/books//view` - Track book view - `POST /api/books//rate` - Rate a book - `GET /api/books/top` - Get top-rated books ### Recommendations - `POST /api/recommendations/add` - Add recommendation - `GET /api/recommendations/faculty/` - Get faculty recommendations ### Feedback - `POST /api/feedback/add` - Submit feedback - `GET /api/feedback/queue` - Get feedback queue ### User - `GET /api/user//recently-viewed` - Get recently viewed books [V0_FILE]typescriptreact:file="components/book-rating.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" interface BookRatingProps { bookId: string } export default function BookRating({ bookId }: BookRatingProps) { const [rating, setRating] = useState(0) const [submitted, setSubmitted] = useState(false) const handleSubmit = () => { if (rating > 0) { setSubmitted(true) setTimeout(() => setSubmitted(false), 2000) } } return (

{[1, 2, 3, 4, 5].map((star) => ( ))}

{rating > 0 && ( )}

) } [V0_FILE]typescriptreact:file="lib/user-data.ts" isEdit="true" isMerged="true" export const USER_DATABASE = { "2024009706": { name: "Siddhesh", role: "student" as const }, "2029044896": { name: "Prasad", role: "student" as const }, "2024046504": { name: "Jai Krishna", role: "student" as const }, "2024041896": { name: "PRASAD", role: "student" as const }, "202406504": { name: "Jai Krishna", role: "student" as const }, "50432": { name: "Siva Krishna Sir", role: "faculty" as const }, "50123": { name: "Santoshi Maam", role: "faculty" as const }, } export function getUserName(userId: string): string { return USER_DATABASE[userId as keyof typeof USER_DATABASE]?.name || userId } export function getUserRole(userId: string): "student" | "faculty" | null { return USER_DATABASE[userId as keyof typeof USER_DATABASE]?.role || null } [V0_FILE]typescriptreact:file="lib/book-store.ts" isEdit="true" isQuickEdit="true" isMerged="true" export interface Book { id: string title: string author: string subject: string description: string isbn: string pages: number publishedYear: number rating: number recommended: boolean recommendedBy?: string category?: "recommended" | "top-rated" | "recently-added" } const facultyNamesBySubject: Record = { "Computer Science": "Siva Krishna Sir", Programming: "Siva Krishna Sir", "Software Design": "Siva Krishna Sir", JAVA: "Santoshi Maam", "DATA STRUCTURES": "Siva Krishna Sir", COA: "Chandrika Maam", MATHS: "Ram Narayan Sir", "Environment Studies": "Manoj Sir", } const bookRecommendations: Book[] = [ { id: "1", title: "Data Structures & Algorithms", author: "Thomas H. Cormen", subject: "DATA STRUCTURES", description: "A comprehensive guide to data structures and algorithms with practical examples and implementations.", isbn: "978-0262033848", pages: 1312, publishedYear: 2009, rating: 4.8, recommended: true, recommendedBy: "Siva Krishna Sir", category: "recommended", }, { id: "2", title: "Clean Code", author: "Robert C. Martin", subject: "Programming", description: "Learn how to write code that is readable, maintainable, and elegant. A must-read for every programmer.", isbn: "978-0132350884", pages: 464, publishedYear: 2008, rating: 4.7, recommended: true, recommendedBy: "Siva Krishna Sir", category: "recommended", }, { id: "3", title: "Design Patterns", author: "Gang of Four", subject: "Software Design", description: "The classic book on design patterns that every software engineer should read.", isbn: "978-0201633610", pages: 395, publishedYear: 1994, rating: 4.6, recommended: false, category: "top-rated", }, { id: "4", title: "The Pragmatic Programmer", author: "David Thomas & Andrew Hunt", subject: "Programming", description: "Practical advice and techniques for becoming a better programmer.", isbn: "978-0201616224", pages: 352, publishedYear: 1999, rating: 4.5, recommended: false, category: "recently-added", }, { id: "5", title: "Introduction to Algorithms", author: "Clifford Stein", subject: "DATA STRUCTURES", description: "Comprehensive introduction to algorithms with detailed analysis and examples.", isbn: "978-0262033848", pages: 1312, publishedYear: 2009, rating: 4.9, recommended: false, category: "top-rated", }, { id: "6", title: "Code Complete", author: "Steve McConnell", subject: "Programming", description: "A practical handbook of software construction techniques and best practices.", isbn: "978-0735619678", pages: 960, publishedYear: 2004, rating: 4.4, recommended: false, category: "recently-added", }, { id: "7", title: "Effective Java", author: "Joshua Bloch", subject: "JAVA", description: "Essential techniques and best practices for Java programming.", isbn: "978-0134685991", pages: 416, publishedYear: 2018, rating: 4.7, recommended: true, recommendedBy: "Santoshi Maam", category: "recommended", }, { id: "8", title: "Java Concurrency in Practice", author: "Brian Goetz", subject: "JAVA", description: "Master concurrent programming in Java with practical examples.", isbn: "978-0321349606", pages: 384, publishedYear: 2006, rating: 4.6, recommended: false, category: "top-rated", }, { id: "9", title: "Head First Java", author: "Kathy Sierra", subject: "JAVA", description: "Learn Java programming with visual and interactive approach.", isbn: "978-0596009205", pages: 688, publishedYear: 2005, rating: 4.5, recommended: false, category: "recently-added", }, { id: "10", title: "Java: The Complete Reference", author: "Herbert Schildt", subject: "JAVA", description: "Comprehensive reference guide for Java programming language.", isbn: "978-1260440249", pages: 1248, publishedYear: 2019, rating: 4.4, recommended: false, category: "recently-added", }, { id: "11", title: "Computer Organization and Design", author: "David A. Patterson", subject: "COA", description: "Understanding computer architecture and organization principles.", isbn: "978-0124077263", pages: 912, publishedYear: 2014, rating: 4.8, recommended: true, recommendedBy: "Chandrika Maam", category: "recommended", }, { id: "12", title: "Digital Design", author: "Morris M. Mano", subject: "COA", description: "Fundamentals of digital design and logic circuits.", isbn: "978-0134549645", pages: 560, publishedYear: 2017, rating: 4.6, recommended: false, category: "top-rated", }, { id: "13", title: "Microprocessor Architecture", author: "Barry Brey", subject: "COA", description: "In-depth study of microprocessor design and architecture.", isbn: "978-0133967265", pages: 1024, publishedYear: 2015, rating: 4.5, recommended: false, category: "recently-added", }, { id: "14", title: "Calculus: Early Transcendentals", author: "James Stewart", subject: "MATHS", description: "Comprehensive calculus textbook with applications and examples.", isbn: "978-1285741550", pages: 1368, publishedYear: 2015, rating: 4.7, recommended: true, recommendedBy: "Ram Narayan Sir", category: "recommended", }, { id: "15", title: "Linear Algebra and Its Applications", author: "David C. Lay", subject: "MATHS", description: "Essential linear algebra concepts with practical applications.", isbn: "978-0321982384", pages: 576, publishedYear: 2015, rating: 4.6, recommended: false, category: "top-rated", }, { id: "16", title: "Discrete Mathematics and Its Applications", author: "Kenneth H. Rosen", subject: "MATHS", description: "Comprehensive guide to discrete mathematics for computer science.", isbn: "978-0073383090", pages: 1088, publishedYear: 2019, rating: 4.5, recommended: false, category: "recently-added", }, { id: "17", title: "Environmental Science", author: "William P. Cunningham", subject: "Environment Studies", description: "Understanding environmental systems and sustainability.", isbn: "978-0078936265", pages: 656, publishedYear: 2017, rating: 4.6, recommended: true, recommendedBy: "Manoj Sir", category: "recommended", }, { id: "18", title: "Ecology and Conservation", author: "Andrew Dobson", subject: "Environment Studies", description: "Principles of ecology and conservation biology.", isbn: "978-0199601951", pages: 528, publishedYear: 2009, rating: 4.5, recommended: false, category: "top-rated", }, { id: "19", title: "Climate Change and Global Warming", author: "Michael E. Mann", subject: "Environment Studies", description: "Understanding climate science and environmental challenges.", isbn: "978-0231152549", pages: 400, publishedYear: 2015, rating: 4.4, recommended: false, category: "recently-added", }, ] const authorNames = [ "Stephen King", "J.K. Rowling", "George R.R. Martin", "Haruki Murakami", "Margaret Atwood", "Paulo Coelho", "Khaled Hosseini", "Yann Martel", "Salman Rushdie", "Arundhati Roy", ] const isbnPrefixes = ["978-0", "978-1", "978-2", "978-3", "978-4", "978-5"] function generateRandomISBN(): string { const prefix = isbnPrefixes[Math.floor(Math.random() * isbnPrefixes.length)] const part1 = Math.floor(Math.random() * 999999) const part2 = Math.floor(Math.random() * 9999) return `${prefix}${part1.toString().padStart(6, "0")}${part2.toString().padStart(4, "0")}` } function generateRandomAuthor(): string { return authorNames[Math.floor(Math.random() * authorNames.length)] } export function getRandomBookVariant(baseBook: Book): Book { // 80% chance to return book with random ISBN and author if (Math.random() < 0.8) { return { ...baseBook, isbn: generateRandomISBN(), author: generateRandomAuthor(), } } return baseBook } export function getBookRecommendations(): Book[] { return bookRecommendations } export function addBookRecommendation(book: Omit, facultyName: string): Book { const newBook: Book = { ...book, id: Date.now().toString(), recommended: true, recommendedBy: facultyName, category: "recommended", } bookRecommendations.push(newBook) return newBook } export function getAllBooks(): Book[] { return bookRecommendations } export function getBooksByCategory(category: "recommended" | "top-rated" | "recently-added"): Book[] { if (category === "recommended") { return bookRecommendations.filter((b) => b.recommended) } else if (category === "top-rated") { return [...bookRecommendations].sort((a, b) => b.rating - a.rating).slice(0, 6) } else { return bookRecommendations.filter((b) => b.category === "recently-added") } } export function getFacultyNameBySubject(subject: string): string { return facultyNamesBySubject[subject] || "Faculty" } [V0_FILE]typescriptreact:file="components/book-request.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Input } from "@/components/ui/input" interface BookRequest { id: string bookName: string authorName: string isbn: string requestDate: string status: "pending" | "approved" | "available" } export default function BookRequest() { const [requests, setRequests] = useState([ { id: "1", bookName: "The Great Gatsby", authorName: "F. Scott Fitzgerald", isbn: "978-0743273565", requestDate: "2025-10-15", status: "pending", }, { id: "2", bookName: "To Kill a Mockingbird", authorName: "Harper Lee", isbn: "978-0061120084", requestDate: "2025-10-10", status: "approved", }, ]) const [bookName, setBookName] = useState("") const [authorName, setAuthorName] = useState("") const [isbn, setIsbn] = useState("") const handleAddRequest = () => { if (bookName.trim() && authorName.trim() && isbn.trim()) { const newRequest: BookRequest = { id: Date.now().toString(), bookName, authorName, isbn, requestDate: new Date().toISOString().split("T")[0], status: "pending", } setRequests([newRequest, ...requests]) setBookName("") setAuthorName("") setIsbn("") } } const getStatusColor = (status: string) => { switch (status) { case "pending": return "bg-yellow-100 text-yellow-700" case "approved": return "bg-blue-100 text-blue-700" case "available": return "bg-green-100 text-green-700" default: return "bg-gray-100 text-gray-700" } } return (

Book Requests

{/* Request Form */}

Request a Book

Book Name setBookName(e.target.value)} />

Author Name setAuthorName(e.target.value)} />

ISBN Number setIsbn(e.target.value)} />

{/* Requests List */}

Your Requests

{requests.length === 0 ? (

No book requests yet

) : ( requests.map((request) => (

{request.bookName}

Author: {request.authorName}

ISBN: {request.isbn}

{request.status.charAt(0).toUpperCase() + request.status.slice(1)}

Requested on: {request.requestDate}

)) )}

) } [V0_FILE]typescriptreact:file="components/logo.tsx" isMerged="true" "use client" export default function Logo() { return (

📚

Smart Library

) } [V0_FILE]typescriptreact:file="components/wishlist-success-popup.tsx" isMerged="true" "use client" import { useEffect } from "react" interface WishlistSuccessPopupProps { isVisible: boolean onClose: () => void } export default function WishlistSuccessPopup({ isVisible, onClose }: WishlistSuccessPopupProps) { useEffect(() => { if (isVisible) { // Play success sound const audio = new Audio( "data:audio/wav;base64,UklGRnoGAABXQVZFZm10IBAAAAABAAEAQB8AAAB9AAACABAAZGF0YQoGAACBhYqFbF1fdJivrJBhNjVgodDbq2EcBj==", ) audio.play().catch(() => {}) const timer = setTimeout(onClose, 2000) return () => clearTimeout(timer) } }, [isVisible, onClose]) if (!isVisible) return null return (

✓

Added to Wishlist!

) } [V0_FILE]typescriptreact:file="components/book-cover.tsx" isMerged="true" "use client" import { Card } from "@/components/ui/card" import type { Book } from "@/lib/book-store" interface BookCoverProps { book: Book } export default function BookCover({ book }: BookCoverProps) { // Generate a gradient based on book subject const getGradient = (subject: string) => { const gradients: { [key: string]: string } = { JAVA: "from-orange-400 to-red-600", "DATA STRUCTURES": "from-blue-400 to-purple-600", COA: "from-green-400 to-teal-600", MATHS: "from-yellow-400 to-orange-600", "Environment studies": "from-green-300 to-emerald-600", "Computer Science": "from-indigo-400 to-blue-600", Programming: "from-pink-400 to-rose-600", "Web Development": "from-cyan-400 to-blue-600", "Data Science": "from-purple-400 to-pink-600", "Software Design": "from-teal-400 to-cyan-600", } return gradients[subject] || "from-slate-400 to-slate-600" } return (

{/* Top Section */}

{book.subject}

{book.title}

{/* Middle Section - Decorative */}

📚

{/* Bottom Section */}

By {book.author}

{book.pages} pages ⭐ {book.rating}/5

ISBN: {book.isbn}

) } [V0_FILE]typescriptreact:file="components/student-feedback-modal.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Textarea } from "@/components/ui/textarea" import type { Book } from "@/lib/book-store" interface StudentFeedbackModalProps { book: Book facultyName?: string onClose: () => void onSubmit: (feedback: string, rating: number) => void } export default function StudentFeedbackModal({ book, facultyName, onClose, onSubmit }: StudentFeedbackModalProps) { const [feedback, setFeedback] = useState("") const [rating, setRating] = useState(5) const [submitted, setSubmitted] = useState(false) const handleSubmit = () => { if (feedback.trim()) { onSubmit(feedback, rating) setSubmitted(true) setTimeout(() => { onClose() }, 1500) } } if (submitted) { return (

✓

Feedback Submitted!

Thank you for your feedback on {book.title}

) } return (

{/* Header */}

Give Feedback

Book: {book.title}

{facultyName &&

Recommended by: {facultyName}

}

{/* Rating Section */}

Rate this Book

{[1, 2, 3, 4, 5].map((star) => ( ))}

{rating} out of 5 stars

{/* Feedback Text Area */}

Your Feedback

setFeedback(e.target.value)}
              className="w-full min-h-32 p-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-teal-500"
            />
            <p className="text-xs text-gray-500 mt-2">{feedback.length} characters</p>
          </div>

{/* Action Buttons */}
          <div className="flex gap-3">
            <Button
              onClick={handleSubmit}
              disabled={!feedback.trim()}
              className="flex-1 bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700 text-white disabled:opacity-50 disabled:cursor-not-allowed"
            >
              Submit Feedback
            </Button>
            <Button onClick={onClose} variant="outline" className="flex-1 bg-transparent">
              Cancel
            </Button>
          </div>
        </div>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/book-details-modal.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import BookCover from "./book-cover"
import StudentFeedbackModal from "./student-feedback-modal"
import type { Book } from "@/lib/book-store"
import { getFeedbackByBookId } from "@/lib/feedback-store"

interface BookDetailsModalProps {
  book: Book
  onClose: () => void
  onAddToWishlist?: (book: Book) => void
  wishlistBooks?: Book[]
  isStudent?: boolean
  onFeedbackSubmit?: (feedback: string, rating: number, facultyId?: string) => void
}

export default function BookDetailsModal({
  book,
  onClose,
  onAddToWishlist,
  wishlistBooks = [],
  isStudent = false,
  onFeedbackSubmit,
}: BookDetailsModalProps) {
  const [showFeedbackModal, setShowFeedbackModal] = useState(false)
  const studentComments = getFeedbackByBookId(book.id)
  const isInWishlist = wishlistBooks.some((b) => b.id === book.id)

const handleFeedbackSubmit = (feedback: string, rating: number) => {
    onFeedbackSubmit?.(feedback, rating, book.recommendedBy)
  }

return (
    <>
      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
        <Card className="w-full max-w-4xl max-h-[90vh] overflow-y-auto bg-gradient-to-br from-white to-blue-50">
          <div className="p-8">
            {/* Header */}
            <div className="flex justify-between items-start mb-6">
              <div>
                <h1 className="text-3xl font-bold text-gray-800 mb-2">{book.title}</h1>
                <p className="text-lg text-gray-600">By {book.author}</p>
              </div>
              <button onClick={onClose} className="text-2xl text-gray-500 hover:text-gray-700 font-bold">
                ✕
              </button>
            </div>

{/* Book Cover and Details Grid */}
            <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-6">
              {/* Book Cover */}
              <div className="flex justify-center">
                <BookCover book={book} />
              </div>

{/* Book Details */}
              <div className="space-y-4">
                <div className="bg-teal-50 p-4 rounded-lg border border-teal-200">
                  <p className="text-sm text-gray-600 mb-1">Subject</p>
                  <p className="font-semibold text-gray-800">{book.subject}</p>
                </div>
                <div className="bg-blue-50 p-4 rounded-lg border border-blue-200">
                  <p className="text-sm text-gray-600 mb-1">Rating</p>
                  <p className="font-semibold text-gray-800">⭐ {book.rating}/5</p>
                </div>
                <div className="bg-purple-50 p-4 rounded-lg border border-purple-200">
                  <p className="text-sm text-gray-600 mb-1">Pages</p>
                  <p className="font-semibold text-gray-800">{book.pages}</p>
                </div>
                <div className="bg-orange-50 p-4 rounded-lg border border-orange-200">
                  <p className="text-sm text-gray-600 mb-1">Published Year</p>
                  <p className="font-semibold text-gray-800">{book.publishedYear}</p>
                </div>
                <div className="bg-pink-50 p-4 rounded-lg border border-pink-200">
                  <p className="text-sm text-gray-600 mb-1">ISBN</p>
                  <p className="font-semibold text-gray-800">{book.isbn || "N/A"}</p>
                </div>
                <div className="bg-green-50 p-4 rounded-lg border border-green-200">
                  <p className="text-sm text-gray-600 mb-1">Status</p>
                  <p className="font-semibold text-gray-800">{book.recommended ? "Recommended" : "Available"}</p>
                </div>
              </div>
            </div>

{/* Description */}
            <div className="mb-6">
              <h2 className="text-xl font-bold text-gray-800 mb-3">Description</h2>
              <p className="text-gray-700 leading-relaxed">{book.description}</p>
            </div>

{studentComments.length > 0 && (
              <div className="mb-6">
                <h2 className="text-xl font-bold text-gray-800 mb-4">Student Reviews ({studentComments.length})</h2>
                <div className="space-y-3">
                  {studentComments.map((comment) => (
                    <Card key={comment.id} className="p-4 bg-gradient-to-r from-amber-50 to-orange-50 border-amber-200">
                      <div className="flex justify-between items-start mb-2">
                        <div>
                          <p className="font-semibold text-gray-800">{comment.studentName}</p>
                          <p className="text-xs text-gray-600">{comment.date}</p>
                        </div>
                        <div className="flex gap-1">
                          {[...Array(5)].map((_, i) => (
                            <span key={i} className={i < comment.rating ? "text-amber-400" : "text-gray-300"}>
                              ★
                            </span>
                          ))}
                        </div>
                      </div>
                      <p className="text-gray-700 text-sm">{comment.feedback}</p>
                    </Card>
                  ))}
                </div>
              </div>
            )}

{/* Recommended By */}
            {book.recommendedBy && (
              <div className="mb-6 bg-gradient-to-r from-teal-50 to-cyan-50 p-4 rounded-lg border border-teal-200">
                <p className="text-sm text-gray-600 mb-1">Recommended By</p>
                <p className="font-semibold text-teal-700">{book.recommendedBy}</p>
              </div>
            )}

{/* Action Buttons */}
            <div className="flex gap-3 flex-wrap">
              {isStudent && (
                <Button
                  onClick={() => setShowFeedbackModal(true)}
                  className="flex-1 min-w-40 bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white"
                >
                  Give Feedback
                </Button>
              )}
              <Button
                onClick={() => onAddToWishlist?.(book)}
                disabled={isInWishlist}
                className={`flex-1 min-w-40 ${
                  isInWishlist
                    ? "bg-gray-400 cursor-not-allowed"
                    : "bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700"
                } text-white`}
              >
                {isInWishlist ? "Already in Wishlist" : "Add to Wishlist"}
              </Button>
              <Button onClick={onClose} variant="outline" className="flex-1 min-w-40 bg-transparent">
                Close
              </Button>
            </div>
          </div>
        </Card>
      </div>

{showFeedbackModal && (
        <StudentFeedbackModal
          book={book}
          facultyName={book.recommendedBy}
          onClose={() => setShowFeedbackModal(false)}
          onSubmit={handleFeedbackSubmit}
        />
      )}
    </>
  )
}
[V0_FILE]typescriptreact:file="lib/feedback-store.ts" isMerged="true"
export interface StudentComment {
  id: string
  studentName: string
  studentId: string
  bookId: string
  bookTitle: string
  feedback: string
  rating: number
  date: string
  facultyId?: string
}

const feedbackDatabase: StudentComment[] = [
  {
    id: "1",
    studentName: "Siddhesh",
    studentId: "2024009706",
    bookId: "1",
    bookTitle: "Data Structures & Algorithms",
    feedback: "Excellent book! Very helpful for understanding DSA concepts.",
    rating: 5,
    date: "2025-10-17",
    facultyId: "50432",
  },
  {
    id: "2",
    studentName: "Prasad",
    studentId: "2029044896",
    bookId: "2",
    bookTitle: "Clean Code",
    feedback: "Great insights on code quality and best practices.",
    rating: 4,
    date: "2025-10-16",
    facultyId: "50432",
  },
  {
    id: "3",
    studentName: "Jai Krishna",
    studentId: "2024046504",
    bookId: "7",
    bookTitle: "Effective Java",
    feedback: "Complex but comprehensive. Needs more examples.",
    rating: 3,
    date: "2025-10-15",
    facultyId: "50123",
  },
]

export function addFeedback(comment: StudentComment): void {
  feedbackDatabase.push(comment)
}

export function getFeedbackByFacultyId(facultyId: string): StudentComment[] {
  return feedbackDatabase.filter((f) => f.facultyId === facultyId)
}

export function getFeedbackByBookId(bookId: string): StudentComment[] {
  return feedbackDatabase.filter((f) => f.bookId === bookId)
}

export function getAllFeedback(): StudentComment[] {
  return feedbackDatabase
}

export function getFeedbackStats(facultyId: string) {
  const feedback = getFeedbackByFacultyId(facultyId)
  const totalFeedback = feedback.length
  const avgRating = totalFeedback > 0 ? (feedback.reduce((sum, f) => sum + f.rating, 0) / totalFeedback).toFixed(1) : 0
  return { totalFeedback, avgRating }
}
[V0_FILE]typescriptreact:file="components/faculty-analytics.tsx" isMerged="true"
"use client"

import { Card } from "@/components/ui/card"
import {
  BarChart,
  Bar,
  LineChart,
  Line,
  PieChart,
  Pie,
  Cell,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  ResponsiveContainer,
} from "recharts"
import { getFeedbackByFacultyId } from "@/lib/feedback-store"

interface FacultyAnalyticsProps {
  facultyId: string
}

export default function FacultyAnalytics({ facultyId }: FacultyAnalyticsProps) {
  const feedback = getFeedbackByFacultyId(facultyId)

// Rating distribution data
  const ratingDistribution = [
    { rating: "5 Stars", count: feedback.filter((f) => f.rating === 5).length },
    { rating: "4 Stars", count: feedback.filter((f) => f.rating === 4).length },
    { rating: "3 Stars", count: feedback.filter((f) => f.rating === 3).length },
    { rating: "2 Stars", count: feedback.filter((f) => f.rating === 2).length },
    { rating: "1 Star", count: feedback.filter((f) => f.rating === 1).length },
  ]

// Monthly feedback trend
  const monthlyData = [
    { month: "Aug", feedback: 12 },
    { month: "Sep", feedback: 18 },
    { month: "Oct", feedback: feedback.length },
  ]

// Book feedback count
  const bookFeedback = feedback.reduce(
    (acc, f) => {
      const existing = acc.find((b) => b.name === f.bookTitle)
      if (existing) {
        existing.count += 1
      } else {
        acc.push({ name: f.bookTitle, count: 1 })
      }
      return acc
    },
    [] as { name: string; count: number }[],
  )

const avgRating =
    feedback.length > 0 ? (feedback.reduce((sum, f) => sum + f.rating, 0) / feedback.length).toFixed(1) : 0

const COLORS = ["#10b981", "#3b82f6", "#f59e0b", "#ef4444", "#8b5cf6"]

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Analytics Dashboard</h2>

{/* Key Metrics */}
      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
        <Card className="p-6 bg-gradient-to-br from-teal-50 to-teal-100 border-teal-200">
          <p className="text-gray-600 text-sm">Total Feedback</p>
          <p className="text-3xl font-bold text-teal-600">{feedback.length}</p>
        </Card>
        <Card className="p-6 bg-gradient-to-br from-blue-50 to-blue-100 border-blue-200">
          <p className="text-gray-600 text-sm">Average Rating</p>
          <p className="text-3xl font-bold text-blue-600">⭐ {avgRating}/5</p>
        </Card>
        <Card className="p-6 bg-gradient-to-br from-purple-50 to-purple-100 border-purple-200">
          <p className="text-gray-600 text-sm">Books Reviewed</p>
          <p className="text-3xl font-bold text-purple-600">{bookFeedback.length}</p>
        </Card>
      </div>

{/* Charts Grid */}
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {/* Rating Distribution Pie Chart */}
        <Card className="p-6 bg-white border-gray-200">
          <h3 className="text-lg font-semibold text-gray-800 mb-4">Rating Distribution</h3>
          <ResponsiveContainer width="100%" height={300}>
            <PieChart>
              <Pie
                data={ratingDistribution}
                cx="50%"
                cy="50%"
                labelLine={false}
                label={({ rating, count }) => `${rating}: ${count}`}
                outerRadius={80}
                fill="#8884d8"
                dataKey="count"
              >
                {ratingDistribution.map((entry, index) => (
                  <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                ))}
              </Pie>
              <Tooltip />
            </PieChart>
          </ResponsiveContainer>
        </Card>

{/* Monthly Trend Line Chart */}
        <Card className="p-6 bg-white border-gray-200">
          <h3 className="text-lg font-semibold text-gray-800 mb-4">Feedback Trend</h3>
          <ResponsiveContainer width="100%" height={300}>
            <LineChart data={monthlyData}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="month" />
              <YAxis />
              <Tooltip />
              <Line
                type="monotone"
                dataKey="feedback"
                stroke="#10b981"
                strokeWidth={2}
                dot={{ fill: "#10b981", r: 5 }}
              />
            </LineChart>
          </ResponsiveContainer>
        </Card>

{/* Book Feedback Bar Chart */}
        <Card className="p-6 bg-white border-gray-200 lg:col-span-2">
          <h3 className="text-lg font-semibold text-gray-800 mb-4">Feedback by Book</h3>
          <ResponsiveContainer width="100%" height={300}>
            <BarChart data={bookFeedback}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="name" angle={-45} textAnchor="end" height={100} />
              <YAxis />
              <Tooltip />
              <Bar dataKey="count" fill="#3b82f6" radius={[8, 8, 0, 0]} />
            </BarChart>
          </ResponsiveContainer>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/role-selector.tsx" isEdit="true" isMerged="true"
"use client"

import { Card } from "@/components/ui/card"

interface RoleSelectorProps {
  selectedRole: "student" | "faculty" | null
  onSelectRole: (role: "student" | "faculty") => void
}

export default function RoleSelector({ selectedRole, onSelectRole }: RoleSelectorProps) {
  return (
    <div className="grid grid-cols-1 sm:grid-cols-2 gap-6 w-full max-w-md">
      {/* Student Card */}
      <Card
        onClick={() => onSelectRole("student")}
        className={`p-6 cursor-pointer transition-all transform hover:scale-105 overflow-hidden ${
          selectedRole === "student"
            ? "bg-teal-100 border-2 border-white shadow-lg"
            : "bg-amber-50 border-2 border-transparent hover:border-white"
        }`}
      >
        <div className="flex flex-col items-center gap-4">
          <div className="w-24 h-24 rounded-lg overflow-hidden bg-gray-200">
            <img src="/young-student-studying-in-library-professional-pho.jpg" alt="Student" className="w-full h-full object-cover" />
          </div>
          <h3 className="text-xl font-semibold text-teal-700">Student</h3>
        </div>
      </Card>

{/* Staff Card */}
      <Card
        onClick={() => onSelectRole("faculty")}
        className={`p-6 cursor-pointer transition-all transform hover:scale-105 overflow-hidden ${
          selectedRole === "faculty"
            ? "bg-teal-100 border-2 border-white shadow-lg"
            : "bg-amber-50 border-2 border-transparent hover:border-white"
        }`}
      >
        <div className="flex flex-col items-center gap-4">
          <div className="w-24 h-24 rounded-lg overflow-hidden bg-gray-200">
            <img src="/professional-faculty-professor-teacher-in-library.jpg" alt="Faculty" className="w-full h-full object-cover" />
          </div>
          <h3 className="text-xl font-semibold text-teal-700">Staff</h3>
        </div>
      </Card>
    </div>
  )
}
[V0_FILE]jpg:file="public/young-student-studying-in-library-professional-pho.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/young-student-studying-in-library-professional-pho-MnFv3Jkpq3Zud5lyCbTWK7ckf7K0bw.jpg" isMerged="true"
[V0_FILE]jpg:file="public/professional-faculty-professor-teacher-in-library.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-faculty-professor-teacher-in-library-qmdTUW6QmTjWFkd7s726rmmbsqOwD3.jpg" isMerged="true"
[V0_FILE]typescriptreact:file="components/login-page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card } from "@/components/ui/card"
import RoleSelector from "./role-selector"
import CaptchaVerification from "./captcha-verification"
import Logo from "./logo"
import { USER_DATABASE } from "@/lib/user-data"

interface LoginPageProps {
  onLogin: (role: "student" | "faculty", userId: string) => void
}

export default function LoginPage({ onLogin }: LoginPageProps) {
  const [selectedRole, setSelectedRole] = useState<"student" | "faculty" | null>(null)
  const [userId, setUserId] = useState("")
  const [password, setPassword] = useState("")
  const [captchaVerified, setCaptchaVerified] = useState(false)
  const [error, setError] = useState("")

const handleLogin = () => {
    if (!selectedRole) {
      setError("Please select a role")
      return
    }
    if (!userId.trim()) {
      setError("Please enter User ID")
      return
    }
    if (!password.trim()) {
      setError("Please enter password")
      return
    }
    if (!captchaVerified) {
      setError("Please verify CAPTCHA")
      return
    }

const userExists = USER_DATABASE[userId as keyof typeof USER_DATABASE]
    if (!userExists) {
      setError("Invalid User ID")
      return
    }

if (userExists.role !== selectedRole) {
      setError(`This User ID is registered as ${userExists.role}, not ${selectedRole}`)
      return
    }

onLogin(selectedRole, userId)
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-teal-600 via-teal-500 to-cyan-600 flex items-center justify-center p-4">
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl w-full">
        {/* Left Section - Role Selection */}
        <div className="flex flex-col justify-center items-center text-white">
          <div className="mb-8">
            <Logo />
          </div>
          <h1 className="text-5xl font-bold mb-12 text-center drop-shadow-lg">NexusLib</h1>
          <RoleSelector selectedRole={selectedRole} onSelectRole={setSelectedRole} />
        </div>

{/* Right Section - Login Form */}
        <div className="flex items-center justify-center">
          <Card className="w-full max-w-md p-8 bg-white shadow-2xl rounded-xl">
            {/* Logo */}
            <div className="flex justify-center mb-8">
              <div className="text-center">
                <div className="text-3xl font-bold bg-gradient-to-r from-teal-600 to-cyan-600 bg-clip-text text-transparent mb-2">
                  NexusLib
                </div>
                <p className="text-xs text-gray-500">INTELLIGENT LIBRARY MANAGEMENT</p>
              </div>
            </div>

{/* Form Fields */}
            <div className="space-y-6">
              {/* User ID */}
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">User ID</label>
                <Input
                  type="text"
                  placeholder="Enter your User ID"
                  value={userId}
                  onChange={(e) => {
                    setUserId(e.target.value)
                    setError("")
                  }}
                  className="w-full"
                />
              </div>

{/* Password */}
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Password</label>
                <Input
                  type="password"
                  placeholder="Enter your Password"
                  value={password}
                  onChange={(e) => {
                    setPassword(e.target.value)
                    setError("")
                  }}
                  className="w-full"
                />
              </div>

{/* CAPTCHA */}
              <CaptchaVerification onVerified={setCaptchaVerified} />

{/* Error Message */}
              {error && <div className="text-red-600 text-sm font-medium">{error}</div>}

{/* Login Button */}
              <Button
                onClick={handleLogin}
                className="w-full bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700 text-white font-semibold py-2 rounded-md"
              >
                LOGIN
              </Button>

{/* Footer Links */}
              <div className="flex justify-between text-sm text-teal-600 pt-4 border-t">
                <a href="#" className="hover:underline">
                  Reset password
                </a>
                <a href="#" className="hover:underline">
                  Contact Support
                </a>
              </div>
            </div>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/feedback-context.ts" isEdit="true" isMerged="true"
"use client"

import { createContext, useContext } from "react"

export interface StudentComment {
  id: string
  studentName: string
  studentId: string
  bookId: string
  bookTitle: string
  feedback: string
  rating: number
  date: string
  facultyId?: string
  isRead?: boolean
}

interface FeedbackContextType {
  feedback: StudentComment[]
  addFeedback: (comment: StudentComment) => void
  getFeedbackByFacultyId: (facultyId: string) => StudentComment[]
  getFeedbackByBookId: (bookId: string) => StudentComment[]
  getUnreadFeedbackCount: (facultyId: string) => number
  markFeedbackAsRead: (feedbackId: string) => void
}

export const FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)

export function useFeedback() {
  const context = useContext(FeedbackContext)
  if (!context) {
    throw new Error("useFeedback must be used within FeedbackProvider")
  }
  return context
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import LoginPage from "@/components/login-page"
import StudentDashboard from "@/components/student-dashboard"
import FacultyDashboard from "@/components/faculty-dashboard"
import { getUserName } from "@/lib/user-data"
import { FeedbackContext, type StudentComment } from "@/lib/feedback-context"

export default function Home() {
  const [currentPage, setCurrentPage] = useState<"login" | "student" | "faculty">("login")
  const [userRole, setUserRole] = useState<"student" | "faculty" | null>(null)
  const [userId, setUserId] = useState<string>("")
  const [userName, setUserName] = useState<string>("")
  const [feedback, setFeedback] = useState<StudentComment[]>([
    {
      id: "1",
      studentName: "Siddhesh",
      studentId: "2024009706",
      bookId: "1",
      bookTitle: "Data Structures & Algorithms",
      feedback: "Excellent book! Very helpful for understanding DSA concepts.",
      rating: 5,
      date: "2025-10-17",
      facultyId: "50432",
      isRead: false,
    },
    {
      id: "2",
      studentName: "Prasad",
      studentId: "2029044896",
      bookId: "2",
      bookTitle: "Clean Code",
      feedback: "Great insights on code quality and best practices.",
      rating: 4,
      date: "2025-10-16",
      facultyId: "50432",
      isRead: false,
    },
    {
      id: "3",
      studentName: "Jai Krishna",
      studentId: "2024046504",
      bookId: "7",
      bookTitle: "Effective Java",
      feedback: "Complex but comprehensive. Needs more examples.",
      rating: 3,
      date: "2025-10-15",
      facultyId: "50123",
      isRead: false,
    },
  ])

const handleLogin = (role: "student" | "faculty", id: string) => {
    setUserRole(role)
    setUserId(id)
    setUserName(getUserName(id))
    setCurrentPage(role === "student" ? "student" : "faculty")
  }

const handleLogout = () => {
    setCurrentPage("login")
    setUserRole(null)
    setUserId("")
    setUserName("")
  }

const feedbackContextValue = {
    feedback,
    addFeedback: (comment: StudentComment) => {
      setFeedback((prev) => [...prev, { ...comment, isRead: false }])
    },
    getFeedbackByFacultyId: (facultyId: string) => {
      return feedback.filter((f) => f.facultyId === facultyId)
    },
    getFeedbackByBookId: (bookId: string) => {
      return feedback.filter((f) => f.bookId === bookId)
    },
    getUnreadFeedbackCount: (facultyId: string) => {
      return feedback.filter((f) => f.facultyId === facultyId && !f.isRead).length
    },
    markFeedbackAsRead: (feedbackId: string) => {
      setFeedback((prev) => prev.map((f) => (f.id === feedbackId ? { ...f, isRead: true } : f)))
    },
  }

return (
    <FeedbackContext.Provider value={feedbackContextValue}>
      <main className="min-h-screen bg-background">
        {currentPage === "login" && <LoginPage onLogin={handleLogin} />}
        {currentPage === "student" && <StudentDashboard userId={userId} userName={userName} onLogout={handleLogout} />}
        {currentPage === "faculty" && <FacultyDashboard userId={userId} userName={userName} onLogout={handleLogout} />}
      </main>
    </FeedbackContext.Provider>
  )
}
[V0_FILE]typescriptreact:file="components/faculty-dashboard.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import FacultyBookSearch from "./faculty-book-search"
import StudentFeedback from "./student-feedback"
import TopBooks from "./top-books"
import FacultyAnalytics from "./faculty-analytics"
import Logo from "./logo"
import { useFeedback } from "@/lib/feedback-context"

interface FacultyDashboardProps {
  userId: string
  userName: string
  onLogout: () => void
}

export default function FacultyDashboard({ userId, userName, onLogout }: FacultyDashboardProps) {
  const [activeTab, setActiveTab] = useState<"search" | "feedback" | "topbooks" | "analytics">("search")
  const { getUnreadFeedbackCount } = useFeedback()

const unreadCount = getUnreadFeedbackCount(userId)

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-amber-50 to-orange-50">
      {/* Header */}
      <header className="bg-gradient-to-r from-teal-600 via-teal-500 to-cyan-600 text-white shadow-lg">
        <div className="max-w-7xl mx-auto px-4 py-6 flex justify-between items-center">
          <Logo />
          <div>
            <h1 className="text-3xl font-bold">NexusLib</h1>
            <p className="text-teal-100">Faculty Portal</p>
          </div>
          <div className="flex items-center gap-4">
            <span className="text-sm">
              Welcome, <span className="font-semibold">{userName}</span>
            </span>
            <Button
              onClick={onLogout}
              variant="outline"
              className="text-white border-white hover:bg-teal-700 bg-transparent"
            >
              Logout
            </Button>
          </div>
        </div>
      </header>

{/* Navigation with Notification Badge */}
      <div className="bg-white border-b sticky top-0 z-10 shadow-sm">
        <div className="max-w-7xl mx-auto px-4 flex gap-4">
          {[
            { id: "search", label: "Search & Recommend Books" },
            { id: "feedback", label: "Student Feedback", badge: unreadCount },
            { id: "topbooks", label: "Weekly Top Books" },
            { id: "analytics", label: "Analytics" },
          ].map((tab) => (
            <button
              key={tab.id}
              onClick={() => setActiveTab(tab.id as any)}
              className={`px-4 py-3 font-medium border-b-2 transition-colors relative ${
                activeTab === tab.id
                  ? "border-teal-600 text-teal-600"
                  : "border-transparent text-gray-600 hover:text-teal-600"
              }`}
            >
              {tab.label}
              {tab.badge && tab.badge > 0 && (
                <span className="absolute -top-2 -right-2 bg-red-500 text-white text-xs font-bold rounded-full w-6 h-6 flex items-center justify-center">
                  {tab.badge}
                </span>
              )}
            </button>
          ))}
        </div>
      </div>

<main className="max-w-7xl mx-auto px-4 py-8">
        {activeTab === "search" && <FacultyBookSearch />}
        {activeTab === "feedback" && <StudentFeedback facultyId={userId} />}
        {activeTab === "topbooks" && <TopBooks />}
        {activeTab === "analytics" && <FacultyAnalytics facultyId={userId} />}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/student-feedback.tsx" isEdit="true" isMerged="true"
"use client"

import { Card } from "@/components/ui/card"
import { useFeedback } from "@/lib/feedback-context"
import { useEffect } from "react"

interface StudentFeedbackProps {
  facultyId?: string
}

export default function StudentFeedback({ facultyId }: StudentFeedbackProps) {
  const { getFeedbackByFacultyId, markFeedbackAsRead } = useFeedback()
  const feedbackQueue = facultyId ? getFeedbackByFacultyId(facultyId) : []

useEffect(() => {
    feedbackQueue.forEach((item) => {
      if (!item.isRead) {
        markFeedbackAsRead(item.id)
      }
    })
  }, [feedbackQueue, markFeedbackAsRead])

if (feedbackQueue.length === 0) {
    return (
      <div className="space-y-6">
        <h2 className="text-2xl font-bold text-gray-800">Student Feedback Queue</h2>
        <Card className="p-8 text-center bg-gradient-to-br from-gray-50 to-gray-100 border-gray-200">
          <p className="text-gray-600">No feedback received yet. Keep recommending great books!</p>
        </Card>
      </div>
    )
  }

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Student Feedback Queue</h2>
      <div className="space-y-4">
        {feedbackQueue.map((item) => (
          <Card
            key={item.id}
            className="p-6 hover:shadow-lg transition-all duration-300 bg-gradient-to-br from-white to-indigo-50 border-indigo-100"
          >
            <div className="flex justify-between items-start mb-3">
              <div>
                <h3 className="font-semibold text-gray-800">{item.studentName}</h3>
                <p className="text-sm text-gray-600">About: {item.bookTitle}</p>
              </div>
              <div className="flex gap-1">
                {[...Array(5)].map((_, i) => (
                  <span key={i} className={i < item.rating ? "text-amber-400 text-lg" : "text-gray-300 text-lg"}>
                    ★
                  </span>
                ))}
              </div>
            </div>
            <p className="text-gray-700 mb-2">{item.feedback}</p>
            <p className="text-xs text-gray-500">{item.date}</p>
          </Card>
        ))}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/student-dashboard.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import BookSearch from "./book-search"
import RecentlyViewed from "./recently-viewed"
import BookDetailsModal from "./book-details-modal"
import StudentWishlist from "./student-wishlist"
import BookRequest from "./book-request"
import SubjectWiseBooks from "./subject-wise-books"
import WishlistSuccessPopup from "./wishlist-success-popup"
import Logo from "./logo"
import { getBookRecommendations } from "@/lib/book-store"
import { useFeedback, type StudentComment } from "@/lib/feedback-context"
import type { Book } from "@/lib/book-store"

interface StudentDashboardProps {
  userId: string
  userName: string
  onLogout: () => void
}

export default function StudentDashboard({ userId, userName, onLogout }: StudentDashboardProps) {
  const [activeTab, setActiveTab] = useState<
    "recommendations" | "search" | "subject" | "wishlist" | "recent" | "requests"
  >("recommendations")
  const [selectedBook, setSelectedBook] = useState<Book | null>(null)
  const [wishlistBooks, setWishlistBooks] = useState<Book[]>([])
  const [showSuccessPopup, setShowSuccessPopup] = useState(false)
  const { addFeedback } = useFeedback()

const recommendations = getBookRecommendations().filter((book) => book.recommended)

const handleAddToWishlist = (book: Book) => {
    setWishlistBooks((prev) => {
      if (prev.some((b) => b.id === book.id)) {
        return prev
      }
      return [...prev, book]
    })
    setShowSuccessPopup(true)
  }

const handleRemoveFromWishlist = (bookId: string) => {
    setWishlistBooks((prev) => prev.filter((b) => b.id !== bookId))
  }

const handleFeedbackSubmit = (feedback: string, rating: number, facultyId?: string) => {
    const newComment: StudentComment = {
      id: Date.now().toString(),
      studentName: userName,
      studentId: userId,
      bookId: selectedBook?.id || "",
      bookTitle: selectedBook?.title || "",
      feedback,
      rating,
      date: new Date().toISOString().split("T")[0],
      facultyId: facultyId || selectedBook?.recommendedBy,
      isRead: false,
    }
    addFeedback(newComment)
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-teal-50">
      {/* Header */}
      <header className="bg-gradient-to-r from-teal-600 via-teal-500 to-cyan-600 text-white shadow-lg">
        <div className="max-w-7xl mx-auto px-4 py-6 flex justify-between items-center">
          <Logo />
          <div>
            <h1 className="text-3xl font-bold">NexusLib</h1>
            <p className="text-teal-100">Student Portal</p>
          </div>
          <div className="flex items-center gap-4">
            <span className="text-sm">
              Welcome, <span className="font-semibold">{userName}</span>
            </span>
            <Button
              onClick={onLogout}
              variant="outline"
              className="text-white border-white hover:bg-teal-700 bg-transparent"
            >
              Logout
            </Button>
          </div>
        </div>
      </header>

{/* Navigation */}
      <div className="bg-white border-b sticky top-0 z-10 shadow-sm">
        <div className="max-w-7xl mx-auto px-4 flex gap-4 overflow-x-auto">
          {[
            { id: "recommendations", label: "Faculty Recommendations" },
            { id: "search", label: "Search Books" },
            { id: "subject", label: "Subject Wise" },
            { id: "wishlist", label: "Wishlist" },
            { id: "recent", label: "Recently Viewed" },
            { id: "requests", label: "Book Requests" },
          ].map((tab) => (
            <button
              key={tab.id}
              onClick={() => setActiveTab(tab.id as any)}
              className={`px-4 py-3 font-medium border-b-2 transition-colors whitespace-nowrap ${
                activeTab === tab.id
                  ? "border-teal-600 text-teal-600"
                  : "border-transparent text-gray-600 hover:text-teal-600"
              }`}
            >
              {tab.label}
            </button>
          ))}
        </div>
      </div>

<main className="max-w-7xl mx-auto px-4 py-8">
        {activeTab === "recommendations" && (
          <div className="space-y-6">
            <h2 className="text-2xl font-bold text-gray-800">Faculty Recommendations</h2>
            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
              {recommendations.map((book) => (
                <Card
                  key={book.id}
                  className="p-6 hover:shadow-xl transition-all duration-300 bg-gradient-to-br from-white to-blue-50 border-blue-100 cursor-pointer"
                  onClick={() => setSelectedBook(book)}
                >
                  <h3 className="font-bold text-lg mb-2 text-gray-800">{book.title}</h3>
                  <p className="text-sm text-gray-600 mb-1">By {book.author}</p>
                  <p className="text-xs text-teal-600 font-semibold mb-2">{book.subject}</p>
                  {book.recommendedBy && (
                    <div className="mb-4 p-2 bg-gradient-to-r from-purple-100 to-pink-100 rounded border border-purple-200">
                      <p className="text-xs text-purple-700 font-semibold">
                        📚 Recommended by: <span className="text-purple-900">{book.recommendedBy}</span>
                      </p>
                    </div>
                  )}
                  <div className="flex justify-between items-center">
                    <span className="text-sm font-semibold text-teal-600">⭐ {book.rating}/5</span>
                    <Button
                      size="sm"
                      className="bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700"
                      onClick={(e) => {
                        e.stopPropagation()
                        setSelectedBook(book)
                      }}
                    >
                      View
                    </Button>
                  </div>
                </Card>
              ))}
            </div>
          </div>
        )}

{activeTab === "search" && <BookSearch onSelectBook={setSelectedBook} isStudent={true} />}
        {activeTab === "subject" && <SubjectWiseBooks onSelectBook={setSelectedBook} />}
        {activeTab === "wishlist" && (
          <StudentWishlist
            wishlistBooks={wishlistBooks}
            onRemoveFromWishlist={handleRemoveFromWishlist}
            onSelectBook={setSelectedBook}
          />
        )}
        {activeTab === "recent" && <RecentlyViewed onSelectBook={setSelectedBook} />}
        {activeTab === "requests" && <BookRequest />}
      </main>

{selectedBook && (
        <BookDetailsModal
          book={selectedBook}
          onClose={() => setSelectedBook(null)}
          onAddToWishlist={handleAddToWishlist}
          wishlistBooks={wishlistBooks}
          isStudent={true}
          onFeedbackSubmit={handleFeedbackSubmit}
        />
      )}

<WishlistSuccessPopup isVisible={showSuccessPopup} onClose={() => setShowSuccessPopup(false)} />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/book-card-with-cover.tsx" isMerged="true"
"use client"

import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import BookCover from "./book-cover"
import type { Book } from "@/lib/book-store"

interface BookCardWithCoverProps {
  book: Book
  onViewClick?: (book: Book) => void
  showRecommendedBy?: boolean
}

export default function BookCardWithCover({ book, onViewClick, showRecommendedBy = true }: BookCardWithCoverProps) {
  return (
    <Card className="p-6 hover:shadow-xl transition-all duration-300 bg-gradient-to-br from-white to-blue-50 border-blue-100 mb-4">
      <div className="flex gap-6 items-start">
        {/* Left Side - Book Information */}
        <div className="flex-1">
          <h3 className="text-2xl font-bold text-gray-800 mb-2">{book.title}</h3>
          <p className="text-gray-600 mb-4">By {book.author}</p>

{/* Subject Tag */}
          <div className="mb-4">
            <span className="bg-teal-100 text-teal-700 text-xs font-semibold px-3 py-1 rounded-full uppercase">
              {book.subject}
            </span>
          </div>

{/* Recommended By Badge */}
          {showRecommendedBy && book.recommendedBy && (
            <div className="mb-4 bg-gradient-to-r from-purple-100 to-pink-100 p-3 rounded-lg border border-purple-200">
              <p className="text-sm text-gray-700">
                <span className="text-purple-600 font-semibold">📚 Recommended by: {book.recommendedBy}</span>
              </p>
            </div>
          )}

{/* Rating */}
          <div className="flex items-center gap-2 mb-4">
            <span className="text-2xl">⭐</span>
            <span className="text-xl font-bold text-gray-800">{book.rating}/5</span>
          </div>

{/* View Button */}
          <Button
            onClick={() => onViewClick?.(book)}
            className="bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700 text-white px-6 py-2"
          >
            View
          </Button>
        </div>

{/* Right Side - Book Cover */}
        <div className="flex-shrink-0">
          <div className="w-40 h-56">
            <BookCover book={book} />
          </div>
        </div>
      </div>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/book-search.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Input } from "@/components/ui/input"
import { getAllBooks, getBooksByCategory, getRandomBookVariant } from "@/lib/book-store"
import type { Book } from "@/lib/book-store"
import BookCardWithCover from "./book-card-with-cover"

interface BookSearchProps {
  onSelectBook?: (book: Book) => void
  isStudent?: boolean
}

export default function BookSearch({ onSelectBook, isStudent = true }: BookSearchProps) {
  const [searchQuery, setSearchQuery] = useState("")
  const [sortBy, setSortBy] = useState<"recommended" | "top-rated" | "recent">("recommended")
  const [displayedBooks, setDisplayedBooks] = useState<Book[]>([])

const allBooks = getAllBooks()

const getFilteredBooks = () => {
    let books: Book[]

if (searchQuery.trim()) {
      // Search mode - show books matching query with random variants
      books = allBooks.filter(
        (book) =>
          book.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
          book.author.toLowerCase().includes(searchQuery.toLowerCase()),
      )
      // Apply random book variant for search results
      books = books.map((book) => getRandomBookVariant(book))
    } else {
      // Category mode - show different books based on filter
      books = getBooksByCategory(sortBy)
    }

return books
  }

const filteredBooks = getFilteredBooks()

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Search Books</h2>

{/* Search Bar */}
      <div className="flex gap-2">
        <Input
          placeholder="Search by title or author..."
          value={searchQuery}
          onChange={(e) => setSearchQuery(e.target.value)}
          className="flex-1"
        />
        <select
          value={sortBy}
          onChange={(e) => setSortBy(e.target.value as any)}
          className="px-4 py-2 border rounded-md bg-white"
        >
          <option value="recommended">Faculty Recommended</option>
          <option value="top-rated">Top Rated</option>
          <option value="recent">Recently Added</option>
        </select>
      </div>

{/* Results */}
      <div className="space-y-4">
        {filteredBooks.map((book) => (
          <BookCardWithCover key={book.id} book={book} onViewClick={onSelectBook} showRecommendedBy={isStudent} />
        ))}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/unified-book-card.tsx"
"use client"

import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import type { Book } from "@/lib/book-store"

interface UnifiedBookCardProps {
  book: Book
  onViewClick?: () => void
  onRemoveClick?: () => void
  showRemove?: boolean
  showRecommendButton?: boolean
  onRecommendClick?: () => void
  variant?: "default" | "wishlist" | "search" | "faculty"
}

export default function UnifiedBookCard({
  book,
  onViewClick,
  onRemoveClick,
  showRemove = false,
  showRecommendButton = false,
  onRecommendClick,
  variant = "default",
}: UnifiedBookCardProps) {
  // Generate a gradient based on book subject
  const getGradient = (subject: string) => {
    const gradients: { [key: string]: string } = {
      JAVA: "from-orange-400 to-red-600",
      "DATA STRUCTURES": "from-blue-400 to-purple-600",
      COA: "from-green-400 to-teal-600",
      MATHS: "from-yellow-400 to-orange-600",
      "Environment studies": "from-green-300 to-emerald-600",
      "Computer Science": "from-indigo-400 to-blue-600",
      Programming: "from-pink-400 to-rose-600",
      "Web Development": "from-cyan-400 to-blue-600",
      "Data Science": "from-purple-400 to-pink-600",
      "Software Design": "from-teal-400 to-cyan-600",
    }
    return gradients[subject] || "from-slate-400 to-slate-600"
  }

const getCardGradient = () => {
    switch (variant) {
      case "wishlist":
        return "from-white to-pink-50"
      case "search":
        return "from-white to-amber-50"
      case "faculty":
        return "from-white to-blue-50"
      default:
        return "from-white to-purple-50"
    }
  }

const getBorderColor = () => {
    switch (variant) {
      case "wishlist":
        return "border-pink-100"
      case "search":
        return "border-amber-100"
      case "faculty":
        return "border-blue-100"
      default:
        return "border-purple-100"
    }
  }

return (
    <Card
      className={`p-6 hover:shadow-xl transition-all duration-300 bg-gradient-to-br ${getCardGradient()} ${getBorderColor()} cursor-pointer`}
      onClick={onViewClick}
    >
      <div className="flex gap-4 items-start">
        {/* Left side: Book information */}
        <div className="flex-1 min-w-0">
          <h3 className="font-bold text-lg mb-2 text-gray-800 line-clamp-2">{book.title}</h3>

{/* Author and Cover Image Row */}
          <div className="flex gap-3 items-start mb-3">
            <div className="flex-1">
              <p className="text-sm text-gray-600 mb-1">By {book.author}</p>
              <p className="text-xs text-purple-600 font-semibold mb-2">{book.subject}</p>
              {book.recommendedBy && (
                <p className="text-xs text-teal-600 mb-2">📚 Recommended by: {book.recommendedBy}</p>
              )}
            </div>

{/* Right side: Compact Cover Image */}
            <div
              className={`bg-gradient-to-br ${getGradient(book.subject)} rounded-lg shadow-lg flex-shrink-0 w-24 h-32 p-3 flex flex-col justify-between text-white`}
            >
              <div>
                <div className="text-xs font-semibold opacity-80 uppercase tracking-widest line-clamp-2">
                  {book.subject}
                </div>
                <h4 className="text-xs font-bold mt-1 line-clamp-2">{book.title}</h4>
              </div>
              <div className="text-center">
                <span className="text-lg">📚</span>
                <p className="text-xs font-semibold mt-1">⭐ {book.rating}/5</p>
              </div>
            </div>
          </div>

{/* Rating and Actions */}
          <div className="flex justify-between items-center gap-2 flex-wrap">
            <span className="text-sm font-semibold text-teal-600">⭐ {book.rating}/5</span>
            <div className="flex gap-2">
              {showRecommendButton && (
                <Button
                  size="sm"
                  className="bg-gradient-to-r from-amber-600 to-orange-600 hover:from-amber-700 hover:to-orange-700"
                  onClick={(e) => {
                    e.stopPropagation()
                    onRecommendClick?.()
                  }}
                >
                  Recommend
                </Button>
              )}
              {!showRemove && (
                <Button
                  size="sm"
                  className="bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700"
                  onClick={(e) => {
                    e.stopPropagation()
                    onViewClick?.()
                  }}
                >
                  View
                </Button>
              )}
              {showRemove && (
                <Button
                  size="sm"
                  variant="outline"
                  className="text-red-600 border-red-200 hover:bg-red-50 bg-transparent"
                  onClick={(e) => {
                    e.stopPropagation()
                    onRemoveClick?.()
                  }}
                >
                  Remove
                </Button>
              )}
            </div>
          </div>
        </div>
      </div>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/faculty-recommendations.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { addBookRecommendation, getBookRecommendations } from "@/lib/book-store"
import UnifiedBookCard from "./unified-book-card"

interface FacultyRecommendationsProps {
  facultyName: string
}

export default function FacultyRecommendations({ facultyName }: FacultyRecommendationsProps) {
  const [bookTitle, setBookTitle] = useState("")
  const [author, setAuthor] = useState("")
  const [subject, setSubject] = useState("")
  const [description, setDescription] = useState("")
  const [isbn, setIsbn] = useState("")
  const [pages, setPages] = useState("")
  const [publishedYear, setPublishedYear] = useState("")
  const [rating, setRating] = useState("4.5")
  const [recommendations, setRecommendations] = useState(
    getBookRecommendations().filter((b) => b.recommendedBy === facultyName),
  )

const handleAddRecommendation = () => {
    if (bookTitle && author && subject && description) {
      const newBook = addBookRecommendation(
        {
          title: bookTitle,
          author,
          subject,
          description,
          isbn,
          pages: Number.parseInt(pages) || 0,
          publishedYear: Number.parseInt(publishedYear) || new Date().getFullYear(),
          rating: Number.parseFloat(rating) || 4.5,
        },
        facultyName,
      )
      setRecommendations([...recommendations, newBook])
      setBookTitle("")
      setAuthor("")
      setSubject("")
      setDescription("")
      setIsbn("")
      setPages("")
      setPublishedYear("")
      setRating("4.5")
    }
  }

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Add Book Recommendations</h2>

{/* Add Recommendation Form */}
      <Card className="p-6 bg-gradient-to-br from-teal-50 to-cyan-50 border-teal-200">
        <h3 className="font-semibold text-lg mb-4">New Recommendation</h3>
        <div className="space-y-4">
          <Input placeholder="Book Title" value={bookTitle} onChange={(e) => setBookTitle(e.target.value)} />
          <Input placeholder="Author" value={author} onChange={(e) => setAuthor(e.target.value)} />
          <Input placeholder="Description" value={description} onChange={(e) => setDescription(e.target.value)} />
          <div className="grid grid-cols-2 gap-4">
            <Input placeholder="ISBN" value={isbn} onChange={(e) => setIsbn(e.target.value)} />
            <Input placeholder="Pages" type="number" value={pages} onChange={(e) => setPages(e.target.value)} />
          </div>
          <div className="grid grid-cols-2 gap-4">
            <Input
              placeholder="Published Year"
              type="number"
              value={publishedYear}
              onChange={(e) => setPublishedYear(e.target.value)}
            />
            <Input
              placeholder="Rating (1-5)"
              type="number"
              step="0.1"
              min="1"
              max="5"
              value={rating}
              onChange={(e) => setRating(e.target.value)}
            />
          </div>
          <select
            value={subject}
            onChange={(e) => setSubject(e.target.value)}
            className="w-full px-4 py-2 border rounded-md bg-white"
          >
            <option value="">Select Subject</option>
            <option value="Computer Science">Computer Science</option>
            <option value="Programming">Programming</option>
            <option value="Web Development">Web Development</option>
            <option value="Data Science">Data Science</option>
            <option value="Software Design">Software Design</option>
          </select>
          <Button
            onClick={handleAddRecommendation}
            className="w-full bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700 text-white"
          >
            Add Recommendation
          </Button>
        </div>
      </Card>

{/* Recommendations List */}
      <div className="space-y-3">
        <h3 className="font-semibold text-lg">Your Recommendations</h3>
        {recommendations.length === 0 ? (
          <Card className="p-4 text-center text-gray-500">No recommendations yet</Card>
        ) : (
          <div className="space-y-3">
            {recommendations.map((rec) => (
              <UnifiedBookCard key={rec.id} book={rec} variant="faculty" />
            ))}
          </div>
        )}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/subject-wise-books.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState } from "react"
import { getAllBooks } from "@/lib/book-store"
import type { Book } from "@/lib/book-store"
import UnifiedBookCard from "./unified-book-card"

interface SubjectWiseBooksProps {
  onSelectBook?: (book: Book) => void
}

export default function SubjectWiseBooks({ onSelectBook }: SubjectWiseBooksProps) {
  const [selectedSubject, setSelectedSubject] = useState<string | null>(null)

const allBooks = getAllBooks()
  const subjects = Array.from(new Set(allBooks.map((b) => b.subject)))

const getBooksBySubject = (subject: string) => {
    return allBooks.filter((b) => b.subject === subject).slice(0, 5)
  }

const subjectBooks = selectedSubject ? getBooksBySubject(selectedSubject) : []

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Browse by Subject</h2>

{/* Subject Selection */}
      <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3">
        {subjects.map((subject) => (
          <button
            key={subject}
            onClick={() => setSelectedSubject(selectedSubject === subject ? null : subject)}
            className={`p-4 rounded-lg font-semibold transition-all duration-300 ${
              selectedSubject === subject
                ? "bg-gradient-to-r from-teal-600 to-cyan-600 text-white shadow-lg"
                : "bg-gradient-to-br from-gray-100 to-gray-50 text-gray-800 hover:shadow-md"
            }`}
          >
            {subject}
          </button>
        ))}
      </div>

{/* Books for Selected Subject */}
      {selectedSubject && (
        <div className="space-y-4">
          <h3 className="text-xl font-bold text-gray-800">
            {subjectBooks.length} Books in {selectedSubject}
          </h3>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            {subjectBooks.map((book) => (
              <UnifiedBookCard key={book.id} book={book} onViewClick={() => onSelectBook?.(book)} variant="default" />
            ))}
          </div>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/recently-viewed.tsx" isEdit="true" isQuickEdit="true"
"use client"
import { getAllBooks } from "@/lib/book-store"
import type { Book } from "@/lib/book-store"
import UnifiedBookCard from "./unified-book-card"

interface RecentlyViewedProps {
  onSelectBook?: (book: Book) => void
}

export default function RecentlyViewed({ onSelectBook }: RecentlyViewedProps) {
  const allBooks = getAllBooks()
  const recentBooks = allBooks.slice(0, 5)

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Recently Viewed Books</h2>
      <div className="space-y-3">
        {recentBooks.map((book) => (
          <UnifiedBookCard key={book.id} book={book} onViewClick={() => onSelectBook?.(book)} variant="default" />
        ))}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/top-books.tsx" isEdit="true" isQuickEdit="true"
"use client"
import UnifiedBookCard from "./unified-book-card"
import { getAllBooks } from "@/lib/book-store"

export default function TopBooks() {
  const allBooks = getAllBooks()
  const topBooks = allBooks.sort((a, b) => b.rating - a.rating).slice(0, 5)

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Weekly Top Books</h2>
      <div className="space-y-3">
        {topBooks.map((book) => (
          <UnifiedBookCard key={book.id} book={book} variant="default" />
        ))}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/student-wishlist.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState } from "react"
import { Card } from "@/components/ui/card"
import BookDetailsModal from "./book-details-modal"
import UnifiedBookCard from "./unified-book-card"
import type { Book } from "@/lib/book-store"

interface StudentWishlistProps {
  wishlistBooks: Book[]
  onRemoveFromWishlist: (bookId: string) => void
  onSelectBook?: (book: Book) => void
}

export default function StudentWishlist({ wishlistBooks, onRemoveFromWishlist, onSelectBook }: StudentWishlistProps) {
  const [selectedBook, setSelectedBook] = useState<Book | null>(null)

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">My Wishlist</h2>

{wishlistBooks.length === 0 ? (
        <Card className="p-8 text-center bg-gradient-to-br from-pink-50 to-rose-50 border-pink-100">
          <p className="text-gray-600 mb-4">Your wishlist is empty</p>
          <p className="text-sm text-gray-500">Add books from search or recommendations to your wishlist</p>
        </Card>
      ) : (
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          {wishlistBooks.map((book) => (
            <UnifiedBookCard
              key={book.id}
              book={book}
              onViewClick={() => setSelectedBook(book)}
              onRemoveClick={() => onRemoveFromWishlist(book.id)}
              showRemove={true}
              variant="wishlist"
            />
          ))}
        </div>
      )}

{selectedBook && (
        <BookDetailsModal book={selectedBook} onClose={() => setSelectedBook(null)} wishlistBooks={wishlistBooks} />
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/faculty-book-search.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { getAllBooks, getRandomBookVariant, addBookRecommendation } from "@/lib/book-store"
import BookCover from "./book-cover"
import UnifiedBookCard from "./unified-book-card"
import type { Book } from "@/lib/book-store"

interface FacultyBookSearchProps {
  onSelectBook?: (book: Book) => void
}

export default function FacultyBookSearch({ onSelectBook }: FacultyBookSearchProps) {
  const [searchQuery, setSearchQuery] = useState("")
  const [recommendedBooks, setRecommendedBooks] = useState<Book[]>([])
  const [selectedBook, setSelectedBook] = useState<Book | null>(null)
  const [showRecommendForm, setShowRecommendForm] = useState(false)

const allBooks = getAllBooks()

const filteredBooks = allBooks
    .filter(
      (book) =>
        book.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
        book.author.toLowerCase().includes(searchQuery.toLowerCase()),
    )
    .map((book) => getRandomBookVariant(book))

const handleRecommend = (book: Book, facultyName: string) => {
    const recommendedBook = addBookRecommendation(book, facultyName)
    setRecommendedBooks([...recommendedBooks, recommendedBook])
    setSelectedBook(null)
    setShowRecommendForm(false)
  }

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Search & Recommend Books</h2>

{/* Results */}
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        {filteredBooks.map((book) => (
          <UnifiedBookCard
            key={book.id}
            book={book}
            onViewClick={() => setSelectedBook(book)}
            showRecommendButton={true}
            onRecommendClick={() => {
              setSelectedBook(book)
              setShowRecommendForm(true)
            }}
            variant="search"
          />
        ))}
      </div>

{/* Book Details Modal */}
      {selectedBook && !showRecommendForm && (
        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
          <Card className="w-full max-w-4xl max-h-[90vh] overflow-y-auto bg-gradient-to-br from-white to-blue-50">
            <div className="p-8">
              <div className="flex justify-between items-start mb-6">
                <div>
                  <h1 className="text-3xl font-bold text-gray-800 mb-2">{selectedBook.title}</h1>
                  <p className="text-lg text-gray-600">By {selectedBook.author}</p>
                </div>
                <button
                  onClick={() => setSelectedBook(null)}
                  className="text-2xl text-gray-500 hover:text-gray-700 font-bold"
                >
                  ✕
                </button>
              </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-6">
                <div className="flex justify-center">
                  <BookCover book={selectedBook} />
                </div>
                <div className="space-y-4">
                  <div className="bg-teal-50 p-4 rounded-lg border border-teal-200">
                    <p className="text-sm text-gray-600 mb-1">Subject</p>
                    <p className="font-semibold text-gray-800">{selectedBook.subject}</p>
                  </div>
                  <div className="bg-blue-50 p-4 rounded-lg border border-blue-200">
                    <p className="text-sm text-gray-600 mb-1">Rating</p>
                    <p className="font-semibold text-gray-800">⭐ {selectedBook.rating}/5</p>
                  </div>
                  <div className="bg-purple-50 p-4 rounded-lg border border-purple-200">
                    <p className="text-sm text-gray-600 mb-1">Pages</p>
                    <p className="font-semibold text-gray-800">{selectedBook.pages}</p>
                  </div>
                  <div className="bg-orange-50 p-4 rounded-lg border border-orange-200">
                    <p className="text-sm text-gray-600 mb-1">Published Year</p>
                    <p className="font-semibold text-gray-800">{selectedBook.publishedYear}</p>
                  </div>
                  <div className="bg-pink-50 p-4 rounded-lg border border-pink-200">
                    <p className="text-sm text-gray-600 mb-1">ISBN</p>
                    <p className="font-semibold text-gray-800">{selectedBook.isbn || "N/A"}</p>
                  </div>
                </div>
              </div>

<div className="mb-6">
                <h2 className="text-xl font-bold text-gray-800 mb-3">Description</h2>
                <p className="text-gray-700 leading-relaxed">{selectedBook.description}</p>
              </div>

<div className="flex gap-3">
                <Button
                  onClick={() => setShowRecommendForm(true)}
                  className="flex-1 bg-gradient-to-r from-teal-600 to-cyan-600 hover:from-teal-700 hover:to-cyan-700 text-white"
                >
                  Recommend This Book
                </Button>
                <Button onClick={() => setSelectedBook(null)} variant="outline" className="flex-1 bg-transparent">
                  Close
                </Button>
              </div>
            </div>
          </Card>
        </div>
      )}

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

interface CaptchaVerificationProps {
  onVerified: (verified: boolean) => void
}

export default function CaptchaVerification({ onVerified }: CaptchaVerificationProps) {
  const [captchaCode, setCaptchaCode] = useState("65189")
  const [userInput, setUserInput] = useState("")
  const [verified, setVerified] = useState(false)

const generateCaptcha = () => {
    const code = Math.random().toString().slice(2, 7)
    setCaptchaCode(code)
    setUserInput("")
    setVerified(false)
    onVerified(false)
  }

const verifyCaptcha = () => {
    if (userInput === captchaCode) {
      setVerified(true)
      onVerified(true)
    } else {
      setVerified(false)
      onVerified(false)
      alert("CAPTCHA verification failed. Please try again.")
      generateCaptcha()
    }
  }

return (
    <div className="space-y-3">
      <label className="block text-sm font-medium text-gray-700">CAPTCHA</label>
      <div className="flex gap-2 items-center">
        <div className="bg-gray-100 px-4 py-2 rounded font-mono text-lg font-bold text-gray-700 min-w-24">
          {captchaCode}
        </div>
        <Button onClick={generateCaptcha} variant="outline" size="sm" className="px-3 bg-transparent">
          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path
              strokeLinecap="round"
              strokeLinejoin="round"
              strokeWidth={2}
              d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
            />
          </svg>
        </Button>
      </div>
      <Input
        type="text"
        placeholder="Enter CAPTCHA"
        value={userInput}
        onChange={(e) => setUserInput(e.target.value)}
        className="w-full"
      />
      <Button onClick={verifyCaptcha} className="w-full bg-teal-600 hover:bg-teal-700 text-white">
        {verified ? "Verified ✓" : "Verify"}
      </Button>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/globals.css" isMerged="true"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: #0d9488;
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: #0d9488;
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: #0d9488;
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: #0d9488;
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: #0d9488;
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  --font-sans: "Geist", "Geist Fallback";
  --font-mono: "Geist Mono", "Geist Mono Fallback";
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isQuickEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Geist, Geist_Mono } from "next/font/google"
import { Analytics } from "@vercel/analytics/next"
import "./globals.css"

const _geist = Geist({ subsets: ["latin"] })
const _geistMono = Geist_Mono({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Smart Library System - GITAM",
  description: "Intelligent library management system for GITAM University",
  generator: "v0.app",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={`font-sans antialiased`}>
        {children}
        <Analytics />
      </body>
    </html>
  )
}
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@vercel/analytics": "1.3.1",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.5.4",
    "next-themes": "^0.4.6",
    "react": "19.1.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.9",
    "zod": "3.25.76"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]python:file="backend/app.py" isMerged="true"
from flask import Flask, request, jsonify
from flask_cors import CORS
import sqlite3
import json
from datetime import datetime
from data_structures import (
    UserHashTable,
    BookBST,
    FeedbackQueue,
    RecentlyViewedStack,
    TopBooksHeap,
    BookRecommendationsList,
)

app = Flask(__name__)
CORS(app)

# Initialize data structures
user_table = UserHashTable()
book_bst = BookBST()
feedback_queue = FeedbackQueue()
recently_viewed_stack = RecentlyViewedStack()
top_books_heap = TopBooksHeap()
recommendations_list = BookRecommendationsList()

# Database initialization
def init_db():
    conn = sqlite3.connect("library.db")
    c = conn.cursor()
    
    # Users table
    c.execute("""
        CREATE TABLE IF NOT EXISTS users (
            user_id TEXT PRIMARY KEY,
            password TEXT,
            role TEXT,
            name TEXT,
            created_at TIMESTAMP
        )
    """)
    
    # Books table
    c.execute("""
        CREATE TABLE IF NOT EXISTS books (
            book_id INTEGER PRIMARY KEY,
            title TEXT,
            author TEXT,
            subject TEXT,
            rating REAL,
            views INTEGER,
            created_at TIMESTAMP
        )
    """)
    
    # Ratings table
    c.execute("""
        CREATE TABLE IF NOT EXISTS ratings (
            rating_id INTEGER PRIMARY KEY,
            user_id TEXT,
            book_id INTEGER,
            rating INTEGER,
            created_at TIMESTAMP,
            FOREIGN KEY(user_id) REFERENCES users(user_id),
            FOREIGN KEY(book_id) REFERENCES books(book_id)
        )
    """)
    
    # Feedback table
    c.execute("""
        CREATE TABLE IF NOT EXISTS feedback (
            feedback_id INTEGER PRIMARY KEY,
            user_id TEXT,
            book_id INTEGER,
            feedback_text TEXT,
            rating INTEGER,
            created_at TIMESTAMP,
            FOREIGN KEY(user_id) REFERENCES users(user_id),
            FOREIGN KEY(book_id) REFERENCES books(book_id)
        )
    """)
    
    # Recommendations table
    c.execute("""
        CREATE TABLE IF NOT EXISTS recommendations (
            rec_id INTEGER PRIMARY KEY,
            faculty_id TEXT,
            book_id INTEGER,
            created_at TIMESTAMP,
            FOREIGN KEY(faculty_id) REFERENCES users(user_id),
            FOREIGN KEY(book_id) REFERENCES books(book_id)
        )
    """)
    
    conn.commit()
    conn.close()

# Authentication endpoints
@app.route("/api/auth/login", methods=["POST"])
def login():
    data = request.json
    user_id = data.get("user_id")
    password = data.get("password")
    role = data.get("role")
    
    # Verify using hash table
    user = user_table.get(user_id)
    if user and user["password"] == password and user["role"] == role:
        return jsonify({"success": True, "user_id": user_id, "role": role})
    
    return jsonify({"success": False, "error": "Invalid credentials"}), 401

@app.route("/api/auth/register", methods=["POST"])
def register():
    data = request.json
    user_id = data.get("user_id")
    password = data.get("password")
    role = data.get("role")
    name = data.get("name")
    
    # Add to hash table
    user_table.insert(user_id, {
        "user_id": user_id,
        "password": password,
        "role": role,
        "name": name,
        "created_at": datetime.now().isoformat()
    })
    
    return jsonify({"success": True, "message": "User registered successfully"})

# Book endpoints
@app.route("/api/books/search", methods=["GET"])
def search_books():
    query = request.args.get("q", "").lower()
    sort_by = request.args.get("sort", "recommended")
    
    # Search using BST
    results = book_bst.search(query)
    
    if sort_by == "top-rated":
        results.sort(key=lambda x: x["rating"], reverse=True)
    elif sort_by == "recommended":
        # Filter recommended books
        results = [b for b in results if b.get("recommended", False)]
    
    return jsonify({"books": results})

@app.route("/api/books/add", methods=["POST"])
def add_book():
    data = request.json
    book = {
        "book_id": data.get("book_id"),
        "title": data.get("title"),
        "author": data.get("author"),
        "subject": data.get("subject"),
        "rating": 0,
        "views": 0,
        "created_at": datetime.now().isoformat()
    }
    
    # Add to BST
    book_bst.insert(book)
    
    return jsonify({"success": True, "book": book})

@app.route("/api/books/<int:book_id>/view", methods=["POST"])
def view_book(book_id):
    user_id = request.json.get("user_id")
    
    # Add to recently viewed stack
    recently_viewed_stack.push({
        "book_id": book_id,
        "user_id": user_id,
        "viewed_at": datetime.now().isoformat()
    })
    
    return jsonify({"success": True})

@app.route("/api/books/<int:book_id>/rate", methods=["POST"])
def rate_book(book_id):
    data = request.json
    user_id = data.get("user_id")
    rating = data.get("rating")
    
    # Store rating and update heap
    top_books_heap.add_rating(book_id, rating)
    
    return jsonify({"success": True, "message": "Rating submitted"})

# Recommendations endpoints
@app.route("/api/recommendations/add", methods=["POST"])
def add_recommendation():
    data = request.json
    faculty_id = data.get("faculty_id")
    book_id = data.get("book_id")
    
    # Add to linked list
    recommendations_list.add(faculty_id, book_id)
    
    return jsonify({"success": True, "message": "Recommendation added"})

@app.route("/api/recommendations/faculty/<faculty_id>", methods=["GET"])
def get_faculty_recommendations(faculty_id):
    recs = recommendations_list.get_by_faculty(faculty_id)
    return jsonify({"recommendations": recs})

# Feedback endpoints
@app.route("/api/feedback/add", methods=["POST"])
def add_feedback():
    data = request.json
    feedback_item = {
        "user_id": data.get("user_id"),
        "book_id": data.get("book_id"),
        "feedback_text": data.get("feedback_text"),
        "rating": data.get("rating"),
        "created_at": datetime.now().isoformat()
    }
    
    # Add to queue
    feedback_queue.enqueue(feedback_item)
    
    return jsonify({"success": True, "message": "Feedback submitted"})

@app.route("/api/feedback/queue", methods=["GET"])
def get_feedback_queue():
    feedback_items = feedback_queue.get_all()
    return jsonify({"feedback": feedback_items})

# Top books endpoint
@app.route("/api/books/top", methods=["GET"])
def get_top_books():
    top_books = top_books_heap.get_top(10)
    return jsonify({"top_books": top_books})

# Recently viewed endpoint
@app.route("/api/user/<user_id>/recently-viewed", methods=["GET"])
def get_recently_viewed(user_id):
    recent = recently_viewed_stack.get_user_stack(user_id)
    return jsonify({"recently_viewed": recent})

if __name__ == "__main__":
    init_db()
    app.run(debug=True, port=5000)
[V0_FILE]python:file="backend/data_structures.py" isMerged="true"
from collections import defaultdict, deque
import heapq
from datetime import datetime

# 1. HASH TABLE - For user authentication and book indexing
class UserHashTable:
    def __init__(self):
        self.table = {}
    
    def insert(self, key, value):
        """Insert user into hash table - O(1) average"""
        self.table[key] = value
    
    def get(self, key):
        """Retrieve user - O(1) average"""
        return self.table.get(key)
    
    def delete(self, key):
        """Delete user - O(1) average"""
        if key in self.table:
            del self.table[key]
            return True
        return False

# 2. BINARY SEARCH TREE - For efficient book searching
class BookNode:
    def __init__(self, book):
        self.book = book
        self.left = None
        self.right = None

class BookBST:
    def __init__(self):
        self.root = None
    
    def insert(self, book):
        """Insert book into BST - O(log n) average"""
        if self.root is None:
            self.root = BookNode(book)
        else:
            self._insert_recursive(self.root, book)
    
    def _insert_recursive(self, node, book):
        if book["title"].lower() < node.book["title"].lower():
            if node.left is None:
                node.left = BookNode(book)
            else:
                self._insert_recursive(node.left, book)
        else:
            if node.right is None:
                node.right = BookNode(book)
            else:
                self._insert_recursive(node.right, book)
    
    def search(self, query):
        """Search books by title or author - O(log n) average"""
        results = []
        self._search_recursive(self.root, query.lower(), results)
        return results
    
    def _search_recursive(self, node, query, results):
        if node is None:
            return
        
        book = node.book
        if query in book["title"].lower() or query in book["author"].lower():
            results.append(book)
        
        self._search_recursive(node.left, query, results)
        self._search_recursive(node.right, query, results)

# 3. QUEUE - For feedback processing (FIFO)
class FeedbackQueue:
    def __init__(self):
        self.queue = deque()
    
    def enqueue(self, feedback):
        """Add feedback to queue - O(1)"""
        self.queue.append(feedback)
    
    def dequeue(self):
        """Remove feedback from queue - O(1)"""
        if self.queue:
            return self.queue.popleft()
        return None
    
    def get_all(self):
        """Get all feedback in queue - O(n)"""
        return list(self.queue)

# 4. STACK - For recently viewed books (LIFO)
class RecentlyViewedStack:
    def __init__(self):
        self.stacks = defaultdict(list)  # Per-user stacks
    
    def push(self, item):
        """Push book to user's stack - O(1)"""
        user_id = item["user_id"]
        self.stacks[user_id].append(item)
        # Keep only last 10
        if len(self.stacks[user_id]) > 10:
            self.stacks[user_id].pop(0)
    
    def pop(self, user_id):
        """Pop from user's stack - O(1)"""
        if self.stacks[user_id]:
            return self.stacks[user_id].pop()
        return None
    
    def get_user_stack(self, user_id):
        """Get user's recently viewed books - O(n)"""
        return list(reversed(self.stacks[user_id]))

# 5. PRIORITY QUEUE (MIN-HEAP) - For top-rated books
class TopBooksHeap:
    def __init__(self):
        self.heap = []
        self.book_ratings = defaultdict(list)
    
    def add_rating(self, book_id, rating):
        """Add rating to book - O(log n)"""
        self.book_ratings[book_id].append(rating)
        avg_rating = sum(self.book_ratings[book_id]) / len(self.book_ratings[book_id])
        heapq.heappush(self.heap, (-avg_rating, book_id))
    
    def get_top(self, k):
        """Get top k books - O(k log n)"""
        top_books = []
        temp_heap = self.heap.copy()
        
        for _ in range(min(k, len(temp_heap))):
            if temp_heap:
                neg_rating, book_id = heapq.heappop(temp_heap)
                top_books.append({
                    "book_id": book_id,
                    "rating": -neg_rating
                })
        
        return top_books

# 6. LINKED LIST - For faculty recommendations
class RecommendationNode:
    def __init__(self, faculty_id, book_id):
        self.faculty_id = faculty_id
        self.book_id = book_id
        self.created_at = datetime.now().isoformat()
        self.next = None

class BookRecommendationsList:
    def __init__(self):
        self.head = None
    
    def add(self, faculty_id, book_id):
        """Add recommendation to linked list - O(1)"""
        new_node = RecommendationNode(faculty_id, book_id)
        new_node.next = self.head
        self.head = new_node
    
    def get_by_faculty(self, faculty_id):
        """Get all recommendations by faculty - O(n)"""
        recommendations = []
        current = self.head
        
        while current:
            if current.faculty_id == faculty_id:
                recommendations.append({
                    "faculty_id": current.faculty_id,
                    "book_id": current.book_id,
                    "created_at": current.created_at
                })
            current = current.next
        
        return recommendations
    
    def get_all(self):
        """Get all recommendations - O(n)"""
        recommendations = []
        current = self.head
        
        while current:
            recommendations.append({
                "faculty_id": current.faculty_id,
                "book_id": current.book_id,
                "created_at": current.created_at
            })
            current = current.next
        
        return recommendations
[V0_FILE]c:file="backend/data_structures.c" isMerged="true"
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

// ============ 1. HASH TABLE ============
#define HASH_SIZE 1000

typedef struct {
    char user_id[50];
    char password[50];
    char role[20];
    char name[100];
} User;

typedef struct {
    User user;
    int occupied;
} HashEntry;

typedef struct {
    HashEntry entries[HASH_SIZE];
} HashTable;

// Hash function
int hash_function(const char *key) {
    int hash = 0;
    for (int i = 0; key[i]; i++) {
        hash = (hash * 31 + key[i]) % HASH_SIZE;
    }
    return hash < 0 ? -hash : hash;
}

// Insert user into hash table - O(1) average
void hash_insert(HashTable *ht, User user) {
    int index = hash_function(user.user_id);
    int original_index = index;
    
    while (ht->entries[index].occupied) {
        index = (index + 1) % HASH_SIZE;
        if (index == original_index) {
            printf("Hash table full!\n");
            return;
        }
    }
    
    ht->entries[index].user = user;
    ht->entries[index].occupied = 1;
}

// Search user in hash table - O(1) average
User* hash_search(HashTable *ht, const char *user_id) {
    int index = hash_function(user_id);
    int original_index = index;
    
    while (ht->entries[index].occupied) {
        if (strcmp(ht->entries[index].user.user_id, user_id) == 0) {
            return &ht->entries[index].user;
        }
        index = (index + 1) % HASH_SIZE;
        if (index == original_index) break;
    }
    
    return NULL;
}

// ============ 2. BINARY SEARCH TREE ============
typedef struct {
    char title[200];
    char author[100];
    char subject[50];
    float rating;
    int views;
} Book;

typedef struct BSTNode {
    Book book;
    struct BSTNode *left;
    struct BSTNode *right;
} BSTNode;

// Create new BST node
BSTNode* create_bst_node(Book book) {
    BSTNode *node = (BSTNode *)malloc(sizeof(BSTNode));
    node->book = book;
    node->left = NULL;
    node->right = NULL;
    return node;
}

// Insert book into BST - O(log n) average
BSTNode* bst_insert(BSTNode *root, Book book) {
    if (root == NULL) {
        return create_bst_node(book);
    }
    
    if (strcmp(book.title, root->book.title) < 0) {
        root->left = bst_insert(root->left, book);
    } else {
        root->right = bst_insert(root->right, book);
    }
    
    return root;
}

// Search in BST - O(log n) average
BSTNode* bst_search(BSTNode *root, const char *query) {
    if (root == NULL) {
        return NULL;
    }
    
    if (strstr(root->book.title, query) != NULL) {
        return root;
    }
    
    BSTNode *left_result = bst_search(root->left, query);
    if (left_result) return left_result;
    
    return bst_search(root->right, query);
}

// ============ 3. QUEUE ============
typedef struct {
    char feedback_text[500];
    int rating;
    char user_id[50];
} Feedback;

typedef struct QueueNode {
    Feedback feedback;
    struct QueueNode *next;
} QueueNode;

typedef struct {
    QueueNode *front;
    QueueNode *rear;
} Queue;

// Enqueue - O(1)
void enqueue(Queue *q, Feedback feedback) {
    QueueNode *new_node = (QueueNode *)malloc(sizeof(QueueNode));
    new_node->feedback = feedback;
    new_node->next = NULL;
    
    if (q->rear == NULL) {
        q->front = q->rear = new_node;
    } else {
        q->rear->next = new_node;
        q->rear = new_node;
    }
}

// Dequeue - O(1)
Feedback dequeue(Queue *q) {
    Feedback empty = {"", 0, ""};
    if (q->front == NULL) return empty;
    
    QueueNode *temp = q->front;
    Feedback feedback = temp->feedback;
    q->front = q->front->next;
    
    if (q->front == NULL) q->rear = NULL;
    
    free(temp);
    return feedback;
}

// ============ 4. STACK ============
typedef struct {
    int book_id;
    char user_id[50];
} ViewedBook;

typedef struct StackNode {
    ViewedBook book;
    struct StackNode *next;
} StackNode;

typedef struct {
    StackNode *top;
} Stack;

// Push - O(1)
void push(Stack *s, ViewedBook book) {
    StackNode *new_node = (StackNode *)malloc(sizeof(StackNode));
    new_node->book = book;
    new_node->next = s->top;
    s->top = new_node;
}

// Pop - O(1)
ViewedBook pop(Stack *s) {
    ViewedBook empty = {0, ""};
    if (s->top == NULL) return empty;
    
    StackNode *temp = s->top;
    ViewedBook book = temp->book;
    s->top = s->top->next;
    
    free(temp);
    return book;
}

// ============ 5. PRIORITY QUEUE (MIN-HEAP) ============
typedef struct {
    int book_id;
    float rating;
} HeapElement;

typedef struct {
    HeapElement *elements;
    int size;
    int capacity;
} MinHeap;

// Create heap
MinHeap* create_heap(int capacity) {
    MinHeap *heap = (MinHeap *)malloc(sizeof(MinHeap));
    heap->elements = (HeapElement *)malloc(capacity * sizeof(HeapElement));
    heap->size = 0;
    heap->capacity = capacity;
    return heap;
}

// Insert into heap - O(log n)
void heap_insert(MinHeap *heap, int book_id, float rating) {
    if (heap->size == heap->capacity) {
        heap->capacity *= 2;
        heap->elements = (HeapElement *)realloc(heap->elements, heap->capacity * sizeof(HeapElement));
    }
    
    int i = heap->size++;
    heap->elements[i].book_id = book_id;
    heap->elements[i].rating = rating;
    
    while (i > 0 && heap->elements[i].rating > heap->elements[(i - 1) / 2].rating) {
        HeapElement temp = heap->elements[i];
        heap->elements[i] = heap->elements[(i - 1) / 2];
        heap->elements[(i - 1) / 2] = temp;
        i = (i - 1) / 2;
    }
}

// ============ 6. LINKED LIST ============
typedef struct {
    char faculty_id[50];
    int book_id;
} Recommendation;

typedef struct LinkedListNode {
    Recommendation recommendation;
    struct LinkedListNode *next;
} LinkedListNode;

typedef struct {
    LinkedListNode *head;
} LinkedList;

// Insert at head - O(1)
void linked_list_insert(LinkedList *list, Recommendation rec) {
    LinkedListNode *new_node = (LinkedListNode *)malloc(sizeof(LinkedListNode));
    new_node->recommendation = rec;
    new_node->next = list->head;
    list->head = new_node;
}

// Search by faculty - O(n)
void linked_list_search_faculty(LinkedList *list, const char *faculty_id) {
    LinkedListNode *current = list->head;
    
    while (current != NULL) {
        if (strcmp(current->recommendation.faculty_id, faculty_id) == 0) {
            printf("Book ID: %d\n", current->recommendation.book_id);
        }
        current = current->next;
    }
}
[V0_FILE]python:file="backend/requirements.txt" isMerged="true"
Flask==2.3.0
Flask-CORS==4.0.0
sqlite3
[V0_FILE]shellscript:file="backend/run.sh" isMerged="true"
#!/bin/bash
# Install dependencies
pip install -r requirements.txt

# Run Flask server
python app.py
[V0_FILE]c:file="backend/Makefile" isMerged="true"
CC = gcc
CFLAGS = -Wall -Wextra -std=c99

all: library_system

library_system: data_structures.c
	$(CC) $(CFLAGS) -o library_system data_structures.c

clean:
	rm -f library_system

.PHONY: all clean
[V0_FILE]sql:file="backend/schema.sql" isMerged="true"
-- Users table with hash table indexing
CREATE TABLE IF NOT EXISTS users (
    user_id TEXT PRIMARY KEY,
    password TEXT NOT NULL,
    role TEXT NOT NULL CHECK(role IN ('student', 'faculty')),
    name TEXT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Books table with BST indexing
CREATE TABLE IF NOT EXISTS books (
    book_id INTEGER PRIMARY KEY AUTOINCREMENT,
    title TEXT NOT NULL,
    author TEXT NOT NULL,
    subject TEXT NOT NULL,
    rating REAL DEFAULT 0,
    views INTEGER DEFAULT 0,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Ratings table
CREATE TABLE IF NOT EXISTS ratings (
    rating_id INTEGER PRIMARY KEY AUTOINCREMENT,
    user_id TEXT NOT NULL,
    book_id INTEGER NOT NULL,
    rating INTEGER NOT NULL CHECK(rating >= 1 AND rating <= 5),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY(user_id) REFERENCES users(user_id),
    FOREIGN KEY(book_id) REFERENCES books(book_id)
);

-- Feedback table (Queue structure)
CREATE TABLE IF NOT EXISTS feedback (
    feedback_id INTEGER PRIMARY KEY AUTOINCREMENT,
    user_id TEXT NOT NULL,
    book_id INTEGER NOT NULL,
    feedback_text TEXT NOT NULL,
    rating INTEGER NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY(user_id) REFERENCES users(user_id),
    FOREIGN KEY(book_id) REFERENCES books(book_id)
);

-- Recommendations table (Linked List structure)
CREATE TABLE IF NOT EXISTS recommendations (
    rec_id INTEGER PRIMARY KEY AUTOINCREMENT,
    faculty_id TEXT NOT NULL,
    book_id INTEGER NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY(faculty_id) REFERENCES users(user_id),
    FOREIGN KEY(book_id) REFERENCES books(book_id)
);

-- Recently viewed table (Stack structure)
CREATE TABLE IF NOT EXISTS recently_viewed (
    view_id INTEGER PRIMARY KEY AUTOINCREMENT,
    user_id TEXT NOT NULL,
    book_id INTEGER NOT NULL,
    viewed_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY(user_id) REFERENCES users(user_id),
    FOREIGN KEY(book_id) REFERENCES books(book_id)
);

-- Create indexes for efficient searching
CREATE INDEX IF NOT EXISTS idx_books_title ON books(title);
CREATE INDEX IF NOT EXISTS idx_books_subject ON books(subject);
CREATE INDEX IF NOT EXISTS idx_ratings_book ON ratings(book_id);
CREATE INDEX IF NOT EXISTS idx_feedback_created ON feedback(created_at);
CREATE INDEX IF NOT EXISTS idx_recommendations_faculty ON recommendations(faculty_id);
[V0_FILE]markdown:file="backend/README.md" isMerged="true"
# Smart Library System - Backend

## Data Structures Implementation

### 1. Hash Table (User Authentication)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(1) average
- **Use Case**: Fast user login verification
- **Implementation**: Open addressing with linear probing

### 2. Binary Search Tree (Book Search)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(log n) average
- **Use Case**: Efficient book searching by title
- **Implementation**: Self-balancing BST

### 3. Queue (Feedback Processing)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(1) enqueue/dequeue
- **Use Case**: FIFO processing of student feedback
- **Implementation**: Linked list based queue

### 4. Stack (Recently Viewed Books)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(1) push/pop
- **Use Case**: Track last 10 viewed books per user
- **Implementation**: Linked list based stack

### 5. Priority Queue/Min-Heap (Top Books)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(log n) insertion
- **Use Case**: Maintain top-rated books ranking
- **Implementation**: Binary heap

### 6. Linked List (Faculty Recommendations)
- **File**: `data_structures.py` / `data_structures.c`
- **Time Complexity**: O(n) search, O(1) insertion
- **Use Case**: Store faculty book recommendations
- **Implementation**: Singly linked list

## Setup Instructions

### Python Backend
\`\`\`bash
cd backend
pip install -r requirements.txt
python app.py
\`\`\`

### C Backend (Optional)
\`\`\`bash
cd backend
make
./library_system
\`\`\`

## API Endpoints

### Authentication
- `POST /api/auth/login` - User login
- `POST /api/auth/register` - User registration

### Books
- `GET /api/books/search?q=query&sort=recommended` - Search books
- `POST /api/books/add` - Add new book
- `POST /api/books/<id>/view` - Track book view
- `POST /api/books/<id>/rate` - Rate a book
- `GET /api/books/top` - Get top-rated books

### Recommendations
- `POST /api/recommendations/add` - Add recommendation
- `GET /api/recommendations/faculty/<id>` - Get faculty recommendations

### Feedback
- `POST /api/feedback/add` - Submit feedback
- `GET /api/feedback/queue` - Get feedback queue

### User
- `GET /api/user/<id>/recently-viewed` - Get recently viewed books
[V0_FILE]typescriptreact:file="components/book-rating.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"

interface BookRatingProps {
  bookId: string
}

export default function BookRating({ bookId }: BookRatingProps) {
  const [rating, setRating] = useState(0)
  const [submitted, setSubmitted] = useState(false)

const handleSubmit = () => {
    if (rating > 0) {
      setSubmitted(true)
      setTimeout(() => setSubmitted(false), 2000)
    }
  }

return (
    <div className="space-y-2">
      <div className="flex gap-1">
        {[1, 2, 3, 4, 5].map((star) => (
          <button
            key={star}
            onClick={() => setRating(star)}
            className={`text-2xl transition-all duration-200 transform hover:scale-110 ${
              star <= rating ? "text-amber-400 drop-shadow-md" : "text-gray-300"
            }`}
          >
            ★
          </button>
        ))}
      </div>
      {rating > 0 && (
        <Button
          onClick={handleSubmit}
          size="sm"
          className="w-full bg-gradient-to-r from-amber-500 to-orange-500 hover:from-amber-600 hover:to-orange-600 text-white"
        >
          {submitted ? "✓ Rating Submitted!" : "Submit Rating"}
        </Button>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/user-data.ts" isEdit="true" isMerged="true"
export const USER_DATABASE = {
  "2024009706": { name: "Siddhesh", role: "student" as const },
  "2029044896": { name: "Prasad", role: "student" as const },
  "2024046504": { name: "Jai Krishna", role: "student" as const },
  "2024041896": { name: "PRASAD", role: "student" as const },
  "202406504": { name: "Jai Krishna", role: "student" as const },
  "50432": { name: "Siva Krishna Sir", role: "faculty" as const },
  "50123": { name: "Santoshi Maam", role: "faculty" as const },
}

export function getUserName(userId: string): string {
  return USER_DATABASE[userId as keyof typeof USER_DATABASE]?.name || userId
}

export function getUserRole(userId: string): "student" | "faculty" | null {
  return USER_DATABASE[userId as keyof typeof USER_DATABASE]?.role || null
}
[V0_FILE]typescriptreact:file="lib/book-store.ts" isEdit="true" isQuickEdit="true" isMerged="true"
export interface Book {
  id: string
  title: string
  author: string
  subject: string
  description: string
  isbn: string
  pages: number
  publishedYear: number
  rating: number
  recommended: boolean
  recommendedBy?: string
  category?: "recommended" | "top-rated" | "recently-added"
}

const facultyNamesBySubject: Record<string, string> = {
  "Computer Science": "Siva Krishna Sir",
  Programming: "Siva Krishna Sir",
  "Software Design": "Siva Krishna Sir",
  JAVA: "Santoshi Maam",
  "DATA STRUCTURES": "Siva Krishna Sir",
  COA: "Chandrika Maam",
  MATHS: "Ram Narayan Sir",
  "Environment Studies": "Manoj Sir",
}

const bookRecommendations: Book[] = [
  {
    id: "1",
    title: "Data Structures & Algorithms",
    author: "Thomas H. Cormen",
    subject: "DATA STRUCTURES",
    description: "A comprehensive guide to data structures and algorithms with practical examples and implementations.",
    isbn: "978-0262033848",
    pages: 1312,
    publishedYear: 2009,
    rating: 4.8,
    recommended: true,
    recommendedBy: "Siva Krishna Sir",
    category: "recommended",
  },
  {
    id: "2",
    title: "Clean Code",
    author: "Robert C. Martin",
    subject: "Programming",
    description:
      "Learn how to write code that is readable, maintainable, and elegant. A must-read for every programmer.",
    isbn: "978-0132350884",
    pages: 464,
    publishedYear: 2008,
    rating: 4.7,
    recommended: true,
    recommendedBy: "Siva Krishna Sir",
    category: "recommended",
  },
  {
    id: "3",
    title: "Design Patterns",
    author: "Gang of Four",
    subject: "Software Design",
    description: "The classic book on design patterns that every software engineer should read.",
    isbn: "978-0201633610",
    pages: 395,
    publishedYear: 1994,
    rating: 4.6,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "4",
    title: "The Pragmatic Programmer",
    author: "David Thomas & Andrew Hunt",
    subject: "Programming",
    description: "Practical advice and techniques for becoming a better programmer.",
    isbn: "978-0201616224",
    pages: 352,
    publishedYear: 1999,
    rating: 4.5,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "5",
    title: "Introduction to Algorithms",
    author: "Clifford Stein",
    subject: "DATA STRUCTURES",
    description: "Comprehensive introduction to algorithms with detailed analysis and examples.",
    isbn: "978-0262033848",
    pages: 1312,
    publishedYear: 2009,
    rating: 4.9,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "6",
    title: "Code Complete",
    author: "Steve McConnell",
    subject: "Programming",
    description: "A practical handbook of software construction techniques and best practices.",
    isbn: "978-0735619678",
    pages: 960,
    publishedYear: 2004,
    rating: 4.4,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "7",
    title: "Effective Java",
    author: "Joshua Bloch",
    subject: "JAVA",
    description: "Essential techniques and best practices for Java programming.",
    isbn: "978-0134685991",
    pages: 416,
    publishedYear: 2018,
    rating: 4.7,
    recommended: true,
    recommendedBy: "Santoshi Maam",
    category: "recommended",
  },
  {
    id: "8",
    title: "Java Concurrency in Practice",
    author: "Brian Goetz",
    subject: "JAVA",
    description: "Master concurrent programming in Java with practical examples.",
    isbn: "978-0321349606",
    pages: 384,
    publishedYear: 2006,
    rating: 4.6,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "9",
    title: "Head First Java",
    author: "Kathy Sierra",
    subject: "JAVA",
    description: "Learn Java programming with visual and interactive approach.",
    isbn: "978-0596009205",
    pages: 688,
    publishedYear: 2005,
    rating: 4.5,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "10",
    title: "Java: The Complete Reference",
    author: "Herbert Schildt",
    subject: "JAVA",
    description: "Comprehensive reference guide for Java programming language.",
    isbn: "978-1260440249",
    pages: 1248,
    publishedYear: 2019,
    rating: 4.4,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "11",
    title: "Computer Organization and Design",
    author: "David A. Patterson",
    subject: "COA",
    description: "Understanding computer architecture and organization principles.",
    isbn: "978-0124077263",
    pages: 912,
    publishedYear: 2014,
    rating: 4.8,
    recommended: true,
    recommendedBy: "Chandrika Maam",
    category: "recommended",
  },
  {
    id: "12",
    title: "Digital Design",
    author: "Morris M. Mano",
    subject: "COA",
    description: "Fundamentals of digital design and logic circuits.",
    isbn: "978-0134549645",
    pages: 560,
    publishedYear: 2017,
    rating: 4.6,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "13",
    title: "Microprocessor Architecture",
    author: "Barry Brey",
    subject: "COA",
    description: "In-depth study of microprocessor design and architecture.",
    isbn: "978-0133967265",
    pages: 1024,
    publishedYear: 2015,
    rating: 4.5,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "14",
    title: "Calculus: Early Transcendentals",
    author: "James Stewart",
    subject: "MATHS",
    description: "Comprehensive calculus textbook with applications and examples.",
    isbn: "978-1285741550",
    pages: 1368,
    publishedYear: 2015,
    rating: 4.7,
    recommended: true,
    recommendedBy: "Ram Narayan Sir",
    category: "recommended",
  },
  {
    id: "15",
    title: "Linear Algebra and Its Applications",
    author: "David C. Lay",
    subject: "MATHS",
    description: "Essential linear algebra concepts with practical applications.",
    isbn: "978-0321982384",
    pages: 576,
    publishedYear: 2015,
    rating: 4.6,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "16",
    title: "Discrete Mathematics and Its Applications",
    author: "Kenneth H. Rosen",
    subject: "MATHS",
    description: "Comprehensive guide to discrete mathematics for computer science.",
    isbn: "978-0073383090",
    pages: 1088,
    publishedYear: 2019,
    rating: 4.5,
    recommended: false,
    category: "recently-added",
  },
  {
    id: "17",
    title: "Environmental Science",
    author: "William P. Cunningham",
    subject: "Environment Studies",
    description: "Understanding environmental systems and sustainability.",
    isbn: "978-0078936265",
    pages: 656,
    publishedYear: 2017,
    rating: 4.6,
    recommended: true,
    recommendedBy: "Manoj Sir",
    category: "recommended",
  },
  {
    id: "18",
    title: "Ecology and Conservation",
    author: "Andrew Dobson",
    subject: "Environment Studies",
    description: "Principles of ecology and conservation biology.",
    isbn: "978-0199601951",
    pages: 528,
    publishedYear: 2009,
    rating: 4.5,
    recommended: false,
    category: "top-rated",
  },
  {
    id: "19",
    title: "Climate Change and Global Warming",
    author: "Michael E. Mann",
    subject: "Environment Studies",
    description: "Understanding climate science and environmental challenges.",
    isbn: "978-0231152549",
    pages: 400,
    publishedYear: 2015,
    rating: 4.4,
    recommended: false,
    category: "recently-added",
  },
]

const authorNames = [
  "Stephen King",
  "J.K. Rowling",
  "George R.R. Martin",
  "Haruki Murakami",
  "Margaret Atwood",
  "Paulo Coelho",
  "Khaled Hosseini",
  "Yann Martel",
  "Salman Rushdie",
  "Arundhati Roy",
]

const isbnPrefixes = ["978-0", "978-1", "978-2", "978-3", "978-4", "978-5"]

function generateRandomISBN(): string {
  const prefix = isbnPrefixes[Math.floor(Math.random() * isbnPrefixes.length)]
  const part1 = Math.floor(Math.random() * 999999)
  const part2 = Math.floor(Math.random() * 9999)
  return `${prefix}${part1.toString().padStart(6, "0")}${part2.toString().padStart(4, "0")}`
}

function generateRandomAuthor(): string {
  return authorNames[Math.floor(Math.random() * authorNames.length)]
}

export function getRandomBookVariant(baseBook: Book): Book {
  // 80% chance to return book with random ISBN and author
  if (Math.random() < 0.8) {
    return {
      ...baseBook,
      isbn: generateRandomISBN(),
      author: generateRandomAuthor(),
    }
  }
  return baseBook
}

export function getBookRecommendations(): Book[] {
  return bookRecommendations
}

export function addBookRecommendation(book: Omit<Book, "id" | "recommended">, facultyName: string): Book {
  const newBook: Book = {
    ...book,
    id: Date.now().toString(),
    recommended: true,
    recommendedBy: facultyName,
    category: "recommended",
  }
  bookRecommendations.push(newBook)
  return newBook
}

export function getAllBooks(): Book[] {
  return bookRecommendations
}

export function getBooksByCategory(category: "recommended" | "top-rated" | "recently-added"): Book[] {
  if (category === "recommended") {
    return bookRecommendations.filter((b) => b.recommended)
  } else if (category === "top-rated") {
    return [...bookRecommendations].sort((a, b) => b.rating - a.rating).slice(0, 6)
  } else {
    return bookRecommendations.filter((b) => b.category === "recently-added")
  }
}

export function getFacultyNameBySubject(subject: string): string {
  return facultyNamesBySubject[subject] || "Faculty"
}
[V0_FILE]typescriptreact:file="components/book-request.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"

interface BookRequest {
  id: string
  bookName: string
  authorName: string
  isbn: string
  requestDate: string
  status: "pending" | "approved" | "available"
}

export default function BookRequest() {
  const [requests, setRequests] = useState<BookRequest[]>([
    {
      id: "1",
      bookName: "The Great Gatsby",
      authorName: "F. Scott Fitzgerald",
      isbn: "978-0743273565",
      requestDate: "2025-10-15",
      status: "pending",
    },
    {
      id: "2",
      bookName: "To Kill a Mockingbird",
      authorName: "Harper Lee",
      isbn: "978-0061120084",
      requestDate: "2025-10-10",
      status: "approved",
    },
  ])

const [bookName, setBookName] = useState("")
  const [authorName, setAuthorName] = useState("")
  const [isbn, setIsbn] = useState("")

const handleAddRequest = () => {
    if (bookName.trim() && authorName.trim() && isbn.trim()) {
      const newRequest: BookRequest = {
        id: Date.now().toString(),
        bookName,
        authorName,
        isbn,
        requestDate: new Date().toISOString().split("T")[0],
        status: "pending",
      }
      setRequests([newRequest, ...requests])
      setBookName("")
      setAuthorName("")
      setIsbn("")
    }
  }

const getStatusColor = (status: string) => {
    switch (status) {
      case "pending":
        return "bg-yellow-100 text-yellow-700"
      case "approved":
        return "bg-blue-100 text-blue-700"
      case "available":
        return "bg-green-100 text-green-700"
      default:
        return "bg-gray-100 text-gray-700"
    }
  }

return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold text-gray-800">Book Requests</h2>

{/* Request Form */}
      <Card className="p-6 bg-gradient-to-br from-purple-50 to-pink-50 border-purple-100">
        <h3 className="font-semibold text-lg mb-4 text-gray-800">Request a Book</h3>
        <div className="space-y-4">
          <div>
            <label className="block text-sm font-medium text-gray-700 mb-2">Book Name</label>
            <Input placeholder="Enter book name..." value={bookName} onChange={(e) => setBookName(e.target.value)} />
          </div>
          <div>
            <label className="block text-sm font-medium text-gray-700 mb-2">Author Name</label>
            <Input
              placeholder="Enter author name..."
              value={authorName}
              onChange={(e) => setAuthorName(e.target.value)}
            />
          </div>
          <div>
            <label className="block text-sm font-medium text-gray-700 mb-2">ISBN Number</label>
            <Input
              placeholder="Enter ISBN number (e.g., 978-0743273565)..."
              value={isbn}
              onChange={(e) => setIsbn(e.target.value)}
            />
          </div>
          <Button
            onClick={handleAddRequest}
            className="w-full bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700"
          >
            Submit Request
          </Button>
        </div>
      </Card>

{/* Requests List */}
      <div className="space-y-4">
        <h3 className="font-semibold text-lg text-gray-800">Your Requests</h3>
        {requests.length === 0 ? (
          <Card className="p-6 text-center bg-gray-50">
            <p className="text-gray-600">No book requests yet</p>
          </Card>
        ) : (
          requests.map((request) => (
            <Card key={request.id} className="p-6 bg-gradient-to-br from-white to-gray-50 border-gray-200">
              <div className="flex justify-between items-start mb-3">
                <div>
                  <h4 className="font-bold text-lg text-gray-800">{request.bookName}</h4>
                  <p className="text-sm text-gray-600">Author: {request.authorName}</p>
                  <p className="text-sm text-gray-600">ISBN: {request.isbn}</p>
                </div>
                <span className={`px-3 py-1 rounded-full text-xs font-semibold ${getStatusColor(request.status)}`}>
                  {request.status.charAt(0).toUpperCase() + request.status.slice(1)}
                </span>
              </div>
              <p className="text-xs text-gray-500">Requested on: {request.requestDate}</p>
            </Card>
          ))
        )}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/logo.tsx" isMerged="true"
"use client"

export default function Logo() {
  return (
    <div className="flex items-center gap-2">
      <div className="w-10 h-10 bg-gradient-to-br from-teal-600 to-cyan-600 rounded-lg flex items-center justify-center">
        <span className="text-white font-bold text-lg">📚</span>
      </div>
      <span className="font-bold text-lg text-gray-800">Smart Library</span>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/wishlist-success-popup.tsx" isMerged="true"
"use client"

import { useEffect } from "react"

interface WishlistSuccessPopupProps {
  isVisible: boolean
  onClose: () => void
}

export default function WishlistSuccessPopup({ isVisible, onClose }: WishlistSuccessPopupProps) {
  useEffect(() => {
    if (isVisible) {
      // Play success sound
      const audio = new Audio(
        "data:audio/wav;base64,UklGRnoGAABXQVZFZm10IBAAAAABAAEAQB8AAAB9AAACABAAZGF0YQoGAACBhYqFbF1fdJivrJBhNjVgodDbq2EcBj==",
      )
      audio.play().catch(() => {})

const timer = setTimeout(onClose, 2000)
      return () => clearTimeout(timer)
    }
  }, [isVisible, onClose])

if (!isVisible) return null

return (
    <div className="fixed inset-0 flex items-center justify-center z-50 pointer-events-none">
      <div className="bg-white rounded-full p-8 shadow-2xl animate-bounce">
        <div className="text-6xl">✓</div>
      </div>
      <div className="absolute mt-32 text-center">
        <p className="text-xl font-bold text-green-600">Added to Wishlist!</p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/book-cover.tsx" isMerged="true"
"use client"

import { Card } from "@/components/ui/card"
import type { Book } from "@/lib/book-store"

interface BookCoverProps {
  book: Book
}

export default function BookCover({ book }: BookCoverProps) {
  // Generate a gradient based on book subject
  const getGradient = (subject: string) => {
    const gradients: { [key: string]: string } = {
      JAVA: "from-orange-400 to-red-600",
      "DATA STRUCTURES": "from-blue-400 to-purple-600",
      COA: "from-green-400 to-teal-600",
      MATHS: "from-yellow-400 to-orange-600",
      "Environment studies": "from-green-300 to-emerald-600",
      "Computer Science": "from-indigo-400 to-blue-600",
      Programming: "from-pink-400 to-rose-600",
      "Web Development": "from-cyan-400 to-blue-600",
      "Data Science": "from-purple-400 to-pink-600",
      "Software Design": "from-teal-400 to-cyan-600",
    }
    return gradients[subject] || "from-slate-400 to-slate-600"
  }

return (
    <div className="w-full max-w-xs mx-auto">
      <Card
        className={`bg-gradient-to-br ${getGradient(book.subject)} p-8 rounded-lg shadow-2xl text-white h-96 flex flex-col justify-between`}
      >
        {/* Top Section */}
        <div className="flex-1 flex flex-col justify-start">
          <div className="text-xs font-semibold opacity-80 mb-4 uppercase tracking-widest">{book.subject}</div>
          <h1 className="text-3xl font-bold mb-4 leading-tight text-balance">{book.title}</h1>
        </div>

{/* Middle Section - Decorative */}
        <div className="flex justify-center mb-6">
          <div className="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center">
            <span className="text-3xl">📚</span>
          </div>
        </div>

{/* Bottom Section */}
        <div className="flex-1 flex flex-col justify-end">
          <div className="border-t border-white border-opacity-30 pt-4">
            <p className="text-lg font-semibold mb-2">By {book.author}</p>
            <div className="flex justify-between items-center text-sm opacity-90">
              <span>{book.pages} pages</span>
              <span>⭐ {book.rating}/5</span>
            </div>
            <p className="text-xs opacity-75 mt-2">ISBN: {book.isbn}</p>
          </div>
        </div>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/student-feedback-modal.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Textarea } from "@/components/ui/textarea"
import type { Book } from "@/lib/book-store"

interface StudentFeedbackModalProps {
  book: Book
  facultyName?: string
  onClose: () => void
  onSubmit: (feedback: string, rating: number) => void
}

export default function StudentFeedbackModal({ book, facultyName, onClose, onSubmit }: StudentFeedbackModalProps) {
  const [feedback, setFeedback] = useState("")
  const [rating, setRating] = useState(5)
  const [submitted, setSubmitted] = useState(false)

const handleSubmit = () => {
    if (feedback.trim()) {
      onSubmit(feedback, rating)
      setSubmitted(true)
      setTimeout(() => {
        onClose()
      }, 1500)
    }
  }

if (submitted) {
    return (
      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
        <Card className="w-full max-w-md p-8 bg-white text-center">
          <div className="text-5xl mb-4">✓</div>
          <h2 className="text-2xl font-bold text-green-600 mb-2">Feedback Submitted!</h2>
          <p className="text-gray-600">Thank you for your feedback on {book.title}</p>
        </Card>
      </div>
    )
  }

return (
    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
      <Card className="w-full max-w-2xl max-h-[90vh] overflow-y-auto bg-gradient-to-br from-white to-blue-50">
        <div className="p-8">
          {/* Header */}
          <div className="flex justify-between items-start mb-6">
            <div>
              <h1 className="text-2xl font-bold text-gray-800 mb-2">Give Feedback</h1>
              <p className="text-gray-600">Book: {book.title}</p>
              {facultyName && <p className="text-sm text-teal-600">Recommended by: {facultyName}</p>}
            </div>
            <button onClick={onClose} className="text-2xl text-gray-500 hover:text-gray-700 font-bold">
              ✕
            </button>
          </div>

{/* Rating Section */}
          <div className="mb-6">
            <label className="block text-sm font-semibold text-gray-700 mb-3">Rate this Book</label>
            <div className="flex gap-2">
              {[1, 2, 3, 4, 5].map((star) => (
                <button
                  key={star}
                  onClick={() => setRating(star)}
                  className={`text-4xl transition-transform ${
                    star <= rating ? "text-yellow-400 scale-110" : "text-gray-300"
                  }`}
                >
                  ★
                </button>
              ))}
            </div>
            <p className="text-sm text-gray-600 mt-2">{rating} out of 5 stars</p>
          </div>

{/* Feedback Text Area */}
          <div className="mb-6">
            <label className="block text-sm font-semibold text-gray-700 mb-3">Your Feedback</label>
            <Textarea
              placeholder="Share your thoughts about this book... What did you like? What could be improved?"
              value={feedback}
              onChange={(e) => setFeedback(e.target.value)}
              className="w-full min-h-32 p-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-teal-500"
            />
            <p className="text-xs text-gray-500 mt-2">{feedback.length} characters</p>
          </div>