function MainComponent() { const [messages, setMessages] = React.useState([]); const [input, setInput] = React.useState(''); const [darkMode, setDarkMode] = React.useState(false); const [showAddInfo, setShowAddInfo] = React.useState(false); const [chatType, setChatType] = React.useState('normal'); const [companyInfo, setCompanyInfo] = React.useState({ name: '', location: '', establishedDate: '', industry: '', employeeCount: '', revenue: { year1: '', year2: '', year3: '' }, strengths: '', subsidyUse: '', businessType: '' }); const handleSend = ()=>{ if (input.trim()) { const newMessage = { text: input, sender: 'user', timestamp: new Date(), read: false }; setMessages([ ...messages, newMessage ]); setInput(''); setTimeout(()=>{ const aiResponse = { text: `You said: ${input}`, sender: 'ai', timestamp: new Date(), read: false }; setMessages((msgs)=>[ ...msgs, aiResponse ]); }, 1000); } }; const handleFileUpload = (event)=>{ const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (e)=>{ const newMessage = { text: 'Sent an image', sender: 'user', timestamp: new Date(), read: false, image: e.target.result }; setMessages([ ...messages, newMessage ]); }; reader.readAsDataURL(file); } }; const toggleDarkMode = ()=>{ setDarkMode(!darkMode); }; const handleCompanyInfoChange = (e)=>{ const { name, value } = e.target; if (name.startsWith('revenue.')) { const year = name.split('.')[1]; setCompanyInfo((prev)=>({ ...prev, revenue: { ...prev.revenue, [year]: value } })); } else { setCompanyInfo((prev)=>({ ...prev, [name]: value })); } }; const switchChatType = ()=>{ setChatType(chatType === 'normal' ? 'advanced' : 'normal'); }; return /*#__PURE__*/ React.createElement("div", { className: `flex h-screen ${darkMode ? 'bg-stone-900 text-white' : 'bg-stone-50 text-stone-900'}`, __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-80 border-r ${darkMode ? 'border-stone-700 bg-stone-800' : 'border-stone-200 bg-white'} p-4 overflow-y-auto`, __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "Add Info"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddInfo(!showAddInfo), className: `p-1 rounded-full ${darkMode ? 'hover:bg-stone-700' : 'hover:bg-stone-200'}`, __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, showAddInfo ? '−' : '+')), showAddInfo && /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "name", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "会社名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: companyInfo.name, onChange: handleCompanyInfoChange, className: `w-full p-2 rounded-md ${darkMode ? 'bg-stone-700 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-600' : 'border-stone-300'}`, __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "location", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "所在地"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "location", name: "location", value: companyInfo.location, onChange: handleCompanyInfoChange, className: `w-full p-2 rounded-md ${darkMode ? 'bg-stone-700 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-600' : 'border-stone-300'}`, __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "establishedDate", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "設立年月"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "establishedDate", name: "establishedDate", value: companyInfo.establishedDate, onChange: handleCompanyInfoChange, className: `w-full p-2 rounded-md ${darkMode ? 'bg-stone-700 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-600' : 'border-stone-300'}`, __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "industry", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "業種"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "industry", name: "industry", value: companyInfo.industry, onChange: handleCompanyInfoChange, className: `w-full p-2 rounded-md ${darkMode ? 'bg-stone-700 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-600' : 'border-stone-300'}`, __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "employeeCount", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "従業員数"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "employeeCount", name: "employeeCount", value: companyInfo.employeeCount, onChange: handleCompanyInfoChange, className: `w-full p-2 rounded-md ${darkMode ? 'bg-stone-700 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-600' : 'border-stone-300'}`, __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-4 border-b ${darkMode ? 'border-stone-700' : 'border-stone-200'} flex justify-between items-center`, __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, "Chat (", chatType === 'normal' ? '補助金特定' : '補助金文章作成', ")"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: switchChatType, className: `p-2 rounded-full ${darkMode ? 'hover:bg-stone-700' : 'hover:bg-stone-200'}`, __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-redo-alt", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: toggleDarkMode, className: `p-2 rounded-full ${darkMode ? 'hover:bg-stone-700' : 'hover:bg-stone-200'}`, __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${darkMode ? 'fa-sun' : 'fa-moon'}`, __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.sender === 'user' ? 'justify-end' : 'justify-start'}`, __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-xs ${message.sender === 'user' ? 'bg-teal-600 text-white' : darkMode ? 'bg-stone-700 text-white' : 'bg-stone-200 text-stone-800'} rounded-lg px-4 py-2`, __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, message.image ? /*#__PURE__*/ React.createElement("img", { src: message.image, alt: "Uploaded", className: "max-w-full h-auto rounded", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }) : message.text, /*#__PURE__*/ React.createElement("div", { className: `text-xs mt-1 ${message.sender === 'user' ? 'text-teal-200' : 'text-stone-500'}`, __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, message.timestamp.toLocaleTimeString(), message.read && message.sender === 'user' && ' ✓✓'))))), /*#__PURE__*/ React.createElement("div", { className: `border-t ${darkMode ? 'border-stone-700' : 'border-stone-200'} p-4`, __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>document.getElementById('file-upload').click(), className: `p-2 rounded-full ${darkMode ? 'hover:bg-stone-700' : 'hover:bg-stone-200'}`, __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paperclip", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("input", { id: "file-upload", type: "file", accept: "image/*", className: "hidden", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: input, onChange: (e)=>setInput(e.target.value), onKeyPress: (e)=>e.key === 'Enter' && handleSend(), placeholder: "メッセージを入力...", className: `flex-1 ${darkMode ? 'bg-stone-800 text-white' : 'bg-white text-stone-900'} border ${darkMode ? 'border-stone-700' : 'border-stone-300'} rounded-lg px-4 py-2 mx-2 focus:outline-none focus:ring-2 focus:ring-teal-500`, __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSend, className: "bg-teal-600 text-white rounded-lg px-4 py-2 ml-2 hover:bg-teal-700 focus:outline-none focus:ring-2 focus:ring-teal-500", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this })))))); }

Add Info

Chat (補助金特定)