Citation Source Display

This article introduces the citation display optimization features in the WebChat chat window, including multilingual support and visual presentation improvements.

What Is Citation Display?

When the AI Assistant answers a question using information from specific documents or data in the Knowledge Base, the system displays "citations" below the response, letting end users know where the information comes from.

This feature is especially suitable for scenarios that require source verification, such as:

• Regulatory inquiry assistant: Displays the source of legal provisions

• Policy consultation assistant: Displays policy document sources

• Product customer service assistant: Displays product manuals or official documents

• Medical information assistant: Displays medical literature sources

Citation Display Location

Citations appear below the AI Assistant's response content in a clear format:

AI Assistant response content...

📚 Citations:
• Product User Manual - Chapter 3
• FAQ - Return and Exchange Policy

Multilingual Support

Automatic Language Adaptation

WebChat citation display now supports automatic multilingual adaptation. When end users switch languages, the citation interface text automatically switches to the corresponding language.

Supported Languages

• Traditional Chinese: 引用來源、參考資料

• Simplified Chinese: 引用来源、参考资料

• English: Citation、References

Language Switch Timing

WebChat automatically switches languages based on the following scenarios:

1. Browser language settings: On first load, the display language is based on the user's browser language

2. Manual switch: When users switch languages in WebChat, citation text updates accordingly

3. Website language environment: If your website supports multiple languages, WebChat automatically matches the website's language settings

For WebChat language configuration, refer to: Web Chat Overview

Visual Presentation Optimization

In addition to multilingual support, the visual presentation of citations has been optimized for clearer readability.

Optimization Items

1. Spacing adjustments: More appropriate spacing between citations and response content for clearer visual hierarchy

2. Font styling: Citations use a different font style to distinguish them from the main content

3. Color treatment: Citations use lighter colors to avoid interfering with the readability of main content

4. Icon markers: Unified icons mark citations for better recognition

Dark Mode Support

Citation display also supports dark mode. When end users' devices use a dark theme, the text and background colors of citations automatically adjust for clear visibility against dark backgrounds.

Dark Mode Adaptation Items

• Text color automatically adjusts to lighter shades

• Background color adapts to the dark theme

• Maintains contrast with main content

Dark mode activates automatically based on the user's device settings; no manual configuration is needed.

Practical Use Cases

🏛️ Government Policy Consultation Platform

Usage scenario: When citizens inquire about the eligibility requirements for a subsidy policy, the AI Assistant not only provides the answer but also displays the source link to the policy announcement.

Benefits:

• Increases information credibility

• Allows citizens to review the full announcement

• Reduces concerns about information accuracy

⚖️ Legal Consultation Assistant

Usage scenario: When users inquire about specific legal provisions, the AI Assistant displays the source and article number of the relevant law.

Benefits:

• Provides complete legal basis

• Users can verify the original legal provisions

• Enhances the professionalism of the consultation service

🏥 Medical Information Platform

Usage scenario: When patients inquire about disease-related information, the AI Assistant indicates which medical literature or health education article the information comes from.

Benefits:

• Provides information source transparency

• Helps patients understand the credibility of the information

• Complies with medical information provision standards

Admin Settings

Enable Citation Display

The citation display feature is enabled by default. To adjust the settings:

1. Go to the "AI Assistant" settings page

2. Select "Response Settings"

3. Find the "Show Citations" option

4. Toggle the switch to enable or disable

Customize Citation Format

You can add metadata to Knowledge Base documents to customize the citation display format:

• Document title: The document name displayed in citations

• Chapter number: The specific chapter or page number displayed

• Publication date: The document's publication or update date

• External link: A link to the original document

For Knowledge Base metadata configuration, refer to: Document Management: Tags and Metadata

FAQ

Q1: Will citations show all referenced documents?

Not necessarily. The system displays the most relevant citations, typically no more than 3-5, to avoid information overload.

Q2: Can citations be hidden?

Yes. Disable the "Show Citations" option in the AI Assistant settings.

Q3: Can the citation language be fixed to a specific language?

Citations automatically match the WebChat language setting. If you want to fix it to a specific language, you need to lock the language option in the WebChat settings.

Q4: Do citations support clickable links?

Yes. If you have configured external links in your Knowledge Base documents, citations will display as clickable links.

Q5: What if citations are hard to read in dark mode?

The system has been optimized for dark mode. If issues persist, it may be a browser cache problem. Try clearing the cache or refreshing the page.