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 [showHistory, setShowHistory] = React.useState(false); const [angleMode, setAngleMode] = React.useState("deg"); // deg, rad, grad const [showAdvanced, setShowAdvanced] = React.useState(false); // Load history from localStorage on component mount React.useEffect(()=>{ const savedHistory = localStorage.getItem("calculatorHistory"); if (savedHistory) { setHistory(JSON.parse(savedHistory)); } }, []); // Save history to localStorage whenever it changes React.useEffect(()=>{ localStorage.setItem("calculatorHistory", JSON.stringify(history)); }, [ history ]); const addToHistory = (expression, result)=>{ const newEntry = { id: Date.now(), expression, result, timestamp: new Date().toLocaleString(), bookmarked: false }; setHistory((prev)=>[ newEntry, ...prev.slice(0, 99) ]); // Keep last 100 entries }; const toggleBookmark = (id)=>{ setHistory((prev)=>prev.map((entry)=>entry.id === id ? { ...entry, bookmarked: !entry.bookmarked } : entry)); }; const clearHistory = ()=>{ setHistory([]); localStorage.removeItem("calculatorHistory"); }; const deleteHistoryItem = (id)=>{ setHistory((prev)=>prev.filter((entry)=>entry.id !== id)); }; const useHistoryResult = (result)=>{ setDisplay(result.toString()); setShowHistory(false); }; // Convert angle based on current mode const convertAngle = (angle)=>{ if (angleMode === "rad") return angle; if (angleMode === "deg") return angle * Math.PI / 180; if (angleMode === "grad") return angle * Math.PI / 200; return angle; }; // Convert result back from radians if needed const convertAngleResult = (result)=>{ if (angleMode === "rad") return result; if (angleMode === "deg") return result * 180 / Math.PI; if (angleMode === "grad") return result * 200 / Math.PI; return result; }; const calculate = (firstOperand, secondOperand, operation)=>{ switch(operation){ case "+": return firstOperand + secondOperand; case "-": return firstOperand - secondOperand; case "×": return firstOperand * secondOperand; case "÷": return secondOperand !== 0 ? firstOperand / secondOperand : NaN; case "%": return firstOperand % secondOperand; case "^": return Math.pow(firstOperand, secondOperand); case "xʸ": return Math.pow(firstOperand, secondOperand); case "ʸ√x": return Math.pow(secondOperand, 1 / firstOperand); case "log": return Math.log10(secondOperand) / Math.log10(firstOperand); default: return secondOperand; } }; 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 (isNaN(newValue) || !isFinite(newValue)) { setDisplay("Error"); setPreviousValue(null); setOperation(null); setWaitingForOperand(false); return; } const expression = `${currentValue} ${operation} ${inputValue}`; addToHistory(expression, newValue); setDisplay(String(newValue)); setPreviousValue(newValue); } setWaitingForOperand(true); setOperation(nextOperation); }; const inputNumber = (num)=>{ if (waitingForOperand) { setDisplay(String(num)); setWaitingForOperand(false); } else { setDisplay(display === "0" ? String(num) : display + num); } }; 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); }; const clearEntry = ()=>{ setDisplay("0"); }; const performUnaryOperation = (op)=>{ const value = parseFloat(display); let result; switch(op){ case "±": result = -value; break; case "√": result = Math.sqrt(value); break; case "x²": result = value * value; break; case "x³": result = value * value * value; break; case "1/x": result = value !== 0 ? 1 / value : NaN; break; case "sin": result = convertAngleResult(Math.sin(convertAngle(value))); break; case "cos": result = convertAngleResult(Math.cos(convertAngle(value))); break; case "tan": result = convertAngleResult(Math.tan(convertAngle(value))); break; case "asin": result = convertAngleResult(Math.asin(value)); break; case "acos": result = convertAngleResult(Math.acos(value)); break; case "atan": result = convertAngleResult(Math.atan(value)); break; case "ln": result = Math.log(value); break; case "log": result = Math.log10(value); break; case "e^x": result = Math.exp(value); break; case "10^x": result = Math.pow(10, value); break; case "x!": if (value < 0 || value !== Math.floor(value)) { result = NaN; } else { result = 1; for(let i = 2; i <= value; i++)result *= i; } break; case "abs": result = Math.abs(value); break; case "floor": result = Math.floor(value); break; case "ceil": result = Math.ceil(value); break; case "round": result = Math.round(value); break; default: return; } if (isNaN(result) || !isFinite(result)) { setDisplay("Error"); return; } const expression = `${op}(${value})`; addToHistory(expression, result); setDisplay(String(result)); }; const insertConstant = (constant)=>{ let value; switch(constant){ case "π": value = Math.PI; break; case "e": value = Math.E; break; case "φ": value = (1 + Math.sqrt(5)) / 2; break; // Golden ratio default: return; } setDisplay(String(value)); }; const memoryOperation = (op)=>{ const value = parseFloat(display); switch(op){ case "MC": setMemory(0); break; case "MR": setDisplay(String(memory)); 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 shadow-sm"; 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-500 hover:bg-red-600 text-white", success: "bg-green-500 hover:bg-green-600 text-white" }; return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: `${baseClasses} ${variants[variant]} ${className}`, __source: { fileName: "", lineNumber: 297, columnNumber: 7 }, __self: this }, children); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-slate-900 p-4", __source: { fileName: "", lineNumber: 307, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 308, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-2xl shadow-2xl border border-white/20 overflow-hidden", __source: { fileName: "", lineNumber: 309, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-600 to-purple-600 p-4", __source: { fileName: "", lineNumber: 311, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 312, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this }, "Advanced Scientific Calculator"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(!showHistory), variant: "secondary", className: "px-4", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 322, columnNumber: 19 }, __self: this }), "History"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowAdvanced(!showAdvanced), variant: "secondary", className: "px-4", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this }), "Advanced")))), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 337, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-6", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 rounded-xl p-4 mb-6 border border-white/10", __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400 mb-1 h-5", __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this }, operation && previousValue !== null && `${previousValue} ${operation}`), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-mono text-white break-all", __source: { fileName: "", lineNumber: 348, columnNumber: 19 }, __self: this }, display))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4 text-sm", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 357, columnNumber: 19 }, __self: this }, "Angle:"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAngleMode(angleMode === "deg" ? "rad" : angleMode === "rad" ? "grad" : "deg"), className: "bg-blue-600 text-white px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }, angleMode.toUpperCase())), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, "Memory:", " ", memory !== 0 && /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 376, columnNumber: 21 }, __self: this }, memory), memory === 0 && /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 378, columnNumber: 36 }, __self: this }, "Empty"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-6 gap-3", __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MC"), variant: "secondary", __source: { fileName: "", lineNumber: 385, columnNumber: 17 }, __self: this }, "MC"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MR"), variant: "secondary", __source: { fileName: "", lineNumber: 391, columnNumber: 17 }, __self: this }, "MR"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M+"), variant: "secondary", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, "M+"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("M-"), variant: "secondary", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "M-"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>memoryOperation("MS"), variant: "secondary", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, "MS"), /*#__PURE__*/ React.createElement(Button, { onClick: clear, variant: "danger", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, "C"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("sin"), __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, "sin"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("cos"), __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, "cos"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("tan"), __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, "tan"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("ln"), __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, "ln"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("log"), __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, "log"), /*#__PURE__*/ React.createElement(Button, { onClick: clearEntry, variant: "secondary", __source: { fileName: "", lineNumber: 433, columnNumber: 17 }, __self: this }, "CE"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("asin"), __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this }, "sin⁻¹"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("acos"), __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this }, "cos⁻¹"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("atan"), __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, "tan⁻¹"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("e^x"), __source: { fileName: "", lineNumber: 447, columnNumber: 17 }, __self: this }, "eˣ"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("10^x"), __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, "10ˣ"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("÷"), variant: "primary", __source: { fileName: "", lineNumber: 451, columnNumber: 17 }, __self: this }, "÷"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>insertConstant("π"), __source: { fileName: "", lineNumber: 456, columnNumber: 17 }, __self: this }, "π"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>insertConstant("e"), __source: { fileName: "", lineNumber: 457, columnNumber: 17 }, __self: this }, "e"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("x²"), __source: { fileName: "", lineNumber: 458, columnNumber: 17 }, __self: this }, "x²"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("x³"), __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this }, "x³"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("^"), __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }, "xʸ"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("×"), variant: "primary", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }, "×"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("√"), __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __self: this }, "√"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("1/x"), __source: { fileName: "", lineNumber: 467, columnNumber: 17 }, __self: this }, "1/x"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("x!"), __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, "x!"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(7), __source: { fileName: "", lineNumber: 471, columnNumber: 17 }, __self: this }, "7"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(8), __source: { fileName: "", lineNumber: 472, columnNumber: 17 }, __self: this }, "8"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("-"), variant: "primary", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }, "-"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("abs"), __source: { fileName: "", lineNumber: 478, columnNumber: 17 }, __self: this }, "|x|"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("%"), __source: { fileName: "", lineNumber: 481, columnNumber: 17 }, __self: this }, "%"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("±"), __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this }, "±"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(4), __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, "4"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(5), __source: { fileName: "", lineNumber: 484, columnNumber: 17 }, __self: this }, "5"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation("+"), variant: "primary", __source: { fileName: "", lineNumber: 485, columnNumber: 17 }, __self: this }, "+"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("floor"), __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, "⌊x⌋"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("ceil"), __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this }, "⌈x⌉"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performUnaryOperation("round"), __source: { fileName: "", lineNumber: 496, columnNumber: 17 }, __self: this }, "round"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(1), __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(2), __source: { fileName: "", lineNumber: 500, columnNumber: 17 }, __self: this }, "2"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(3), __source: { fileName: "", lineNumber: 501, columnNumber: 17 }, __self: this }, "3"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(9), __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, "9"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(6), __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, "6"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>inputNumber(0), className: "col-span-2", __source: { fileName: "", lineNumber: 506, columnNumber: 17 }, __self: this }, "0"), /*#__PURE__*/ React.createElement(Button, { onClick: inputDecimal, __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, "."), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>performOperation(null), variant: "success", __source: { fileName: "", lineNumber: 510, columnNumber: 17 }, __self: this }, "="))), showHistory && /*#__PURE__*/ React.createElement("div", { className: "w-80 bg-black/10 border-l border-white/10 p-4", __source: { fileName: "", lineNumber: 521, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 522, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 523, columnNumber: 19 }, __self: this }, "History"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { onClick: clearHistory, variant: "danger", className: "px-3 py-1 text-xs", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }, "Clear All"), /*#__PURE__*/ React.createElement(Button, { onClick: ()=>setShowHistory(false), variant: "secondary", className: "px-3 py-1 text-xs", __source: { fileName: "", lineNumber: 532, columnNumber: 21 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, history.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-center py-8", __source: { fileName: "", lineNumber: 544, columnNumber: 21 }, __self: this }, "No calculations yet") : history.map((entry)=>/*#__PURE__*/ React.createElement("div", { key: entry.id, className: "bg-white/5 rounded-lg p-3 border border-white/10 hover:bg-white/10 transition-colors", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 553, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-0", __source: { fileName: "", lineNumber: 554, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-300 truncate", __source: { fileName: "", lineNumber: 555, columnNumber: 29 }, __self: this }, entry.expression), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono cursor-pointer hover:text-blue-300", onClick: ()=>useHistoryResult(entry.result), __source: { fileName: "", lineNumber: 558, columnNumber: 29 }, __self: this }, "= ", entry.result), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 564, columnNumber: 29 }, __self: this }, entry.timestamp)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-1 ml-2", __source: { fileName: "", lineNumber: 568, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleBookmark(entry.id), className: `text-xs p-1 rounded ${entry.bookmarked ? "text-yellow-400 hover:text-yellow-300" : "text-gray-400 hover:text-yellow-400"}`, __source: { fileName: "", lineNumber: 569, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${entry.bookmarked ? "bookmark" : "bookmark-o"}`, __source: { fileName: "", lineNumber: 577, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteHistoryItem(entry.id), className: "text-xs p-1 rounded text-red-400 hover:text-red-300", __source: { fileName: "", lineNumber: 581, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 585, columnNumber: 31 }, __self: this }))))))), history.some((entry)=>entry.bookmarked) && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 596, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-md font-medium text-yellow-400 mb-2", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark mr-2", __source: { fileName: "", lineNumber: 598, columnNumber: 23 }, __self: this }), "Bookmarked"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 601, columnNumber: 21 }, __self: this }, history.filter((entry)=>entry.bookmarked).map((entry)=>/*#__PURE__*/ React.createElement("div", { key: entry.id, className: "bg-yellow-500/10 rounded-lg p-2 border border-yellow-500/20", __source: { fileName: "", lineNumber: 605, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-300 truncate", __source: { fileName: "", lineNumber: 609, columnNumber: 29 }, __self: this }, entry.expression), /*#__PURE__*/ React.createElement("div", { className: "text-yellow-200 font-mono cursor-pointer hover:text-yellow-100", onClick: ()=>useHistoryResult(entry.result), __source: { fileName: "", lineNumber: 612, columnNumber: 29 }, __self: this }, "= ", entry.result)))))))), showAdvanced && /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white/10 backdrop-blur-lg rounded-2xl shadow-2xl border border-white/20 p-6", __source: { fileName: "", lineNumber: 630, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-white mb-4", __source: { fileName: "", lineNumber: 631, columnNumber: 13 }, __self: this }, "Advanced Functions"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 634, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 rounded-lg p-4", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, "Statistics"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }, "Coming soon: Mean, median, standard deviation")), /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 rounded-lg p-4", __source: { fileName: "", lineNumber: 641, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 642, columnNumber: 17 }, __self: this }, "Unit Conversion"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 643, columnNumber: 17 }, __self: this }, "Coming soon: Length, weight, temperature")), /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 rounded-lg p-4", __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 648, columnNumber: 17 }, __self: this }, "Financial"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, "Coming soon: Interest, loan calculations")), /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 rounded-lg p-4", __source: { fileName: "", lineNumber: 653, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, "Programming"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 655, columnNumber: 17 }, __self: this }, "Coming soon: Binary, hex, octal")))))); }