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-5 gap-2", __source: { fileName: "", lineNumber: 352, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("sin"), __source: { fileName: "", lineNumber: 353, columnNumber: 9 }, __self: this }, "sin"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("cos"), __source: { fileName: "", lineNumber: 354, columnNumber: 9 }, __self: this }, "cos"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("tan"), __source: { fileName: "", lineNumber: 355, columnNumber: 9 }, __self: this }, "tan"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("log"), __source: { fileName: "", lineNumber: 356, columnNumber: 9 }, __self: this }, "log"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("ln"), __source: { fileName: "", lineNumber: 357, columnNumber: 9 }, __self: this }, "ln")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-2", __source: { fileName: "", lineNumber: 360, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("sqrt"), __source: { fileName: "", lineNumber: 361, columnNumber: 9 }, __self: this }, "√"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x²"), __source: { fileName: "", lineNumber: 362, columnNumber: 9 }, __self: this }, "x²"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x³"), __source: { fileName: "", lineNumber: 363, columnNumber: 9 }, __self: this }, "x³"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("1/x"), __source: { fileName: "", lineNumber: 364, columnNumber: 9 }, __self: this }, "1/x"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("x!"), __source: { fileName: "", lineNumber: 365, columnNumber: 9 }, __self: this }, "x!")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-2", __source: { fileName: "", lineNumber: 368, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("π"), __source: { fileName: "", lineNumber: 369, columnNumber: 9 }, __self: this }, "π"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performScientificOperation("e"), __source: { fileName: "", lineNumber: 370, columnNumber: 9 }, __self: this }, "e"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setAngleUnit(angleUnit === "deg" ? "rad" : "deg"), variant: "secondary", __source: { fileName: "", lineNumber: 371, columnNumber: 9 }, __self: this }, angleUnit.toUpperCase()), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MC"), variant: "secondary", __source: { fileName: "", lineNumber: 377, columnNumber: 9 }, __self: this }, "MC"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MR"), variant: "secondary", __source: { fileName: "", lineNumber: 380, columnNumber: 9 }, __self: this }, "MR")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-2", __source: { fileName: "", lineNumber: 385, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M+"), variant: "secondary", __source: { fileName: "", lineNumber: 386, columnNumber: 9 }, __self: this }, "M+"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M-"), variant: "secondary", __source: { fileName: "", lineNumber: 389, columnNumber: 9 }, __self: this }, "M-"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MS"), variant: "secondary", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }, "MS"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setDisplay("("), __source: { fileName: "", lineNumber: 395, columnNumber: 9 }, __self: this }, "("), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setDisplay(")"), __source: { fileName: "", lineNumber: 396, columnNumber: 9 }, __self: this }, ")")), 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: 404, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 405, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 406, columnNumber: 9 }, __self: this }, "History"), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 407, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: clearHistory, variant: "danger", className: "text-sm px-3 py-1 h-8", __source: { fileName: "", lineNumber: 408, 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: 415, columnNumber: 11 }, __self: this }, "Close"))), history.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center py-8", __source: { fileName: "", lineNumber: 425, columnNumber: 9 }, __self: this }, "No calculations yet") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 427, 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: 429, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 430, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 431, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 432, columnNumber: 19 }, __self: this }, item.expression), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this }, "= ", item.result), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this }, item.timestamp, " • ", item.mode)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1 ml-2", __source: { fileName: "", lineNumber: 440, 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: 441, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark text-sm", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDisplay(String(item.result)), className: "text-blue-600 hover:text-blue-700 p-1", title: "Use result", __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-sm", __source: { fileName: "", lineNumber: 453, 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: 465, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 466, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 467, 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: 468, columnNumber: 9 }, __self: this }, "Clear All")), bookmarks.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center py-8", __source: { fileName: "", lineNumber: 478, columnNumber: 9 }, __self: this }, "No bookmarks yet") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 480, 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: 482, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, item.expression), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 489, columnNumber: 19 }, __self: this }, "= ", item.result), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 492, columnNumber: 19 }, __self: this }, item.timestamp, " • ", item.mode)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1 ml-2", __source: { fileName: "", lineNumber: 496, 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: 497, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash text-sm", __source: { fileName: "", lineNumber: 502, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDisplay(String(item.result)), className: "text-blue-600 hover:text-blue-700 p-1", title: "Use result", __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-sm", __source: { fileName: "", lineNumber: 509, 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: 521, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 522, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 524, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, "Advanced Scientific Calculator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 528, 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: 533, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 535, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl p-6", __source: { fileName: "", lineNumber: 536, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 538, 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: 546, columnNumber: 19 }, __self: this }, m))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 558, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 559, columnNumber: 17 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-sm mb-2", __source: { fileName: "", lineNumber: 561, columnNumber: 21 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm mb-1", __source: { fileName: "", lineNumber: 563, columnNumber: 19 }, __self: this }, mode.toUpperCase(), " • Memory: ", memory), /*#__PURE__*/ React.createElement("div", { className: "text-white text-3xl font-mono break-all", __source: { fileName: "", lineNumber: 566, columnNumber: 19 }, __self: this }, display))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 573, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(!showHistory), variant: "secondary", className: "flex-1", __source: { fileName: "", lineNumber: 574, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }), "History (", history.length, ")"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(false), variant: "secondary", className: "flex-1", __source: { fileName: "", lineNumber: 582, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark mr-2", __source: { fileName: "", lineNumber: 587, columnNumber: 19 }, __self: this }), "Bookmarks (", bookmarks.length, ")")), mode === "basic" && renderBasicButtons(), mode === "scientific" && renderScientificButtons(), mode === "programming" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 596, columnNumber: 17 }, __self: this }, "Programming mode coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 598, columnNumber: 19 }, __self: this }), "Binary, Hex, Octal operations"), mode === "currency" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 603, columnNumber: 17 }, __self: this }, "Currency converter coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 605, columnNumber: 19 }, __self: this }), "Real-time exchange rates for fiat & crypto"), mode === "accounting" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, "Accounting functions coming soon...", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 612, columnNumber: 19 }, __self: this }), "NPV, IRR, PMT calculations"))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 620, columnNumber: 11 }, __self: this }, showHistory ? renderHistory() : renderBookmarks(), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4 mt-4", __source: { fileName: "", lineNumber: 624, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, "Quick Stats"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 628, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 629, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 630, columnNumber: 19 }, __self: this }, "Total Calculations:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 631, columnNumber: 19 }, __self: this }, history.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 634, columnNumber: 19 }, __self: this }, "Bookmarked:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 635, columnNumber: 19 }, __self: this }, bookmarks.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 638, columnNumber: 19 }, __self: this }, "Memory Value:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 639, columnNumber: 19 }, __self: this }, memory)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 641, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "Current Mode:"), /*#__PURE__*/ React.createElement("span", { className: "font-medium capitalize", __source: { fileName: "", lineNumber: 643, columnNumber: 19 }, __self: this }, mode)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4 mt-4", __source: { fileName: "", lineNumber: 649, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 650, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 653, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2", __source: { fileName: "", lineNumber: 655, columnNumber: 19 }, __self: this }), "Scientific Functions"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 658, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2", __source: { fileName: "", lineNumber: 659, columnNumber: 19 }, __self: this }), "Memory Operations"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 662, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2", __source: { fileName: "", lineNumber: 663, columnNumber: 19 }, __self: this }), "History Tracking"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 666, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2", __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this }), "Bookmark System"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 670, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 671, columnNumber: 19 }, __self: this }), "Currency Conversion"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 675, columnNumber: 19 }, __self: this }), "Programming Mode"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 678, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 679, columnNumber: 19 }, __self: this }), "Accounting Functions"))))))); }