function MainComponent() { const [activeTab, setActiveTab] = useState("tasks"); const [selectedHomework, setSelectedHomework] = useState(null); const [answer, setAnswer] = useState(""); const [feedback, setFeedback] = useState(""); const canvasRef = React.useRef(); const [isDrawing, setIsDrawing] = useState(false); const [lastX, setLastX] = useState(0); const [showTeacherChat, setShowTeacherChat] = useState(false); const [chatMessage, setChatMessage] = useState(""); const [chatHistory, setChatHistory] = useState([]); const [lastY, setLastY] = useState(0); const [uploadedImage, setUploadedImage] = useState(null); const [showAnswerModal, setShowAnswerModal] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const [progressData] = useState({ weeklyProgress: [ { day: "月", completed: 5 }, { day: "火", completed: 3 }, { day: "水", completed: 7 }, { day: "木", completed: 4 }, { day: "金", completed: 6 }, { day: "土", completed: 2 }, { day: "日", completed: 1 } ], subjectProgress: [ { subject: "数学", completed: 80, total: 100 }, { subject: "英語", completed: 65, total: 100 }, { subject: "理科", completed: 45, total: 100 }, { subject: "社会", completed: 70, total: 100 } ], recentFeedback: [ { subject: "数学", score: 85, comment: "計算過程が明確で良いです" }, { subject: "英語", score: 75, comment: "文法の確認が必要です" }, { subject: "理科", score: 90, comment: "実験の考察が素晴らしい" } ] }); const mockHomeworks = [ { id: 1, title: "二次方程式の演習", subject: "数学", dueDate: "2024-02-20", question: "x² + 5x + 6 = 0 を解け" }, { id: 2, title: "英作文課題", subject: "英語", dueDate: "2024-02-21", question: "Write about your favorite hobby in English." } ]; const [upload] = useUpload(); const handleSubmitAnswer = async ()=>{ setIsSubmitting(true); const canvas = canvasRef.current; const imageData = canvas.toDataURL("image/png"); try { const { url } = await upload({ base64: imageData.split(",")[1] }); const prompt = `以下の${selectedHomework.subject}の問題に対する手書きの解答画像を評価し、わかりやすくフィードバックしてください。問題：${selectedHomework.question} 解答画像：${url} フィードバックは以下の点を含めてください： 1. 文字の読みやすさ 2. 解答の正確さ 3. 改善点 4. アドバイス`; await new Promise((resolve)=>setTimeout(resolve, 1000)); setFeedback("手書きの解答を確認しました！\n\n文字の読みやすさ：とても読みやすい文字で書かれています\n\n正確さ：85%\n\n改善点：\n- 計算過程をもう少し詳しく書くとよいでしょう\n- 矢印などを使って計算の流れを示すとより分かりやすくなります\n\nアドバイス：\n- 解の検算も行うと、より確実な答えが導けます\n- ノートの取り方が上手です。この調子で頑張りましょう！"); } catch (error) { console.error("Error uploading image:", error); setFeedback("申し訳ありません。画像のアップロードに失敗しました。"); } finally{ setIsSubmitting(false); } }; const startDrawing = (e)=>{ const canvas = canvasRef.current; const rect = canvas.getBoundingClientRect(); const x = e.type.includes("touch") ? e.touches[0].clientX - rect.left : e.clientX - rect.left; const y = e.type.includes("touch") ? e.touches[0].clientY - rect.top : e.clientY - rect.top; setIsDrawing(true); setLastX(x); setLastY(y); }; const draw = (e)=>{ if (!isDrawing) return; e.preventDefault(); const canvas = canvasRef.current; const ctx = canvas.getContext("2d"); const rect = canvas.getBoundingClientRect(); const x = e.type.includes("touch") ? e.touches[0].clientX - rect.left : e.clientX - rect.left; const y = e.type.includes("touch") ? e.touches[0].clientY - rect.top : e.clientY - rect.top; ctx.beginPath(); ctx.moveTo(lastX, lastY); ctx.lineTo(x, y); ctx.strokeStyle = "#000"; ctx.lineWidth = 2; ctx.stroke(); setLastX(x); setLastY(y); }; const stopDrawing = ()=>{ setIsDrawing(false); }; const clearCanvas = ()=>{ const canvas = canvasRef.current; const ctx = canvas.getContext("2d"); ctx.clearRect(0, 0, canvas.width, canvas.height); setUploadedImage(null); }; const handleImageUpload = async (e)=>{ const file = e.target.files[0]; if (file) { const { url } = await upload({ file }); setUploadedImage(url); const canvas = canvasRef.current; const ctx = canvas.getContext("2d"); const img = new Image(); img.onload = ()=>{ ctx.drawImage(img, 0, 0, canvas.width, canvas.height); }; img.src = url; } }; const handleAskTeacher = ()=>{ setShowTeacherChat(true); }; const handleSendMessage = ()=>{ if (chatMessage.trim()) { setChatHistory([ ...chatHistory, { sender: "student", message: chatMessage, timestamp: new Date().toLocaleTimeString() } ]); setChatMessage(""); // 講師への通知をシミュレート setTimeout(()=>{ setChatHistory((prev)=>[ ...prev, { sender: "teacher", message: "承知しました。詳しく確認して返信させていただきます。", timestamp: new Date().toLocaleTimeString() } ]); }, 1000); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-50 to-white", __source: { fileName: "", lineNumber: 174, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg fixed top-0 left-0 right-0 z-50", __source: { fileName: "", lineNumber: 175, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-3", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-blue-600 text-xl", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-gray-800 truncate", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, "スマート学習支援")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-lg", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-600", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16 pb-16", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-white border-t z-50 flex justify-around py-2", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex flex-col items-center p-2 rounded-lg ${activeTab === "tasks" ? "text-blue-600" : "text-gray-600"}`, onClick: ()=>setActiveTab("tasks"), __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-lg mb-1", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, "課題")), /*#__PURE__*/ React.createElement("button", { className: `flex flex-col items-center p-2 rounded-lg ${activeTab === "progress" ? "text-blue-600" : "text-gray-600"}`, onClick: ()=>setActiveTab("progress"), __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-lg mb-1", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, "進捗"))), /*#__PURE__*/ React.createElement("div", { className: "px-4", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, activeTab === "tasks" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 220, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, "課題一覧"), /*#__PURE__*/ React.createElement("select", { className: "text-sm border rounded-lg px-2 py-1", __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "すべての教科"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, "数学"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 226, columnNumber: 19 }, __self: this }, "英語"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, mockHomeworks.map((homework)=>/*#__PURE__*/ React.createElement("div", { key: homework.id, className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 235, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0", __source: { fileName: "", lineNumber: 236, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${homework.subject === "数学" ? "fa-square-root-alt" : "fa-language"} text-blue-600`, __source: { fileName: "", lineNumber: 237, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-0", __source: { fileName: "", lineNumber: 245, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-800 mb-1", __source: { fileName: "", lineNumber: 246, columnNumber: 25 }, __self: this }, homework.title), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 text-xs text-gray-600", __source: { fileName: "", lineNumber: 249, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 250, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-open mr-1", __source: { fileName: "", lineNumber: 251, columnNumber: 29 }, __self: this }), homework.subject), /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 254, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 255, columnNumber: 29 }, __self: this }), homework.dueDate)), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 259, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs text-gray-600 mb-1", __source: { fileName: "", lineNumber: 260, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 261, columnNumber: 29 }, __self: this }, "進捗状況"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 262, columnNumber: 29 }, __self: this }, "2/5問完了")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-1.5", __source: { fileName: "", lineNumber: 264, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-1.5 rounded-full", style: { width: "40%" }, __source: { fileName: "", lineNumber: 265, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-3 flex gap-2", __source: { fileName: "", lineNumber: 271, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedHomework(homework); setShowAnswerModal(true); }, className: "flex-1 bg-blue-600 text-white px-3 py-2 rounded-lg text-sm font-medium", __source: { fileName: "", lineNumber: 272, columnNumber: 27 }, __self: this }, "解答する")))))))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, "学習進捗"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, "週間学習実績"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-32", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, progressData.weeklyProgress.map((day)=>/*#__PURE__*/ React.createElement("div", { key: day.day, className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 295, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 w-6 bg-gray-100 rounded-t-lg relative", __source: { fileName: "", lineNumber: 296, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full bg-blue-500 rounded-t-lg", style: { height: `${day.completed / 7 * 100}%` }, __source: { fileName: "", lineNumber: 297, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2 text-xs text-gray-600", __source: { fileName: "", lineNumber: 302, columnNumber: 23 }, __self: this }, day.day))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "学習状況"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, progressData.subjectProgress.map((subject)=>/*#__PURE__*/ React.createElement("div", { key: subject.subject, __source: { fileName: "", lineNumber: 313, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 314, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 315, columnNumber: 25 }, __self: this }, subject.subject), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 316, columnNumber: 25 }, __self: this }, Math.round(subject.completed / subject.total * 100), "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-1.5", __source: { fileName: "", lineNumber: 323, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-1.5 rounded-full", style: { width: `${subject.completed / subject.total * 100}%` }, __source: { fileName: "", lineNumber: 324, columnNumber: 25 }, __self: this }))))))))), showAnswerModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50", __source: { fileName: "", lineNumber: 343, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white h-full w-full flex flex-col", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b flex justify-between items-center", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, selectedHomework.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowAnswerModal(false); setAnswer(""); setFeedback(""); }, className: "text-gray-500", __source: { fileName: "", lineNumber: 347, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 355, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 360, columnNumber: 17 }, __self: this }, "問題："), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, selectedHomework.question)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, "手書き解答："), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg p-3", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-3", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleImageUpload, className: "text-sm", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: clearCanvas, className: "px-3 py-1 bg-gray-100 rounded-lg text-sm", __source: { fileName: "", lineNumber: 373, columnNumber: 21 }, __self: this }, "クリア")), /*#__PURE__*/ React.createElement("canvas", { ref: canvasRef, width: 300, height: 200, className: "border rounded w-full cursor-crosshair bg-white", onMouseDown: startDrawing, onMouseMove: draw, onMouseUp: stopDrawing, onMouseOut: stopDrawing, onTouchStart: startDrawing, onTouchMove: draw, onTouchEnd: stopDrawing, __source: { fileName: "", lineNumber: 380, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSubmitAnswer, disabled: isSubmitting, className: "flex-1 bg-blue-600 text-white px-4 py-3 rounded-lg text-sm font-medium disabled:bg-gray-400", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, isSubmitting ? "AIが採点中..." : "AIに解答を提出"), /*#__PURE__*/ React.createElement("button", { onClick: handleAskTeacher, className: "flex-1 bg-green-600 text-white px-4 py-3 rounded-lg text-sm font-medium", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "講師に質問")), feedback && /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, "AIからのフィードバック："), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 p-4 rounded-lg text-sm whitespace-pre-wrap", __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }, feedback))))), showTeacherChat && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-white z-50 flex flex-col", __source: { fileName: "", lineNumber: 424, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b flex justify-between items-center", __source: { fileName: "", lineNumber: 425, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, "講師とのチャット"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowTeacherChat(false), className: "text-gray-500", __source: { fileName: "", lineNumber: 427, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 431, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 434, columnNumber: 11 }, __self: this }, chatHistory.map((chat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${chat.sender === "student" ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] rounded-lg p-3 ${chat.sender === "student" ? "bg-blue-600 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 442, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, chat.message), /*#__PURE__*/ React.createElement("p", { className: "text-xs mt-1 opacity-70", __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, chat.timestamp))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t", __source: { fileName: "", lineNumber: 455, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 456, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: chatMessage, onChange: (e)=>setChatMessage(e.target.value), placeholder: "メッセージを入力...", className: "flex-1 px-4 py-3 border rounded-lg text-sm", onKeyPress: (e)=>{ if (e.key === "Enter") { handleSendMessage(); } }, __source: { fileName: "", lineNumber: 457, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, className: "bg-blue-600 text-white px-4 py-3 rounded-lg", __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this })))))); }