Features

The FAQsIR widget provides AI-powered features, all generated from the content of the current page. Feature availability depends on your plan — the API response controls which features are enabled.

Article Summary

AI-generated summary of the article's key points, presented as a list of paragraphs.

Available in: <faqsir-panel> (Summary tab) and <faqsir-widget type="summary">

Panel Mode (Summary Tab)

• Displays summary paragraphs directly in the panel content area.
• If sentiment analysis is enabled, a sentiment bar appears above the summary.
• Shows loading and error states with a retry button.

Standalone Mode (type="summary")

• Renders a "Summary" button on the page.
• Clicking the button opens a modal overlay with the full summary text.
• The modal can be closed by clicking the backdrop, the close button, or pressing Escape.
• Displays a "Powered by FAQsIR" footer inside the modal.

---

FAQs

AI-generated frequently asked questions with answers.

Available in: <faqsir-panel> (FAQs tab) and <faqsir-widget type="faq">

How It Works

• Questions are generated from the article content by the FAQsIR API.

Accordion Behavior

• Each FAQ is a collapsible accordion item. Click a question to expand/collapse its answer.
• Exclusive mode: When options.exclusive is true, opening one FAQ automatically closes all others (single-open accordion).
• Displays an "AI Assisted" label to indicate content is AI-generated.

Standalone Mode (type="faq")

• Renders the FAQ list inline with a "Frequently Asked Questions" heading.
• Includes a "Powered by FAQsIR" footer.

---

Sentiment Analysis

A visual indicator of the article's overall tone, displayed as a score from 1 to 10 on a color-coded gradient bar.

Available in: <faqsir-panel> (shown above the summary in the Summary tab)

Score Scale

Score Range	Label	Color
1 -- 3	Negative	Red
4	Slightly Negative	Red
5 -- 6	Neutral	Amber
7	Slightly Positive	Green
7.1 -- 8.5	Moderately Positive	Green
8.6 -- 10	Very Positive	Green

Display

• A gradient bar transitions from red (negative) through amber (neutral) to green (positive).
• A marker dot indicates the exact score position on the bar.
• The numeric score is displayed as X.X / 10.
• Scale labels ("Negative", "Neutral", "Positive") appear below the bar.

---

Video Summary

An embedded YouTube or Vimeo video summary of the article.

Available in: <faqsir-panel> (Video tab)

Supported Platforms

• YouTube -- Standard URLs (youtube.com/watch?v=), short URLs (youtu.be/), and embed URLs. Automatically converted to privacy-enhanced embeds (youtube-nocookie.com).
• Vimeo -- Standard URLs (vimeo.com/) and player URLs. Automatically converted to embed format.

Display

• Renders a responsive 16:9 iframe with the video player.
• Supports fullscreen, autoplay, picture-in-picture, and other standard player features.
• Lazy-loaded for performance.

---

Chat

A conversational AI interface that lets users ask questions about the article.

Available in: <faqsir-panel> (Chat / "Ask" tab) and <faqsir-widget type="chat">

Panel Mode (Chat Tab)

• Full-height chat interface embedded in the panel modal.
• Empty state: Shows a welcome screen with suggested questions and an input field.
• Active state: Displays a message thread with user messages (right-aligned) and AI responses (left-aligned).

Standalone Mode (type="chat")

• Renders a floating chat bubble button in the bottom-right corner.
• Clicking the bubble opens a compact chat window (320px wide, 400px tall).
• Includes a header bar with "Ask FAQsIR", a clear chat button, and a close button.
• Suggested questions are shown when the thread is empty.

---

Summary and FAQs are always available when the API returns data.