update minor readme file and frontend details

README.md

@@ -1,5 +1,5 @@
 ---
-title: EsrsQ&A
+title: esrsQ&A
 emoji: 🐠
 colorFrom: red
 colorTo: indigo

app.py

@@ -143,9 +143,9 @@ async def chat(
 
     inputs = {"question": query}
     result = final_chain.astream_log({"question": query})
-    reformulated_question_path_id = "/logs/AzureChatOpenAI/streamed_output_str/-"  # "/logs/ChatGroq/streamed_output_str/-"
+    reformulated_question_path_id = "/logs/AzureChatOpenAI/streamed_output_str/-"
     retriever_path_id = "/logs/Retriever/final_output"
-    final_answer_path_id = "/logs/AzureChatOpenAI:2/streamed_output_str/-"  # "/logs/ChatGroq:2/streamed_output_str/-"
+    final_answer_path_id = "/logs/AzureChatOpenAI:2/streamed_output_str/-"
 
     async for op in result:
         op = op.ops[0]
@@ -158,9 +158,6 @@ async def chat(
                 [(make_html_source(i, doc)) for i, doc in enumerate(sources, 1)]
             )
 
-            # if doc.metadata["source"] == "ESRS"
-            #             else make_html_source(i, doc)
-
         elif op["path"] == final_answer_path_id:  # final answer
             new_token = op["value"]  # str
             answer_yet = gradio_format[-1][1]
@@ -185,7 +182,6 @@ def update_visible(oauth_token: gr.OAuthToken | None):
         }
 
     org_names = [org["name"] for org in whoami(oauth_token.token)["orgs"]]
-    logger.info(org_names)
     if "ekimetrics-esrsqa" in org_names:  # logged in group
         return {
             bloc_1: gr.update(visible=False),
@@ -210,7 +206,7 @@ with gr.Blocks(title=f"{demo_name}", css=css) as demo:
 
     with gr.Column(visible=False) as bloc_3:
         textbox_3 = gr.Textbox(
-            "You are not part of the ESRSQA Project, ask access here : https://huggingface.co/ekimetrics-esrsqa"
+            "You are not part of the ESRS Q&A Project, ask access here : https://huggingface.co/ekimetrics-esrsqa"
         )
 
     with gr.Column(visible=False) as bloc_2:

assets/style.css

@@ -1,7 +1,7 @@
-:root {
-    --user-image: url('https://miro.medium.com/v2/resize:fit:720/format:webp/1*yfAP6bXjeL2oO3AAMepVOg.png');
-  }
- 
+/* :root {
+    --user-image: url('https://ih1.redbubble.net/image.4776899543.6215/st,small,507x507-pad,600x600,f8f8f8.jpg');
+  } */
+
 .warning-box {
     background-color: #fff3cd;
     border: 1px solid #ffeeba;
@@ -11,29 +11,29 @@
     color: #856404;
     display: inline-block;
     margin-bottom: 15px;
-  }
+}
 
 
 .tip-box {
     background-color: #f0f9ff;
     border: 1px solid #80d4fa;
     border-radius: 4px;
-    margin-top:20px;
+    margin-top: 20px;
     padding: 15px 20px;
     font-size: 14px;
     display: inline-block;
     margin-bottom: 15px;
     width: auto;
-    color:black !important;
+    color: black !important;
 }
 
 body.dark .warning-box * {
-    color:black !important;
+    color: black !important;
 }
 
 
 body.dark .tip-box * {
-    color:black !important;
+    color: black !important;
 }
 
 
@@ -48,14 +48,16 @@ body.dark .tip-box * {
     margin-right: 5px;
 }
 
-.gr-box {border-color: #d6c37c}
+.gr-box {
+    border-color: #d6c37c
+}
 
-#hidden-message{
-    display:none;
+#hidden-message {
+    display: none;
 }
 
