Add configurable UI settings (colors, font, avatar) to config and admin panel

admin.py

@@ -10,6 +10,7 @@ from dotenv import load_dotenv
 from qdrant_client import QdrantClient, models
 from src.ingestion import ingest_document
 from src.scraper import process_and_store_webpage
+from src.config import load_settings, save_settings
 
 load_dotenv()
 
@@ -271,6 +272,35 @@ def delete_document(source_name):
         return f"❌ Deletion failed:\n{str(e)}"
 
 
+def get_current_settings():
+    """Load current settings and return as individual values for the UI."""
+    s = load_settings()
+    return (
+        s["disclaimer"],
+        s["welcome_message"],
+        s["bot_avatar_url"],
+        s["primary_color"],
+        s["secondary_color"],
+        s["font_family"],
+    )
+
+
+def save_chatbot_settings(disclaimer, welcome_message, bot_avatar_url, primary_color, secondary_color, font_family):
+    """Save chatbot settings to config file."""
+    try:
+        s = load_settings()
+        s["disclaimer"] = disclaimer
+        s["welcome_message"] = welcome_message
+        s["bot_avatar_url"] = bot_avatar_url
+        s["primary_color"] = primary_color
+        s["secondary_color"] = secondary_color
+        s["font_family"] = font_family
+        save_settings(s)
+        return "✅ Settings saved! Restart the chatbot space for changes to take effect."
+    except Exception as e:
+        return f"❌ Failed to save: {str(e)}"
+
+
 # ==================== Gradio Interface (5.49) ====================
 
 with gr.Blocks(
@@ -376,7 +406,39 @@ with gr.Blocks(
                 outputs=delete_output
             )
         
-        # Tab 5: Help
+        # Tab 5: Chatbot Settings
+        with gr.Tab("⚙️ Chatbot Settings"):
+            gr.Markdown("### Chatbot Appearance & Text Settings")
+            gr.Markdown("Changes take effect after the chatbot space restarts.")
+
+            with gr.Row():
+                with gr.Column():
+                    setting_primary_color = gr.ColorPicker(label="Primary Color (buttons, links)")
+                    setting_secondary_color = gr.ColorPicker(label="Secondary Color (background)")
+                    setting_font = gr.Textbox(label="Font Family", placeholder="Arial, sans-serif")
+                    setting_avatar = gr.Textbox(label="Bot Avatar Image URL", placeholder="https://...")
+
+                with gr.Column():
+                    setting_disclaimer = gr.Textbox(label="Disclaimer Text (Markdown)", lines=6)
+                    setting_welcome = gr.Textbox(label="Welcome Message (Markdown)", lines=8)
+
+            save_settings_btn = gr.Button("💾 Save Settings", variant="primary", size="lg")
+            settings_output = gr.Textbox(label="Result", lines=2)
+
+            save_settings_btn.click(
+                save_chatbot_settings,
+                inputs=[setting_disclaimer, setting_welcome, setting_avatar,
+                        setting_primary_color, setting_secondary_color, setting_font],
+                outputs=settings_output
+            )
+
+            demo.load(
+                get_current_settings,
+                outputs=[setting_disclaimer, setting_welcome, setting_avatar,
+                         setting_primary_color, setting_secondary_color, setting_font]
+            )
+
+        # Tab 6: Help
         with gr.Tab("ℹ️ Help"):
             gr.Markdown("""
             ### Usage Guide

app.py

@@ -121,11 +121,22 @@ def chat_response(message: str, history: list, session_id: str, request: gr.Requ
 _settings = load_settings()
 DISCLAIMER_TEXT = _settings["disclaimer"]
 WELCOME_MESSAGE = _settings["welcome_message"]
+BOT_AVATAR_URL = _settings["bot_avatar_url"]
+PRIMARY_COLOR = _settings["primary_color"]
+SECONDARY_COLOR = _settings["secondary_color"]
+FONT_FAMILY = _settings["font_family"]
+
+_custom_css = f"""
+* {{ font-family: {FONT_FAMILY} !important; }}
+.gradio-container button.primary {{ background-color: {PRIMARY_COLOR} !important; border-color: {PRIMARY_COLOR} !important; }}
+.gradio-container {{ background-color: {SECONDARY_COLOR} !important; }}
+"""
 
 # Create Gradio interface (Gradio 5.49 API)
 with gr.Blocks(
-    title="HR Intervals AI Assistant", 
-    theme=gr.themes.Soft()
+    title="HR Intervals AI Assistant",
+    theme=gr.themes.Soft(),
+    css=_custom_css
 ) as demo:
     
     gr.Markdown("""
@@ -149,7 +160,7 @@ with gr.Blocks(
             height=500,
             show_label=False,
             type='messages',
-            avatar_images=(None, "https://em-content.zobj.net/thumbs/120/apple/354/robot_1f916.png"),
+            avatar_images=(None, BOT_AVATAR_URL),
             value=[{"role": "assistant", "content": WELCOME_MESSAGE}]
         ),
         textbox=gr.Textbox(

config/chatbot_settings.json

@@ -1,4 +1,8 @@
 {
   "disclaimer": "**This tool is designed to provide general HR-related information and draft policy suggestions.**\n\n- This is **NOT** a substitute for professional legal or HR advice\n- For legal compliance and important decisions, consult a qualified attorney or HR professional\n- Do **NOT** share personal information about specific individuals\n\nBy using this tool, you acknowledge that you understand these limitations.",
-  "welcome_message": "👋 **Welcome to the HR Intervals AI Assistant!**\n\n⚠️ **Important Disclaimer:**\n\nThis tool is designed to provide general HR-related information and draft policy suggestions. It is not a substitute for professional legal or HR advice. For legal compliance and to ensure the best outcome for your organization, we recommend consulting a qualified attorney or HR professional before implementing any policies or making decisions based on the information provided.\n\n---\n\nHow can I help you today? **Try asking:**\n\n• What should I include in a remote work policy?\n• How do I handle employee terminations properly?\n• What are best practices for hiring in Canada?\n• Tell me about workplace safety requirements"
+  "welcome_message": "👋 **Welcome to the HR Intervals AI Assistant!**\n\n⚠️ **Important Disclaimer:**\n\nThis tool is designed to provide general HR-related information and draft policy suggestions. It is not a substitute for professional legal or HR advice. For legal compliance and to ensure the best outcome for your organization, we recommend consulting a qualified attorney or HR professional before implementing any policies or making decisions based on the information provided.\n\n---\n\nHow can I help you today? **Try asking:**\n\n• What should I include in a remote work policy?\n• How do I handle employee terminations properly?\n• What are best practices for hiring in Canada?\n• Tell me about workplace safety requirements",
+  "bot_avatar_url": "https://em-content.zobj.net/thumbs/120/apple/354/robot_1f916.png",
+  "primary_color": "#0066cc",
+  "secondary_color": "#f0f4f8",
+  "font_family": "Arial, sans-serif"
 }

src/config.py

@@ -36,6 +36,10 @@ _DEFAULTS = {
         "• What are best practices for hiring in Canada?\n"
         "• Tell me about workplace safety requirements"
     ),
+    "bot_avatar_url": "https://em-content.zobj.net/thumbs/120/apple/354/robot_1f916.png",
+    "primary_color": "#0066cc",
+    "secondary_color": "#f0f4f8",
+    "font_family": "Arial, sans-serif",
 }