From 9fdd586e2e3ec04c5660ad11876a7c046d8b98a3 Mon Sep 17 00:00:00 2001
From: jonathan-berthet <71975170+jonathan-berthet@users.noreply.github.com>
Date: Mon, 29 Jun 2026 09:27:57 +0200
Subject: [PATCH] Add 'question' callout type

Signed-off-by: jonathan-berthet <71975170+jonathan-berthet@users.noreply.github.com>
---
 src/components/Menu/entries.ts | 10 ++++++++++
 src/markdownit/callouts.js     |  2 +-
 src/nodes/CalloutView.vue      |  8 +++++++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Menu/entries.ts b/src/components/Menu/entries.ts
index 94a2292f050..a31821ae5fb 100644
--- a/src/components/Menu/entries.ts
+++ b/src/components/Menu/entries.ts
@@ -37,6 +37,7 @@ import {
 	FormatSize,
 	FormatStrikethrough,
 	FormatUnderline,
+	Help,
 	Info,
 	LinkIcon,
 	Paperclip,
@@ -502,6 +503,15 @@ export function getMenuEntries(isRichWorkspace: boolean): MenuEntry[] {
 						return command.toggleCallout({ type: 'error' })
 					},
 				},
+				{
+					key: 'callout-question',
+					label: t('text', 'Question callout'),
+					isActive: { name: 'callout', attributes: { type: 'question' } },
+					icon: Help,
+					action: (command) => {
+						return command.toggleCallout({ type: 'question' })
+					},
+				},
 			],
 			priority: 3,
 		},
diff --git a/src/markdownit/callouts.js b/src/markdownit/callouts.js
index beb452e61b3..cd8871078bc 100644
--- a/src/markdownit/callouts.js
+++ b/src/markdownit/callouts.js
@@ -5,7 +5,7 @@
 
 import container from 'markdown-it-container'
 
-export const typesAvailable = ['info', 'warn', 'error', 'success']
+export const typesAvailable = ['info', 'warn', 'error', 'success', 'question']
 
 /**
  *
diff --git a/src/nodes/CalloutView.vue b/src/nodes/CalloutView.vue
index 65e1842f85d..dcfcb450a3d 100644
--- a/src/nodes/CalloutView.vue
+++ b/src/nodes/CalloutView.vue
@@ -16,13 +16,14 @@
 
 <script>
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/vue-3'
-import { Danger, Info, Positive, Warn } from '../components/icons.js'
+import { Danger, Help, Info, Positive, Warn } from '../components/icons.js'
 
 const ICONS_MAP = {
 	info: Info,
 	success: Positive,
 	error: Danger,
 	warn: Warn,
+	question: Help,
 }
 
 export default {
@@ -111,5 +112,10 @@ export default {
 	&--success {
 		--callout-border: var(--color-element-success);
 	}
+
+	// Question variable
+	&--question {
+		--callout-border: #184cbd;
+	}
 }
 </style>