# AI summary in topic header
**URL:** https://meta.discourse.org/t/ai-summary-in-topic-header/399069
**Category:** Theme component
**Tags:** ai, ai-summarize
**Created:** [March 23, 2026, 4:26pm UTC](https://meta.discourse.org/t/ai-summary-in-topic-header/399069 "2026-03-23T16:26:34Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)
#### Post date: [March 23, 2026, 4:26pm UTC](https://meta.discourse.org/t/ai-summary-in-topic-header/399069/1 "2026-03-23T16:26:34Z")
| | | |
| --- | --- | --- |
| βΉ | **Summary** | Adds a [discourse-ai](https://github.com/discourse/discourse-ai) topic summarize button to the **topic right sidebar** (timeline controls or Table of Contents) on desktop, and to the **topic title area** on mobile and narrow screens. |
| π | **Preview** | [GIF](https://github.com/rapekas/discourse-ai-summary-in-header/raw/main/images/README/dasih.gif) |
| π | **Repository** | [GitHub - rapekas/discourse-ai-summary-in-header: AI summary in topic header theme component Β· GitHub](https://github.com/rapekas/discourse-ai-summary-in-header) |
| β | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| π | **New to Discourse Themes?** | [Beginnerβs guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
Install this theme component
Moves the discourse-ai **Summarize** button from the topic map into the topic right sidebar (timeline or Table of Contents) on desktop, or into the topic title area on mobile and narrow screens. Requires [discourse-ai](https://github.com/discourse/discourse/tree/main/plugins/discourse-ai) with topic summarization enabled.
### How it works
The component creates its own button and opens the AI Summary modal directly via the Discourse `modal` service. It does not clone or move the original button β this avoids issues with Glimmer component event handlers.
The button placement adapts to the available layout:
- **Desktop (wide screen)** β button appears in the **Table of Contents** (if [DiscoTOC](https://meta.discourse.org/t/discotoc-automatic-table-of-contents/111143) is active) or in the **timeline controls** sidebar.
- **Desktop (narrow screen)** β when the sidebar is not rendered by Discourse, the button falls back to the **topic title area** , below the title and category/tags.
- **Mobile** β button appears in the **topic title area**.
When the browser window is resized, the component automatically cleans up stale buttons and places a new one in the correct location β no duplicates.
### Settings
| Setting | Default | Description |
| --- | --- | --- |
| **Show in timeline** | On | Show the summarize button in the sidebar (timeline or ToC). On narrow desktop screens the button falls back to the topic title area. |
| **Show on mobile** | On | Show the summarize button in the topic title area on mobile devices. |
| **Keep in reader mode** | Off | Keep the button visible when [Reader Mode](https://meta.discourse.org/t/reader-mode/307916) is active. |
### Compatibility
- **[discourse-ai](https://github.com/discourse/discourse/tree/main/plugins/discourse-ai)** β required (topic summarization must be enabled for your users)
- **[DiscoTOC](https://meta.discourse.org/t/discotoc-automatic-table-of-contents/111143)** β supported (button auto-placed in ToC instead of timeline)
- **[Reader Mode](https://meta.discourse.org/t/reader-mode/307916)** β supported (optional `Keep in reader mode` setting)
---
### Author:  [@kaktak](https://meta.discourse.org/u/kaktak)
#### Post date: [March 24, 2026, 6:47am UTC](https://meta.discourse.org/t/ai-summary-in-topic-header/399069/2 "2026-03-24T06:47:48Z")
Great plugin β exactly what I needed! Works perfectly and makes the topic summaries super useful. Thx π€