Fix info panel overflow (#33)

* update chatbot placeholder * fix chat info panel overflow bug * set azure_endpoint to required in AzureChatOpenAI * update screenshots
Cinnamon · Apr 14, 2024 · 5286ff4 · 5286ff4
1 parent 8985963
commit 5286ff4
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 5 deletions.
diff --git a/docs/images/chat-tab-demo.png b/docs/images/chat-tab-demo.png
diff --git a/docs/images/chat-tab.png b/docs/images/chat-tab.png
diff --git a/docs/images/file-index-tab.png b/docs/images/file-index-tab.png
diff --git a/docs/images/resources-tab.png b/docs/images/resources-tab.png
diff --git a/libs/kotaemon/kotaemon/llms/chats/openai.py b/libs/kotaemon/kotaemon/llms/chats/openai.py
@@ -299,7 +299,8 @@ class AzureChatOpenAI(BaseChatOpenAI):
             "HTTPS endpoint for the Azure OpenAI model. The azure_endpoint, "
             "azure_deployment, and api_version parameters are used to construct "
             "the full URL for the Azure OpenAI model."
-        )
+        ),
+        require=True,
     )
     azure_deployment: str = Param(help="Azure deployment name", required=True)
     api_version: str = Param(help="Azure model version", required=True)

diff --git a/libs/ktem/ktem/assets/css/main.css b/libs/ktem/ktem/assets/css/main.css
@@ -87,7 +87,7 @@ button.selected {
 
 #chat-info-panel {
   max-height: var(--main-area-height) !important;
-  overflow-y: scroll !important;
+  overflow: auto !important;
 }
 
 #conv-settings-panel {

diff --git a/libs/ktem/ktem/pages/chat/__init__.py b/libs/ktem/ktem/pages/chat/__init__.py
@@ -63,9 +63,9 @@ def on_building_ui(self):
             with gr.Column(scale=6, elem_id="chat-area"):
                 self.chat_panel = ChatPanel(self._app)
 
-            with gr.Column(scale=3):
+            with gr.Column(scale=3, elem_id="chat-info-panel"):
                 with gr.Accordion(label="Information panel", open=True):
-                    self.info_panel = gr.HTML(elem_id="chat-info-panel")
+                    self.info_panel = gr.HTML()
 
     def on_register_events(self):
         gr.on(

diff --git a/libs/ktem/ktem/pages/chat/chat_panel.py b/libs/ktem/ktem/pages/chat/chat_panel.py
@@ -10,7 +10,10 @@ def __init__(self, app):
     def on_building_ui(self):
         self.chatbot = gr.Chatbot(
             label="Kotaemon",
-            placeholder="This is the beginning of a new conversation.",
+            placeholder=(
+                "This is the beginning of a new conversation.\nMake sure to have added"
+                " a LLM by following the instructions in the Help tab."
+            ),
             show_label=False,
             elem_id="main-chat-bot",
             show_copy_button=True,