Update frontend.py

frontend.py

@@ -21,10 +21,87 @@ def calculate(expression):
     except requests.RequestException as e:
         return expression, f"Network Error: {str(e)}", "\n".join(reversed(history))
 
-# ... (rest of the code remains the same)
+def update_expression(expression, value):
+    if expression == "0" and value not in ['.', '(', ')']:
+        return value
+    if value in ['sin', 'cos', 'tan', 'log', 'ln', 'sqrt']:
+        return expression + value + '('
+    return expression + value
+
+def backspace(expression):
+    return expression[:-1] if len(expression) > 1 else "0"
+
+def clear(expression):
+    return "0"
+
+css = """
+.calculator-display { font-family: 'Digital-7', 'Courier New', monospace; font-size: 24px; }
+.calculator-result { font-family: 'Digital-7', 'Courier New', monospace; font-size: 72px; }
+.calculator-button { font-family: 'Arial', sans-serif; font-size: 18px; }
+.number-button { background-color: #e0e0e0; }
+.basic-op-button { background-color: #f0f0f0; }
+.advanced-op-button { background-color: #ffa500; }
+.calculator-box { border: 1px solid #ccc; padding: 10px; margin: 5px; border-radius: 5px; }
+"""
 
 def create_interface():
-    # ... (interface creation code remains the same)
+    with gr.Blocks(css=css) as iface:
+        gr.Markdown("# Scientific Calculator")
+        
+        with gr.Row():
+            with gr.Column(scale=2):
+                display = gr.Textbox(value="0", label="Display", elem_classes=["calculator-display"])
+            with gr.Column(scale=1):
+                result_display = gr.Textbox(value="", label="Result", elem_classes=["calculator-result"])
+        
+        with gr.Row():
+            history_display = gr.Textbox(label="History (Last 5 Calculations)", lines=5)
+        
+        with gr.Row():
+            with gr.Column(scale=2):
+                with gr.Column(elem_classes=["calculator-box"]):
+                    # Number pad (3x4 grid)
+                    for i in range(3):
+                        with gr.Row():
+                            for j in range(3):
+                                num = str(7 - 3*i + j)
+                                gr.Button(num, elem_classes=["calculator-button", "number-button"]).click(
+                                    lambda x, v=num: update_expression(x, v), inputs=display, outputs=display)
+                    with gr.Row():
+                        gr.Button("0", elem_classes=["calculator-button", "number-button"]).click(
+                            lambda x: update_expression(x, "0"), inputs=display, outputs=display)
+                        gr.Button(".", elem_classes=["calculator-button", "number-button"]).click(
+                            lambda x: update_expression(x, "."), inputs=display, outputs=display)
+                        gr.Button("=", elem_classes=["calculator-button", "basic-op-button"]).click(
+                            calculate, inputs=display, outputs=[display, result_display, history_display])
+            
+            with gr.Column(scale=1):
+                with gr.Column(elem_classes=["calculator-box"]):
+                    # Basic operations
+                    for op, symbol in [("add", "+"), ("sub", "-"), ("mul", "*"), ("div", "/")]:
+                        gr.Button(symbol, elem_classes=["calculator-button", "basic-op-button"]).click(
+                            lambda x, v=symbol: update_expression(x, v), inputs=display, outputs=display)
+                    gr.Button("(", elem_classes=["calculator-button", "basic-op-button"]).click(
+                        lambda x: update_expression(x, "("), inputs=display, outputs=display)
+                    gr.Button(")", elem_classes=["calculator-button", "basic-op-button"]).click(
+                        lambda x: update_expression(x, ")"), inputs=display, outputs=display)
+                    gr.Button("C", elem_classes=["calculator-button", "basic-op-button"]).click(
+                        clear, inputs=display, outputs=display)
+                    gr.Button("⌫", elem_classes=["calculator-button", "basic-op-button"]).click(
+                        backspace, inputs=display, outputs=display)
+            
+            with gr.Column(scale=1):
+                with gr.Column(elem_classes=["calculator-box"]):
+                    # Advanced operations
+                    for func in ["sin", "cos", "tan", "log", "ln", "sqrt"]:
+                        gr.Button(func, elem_classes=["calculator-button", "advanced-op-button"]).click(
+                            lambda x, v=func: update_expression(x, v), inputs=display, outputs=display)
+                    gr.Button("^", elem_classes=["calculator-button", "advanced-op-button"]).click(
+                        lambda x: update_expression(x, "^"), inputs=display, outputs=display)
+                    gr.Button("π", elem_classes=["calculator-button", "advanced-op-button"]).click(
+                        lambda x: update_expression(x, "pi"), inputs=display, outputs=display)
+                    gr.Button("e", elem_classes=["calculator-button", "advanced-op-button"]).click(
+                        lambda x: update_expression(x, "e"), inputs=display, outputs=display)
 
     return iface