-.message{
-    font-size:14px !important;
+.message {
+    font-size: 14px !important;
 }
 
 
@@ -71,7 +73,7 @@ a {
     overflow: hidden;
     display: flex;
     flex-direction: column;
-    margin:20px;
+    margin: 20px;
 }
 
 .card-content {
@@ -82,8 +84,9 @@ a {
     font-size: 14px !important;
     font-weight: bold;
     margin-bottom: 10px;
-    margin-top:0px !important;
-    color:#dc2626!important;;
+    margin-top: 0px !important;
+    color: #dc2626 !important;
+    ;
 }
 
 .card-content p {
@@ -110,21 +113,21 @@ a {
     display: inline-flex;
     align-items: center;
     margin-left: auto;
-    text-decoration: none!important;
+    text-decoration: none !important;
     font-size: 14px;
 }
 
 
 
-.message.user{
+.message.user {
     /* background-color:#7494b0 !important; */
-    border:none;
+    border: none;
     /* color:white!important; */
 }
 
-.message.bot{
+.message.bot {
     /* background-color:#f2f2f7 !important; */
-    border:none;
+    border: none;
 }
 
 /* .gallery-item > div:hover{
@@ -169,41 +172,41 @@ a {
   }
    */
 
-label.selected{
-  background:none !important;
+label.selected {
+    background: none !important;
 }
 
-#submit-button{
-    padding:0px !important;
+#submit-button {
+    padding: 0px !important;
 }
 
 
 @media screen and (min-width: 1024px) {
-    div#tab-examples{
-        height:calc(100vh - 190px) !important;
+    div#tab-examples {
+        height: calc(100vh - 190px) !important;
         overflow-y: auto;
     }
 
-    div#sources-textbox{
-        height:calc(100vh - 190px) !important;
+    div#sources-textbox {
+        height: calc(100vh - 190px) !important;
         overflow-y: auto !important;
     }
 
-    div#tab-config{
-        height:calc(100vh - 190px) !important;
+    div#tab-config {
+        height: calc(100vh - 190px) !important;
         overflow-y: auto !important;
     }
 
-    div#chatbot-row{
-        height:calc(100vh - 90px) !important;
+    div#chatbot-row {
+        height: calc(100vh - 90px) !important;
     }
 
-    div#chatbot{
-        height:calc(100vh - 170px) !important;
+    div#chatbot {
+        height: calc(100vh - 170px) !important;
     }
 
-    .max-height{
-        height:calc(100vh - 90px) !important;
+    .max-height {
+        height: calc(100vh - 90px) !important;
         overflow-y: auto;
     }
 
@@ -216,19 +219,19 @@ label.selected{
 
 footer {
     visibility: hidden;
-    display:none !important;
+    display: none !important;
 }
 
 
 @media screen and (max-width: 767px) {
     /* Your mobile-specific styles go here */
 
-    div#chatbot{
-        height:500px !important;
+    div#chatbot {
+        height: 500px !important;
     }
 
-    #submit-button{
-        padding:0px !important;
+    #submit-button {
+        padding: 0px !important;
         min-width: 80px;
     }
 
@@ -241,13 +244,13 @@ footer {
     div.tab-nav button:first-child {
         display: block !important;
     }
-    
+
     /* This will show only the first list item */
     div.tab-nav button:nth-child(2) {
         display: block !important;
     }
-    
-    #right-panel button{
+
+    #right-panel button {
         display: block !important;
     }
 
@@ -255,12 +258,12 @@ footer {
 }
 
 
-body.dark .card{
+body.dark .card {
     background-color: #374151;
 }
 
-body.dark .card-content h2{
-    color:#f4dbd3 !important;
+body.dark .card-content h2 {
+    color: #f4dbd3 !important;
 }
 
 body.dark .card-footer {
@@ -268,94 +271,97 @@ body.dark .card-footer {
 }
 
 body.dark .card-footer span {
-    color:white !important;
+    color: white !important;
 }
 
 
-.doc-ref{
-    color:#dc2626!important;
-    margin-right:1px;
+.doc-ref {
+    color: #dc2626 !important;
+    margin-right: 1px;
 }
 
-.tabitem{
-    border:none !important;
-}    
+.tabitem {
+    border: none !important;
+}
 
-.other-tabs > div{
-    padding-left:40px;
-    padding-right:40px;
-    padding-top:10px;
+.other-tabs>div {
+    padding-left: 40px;
+    padding-right: 40px;
+    padding-top: 10px;
 }
 
-.gallery-item > div{
-    white-space: normal !important; /* Allow the text to wrap */
-    word-break: break-word !important; /* Break words to prevent overflow */
-    overflow-wrap: break-word !important; /* Break long words if necessary */
-  }
+.gallery-item>div {
+    white-space: normal !important;
+    /* Allow the text to wrap */
+    word-break: break-word !important;
+    /* Break words to prevent overflow */
+    overflow-wrap: break-word !important;
+    /* Break long words if necessary */
+}
 
-span.chatbot > p > img{
-    margin-top:40px !important;
+span.chatbot>p>img {
+    margin-top: 40px !important;
     max-height: none !important;
     max-width: 80% !important;
-    border-radius:0px !important;
+    border-radius: 0px !important;
 }
 
 
-.chatbot-caption{
-    font-size:11px;
-    font-style:italic;
-    color:#508094;
+.chatbot-caption {
+    font-size: 11px;
+    font-style: italic;
+    color: #508094;
 }
 
-.ai-generated{
-    font-size:11px!important;
-    font-style:italic;
-    color:#73b8d4 !important;
+.ai-generated {
+    font-size: 11px !important;
+    font-style: italic;
+    color: #73b8d4 !important;
 }
 
-.card-image > .card-content{
-    background-color:#f1f7fa !important;
+.card-image>.card-content {
+    background-color: #f1f7fa !important;
 }
 
 
 
-.tab-nav > button.selected{
-    color:#4b8ec3;
-    font-weight:bold;
-    border:none;
+.tab-nav>button.selected {
+    color: #4b8ec3;
+    font-weight: bold;
+    border: none;
 }
 
-.tab-nav{
-    border:none !important;
+.tab-nav {
+    border: none !important;
 }
 
-#input-textbox > label > textarea{
-    border-radius:40px;
-    padding-left:30px;
-    resize:none;
+#input-textbox>label>textarea {
+    border-radius: 40px;
+    padding-left: 30px;
+    resize: none;
 }
 
-#input-message > div{
-    border:none;
+#input-message>div {
+    border: none;
 }
 
-#dropdown-samples{
-  /*! border:none !important; */
-  /*! border-width:0px !important; */
-  background:none !important;
-  
+#dropdown-samples {
+    /*! border:none !important; */
+    /*! border-width:0px !important; */
+    background: none !important;
+
 }
 
-#dropdown-samples > .container > .wrap{
-  background-color:white;
+#dropdown-samples>.container>.wrap {
+    background-color: white;
 }
 
 
-#tab-examples > div > .form{
-  border:none;
-  background:none !important;
+#tab-examples>div>.form {
+    border: none;
+    background: none !important;
 }
 
-.a-doc-ref{
-	text-decoration: none !important;
+.a-doc-ref {
+    text-decoration: none !important;
 }