function MainComponent() { const [display, setDisplay] = React.useState("0"); const [previousValue, setPreviousValue] = React.useState(null); const [operation, setOperation] = React.useState(null); const [waitingForOperand, setWaitingForOperand] = React.useState(false); const [memory, setMemory] = React.useState(0); const [history, setHistory] = React.useState([]); const [bookmarks, setBookmarks] = React.useState([]); const [showHistory, setShowHistory] = React.useState(false); const [mode, setMode] = React.useState("basic"); // basic, scientific, programming, currency, accounting const [angleUnit, setAngleUnit] = React.useState("deg"); // deg, rad, grad const [error, setError] = React.useState(null); // Load data from localStorage on component mount React.useEffect(()=>{ const savedHistory = localStorage.getItem("calculator-history"); const savedBookmarks = localStorage.getItem("calculator-bookmarks"); const savedMemory = localStorage.getItem("calculator-memory"); if (savedHistory) { try { setHistory(JSON.parse(savedHistory)); } catch (e) { console.error("Error loading history:", e); } } if (savedBookmarks) { try { setBookmarks(JSON.parse(savedBookmarks)); } catch (e) { console.error("Error loading bookmarks:", e); } } if (savedMemory) { setMemory(parseFloat(savedMemory) || 0); } }, []); // Save to localStorage whenever history, bookmarks, or memory changes React.useEffect(()=>{ localStorage.setItem("calculator-history", JSON.stringify(history)); }, [ history ]); React.useEffect(()=>{ localStorage.setItem("calculator-bookmarks", JSON.stringify(bookmarks)); }, [ bookmarks ]); React.useEffect(()=>{ localStorage.setItem("calculator-memory", memory.toString()); }, [ memory ]); const addToHistory = (expression, result)=>{ const historyItem = { id: Date.now(), expression, result, timestamp: new Date().toLocaleString(), mode }; setHistory((prev)=>[ historyItem, ...prev.slice(0, 99) ]); // Keep last 100 items }; const bookmarkItem = (item)=>{ if (!bookmarks.find((b)=>b.id === item.id)) { setBookmarks((prev)=>[ item, ...prev ]); } }; const removeBookmark = (id)=>{ setBookmarks((prev)=>prev.filter((b)=>b.id !== id)); }; const clearHistory = ()=>{ setHistory([]); localStorage.removeItem("calculator-history"); }; const clearBookmarks = ()=>{ setBookmarks([]); localStorage.removeItem("calculator-bookmarks"); }; const inputNumber = (num)=>{ if (waitingForOperand) { setDisplay(String(num)); setWaitingForOperand(false); } else { setDisplay(display === "0" ? String(num) : display + num); } setError(null); }; const inputDecimal = ()=>{ if (waitingForOperand) { setDisplay("0."); setWaitingForOperand(false); } else if (display.indexOf(".") === -1) { setDisplay(display + "."); } }; const clear = ()=>{ setDisplay("0"); setPreviousValue(null); setOperation(null); setWaitingForOperand(false); setError(null); }; const performOperation = (nextOperation)=>{ const inputValue = parseFloat(display); if (previousValue === null) { setPreviousValue(inputValue); } else if (operation) { const currentValue = previousValue || 0; const newValue = calculate(currentValue, inputValue, operation); if (newValue === null) return; const expression = `${currentValue} ${operation} ${inputValue}`; addToHistory(expression, newValue); setDisplay(String(newValue)); setPreviousValue(newValue); } setWaitingForOperand(true); setOperation(nextOperation); }; const calculate = (firstValue, secondValue, operation)=>{ try { switch(operation){ case "+": return firstValue + secondValue; case "-": return firstValue - secondValue; case "×": return firstValue * secondValue; case "÷": if (secondValue === 0) { setError("Cannot divide by zero"); return null; } return firstValue / secondValue; case "=": return secondValue; default: return secondValue; } } catch (e) { setError("Calculation error"); return null; } }; const performScientificOperation = (func)=>{ const value = parseFloat(display); let result; let expression = `${func}(${value})`; try { switch(func){ case "sin": result = angleUnit === "deg" ? Math.sin(value * Math.PI / 180) : Math.sin(value); break; case "cos": result = angleUnit === "deg" ? Math.cos(value * Math.PI / 180) : Math.cos(value); break; case "tan": result = angleUnit === "deg" ? Math.tan(value * Math.PI / 180) : Math.tan(value); break; case "log": if (value <= 0) { setError("Invalid input for logarithm"); return; } result = Math.log10(value); break; case "ln": if (value <= 0) { setError("Invalid input for natural logarithm"); return; } result = Math.log(value); break; case "sqrt": if (value < 0) { setError("Invalid input for square root"); return; } result = Math.sqrt(value); break; case "x²": result = value * value; expression = `${value}²`; break; case "x³": result = value * value * value; expression = `${value}³`; break; case "1/x": if (value === 0) { setError("Cannot divide by zero"); return; } result = 1 / value; expression = `1/${value}`; break; case "x!": if (value < 0 || !Number.isInteger(value)) { setError("Factorial only works with non-negative integers"); return; } result = factorial(value); expression = `${value}!`; break; case "π": result = Math.PI; expression = "π"; break; case "e": result = Math.E; expression = "e"; break; default: return; } addToHistory(expression, result); setDisplay(String(result)); setWaitingForOperand(true); setError(null); } catch (e) { setError("Calculation error"); } }; const factorial = (n)=>{ if (n === 0 || n === 1) return 1; let result = 1; for(let i = 2; i <= n; i++){ result *= i; } return result; }; const memoryOperation = (op)=>{ const value = parseFloat(display); switch(op){ case "MC": setMemory(0); break; case "MR": setDisplay(String(memory)); setWaitingForOperand(true); break; case "M+": setMemory(memory + value); break; case "M-": setMemory(memory - value); break; case "MS": setMemory(value); break; } }; const Button = ({ onClick, className = "", children, variant = "default" })=>{ const baseClasses = "h-12 rounded-lg font-medium transition-all duration-200 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-500"; const variants = { default: "bg-gray-100 hover:bg-gray-200 text-gray-800 border border-gray-300", primary: "bg-blue-600 hover:bg-blue-700 text-white shadow-md", secondary: "bg-gray-600 hover:bg-gray-700 text-white", danger: "bg-red-600 hover:bg-red-700 text-white", success: "bg-green-600 hover:bg-green-700 text-white" }; return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: `${baseClasses} ${variants[variant]} ${className}`, __source: { fileName: "", lineNumber: 300, columnNumber: 7 }, __self: this }, children); }; const renderBasicButtons = ()=>/*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-3", __source: { fileName: "", lineNumber: 310, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: clear, variant: "danger", className: "col-span-2", __source: { fileName: "", lineNumber: 311, columnNumber: 7 }, __self: this }, "Clear"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setDisplay(display.slice(0, -1) || "0"), __source: { fileName: "", lineNumber: 314, columnNumber: 7 }, __self: this }, "⌫"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("÷"), variant: "primary", __source: { fileName: "", lineNumber: 315, columnNumber: 7 }, __self: this }, "÷"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(7), __source: { fileName: "", lineNumber: 319, columnNumber: 7 }, __self: this }, "7"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(8), __source: { fileName: "", lineNumber: 320, columnNumber: 7 }, __self: this }, "8"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(9), __source: { fileName: "", lineNumber: 321, columnNumber: 7 }, __self: this }, "9"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("×"), variant: "primary", __source: { fileName: "", lineNumber: 322, columnNumber: 7 }, __self: this }, "×"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(4), __source: { fileName: "", lineNumber: 326, columnNumber: 7 }, __self: this }, "4"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(5), __source: { fileName: "", lineNumber: 327, columnNumber: 7 }, __self: this }, "5"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(6), __source: { fileName: "", lineNumber: 328, columnNumber: 7 }, __self: this }, "6"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("-"), variant: "primary", __source: { fileName: "", lineNumber: 329, columnNumber: 7 }, __self: this }, "-"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(1), __source: { fileName: "", lineNumber: 333, columnNumber: 7 }, __self: this }, "1"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(2), __source: { fileName: "", lineNumber: 334, columnNumber: 7 }, __self: this }, "2"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(3), __source: { fileName: "", lineNumber: 335, columnNumber: 7 }, __self: this }, "3"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("+"), variant: "primary", __source: { fileName: "", lineNumber: 336, columnNumber: 7 }, __self: this }, "+"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(0), className: "col-span-2", __source: { fileName: "", lineNumber: 340, columnNumber: 7 }, __self: this }, "0"), /*#__PURE__*/ React.createElement(Button, { onClick: inputDecimal, __source: { fileName: "", lineNumber: 343, columnNumber: 7 }, __self: this }, "."), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("="), variant: "success", __source: { fileName: "", lineNumber: 344, columnNumber: 7 }, __self: this }, "=")); const renderScientificButtons = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 351, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 352, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setAngleUnit(angleUnit === "deg" ? "rad" : "deg"), variant: "secondary", __source: { fileName: "", lineNumber: 353, columnNumber: 9 }, __self: this }, angleUnit.toUpperCase()), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("π"), variant: "secondary", __source: { fileName: "", lineNumber: 359, columnNumber: 9 }, __self: this }, "π"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("e"), variant: "secondary", __source: { fileName: "", lineNumber: 365, columnNumber: 9 }, __self: this }, "e")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 373, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("sin"), variant: "secondary", __source: { fileName: "", lineNumber: 374, columnNumber: 9 }, __self: this }, "sin"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("cos"), variant: "secondary", __source: { fileName: "", lineNumber: 380, columnNumber: 9 }, __self: this }, "cos"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("tan"), variant: "secondary", __source: { fileName: "", lineNumber: 386, columnNumber: 9 }, __self: this }, "tan"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("log"), variant: "secondary", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }, "log"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("ln"), variant: "secondary", __source: { fileName: "", lineNumber: 399, columnNumber: 9 }, __self: this }, "ln"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("sqrt"), variant: "secondary", __source: { fileName: "", lineNumber: 405, columnNumber: 9 }, __self: this }, "√"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x²"), variant: "secondary", __source: { fileName: "", lineNumber: 411, columnNumber: 9 }, __self: this }, "x²"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x³"), variant: "secondary", __source: { fileName: "", lineNumber: 417, columnNumber: 9 }, __self: this }, "x³"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("1/x"), variant: "secondary", __source: { fileName: "", lineNumber: 424, columnNumber: 9 }, __self: this }, "1/x"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x!"), variant: "secondary", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, "x!"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setDisplay(display.includes("-") ? display.slice(1) : "-" + display), __source: { fileName: "", lineNumber: 436, columnNumber: 9 }, __self: this }, "±"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setDisplay(String(Math.random())), variant: "secondary", __source: { fileName: "", lineNumber: 443, columnNumber: 9 }, __self: this }, "Rand")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-2", __source: { fileName: "", lineNumber: 451, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MC"), variant: "secondary", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, "MC"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MR"), variant: "secondary", __source: { fileName: "", lineNumber: 455, columnNumber: 9 }, __self: this }, "MR"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M+"), variant: "secondary", __source: { fileName: "", lineNumber: 458, columnNumber: 9 }, __self: this }, "M+"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M-"), variant: "secondary", __source: { fileName: "", lineNumber: 461, columnNumber: 9 }, __self: this }, "M-"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MS"), variant: "secondary", __source: { fileName: "", lineNumber: 464, columnNumber: 9 }, __self: this }, "MS")), renderBasicButtons()); const renderHistory = ()=>/*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4 max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 474, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 475, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 476, columnNumber: 9 }, __self: this }, "History"), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 477, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: clearHistory, variant: "danger", className: "text-sm px-3 py-1 h-8", __source: { fileName: "", lineNumber: 478, columnNumber: 11 }, __self: this }, "Clear All"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(false), className: "text-sm px-3 py-1 h-8", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, "Close"))), history.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center py-8", __source: { fileName: "", lineNumber: 495, columnNumber: 9 }, __self: this }, "No calculations yet") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 497, columnNumber: 9 }, __self: this }, history.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.id, className: "bg-gray-50 rounded-lg p-3 border", __source: { fileName: "", lineNumber: 499, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 500, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 501, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }, item.expression), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 503, columnNumber: 19 }, __self: this }, "= ", item.result), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }, item.timestamp, " • ", item.mode)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1 ml-2", __source: { fileName: "", lineNumber: 510, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>bookmarkItem(item), className: "text-yellow-600 hover:text-yellow-700 p-1", title: "Bookmark", __source: { fileName: "", lineNumber: 511, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark text-sm", __source: { fileName: "", lineNumber: 516, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setDisplay(String(item.result)); setWaitingForOperand(true); }, className: "text-blue-600 hover:text-blue-700 p-1", title: "Use Result", __source: { fileName: "", lineNumber: 518, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-sm", __source: { fileName: "", lineNumber: 526, columnNumber: 21 }, __self: this })))))))); const renderBookmarks = ()=>/*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4 max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 538, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 539, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 540, columnNumber: 9 }, __self: this }, "Bookmarks"), /*#__PURE__*/ React.createElement(Button, { onClick: clearBookmarks, variant: "danger", className: "text-sm px-3 py-1 h-8", __source: { fileName: "", lineNumber: 541, columnNumber: 9 }, __self: this }, "Clear All")), bookmarks.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center py-8", __source: { fileName: "", lineNumber: 551, columnNumber: 9 }, __self: this }, "No bookmarks yet") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 553, columnNumber: 9 }, __self: this }, bookmarks.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.id, className: "bg-yellow-50 rounded-lg p-3 border border-yellow-200", __source: { fileName: "", lineNumber: 555, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 559, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 560, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, item.expression), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 562, columnNumber: 19 }, __self: this }, "= ", item.result), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 565, columnNumber: 19 }, __self: this }, item.timestamp, " • ", item.mode)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1 ml-2", __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeBookmark(item.id), className: "text-red-600 hover:text-red-700 p-1", title: "Remove Bookmark", __source: { fileName: "", lineNumber: 570, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash text-sm", __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setDisplay(String(item.result)); setWaitingForOperand(true); }, className: "text-blue-600 hover:text-blue-700 p-1", title: "Use Result", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-sm", __source: { fileName: "", lineNumber: 585, columnNumber: 21 }, __self: this })))))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4", __source: { fileName: "", lineNumber: 597, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 598, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 599, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 600, columnNumber: 11 }, __self: this }, "Advanced Scientific Calculator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 603, columnNumber: 11 }, __self: this }, "Professional calculator for science, engineering, finance & more")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 608, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 610, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl p-6", __source: { fileName: "", lineNumber: 611, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 613, columnNumber: 15 }, __self: this }, [ "basic", "scientific", "programming", "currency", "accounting" ].map((m)=>/*#__PURE__*/ React.createElement(Button, { key: m, onClick: ()=>setMode(m), variant: mode === m ? "primary" : "default", className: "text-sm px-4 py-2 h-10 capitalize", __source: { fileName: "", lineNumber: 621, columnNumber: 19 }, __self: this }, m))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 633, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 634, columnNumber: 17 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-sm mb-2", __source: { fileName: "", lineNumber: 636, columnNumber: 21 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm mb-1", __source: { fileName: "", lineNumber: 638, columnNumber: 19 }, __self: this }, mode.toUpperCase(), " • Memory: ", memory), /*#__PURE__*/ React.createElement("div", { className: "text-white text-3xl font-mono break-all", __source: { fileName: "", lineNumber: 641, columnNumber: 19 }, __self: this }, display))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }, mode === "basic" && renderBasicButtons(), mode === "scientific" && renderScientificButtons(), mode === "programming" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 652, columnNumber: 19 }, __self: this }, "Programming mode coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 654, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("small", { __source: { fileName: "", lineNumber: 655, columnNumber: 21 }, __self: this }, "Will include binary, hex, octal operations")), mode === "currency" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 659, columnNumber: 19 }, __self: this }, "Currency converter coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 661, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("small", { __source: { fileName: "", lineNumber: 662, columnNumber: 21 }, __self: this }, "Will include real-time exchange rates & crypto")), mode === "accounting" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 668, columnNumber: 19 }, __self: this }, "Accounting functions coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 670, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("small", { __source: { fileName: "", lineNumber: 671, columnNumber: 21 }, __self: this }, "Will include NPV, IRR, PMT calculations"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 679, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl p-4", __source: { fileName: "", lineNumber: 680, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-4", __source: { fileName: "", lineNumber: 681, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(!showHistory), variant: showHistory ? "primary" : "default", className: "flex-1 text-sm", __source: { fileName: "", lineNumber: 682, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 687, columnNumber: 19 }, __self: this }), "History (", history.length, ")"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(false), variant: !showHistory ? "primary" : "default", className: "flex-1 text-sm", __source: { fileName: "", lineNumber: 690, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark mr-2", __source: { fileName: "", lineNumber: 695, columnNumber: 19 }, __self: this }), "Bookmarks (", bookmarks.length, ")")), showHistory ? renderHistory() : renderBookmarks()), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl p-4", __source: { fileName: "", lineNumber: 704, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 705, columnNumber: 15 }, __self: this }, "Quick Stats"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 708, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 710, columnNumber: 19 }, __self: this }, "Total Calculations:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, history.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, "Bookmarked:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 715, columnNumber: 19 }, __self: this }, bookmarks.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 717, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 718, columnNumber: 19 }, __self: this }, "Current Mode:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium capitalize", __source: { fileName: "", lineNumber: 719, columnNumber: 19 }, __self: this }, mode)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 721, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 722, columnNumber: 19 }, __self: this }, "Memory Value:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 723, columnNumber: 19 }, __self: this }, memory)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl shadow-xl p-4 text-white", __source: { fileName: "", lineNumber: 729, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 730, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm space-y-1", __source: { fileName: "", lineNumber: 731, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 733, columnNumber: 19 }, __self: this }), "Scientific Functions"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 735, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 736, columnNumber: 19 }, __self: this }), "Memory Operations"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 738, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 739, columnNumber: 19 }, __self: this }), "Calculation History"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 741, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 742, columnNumber: 19 }, __self: this }), "Bookmark Results"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 744, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 745, columnNumber: 19 }, __self: this }), "Local Data Storage"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 748, columnNumber: 19 }, __self: this }), "Currency Converter (Soon)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 750, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 751, columnNumber: 19 }, __self: this }), "Programming Mode (Soon)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 753, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 754, columnNumber: 19 }, __self: this }), "Accounting Tools (Soon)"))))))); }