콜아웃 제목과 기본 아이콘 정리

components/admin/AdminBlockEditor.vue

@@ -183,7 +183,7 @@ const createEditorBlock = (type = 'paragraph', text = '', level = null, id = '',
   title: options.title || '',
   width: options.width || 'regular',
   images: options.images || [],
-  calloutEmojiEnabled: options.calloutEmojiEnabled ?? true,
+  calloutEmojiEnabled: options.calloutEmojiEnabled === true,
   calloutEmoji: options.calloutEmoji || '💡',
   calloutBackground: options.calloutBackground || 'blue'
 })
@@ -195,7 +195,7 @@ const createEditorBlock = (type = 'paragraph', text = '', level = null, id = '',
  */
 const parseCalloutOptions = (line) => {
   const options = {
-    calloutEmojiEnabled: true,
+    calloutEmojiEnabled: false,
     calloutEmoji: '💡',
     calloutBackground: 'blue'
   }

components/admin/AdminEditorBlockPanel.vue

@@ -138,7 +138,7 @@ const panelMeta = computed(() => {
   }
 
   if (props.panel.kind === 'callout') {
-    return '아이콘·배경색'
+    return '제목·아이콘·배경색'
   }
 
   if (props.panel.kind === 'code') {
@@ -246,6 +246,17 @@ const onPanelFocusOut = (event) => {
 
         <template v-else-if="panel.kind === 'callout'">
           <div class="admin-editor-block-panel__callout-settings grid gap-5">
+            <label class="admin-editor-block-panel__field grid gap-2 text-sm">
+              <span class="font-semibold text-[#394047]">제목</span>
+              <input
+                class="rounded border border-[#d7dde2] bg-[#eff1f2] px-3 py-2 text-sm text-[#15171a] outline-none transition-colors focus:border-[#8e9cac]"
+                :value="panel.title"
+                type="text"
+                placeholder="주의사항"
+                @input="emit('update-callout-options', { title: $event.target.value })"
+              >
+            </label>
+
             <label class="flex cursor-pointer items-center justify-between gap-3 rounded border border-[#edf0f2] bg-[#fafafa] px-3 py-3 text-sm font-semibold text-[#394047]">
               <span>아이콘 표시</span>
               <input

components/admin/AdminMarkdownEditor.vue

@@ -2202,7 +2202,7 @@ const updateActiveQuoteBackground = (background) => {
 
 /**
  * 현재 콜아웃 블록 옵션을 수정한다.
- * @param {Partial<{ calloutEmojiEnabled: boolean, calloutEmoji: string, calloutBackground: string }>} patch - 변경 옵션
+ * @param {Partial<{ calloutEmojiEnabled: boolean, calloutEmoji: string, calloutBackground: string, title: string }>} patch - 변경 옵션
  * @returns {void}
  */
 const updateActiveCalloutOptions = (patch = {}) => {
@@ -2219,7 +2219,8 @@ const updateActiveCalloutOptions = (patch = {}) => {
   const nextLine = buildCalloutOpenerLine({
     calloutEmojiEnabled: patch.calloutEmojiEnabled ?? block.calloutEmojiEnabled,
     calloutEmoji: patch.calloutEmoji ?? block.calloutEmoji,
-    calloutBackground: nextBackground
+    calloutBackground: nextBackground,
+    title: patch.title ?? block.title
   })
   const lines = (markdownValue.value || '').split('\n')
   const nextLines = [...lines]