Update app.py

app.py

@@ -10,59 +10,26 @@ from transformers import pipeline
 p = pipeline("automatic-speech-recognition")
 
 
-os.environ["OPENAI_API_KEY"] = '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'
+os.environ["OPENAI_API_KEY"] = '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'
 
 css = """
-.gradio-container {
-    background-color: #ffffff;
-}
-    
 #component-2 {position: absolute; bottom: 0;    width: 100%;
 }
-
-.app.svelte-ac4rv4>.main.svelte-ac4rv4 {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-    background-image: url(https://i.ibb.co/3rVCQz0/background-GPT-1.png);
-}
-div.svelte-awbtu4 {
-    display: flex;
-    flex-direction: inherit;
-    flex-wrap: wrap;
-    gap: var(--form-gap-width);
-    box-shadow: var(--block-shadow);
-    border: var(--block-border-width) solid #5f0000;
-    border-radius: var(--radius-lg);
-    background: #ffffff;
-    overflow: hidden;
-    position: fixed;
-    bottom: 0;
-    margin-left: -16px;
-}
-.bot.svelte-6roggh.svelte-6roggh,.pending.svelte-6roggh.svelte-6roggh {
-    border-color: var(--border-color-primary);
-    background: #00adef;
-    color: white;
-    font-weight: bolder;
-}
 div.float.svelte-1frtwj3 {
     position: absolute;
     opacity: 0;
     top: var(--block-label-margin);
     left: var(--block-label-margin);}
+    
 .wrap.svelte-6roggh.svelte-6roggh {
     padding: var(--block-padding);
     height: 100%;
     max-height: 100%;
     overflow-y: auto;
-    
-    
-}
-div.user.svelte-6roggh.svelte-6roggh {
-    background: #0D1233;
-    color: white;
-    font-weight: bolder;
+    }
+.bot.svelte-6roggh.svelte-6roggh, .pending.svelte-6roggh.svelte-6roggh {
+    border-color: #759ce9;
+    background: #ffffff;
 }
 div.svelte-1frtwj3 {
     display: inline-flex;
@@ -81,83 +48,30 @@ div.svelte-1frtwj3 {
     width: 100%;
     line-height: var(--line-sm);
     }
-
-div.bot.svelte-h.svelte-6roggh {
-    background: #199FDA;
-     color: white;
-    font-weight: bolder;
-}
-
-div.bot.svelte-17nzccn.svelte-17nzccn {
-    background: #199FDA;
-}
-
-div.user.svelte-6roggh.svelte-6roggh {
-    background: #0D1233;
-
-}
-
-div.user.svelte-17nzccn.svelte-17nzccn {
-    background: #0D1233;
-}    
-
-div.textBoxBot {
-    display: flex;
-    flex-direction: inherit;
-    flex-wrap: wrap;
-    gap: var(--form-gap-width);
-    box-shadow: var(--block-shadow);
-    border: var(--block-border-width) solid #0D1233;
-    border-radius: var(--radius-lg);
-    background: #ffffff;
-    overflow: hidden;
-    position: fixed;
-    bottom: 0;
-    margin-left: -16px;
-}
-
-.textarea.svelte-1pie7s6.svelte-1pie7s6 {
+.img.svelte-ms5bsk {
+    width: 100%;
+    height: 100%;
+    background-color: #ffffff;    
+    border: 0px;    
+    border-width: 0px;}
+div.svelte-awbtu4 {
     display: flex;
     flex-direction: inherit;
     flex-wrap: wrap;
     gap: var(--form-gap-width);
     box-shadow: var(--block-shadow);
-    border: var(--block-border-width) solid #0D1233;
+    border: var(--block-border-width) solid var(--border-color-primary);
     border-radius: var(--radius-lg);
-    background: #ffffff;
+    background: var(--border-color-primary);
     overflow: hidden;
     position: fixed;
     bottom: 0;
     margin-left: -16px;
 }
-
-.svelte-1pie7s6.svelte-1pie7s6 {
-    display: flex;
-    flex-direction: inherit;
-    flex-wrap: wrap;
-    gap: var(--form-gap-width);
-    box-shadow: var(--block-shadow);
-    border: 5px solid #0D1233;
-    border-radius: var(--radius-lg);
-    border-color: #0D1233;
-    background: #ffffff;
-    color: #0D1233;    
-    font-size: 16px;    
-    overflow: hidden;
-    position: fixed;
-    bottom: 20px; /* Ajuste a distância vertical do rodapé */
-    margin-left: -5px;
-    max-height: 80vh; /* Ajuste a altura máxima da div */
-    max-width: 78%; /* Ajuste a largura máxima da div */
-}
-
-
-.img.svelte-ms5bsk {
-    width: 100%;
-    height: 100%;
-    background-color: #ffffff;    
-    border: 0px;    
-    border-width: 0px;
+img.svelte-ms5bsk {
+    width: var(--size-full);
+    height: 90px;
+    object-fit: contain;
 }
 .app.svelte-ac4rv4.svelte-ac4rv4 {
     max-width: none;
@@ -165,19 +79,29 @@ div.textBoxBot {
 }
 .app.svelte-ac4rv4.svelte-ac4rv4{max-width:none}
 .wrap.svelte-1o68geq.svelte-1o68geq {max-height: none}
-
 .block.svelte-mppz8v {
     position: relative;
     margin: 0;
     box-shadow: var(--block-shadow);
     border-width: var(--block-border-width);
-    border-color: #ffffff;
+    border-color: #dbeafe;
     border-radius: var(--block-radius);
-    background: #ffffff;
+    background: #dbeafe;
     width: 100%;
     line-height: var(--line-sm);
 }
-
+div.bot.svelte-6roggh.svelte-6roggh {
+    background: #D9A13D;
+}
+div.bot.svelte-17nzccn.svelte-17nzccn {
+    background: #D9A13D;
+}
+div.user.svelte-6roggh.svelte-6roggh {
+    background: #5F0000;
+}
+div.user.svelte-17nzccn.svelte-17nzccn {
+    background: #5F0000;
+}    
 """
 
 md = """This is some code:
@@ -218,13 +142,15 @@ def chatbot(input_text):
 
 with gr.Blocks(css=css, elem_classes=".app.svelte-ac4rv4.svelte-ac4rv4") as demo:
     realPath = str(os.path.dirname(os.path.realpath(__file__)))
-    img1 = gr.Image("images/Cabeçalho_GPT_Exposuper.png", elem_classes=".img.svelte-ms5bsk", elem_id="img.svelte-ms5bsk").style(container=False)
+    img1 = gr.Image("images/imagem teste.png")
     gpt = gr.Chatbot(label="Converse com GPT Super da CD2",elem_classes=".wrap.svelte-1o68geq.svelte-1o68geq", elem_id="chatbot").style(container=True)
     msg = gr.Textbox(elem_id="div.svelte-awbtu4",elem_classes="div.svelte-awbtu4", show_label=False,
                 placeholder="Bem vindo ao ExpoSuper, Qual sua pergunta?",
             ).style(container=True)
    # clear = gr.Button("Limpar Conversa")
-   # gr.Audio(source="microphone", type="filepath",label="ESTÁ COM DIFICULDADES EM ESCREVER? CLIQUE E ME DIGA O QUE DESEJA")
+   # sendAudio = gr.Button("Enviar Audio")
+   # sendAudio.click(gr.Audio(source="microphone", type="filepath",label="ESTÁ COM DIFICULDADES EM ESCREVER? CLIQUE E ME DIGA O QUE DESEJA"))
+
     def respond(message, chat_history):
         chat_history.append((message, chatbot(message)))
         time.sleep(1)
@@ -526,13 +452,11 @@ with gr.Blocks(css=css, elem_classes=".app.svelte-ac4rv4.svelte-ac4rv4") as demo
                 vetor = vetor + [((realPath + "\\images\\22-14.png",), "")]
                 vetor = vetor + [((realPath + "\\images\\22-15.png",), "")]
                 vetor = vetor + [((realPath + "\\images\\22-15-1.png",), "")]
-            elif str(message).upper() == "ME CONTE SOBRE O TECH CONECTION" or str(message).upper() == "TECH CONECTION":
-                vetor = vetor + [((realPath + "\\images\\luis.mp4",), "")]
-               
 
         return "", chat_history+vetor
 
-   # clear.click(lambda:None, None, gpt, queue=False,)
+    #clear.click(lambda:None, None, gpt, queue=False,)
+
     msg.submit(respond, [msg, gpt], [msg,gpt])
 
 index = construct_index("docs")