function MainComponent() { const [question, setQuestion] = React.useState(''); const [response, setResponse] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleQuestionChange = (event)=>{ setQuestion(event.target.value); }; const handleSubmit = async ()=>{ setLoading(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: question } ], system_prompt: 'Explain this workflow improvement.' }) }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error("Error fetching response:", error); setResponse("Error obtaining response, please try again."); } setLoading(false); }; const sections = [ { id: "dashboard", title: "ホーム/ダッシュボード" }, { id: "workflow-management", title: "業務フロー管理" }, { id: "improvement-suggestion", title: "改善提案ビューア" }, { id: "progress-dashboard", title: "進捗ダッシュボード" }, { id: "qa-section", title: "質問応答セクション" }, { id: "user-settings", title: "ユーザー設定" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#007BFF] text-white p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, sections.map((section)=>/*#__PURE__*/ React.createElement("li", { key: section.id, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, section.title)))), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, sections.map((section)=>/*#__PURE__*/ React.createElement("section", { key: section.id, className: "mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#007BFF] mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, section.title), section.id === "qa-section" && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "border p-2 mb-4", name: "question", rows: "4", placeholder: "質問を入力...", value: question, onChange: handleQuestionChange, __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#6C757D] text-white px-4 py-2", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, loading ? '読み込み中...' : '送信'), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, response && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 63, columnNumber: 52 }, __self: this }, response))))))); }