/* global React, Icon, Avatar, Modal, Field, TextInput, TextArea, SelectInput, BookCover, searchGoogleBooks */ const { useState, useEffect, useRef } = React; /* ============================================ CHAT HUB — pick an agent ============================================ */ function ChatHubScreen({ state, actions }) { const agents = window.LIBRARY_DATA.AGENTS; return (

שיחה

בחרי עם מי לדבר על הספרייה
{agents.map(a => ( ))}
שיחה חכמה
כל אחת מהדמויות מכירה את הספרייה שלך, יודעת מה שאלת ממי, ומה את בקריאה. אפשר לדבר על ספרים, להמליץ, או רק לשמוע סיפור.
); } /* ============================================ CHAT ROOM ============================================ */ function ChatScreen({ agentId, state, actions, onBack }) { const agent = window.LIBRARY_DATA.AGENTS.find(a => a.id === agentId); const [messages, setMessages] = useState([ { from: "agent", text: agent.greeting, ts: Date.now() }, ]); const [draft, setDraft] = useState(""); const [typing, setTyping] = useState(false); const endRef = useRef(null); useEffect(() => { endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" }); }, [messages, typing]); const send = (text) => { const t = (text || draft).trim(); if (!t) return; setMessages(m => [...m, { from: "user", text: t, ts: Date.now() }]); setDraft(""); setTyping(true); setTimeout(() => { setTyping(false); setMessages(m => [...m, { from: "agent", text: respond(agent, t, state), ts: Date.now() }]); }, 900 + Math.random() * 700); }; return (
{agent.emoji}
{agent.name}
{agent.role}
{messages.map((m, i) => (
{m.from === "agent" && (
{agent.emoji}
)}
{m.text}
))} {typing && (
{agent.emoji}
)}
{agent.prompts.map(p => ( ))}
setDraft(e.target.value)} onKeyDown={e => e.key === "Enter" && send()} />
); } const Dots = () => ( {[0, 1, 2].map(i => ( ))} ); function respond(agent, text, state) { const { books, loans } = state; const t = text.toLowerCase(); if (agent.id === "curator") { if (t.includes("כמה") || t.includes("ספרים")) { return `יש לך ${books.length} ספרים בספרייה. ${books.filter(b=>b.status==="available").length} זמינים, ${books.filter(b=>b.status==="loaned").length} מושאלים, ו־${books.filter(b=>b.status==="reading").length} בקריאה כרגע.`; } if (t.includes("סוס")) { const loan = loans.find(l => l.bookId === "b1"); return loan ? `"סוס אחד נכנס לבר" נמצא כרגע אצל ${loan.borrower}.` : "הספר נמצא במדף."; } if (t.includes("קריאה") || t.includes("בקריאה")) { const r = books.filter(b => b.status === "reading"); return r.length ? `את קוראת כרגע: ${r.map(b => `"${b.title}"`).join(", ")}.` : "אין כרגע ספרים בקריאה."; } return "אני יכול לעזור עם קטלוג הספרייה — כמה ספרים, מי מחזיק מה, מה במצב קריאה."; } if (agent.id === "librarian") { if (t.includes("השאל")) return "בשמחה! מי לוקח, איזה ספר, ועד מתי?"; if (t.includes("איחור")) { const late = loans.filter(l => new Date(l.dueAt) < new Date()); return late.length ? `יש ${late.length} השאלות באיחור.` : "הכל בזמן 🎉"; } if (t.includes("תזכ")) return "שלחתי תזכורת."; return "אני אטפל בכל מה שקשור להשאלות."; } if (agent.id === "advisor") { if (t.includes("המלץ") || t.includes("ספר")) { const cand = books.find(b => b.status === "available" && b.rating === 0); return cand ? `על סמך מה שאת אוהבת, אני חושבת ש"${cand.title}" יתאים לך.` : "תני לי כיוון — אווירה, ז'אנר, או ספר אהוב."; } return "ספרי לי מה את בקריאה. אני מקשיבה."; } } function shade(hex, percent) { const num = parseInt(hex.slice(1), 16); const amt = Math.round(2.55 * percent); const r = Math.max(0, Math.min(255, (num >> 16) + amt)); const g = Math.max(0, Math.min(255, ((num >> 8) & 0xff) + amt)); const b = Math.max(0, Math.min(255, (num & 0xff) + amt)); return `rgb(${r}, ${g}, ${b})`; } /* ============================================ ADD BOOK MODAL — with Google Books cover search ============================================ */ function AddBookModal({ open, onClose, onAdd }) { const EMPTY = { title: "", author: "", genre: "פרוזה", pages: "", year: "", notes: "", coverUrl: "" }; const [f, setF] = useState(EMPTY); const [coverResults, setCoverResults] = useState([]); const [coverLoading, setCoverLoading] = useState(false); const debounceRef = useRef(null); useEffect(() => { if (!open) { setF(EMPTY); setCoverResults([]); } }, [open]); const set = (k) => (e) => { const val = e.target.value; setF(prev => ({ ...prev, [k]: val })); if (k === "title") { clearTimeout(debounceRef.current); if (val.length >= 2) { debounceRef.current = setTimeout(async () => { setCoverLoading(true); const results = await searchGoogleBooks(val, f.author); setCoverResults(results); if (results.length > 0 && !f.coverUrl) { setF(prev => ({ ...prev, coverUrl: results[0].coverUrl })); } setCoverLoading(false); }, 600); } else { setCoverResults([]); } } }; if (!open) return null; const submit = () => { if (!f.title.trim()) return; onAdd(f); setF(EMPTY); setCoverResults([]); onClose(); }; return ( } >
{/* Cover picker */} {(coverLoading || coverResults.length > 0) && (
{coverLoading ? "מחפש כריכות…" : "בחרי כריכה:"}
{coverResults.map((r, i) => (
setF(prev => ({ ...prev, coverUrl: r.coverUrl }))} style={{ cursor: "pointer", borderRadius: 8, overflow: "hidden", border: f.coverUrl === r.coverUrl ? "3px solid var(--gold)" : "3px solid transparent", boxShadow: f.coverUrl === r.coverUrl ? "0 0 0 2px var(--gold)" : "0 2px 8px rgba(0,0,0,.15)", flexShrink: 0, }} title={r.title} > {r.title}
))}
)} {/* Preview selected cover */} {f.coverUrl && coverResults.length === 0 && (
כריכה setF(prev => ({ ...prev, coverUrl: "" }))} />
כריכה נבחרה
)}