function MainComponent() { const [inputText, setInputText] = useState(""); const [selectedDialect, setSelectedDialect] = useState("近畿方言"); const [translation, setTranslation] = useState(""); const [isLoading, setIsLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setTranslation(message); setStreamingMessage(""); setIsLoading(false); } }); const dialects = [ { id: "北海道方言", name: "北海道方言" }, { id: "東北方言", name: "東北方言" }, { id: "関東方言", name: "関東方言" }, { id: "中部方言", name: "中部方言" }, { id: "近畿方言", name: "近畿方言" }, { id: "中国地方方言", name: "中国地方方言（広島・岡山・山口・島根・鳥取）" }, { id: "四国方言", name: "四国方言" }, { id: "九州方言", name: "九州方言" }, { id: "琉球方言", name: "琉球方言" } ]; const handleTranslate = async ()=>{ if (!inputText) return; setIsLoading(true); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: `あなたは日本の${selectedDialect}の専門家です。特に広島弁、岡山弁などの特徴（「～じゃけえ」「～なんよ」「～だが」など）を活かして、入力された標準語を自然な${selectedDialect}に変換してください。中華人民共和国の中国語ではなく、日本の中国地方（広島県、岡山県、山口県、島根県、鳥取県）の方言として変換してください。` }, { role: "user", content: inputText } ], stream: true }) }); handleStreamResponse(response); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-center text-[#333] mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "日本の方言変換"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedDialect, onChange: (e)=>setSelectedDialect(e.target.value), className: "w-full p-3 border rounded-lg bg-white font-crimson-text", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, dialects.map((dialect)=>/*#__PURE__*/ React.createElement("option", { key: dialect.id, value: dialect.id, __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, dialect.name)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: inputText, onChange: (e)=>setInputText(e.target.value), placeholder: "ここに標準語を入力してください", className: "w-full h-32 p-3 border rounded-lg resize-none font-crimson-text", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleTranslate, disabled: isLoading, className: "w-full bg-[#4a90e2] hover:bg-[#357abd] text-white p-3 rounded-lg transition-colors font-crimson-text", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, isLoading ? "変換中..." : "方言に変換"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg min-h-[100px] font-crimson-text", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#333]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, streamingMessage || translation || "変換結果がここに表示されます"))))); }