Feat ask fern sidebar (#823)

Co-authored-by: Kapil Gowru <[email protected]>

Author: kgowru

fern/products/ask-fern/pages/features/analytics.mdx

@@ -9,7 +9,7 @@ The Ask Fern tab of your Fern Dashboard displays queries and conversations per d
 Drill down into individual conversations to see the exact user queries and Ask Fern responses, helping you understand how users interact with your documentation. 
 
 <Frame>
-<img src="../assets/analytics.png" alt="Query and conversation analytics on Fern Dashboard" />
+  <img src="ask-fern-dashboard.png" alt="Query and conversation analytics on Fern Dashboard" />
 </Frame>
 
 You can also export data to CSV format to identify trends and optimize your documentation strategy.

fern/products/ask-fern/pages/features/ask-fern-citation.png

@@ -6,6 +6,6 @@ subtitle: Point users to the exact source of the answer.
 Fern's AI search includes citations that link directly to source documentation, showing users where information comes from and providing immediate context. By referencing specific documentation sections, citations verify answer sources while enabling users to easily explore topics in greater depth.
 
 <Frame>
-<img src="../assets/citations.png" alt="An AI Search result with citations" />
+  <img src="ask-fern-citation.png" alt="Ask Fern citations" />
 </Frame>
 

fern/products/ask-fern/pages/features/ask-fern-dashboard.png

@@ -14,6 +14,11 @@ Key behaviors:
 - **Persistent navigation** – Side panel stays open as users browse different pages or click links provided by the AI responses
 - **Document-specific queries** – Users can ask questions about the current page through a dropdown option
 - **Mobile optimization** – Expands to full screen when users start typing on mobile devices
+- **Filtering** – Users will get responses that are only related to the product or version they are viewing, or the role they are administered.
+
+<Frame>
+  <img src="ask-fern-filters.png" alt="Ask Fern filtering" />
+</Frame>
 
 The interface maintains your site's design language while providing a familiar chat experience that feels native to your documentation.
 

fern/products/ask-fern/pages/features/citations.mdx

@@ -5,6 +5,17 @@ description: Let your customers find answers in your documentation instantly.
 
 Ask Fern is Fern's AI Search feature that indexes your documentation and provides an interface for your end users to ask questions and get answers. It appears as a side panel on your documentation site.
 
+<Frame>
+  <video 
+    style={{ aspectRatio: '16 / 9', width: '100%' }}
+    autoPlay
+    muted
+    loop
+  >
+    <source src="ask-fern-sidebar.mp4" type="video/mp4" />
+  </video>
+</Frame>
+
 Ask Fern helps you:
 
 - **Reduce support burden** – Enable your users to quickly find answers in your documentation without contacting your support team.