function MainComponent() { const [error, setError] = React.useState(''); const handleCreateTable = async ()=>{ setError(''); try { await fetch('/api/db/knowledge', { method: 'POST', body: JSON.stringify({ query: 'CREATE TABLE IF NOT EXISTS `knowledge_management_window` (`id` INT AUTO_INCREMENT PRIMARY KEY, `session_id` VARCHAR(255), `user_utterance` TEXT, `llm_utterance` TEXT, `session_date` DATETIME)', values: [] }) }); } catch { setError('error'); } }; const handleSubmit = async (event)=>{ event.preventDefault(); setError(''); const data = { session_id: event.target.session_id.value, user_utterance: event.target.user_utterance.value, llm_utterance: event.target.llm_utterance.value, session_date: new Date().toISOString().slice(0, 19).replace('T', ' ') }; const response = await fetch('/api/db/knowledge', { method: 'POST', body: JSON.stringify({ query: 'INSERT INTO `knowledge_management_window` (`session_id`, `user_utterance`, `llm_utterance`, `session_date`) VALUES (?, ?, ?, ?)', values: [ data.session_id, data.user_utterance, data.llm_utterance, data.session_date ] }) }); if (response.ok) { event.target.reset(); } else { setError('error'); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mx-auto mt-10 p-6 bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-center mb-6 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "知識管理ウィンドウ"), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCreateTable, className: "px-4 py-2 bg-green-500 text-white rounded-md hover:bg-green-600", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "テーブル作成")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "session_id", className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "セッションID"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "session_id", name: "session_id", className: "w-full mt-1 p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "user_utterance", className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "ユーザー発話内容"), /*#__PURE__*/ React.createElement("textarea", { id: "user_utterance", name: "user_utterance", className: "w-full mt-1 p-2 border border-gray-300 rounded-md", rows: "3", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "llm_utterance", className: "block text-sm font-medium font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "LLM発話内容"), /*#__PURE__*/ React.createElement("textarea", { id: "llm_utterance", name: "llm_utterance", className: "w-full mt-1 p-2 border border-gray-300 rounded-md", rows: "3", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "追加する")))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this })); }