Update app.py

app.py

@@ -205,22 +205,35 @@ with gr.Blocks(title="Cloud Cost Estimator", theme=gr.themes.Soft(primary_hue="i
     gr.HTML('<h1 style="text-align:center;">Cloud Cost Estimator</h1>')
     with gr.Row():
         with gr.Column(scale=1):
-            compute_hours = gr.Slider(label="Compute Hours per Month", minimum=1, maximum=730, value=100)
-            tokens_per_month = gr.Slider(label="Tokens per Month (M)", minimum=1, maximum=1000, value=10)
-            input_ratio = gr.Slider(label="Input Ratio (%)", minimum=10, maximum=90, value=30)
-            api_calls = gr.Slider(label="API Calls per Month", minimum=100, maximum=1000000, value=10000, step=100)
+            compute_hours = gr.Slider(label="Compute Hours per Month", minimum=1, maximum=300, value=50)
+            tokens_per_month = gr.Slider(label="Tokens per Month (M)", minimum=1, maximum=200, value=5)
+            input_ratio = gr.Slider(label="Input Ratio (%)", minimum=10, maximum=70, value=25)
+            api_calls = gr.Slider(label="API Calls per Month", minimum=100, maximum=100000, value=5000, step=100)
             model_size = gr.Dropdown(label="Model Size", choices=list(model_sizes.keys()), value="Medium (13B parameters)")
             storage_gb = gr.Slider(label="Storage (GB)", minimum=10, maximum=1000, value=100)
             reserved_instances = gr.Checkbox(label="Reserved Instances", value=False)
             spot_instances = gr.Checkbox(label="Spot Instances", value=False)
             multi_year_commitment = gr.Radio(label="Commitment Period (years)", choices=["1","3"], value="1")
-            submit = gr.Button("Calculate Costs")
         with gr.Column(scale=2):
             out_html = gr.HTML()
             out_plot = gr.Plot()
-    submit.click(generate_cost_comparison, 
-                 inputs=[compute_hours, tokens_per_month, input_ratio, api_calls,
-                         model_size, storage_gb, reserved_instances, spot_instances, multi_year_commitment],
-                 outputs=[out_html, out_plot])
+    
+    # Automatic calculation function
+    def auto_calculate():
+        html, plot = generate_cost_comparison(
+            compute_hours.value, tokens_per_month.value, input_ratio.value, 
+            api_calls.value, model_size.value, storage_gb.value, 
+            reserved_instances.value, spot_instances.value, multi_year_commitment.value
+        )
+        return html, plot
+    
+    # Initial calculation
+    demo.load(auto_calculate, [], [out_html, out_plot])
+    
+    # Add event listeners for automatic recalculation
+    for input_component in [compute_hours, tokens_per_month, input_ratio, api_calls, 
+                           model_size, storage_gb, reserved_instances, 
+                           spot_instances, multi_year_commitment]:
+        input_component.change(auto_calculate, [], [out_html, out_plot])
 
 demo.launch()