function MainComponent() { const [userInput, setUserInput] = React.useState(""); const [chatHistory, setChatHistory] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const [conversationContext, setConversationContext] = React.useState(""); const handleInputChange = (e)=>{ setUserInput(e.target.value); }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!userInput.trim()) return; setIsLoading(true); const newUserMessage = { role: "user", content: userInput }; setChatHistory((prev)=>[ ...prev, newUserMessage ]); try { const infoResponse = await fetch("/api/db/botdbvol.2", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT * FROM `atsumi_yoshiki_info`" }) }); const infoData = await infoResponse.json(); const systemMessage = { role: "system", content: `静岡県菊川市議会議員の渥美よしきの情報について回答してください。以下のカテゴリーに分けて情報を提供してください: 1. プロフィール等　-渥美よしきのプロフィールや経歴など　2.政策や成果 - 渥美よしき個人が提案や推進した政策や方針 - その政策による具体的な成果や影響 3. 渥美よしきの質問と答弁 - 議会での渥美よしきの質問内容とそれに対する市の答弁内容 - ただし、これらは渥美よしき個人の成果ではないことを明確に示す回答は読みやすいように適切に改行を入れてください。各カテゴリーの情報がない場合は、そのカテゴリーについて「情報がありません」と明記してください。確実な情報のみを提供し、不確かな情報や推測は避けてください。：\n${JSON.stringify(infoData)}\n\n前回の質問：${conversationContext}` }; const response = await fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ systemMessage, newUserMessage ] }) }); const data = await response.json(); const assistantResponse = data.choices[0].message.content; setChatHistory((prev)=>[ ...prev, { role: "assistant", content: assistantResponse } ]); const now = new Date().toISOString(); await fetch("/api/db/bot-14", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "INSERT INTO `conversation_history` (date_time, user_question, assistant_response) VALUES (?, ?, ?)", values: [ now, userInput, assistantResponse ] }) }); setConversationContext(userInput); setUserInput(""); } catch (error) { console.error("Error:", error); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gradient-to-r from-blue-100 to-purple-100", __source: { fileName: "", lineNumber: 76, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 bg-gradient-to-r from-blue-100 to-purple-100 shadow-md h-[63px]", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/46be44f1-cabd-4169-8337-2d887d90f29a/-/format/auto/", alt: "渥美よしき議員のアイコン", className: "w-10 h-10 rounded-full mr-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-indigo-800 font-noto-sans text-[15px]", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "AI渥美よしきβ丨菊川市議会議員")), /*#__PURE__*/ React.createElement("a", { href: "https://atsumi-yoshiki.net/", target: "_blank", rel: "noopener noreferrer", className: "text-[11px] text-indigo-600 hover:text-indigo-800 transition duration-300 ease-in-out font-noto-sans", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "公式ホームページ")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-y-auto p-4", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, chatHistory.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-4 ${message.role === "user" ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-3 rounded-lg ${message.role === "user" ? "bg-indigo-500 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, message.content.split("\n").map((line, i)=>/*#__PURE__*/ React.createElement("p", { key: i, className: "mb-1 last:mb-0 text-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, line)))))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-4 bg-gradient-to-r from-blue-100 to-purple-100", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "userInput", value: userInput, onChange: handleInputChange, className: "flex-grow p-3 border-2 border-indigo-300 rounded-l-lg focus:outline-none focus:border-indigo-500 text-lg font-noto-sans", placeholder: "質問を入力してください...", disabled: isLoading, __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-indigo-500 text-white p-3 rounded-r-lg hover:bg-indigo-600 transition duration-300 ease-in-out", disabled: isLoading, __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-xl", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane text-xl", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[10px] text-gray-500 mt-1", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "回答は必ずしも正しいとは限りません。重要な情報は公式ホームページを確認するようにしてください。")))); }