Update app.py

app.py

@@ -12,8 +12,8 @@ text1 = "<h1 style='text-align: center; color: midnightblue; font-size: 25px;'>F
 text2 = "<h1 style='text-align: center; color: midnightblue; font-size: 25px;'>Second option"
 text3 = "<h1 style='text-align: center; color: midnightblue; font-size: 30px;'>Compute and compare TCOs"
 description=f"""
-<p>In this demo application, we help you compare different AI model services, such as Open source or SaaS solutions.</p>
-<p>First, you'll have to choose how you want to use the AI model service based on your use case. Then, select the two model service solutions you'd like to compare. Depending on the solution you chose, you could be able to modify some parameters of the set-up. Eventually, we will provide you with the cost of deployment for the selected model services, as a function of the number of requests. You can compare both solutions to evaluate which one best suits your needs.</p>
+<p>In this demo application, we help you compare different AI model services, such as Open source or SaaS solutions, based on the Total Cost of Ownership for their deployment.</p>
+<p>First, you'll have to select your use case. Then, select the two model service options you'd like to compare. Depending on the options you chose, you could be able to customize some parameters of the set-up. Eventually, we will provide you with the cost of deployment for the selected model services, as a function of the number of requests. You can compare both solutions to evaluate which one best suits your needs.</p>
 """
 
 def on_use_case_change(use_case):
@@ -24,15 +24,42 @@ def on_use_case_change(use_case):
     else:
         return gr.update(value=50), gr.update(value=10)
     
-def compare(tco1, tco2):
+def compare(tco1, tco2, labor_cost1, labor_cost2, dropdown, dropdown2):
     r = tco1 / tco2
+    r2 = labor_cost1 / labor_cost2
+    
     if r < 1:
-        comparison_result = f"Second solution's cost/request is {1/r:.5f} times more expensive than the first"
+        comparison_result = f"The cost/request of the {dropdown2} service is {1/r:.5f} times more expensive than the one of the {dropdown} service."
+        if r2 > 1:
+            comparison_result2 = f"However, it will cost a lot more to deploy the set-up for the {dropdown} service because the labor cost per month is of ${labor_cost1}, compared to a labor cost per month of ${labor_cost2} for the {dropdown2} solution."
+            meeting_point = (labor_cost2 - labor_cost1) / (tco1 - tco2)
+            comparison_result3 = f"The number of requests you need to achieve in a month to have the labor cost of the {dropdown} service be absorbed and both solution TCOs be equal would be of {meeting_point:.0f}."
+        elif r2 < 1:
+            comparison_result2 = f"Additionally, it will cost a lot more to deploy the set-up for the {dropdown2} service because the labor cost per month is of ${labor_cost2}, compared to a labor cost per month of ${labor_cost1} for the {dropdown} solution."
+        else: 
+            comparison_result2 = f"Additionally, both services have the same labor cost per month."
+    
     elif r > 1:
-        comparison_result = f"Second solution's cost/request is {r:.5f} times cheaper than the first"
+        comparison_result = f"The cost/request of the {dropdown2} service is {r:.5f} times cheaper than the one of the {dropdown} service."
+        if r2 > 1:
+            comparison_result2 = f"Additionally, it will cost a lot more to deploy the set-up for the {dropdown} service because the labor cost per month is of ${labor_cost1}, compared to a labor cost per month of ${labor_cost2} for the {dropdown2} solution."
+        elif r2 < 1:
+            comparison_result2 = f"However, it will cost a lot more to deploy the set-up for the {dropdown2} service because the labor cost per month is of ${labor_cost2}, compared to a labor cost per month of ${labor_cost1} for the {dropdown} solution."
+            meeting_point = (labor_cost2 - labor_cost1) / (tco1 - tco2)
+            comparison_result3 = f"The number of requests you need to achieve in a month to have the labor cost of the {dropdown2} service be absorbed and both solution TCOs be equal would be of {meeting_point:.0f}."
+        else: 
+            comparison_result2 = f"Additionally, both services have the same labor cost per month."
+    
     else:
-        comparison_result = "Both solutions will cost the same."
-    return comparison_result
+        comparison_result = f"Both solutions have the same cost/request." 
+        if r2 > 1:
+            comparison_result2 = f"However, it will cost a lot more to deploy the set-up for the {dropdown} service because the labor cost per month is of ${labor_cost1}, compared to a labor cost per month of ${labor_cost2} for the {dropdown2} solution."
+        elif r2 < 1:
+            comparison_result2 = f"However, it will cost a lot more to deploy the set-up for the {dropdown2} service because the labor cost per month is of ${labor_cost2}, compared to a labor cost per month of ${labor_cost1} for the {dropdown} solution."
+        else: 
+            comparison_result2 = f"Additionally, both services have the same labor cost per month."
+    
+    return comparison_result + "\n" + "\n" + comparison_result2 + "\n" + "\n" + comparison_result3
 
 def update_plot(tco1, tco2, dropdown, dropdown2, labour_cost1, labour_cost2):
     
@@ -129,8 +156,8 @@ class Style(Base):
             button_shadow="*shadow_drop_lg",
             
             block_title_background_fill="#f0ba2d", #The background of the title of a form element (e.g. textbox).
