function MainComponent() { const [selectedTab, setSelectedTab] = useState("record"); const [audioFile, setAudioFile] = useState(null); const [recording, setRecording] = useState(false); const [transcript, setTranscript] = useState(""); const [summary, setSummary] = useState(""); const [messages, setMessages] = useState([]); const [folders, setFolders] = useState([]); const [selectedFolder, setSelectedFolder] = useState(null); const [newMessage, setNewMessage] = useState(""); const [isMenuOpen, setIsMenuOpen] = useState(false); const [upload, { loading: uploading }] = useUpload(); const startRecording = ()=>{ setRecording(true); }; const stopRecording = ()=>{ setRecording(false); }; const handleFileUpload = async (e)=>{ const file = e.target.files[0]; const { url } = await upload({ file }); setAudioFile(url); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-2xl", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Transcribe & Chat"), /*#__PURE__*/ React.createElement("div", { className: "w-8", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-40", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-64 h-full p-4 transform transition-transform", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-full", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(false), __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 space-y-4", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }), "Sign In"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder mr-2", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }), "Folders"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-2", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }), "Trash"))))), /*#__PURE__*/ React.createElement("div", { className: "pt-20 p-4", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("record"), className: `px-4 py-2 rounded ${selectedTab === "record" ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Record/Upload"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("folders"), className: `px-4 py-2 rounded ${selectedTab === "folders" ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Folders")), selectedTab === "record" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-6 text-center", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "audio/*", onChange: handleFileUpload, className: "hidden", id: "audio-upload", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "audio-upload", className: "cursor-pointer", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-4xl text-gray-400 mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, "Upload Audio File"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: recording ? stopRecording : startRecording, className: `px-6 py-3 rounded-full ${recording ? "bg-red-500" : "bg-blue-500"} text-white`, __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${recording ? "fa-stop" : "fa-microphone"} mr-2`, __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }), recording ? "Stop Recording" : "Start Recording")), transcript && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, "Transcript"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, transcript)), summary && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, "Summary"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, summary)), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, "Chat"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, messages.map((msg, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `mb-4 ${msg.role === "user" ? "text-right" : ""}`, __source: { fileName: "", lineNumber: 135, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-block p-2 rounded ${msg.role === "user" ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this }, msg.content)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), className: "flex-1 border rounded-l px-4 py-2", placeholder: "Type your message...", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-6 py-2 rounded-r", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 156, columnNumber: 21 }, __self: this }))))), selectedTab === "folders" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, folders.map((folder, i)=>/*#__PURE__*/ React.createElement("div", { key: i, onClick: ()=>setSelectedFolder(folder), className: "p-4 border rounded cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 166, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder text-yellow-400 text-2xl mb-2", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, folder.name))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded cursor-pointer hover:bg-gray-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-gray-400", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this })))))); }