Integrating a User Friendly Help Section(FAQ) and Chatbot offline

[Rudramani1]

---

📘 User Manual UI Enhancements

UserManual.py & UI Integration:

• Added a new dockable widget for the User Manual under the "Help Section" (DockArea.py).
• Integrated multiple tabs:
  • FAQs
  • PDF Manual
  • Support Chat
• Enhanced FAQ section with:
  • Expandable Q&A widgets
  • Live search/filter bar
• Enabled opening the PDF user manual in-app or via a new window.
• Applied custom CSS for better readability and user experience.

---

🔧 Local Chatbot Integration

local_bot.py:

• Runs the support chatbot locally, removing the need for hosting a separate backend server.
• Integrated with LangChain and OllamaEmbeddings for intelligent responses using semantic search.
• Handles user prompts and displays relevant answers from the embedded knowledge base.

Vector.py:

• Created a vector database using Chroma and Ollama for semantic document search.
• Indexed esim_help.csv for efficient and relevant help content retrieval.
• Optimized initialization and persistence for performance and fast lookups.

---

✅ Related Issues

• Eliminates the need for Flask-based backend setup.
• Embeds help and support functionalities directly into the application UI.
• Enhances accessibility and ease-of-use for users seeking in-app assistance.

---

🎯 Purpose

• Provide an intelligent, locally-running chatbot to answer user queries contextually.
• Enable fast, semantic search for FAQs and documentation.
• Improve user experience by embedding an intuitive, tabbed help section directly into the app.

---

🛠️ Approach

• Integrated LangChain with Chroma vector store for smart in-app search.
• Replaced previous server-hosted chatbot with a local implementation.
• Built an interactive, visually clean, and searchable help section within the app.

---

📝 Usage Hints

• To make the chatbot functional No external backend server setup is needed.

• To add more FAQs, simply update the following CSV file:

resources/esim_faq.csv