-            block_title_background_fill_dark="#f0ba2d", #The corner radius of the title of a form element (e.g. textbox).
-            block_title_radius="*radius_sm",
+            block_title_background_fill_dark="#f0ba2d", 
+            block_title_radius="*radius_sm",#The corner radius of the title of a form element (e.g. textbox).
             block_title_text_color="#050f19", #The text color of the title of a form element (e.g. textbox).
             block_title_text_color_dark="#050f19",
             block_title_text_size="*text_lg",
@@ -164,10 +191,10 @@ with gr.Blocks(theme=style) as demo:
             #     gr.Markdown(value=text0)
             with gr.Row():
                 use_case = gr.Dropdown(["Summarize", "Question-Answering", "Classification"], value="Question-Answering", label=" Describe your use case ")
-            with gr.Accordion("Click here to customize the number of input and output tokens for your use case", open=False):    
+            with gr.Accordion("Click here if you want to customize the number of input and output tokens per request", open=False):    
                 with gr.Row():
-                    input_tokens = gr.Slider(minimum=1, maximum=1000, value=300, step=1, label=" Number of input token ", info="We put a value that we find best suit your use case choice but feel free to adjust", interactive=True)
-                    output_tokens = gr.Slider(minimum=1, maximum=1000, value=300, step=1, label=" Number of output token ", info="We put a value that we find best suit your use case choice but feel free to adjust", interactive=True)
+                    input_tokens = gr.Slider(minimum=1, maximum=1000, value=300, step=1, label=" Input tokens per request", info="We suggest a value that we believe best suit your use case choice but feel free to adjust", interactive=True)
+                    output_tokens = gr.Slider(minimum=1, maximum=1000, value=300, step=1, label=" Output tokens per request", info="We suggest a value that we believe best suit your use case choice but feel free to adjust", interactive=True)
                 with gr.Row(visible=False):    
                     num_users = gr.Number(value="1000", interactive = True, label=" Number of users for your service ")
     
@@ -192,31 +219,31 @@ with gr.Blocks(theme=style) as demo:
     dropdown2.change(page2.make_model_visible, inputs=[dropdown2, use_case], outputs=page2.get_all_components())
     
     #gr.Markdown(value=text3)
-    compute_tco_btn = gr.Button("Compute cost/request and TCOs", size="lg", variant="primary", scale=1) 
+    compute_tco_btn = gr.Button("Compute & Compare", size="lg", variant="primary", scale=1) 
     tco1 = gr.State()
     tco2 = gr.State()
-    labour_cost1 = gr.State()
-    labour_cost2 = gr.State()
+    labor_cost1 = gr.State()
+    labor_cost2 = gr.State()
     
     with gr.Row():  
         with gr.Column():
-            tco_output = gr.Text("Output 1: ", label=" Cost/request for the first option ", info="This is only the infrastructure cost per request for deployment, the labor cost still has to be added for a Total Cost of Model Serving")
+            tco_output = gr.Text("Cost/request 1: ", label=" Cost/request for the first option ", info="This is only the infrastructure cost per request for deployment, the labor cost still has to be added for a Total Cost of Model Serving")
             latency_info = gr.Markdown()
             with gr.Accordion("Click here to see the formula", open=False):
                 tco_formula = gr.Markdown()
     
         with gr.Column():
-            tco_output2 = gr.Text("Output 2: ", label=" Cost/request for the second option ", info="This is only the infrastructure cost per request for deployment, the labor cost still has to be added for a Total Cost of Model Serving")
+            tco_output2 = gr.Text("Cost/request 2: ", label=" Cost/request for the second option ", info="This is only the infrastructure cost per request for deployment, the labor cost still has to be added for a Total Cost of Model Serving")
             latency_info2 = gr.Markdown()
             with gr.Accordion("Click here to see the formula", open=False):
                 tco_formula2 = gr.Markdown()
                 
     with gr.Row(): 
         with gr.Column(scale=1): 
-            ratio = gr.Text("Ratio: ", label=" Ratio of cost/request for both solutions ")
+            ratio = gr.Text("Comparison: ", label=" Comparison of cost/request and TCOs")
         with gr.Column(scale=3):
             plot = gr.LinePlot()
     
-    compute_tco_btn.click(page1.compute_cost_per_token, inputs=page1.get_all_components_for_cost_computing() + [dropdown, input_tokens, output_tokens], outputs=[tco_output, tco1, tco_formula, latency_info, labour_cost1]).then(page2.compute_cost_per_token, inputs=page2.get_all_components_for_cost_computing() + [dropdown2, input_tokens, output_tokens], outputs=[tco_output2, tco2, tco_formula2, latency_info2, labour_cost2]).then(compare, inputs=[tco1, tco2], outputs=ratio).then(update_plot, inputs=[tco1, tco2, dropdown, dropdown2, labour_cost1, labour_cost2], outputs=plot)
+    compute_tco_btn.click(page1.compute_cost_per_token, inputs=page1.get_all_components_for_cost_computing() + [dropdown, input_tokens, output_tokens], outputs=[tco_output, tco1, tco_formula, latency_info, labor_cost1]).then(page2.compute_cost_per_token, inputs=page2.get_all_components_for_cost_computing() + [dropdown2, input_tokens, output_tokens], outputs=[tco_output2, tco2, tco_formula2, latency_info2, labor_cost2]).then(compare, inputs=[tco1, tco2, labor_cost1, labor_cost2, dropdown, dropdown2], outputs=ratio).then(update_plot, inputs=[tco1, tco2, dropdown, dropdown2, labor_cost1, labor_cost2], outputs=plot)
 
 demo.launch(debug=True)