Update app.py

app.py

@@ -114,7 +114,7 @@ def rag_process(query, k=2):
     
     return response, retrieved_faqs, metrics
 
-# Plot RAG pipeline
+# Plot RAG pipeline (remove red color)
 def plot_metrics(metrics):
     data = pd.DataFrame({
         'Stage': ['Embedding', 'Retrieval', 'Generation'],
@@ -127,13 +127,13 @@ def plot_metrics(metrics):
     sns.set_palette("muted")
     
     ax1 = sns.barplot(x='Stage', y='Latency (ms)', data=data, color='skyblue')
-    ax1.set_ylabel('Latency (ms)', color='blue')
-    ax1.tick_params(axis='y', labelcolor='blue')
+    ax1.set_ylabel('Latency (ms)', color='skyblue')
+    ax1.tick_params(axis='y', labelcolor='skyblue')
     
     ax2 = ax1.twinx()
-    sns.lineplot(x='Stage', y='Accuracy (%)', data=data, marker='o', color='red')
-    ax2.set_ylabel('Accuracy (%)', color='red')
-    ax2.tick_params(axis='y', labelcolor='red')
+    sns.lineplot(x='Stage', y='Accuracy (%)', data=data, marker='o', color='lightblue', linewidth=2)
+    ax2.set_ylabel('Accuracy (%)', color='lightblue')
+    ax2.tick_params(axis='y', labelcolor='lightblue')
     
     plt.title('RAG Pipeline: Latency and Accuracy')
     plt.tight_layout()
@@ -219,13 +219,13 @@ body {
     background: #303030; 
     border-radius: 8px; 
     align-items: center; 
-    width: 100%; 
+    width: 33%; 
 }
 #output-container { 
     background: #303030; 
     padding: 15px; 
     border-radius: 8px; 
-    width: 100%; 
+    width: 66%; 
 }
 .text-center { 
     text-align: center;