adding a usage counter

app.py

@@ -5,10 +5,8 @@ from huggingface_hub.utils import HfHubHTTPError
 system_prompt = """
 You are a helpful, respectful and honest assistant. Always answer as helpfully as possible, while being safe. Your answers should not include any harmful, unethical, racist, sexist, toxic, dangerous, or illegal content. Please ensure that your responses are socially unbiased and positive in nature. If a question does not make any sense, or is not factually coherent, explain why instead of answering something not correct. If you don't know the answer to a question, please don't share false information. Your response should be complete, and not end abruptly.
 """
-usage_counter = 0
-def chat_with_Mixtral(prompt, hugging_face_api_key):
-    global usage_counter
-    usage_counter += 1
+
+def chat_with_Mixtral(prompt, hugging_face_api_key,state):
     model_name = "NousResearch/Nous-Hermes-2-Mixtral-8x7B-DPO"
     try:
         client = InferenceClient(model=model_name,token=hugging_face_api_key)
@@ -17,14 +15,14 @@ def chat_with_Mixtral(prompt, hugging_face_api_key):
         for completion in client.chat_completion(messages, max_tokens=500, stream=True):
             token = completion.choices[0].delta.content
             tokens += token
-            yield tokens
+            yield tokens,state+1
     except HfHubHTTPError as e:
         error_message = str(e).strip()
         if error_message:
             if "Authorization header is correct, but the token seems invalid" in error_message:
-                yield "Error: Invalid API token. Please check your Hugging Face API key."
+                yield "Error: Invalid API token. Please check your Hugging Face API key.",state
             else:
-                yield f"Error: An API error occurred - {error_message}"
+                yield f"Error: An API error occurred - {error_message}", state
 
 def clear_fields():
     return "", ""  # Clear prompt and output, but not the API key
@@ -35,10 +33,10 @@ def clear_fields():
 with gr.Blocks(theme='freddyaboulton/test-blue') as demo:
     gr.Markdown("<center><h2>Arjun's Chatbot</h2></center>")
     gr.Markdown("Hi there! I'm an AI assistant tasked with answering one question at a time. I'm instructed to provide complete and truthful responses, without any harmful or biased content. I have some memory issues which are work in progress, so I cannot remember previous conversations, yet! In order to get a response, please provide your Hugging Face (HF) API Token along with your question. This token is unique for every HF user and can be found at [Access Tokens](https://huggingface.co/settings/tokens). Happy Chatting!")
-    usage_display = gr.Markdown(f"This app has been used {usage_counter} times.")
+    usage_display = gr.Markdown("This app has been used 0 times.")
     prompt = gr.Textbox(label='Question', lines=2, max_lines=5, placeholder = 'Type your question here.')
     token = gr.Textbox(label="Hugging Face API Key", type="password")
-
+    state = gr.State(0)
     with gr.Group():
         with gr.Row():
                 submit_btn = gr.Button(value="Submit", elem_id="generate_button", variant="primary", size="sm")
@@ -47,7 +45,8 @@ with gr.Blocks(theme='freddyaboulton/test-blue') as demo:
     with gr.Row() as output:
          llm_output = gr.Markdown("<center><h3>AI Response</h3></center>")
 
-    submit_btn.click(fn=chat_with_Mixtral, inputs = [prompt,token], outputs=llm_output)
+
+    submit_btn.click(fn=chat_with_Mixtral, inputs = [prompt,token,state], outputs=[llm_output,state]).then(lambda s: f"This space has been used {s} times.", inputs=state,outputs=usage_display)
     clear_btn.click(fn=clear_fields,outputs=[prompt,llm_output])
 
 demo.launch()