| 요약 | 데스크톱의 토픽 우측 사이드바(타임라인 컨트롤 또는 목차) 및 모바일과 좁은 화면의 토픽 제목 영역에 discourse-ai 토픽 요약 버튼을 추가합니다. | |
| 미리보기 | GIF | |
| 리포지토리 | GitHub - vramdibs/discourse-ai-summary-in-header: AI summary in topic header theme component · GitHub | |
| 설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 | |
| Discourse 테마 초보입니다? | Discourse 테마 사용 입문가 가이드 |
이 테마 컴포넌트를 설치하세요
discourse-ai 요약 버튼을 데스크톱에서는 토픽 맵에서 토픽 우측 사이드바(타임라인 또는 목차)로, 모바일과 좁은 화면에서는 토픽 제목 영역으로 이동시킵니다. 토픽 요약이 활성화된 discourse-ai가 필요합니다.

작동 방식
이 컴포넌트는 자체 버튼을 생성하고 Discourse modal 서비스를 통해 AI 요약 모달을 직접 엽니다. 원래 버튼을 복제하거나 이동하지 않으므로 Glimmer 컴포넌트 이벤트 핸들러 관련 문제를 방지할 수 있습니다.
버튼 위치는 사용 가능한 레이아웃에 따라 적응합니다:
-
데스크톱 (넓은 화면) — 버튼은 목차( DiscoTOC가 활성화된 경우) 또는 타임라인 컨트롤 사이드바에 표시됩니다.
-
데스크톱 (좁은 화면) — Discourse가 사이드바를 렌더링하지 않을 경우, 버튼은 제목 및 카테고리/태그 아래에 있는 토픽 제목 영역으로 대체 표시됩니다.
-
모바일 — 버튼은 토픽 제목 영역에 표시됩니다.
브라우저 창 크기가 조정되면 컴포넌트는 구식 버튼을 자동으로 정리하고 올바른 위치에 새 버튼을 배치합니다 — 중복 없음.
설정
| 설정 | 기본값 | 설명 |
|---|---|---|
| 타임라인에 표시 | 켬 | 사이드바(타임라인 또는 목차)에 요약 버튼을 표시합니다. 좁은 데스크톱 화면에서는 버튼이 토픽 제목 영역으로 대체 표시됩니다. |
| 모바일에 표시 | 켬 | 모바일 기기에서 토픽 제목 영역에 요약 버튼을 표시합니다. |
| 리더 모드에서 유지 | 끔 | 리더 모드가 활성화된 경우에도 버튼을 표시 상태로 유지합니다. |
호환성
-
discourse-ai — 필수 (사용자에게 토픽 요약이 활성화되어 있어야 함)
-
DiscoTOC — 지원 (버튼이 타임라인 대신 목차에 자동 배치됨)
-
리더 모드 — 지원 (선택적
리더 모드에서 유지설정)