From 8609e3129e02136bf9642f6ef91708532392b2e8 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Tue, 14 Mar 2023 11:24:47 -0600
Subject: [PATCH] Fix, improve displaying chat messages, sources by Khoj in web
 interface

Pretty pretty json in conversation logs
---
 src/khoj/configure.py            | 2 +-
 src/khoj/interface/web/chat.html | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/khoj/configure.py b/src/khoj/configure.py
index 4cfe45d6..c6c9e308 100644
--- a/src/khoj/configure.py
+++ b/src/khoj/configure.py
@@ -219,7 +219,7 @@ def save_chat_session():
     conversation_logfile = resolve_absolute_path(state.processor_config.conversation.conversation_logfile)
     conversation_logfile.parent.mkdir(parents=True, exist_ok=True)  # create conversation directory if doesn't exist
     with open(conversation_logfile, "w+", encoding="utf-8") as logfile:
-        json.dump(conversation_log, logfile)
+        json.dump(conversation_log, logfile, indent=2)
 
     state.processor_config.conversation.chat_session = None
     logger.info("📩 Saved current chat session to conversation logs")
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 3bd46109..00056a44 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -18,7 +18,8 @@
 
         function generateReference(reference, index) {
             // Generate HTML for Chat Reference
-            return `<sup><abbr title="${reference}" tabindex="0">${index}</abbr></sup>`;
+            let escaped_ref = reference.replaceAll("\"", "\\\"")
+            return `<sup><abbr title="${escaped_ref}" tabindex="0">${index}</abbr></sup>`;
         }
 
         function renderMessage(message, by, dt=null) {
@@ -179,6 +180,7 @@
             color: #f8fafc;
             background: #017eff;
             margin-left: auto;
+            white-space: pre-line;
         }
         /* add left protrusion to khoj chat bubble */
         .chat-message-text.khoj:after {