에디터 미디어 적용 버튼 상태 분리

components/admin/AdminMarkdownEditor.vue

@@ -22,6 +22,7 @@ import {
   getEditorHistoryEntryValue
 } from '../../lib/markdown-editor-history.js'
 import {
+  buildMediaPickerApplyState,
   buildMediaPickerEmptyMessage,
   buildMediaPickerUploadHint,
   buildMediaPickerPageItems,
@@ -3373,6 +3374,16 @@ const mediaPickerUploadHint = computed(() => buildMediaPickerUploadHint(
  */
 const mediaPickerEmptyMessage = computed(() => buildMediaPickerEmptyMessage(mediaSearchQuery.value))
 
+/**
+ * 미디어 선택 적용 버튼 상태를 반환한다.
+ * @returns {{ disabled: boolean, label: string }} 적용 버튼 상태
+ */
+const mediaPickerApplyState = computed(() => buildMediaPickerApplyState({
+  selectedUrls: selectedMediaUrls.value,
+  isUploading: isUploading.value,
+  isGallery: isGalleryMediaPicker.value
+}))
+
 /**
  * 붙여넣은 이미지 파일을 업로드한다.
  * @param {ClipboardEvent} event - 붙여넣기 이벤트
@@ -3807,10 +3818,10 @@ const handleKeydown = (event) => {
             <button
               class="admin-markdown-editor__media-apply rounded bg-[#15171a] px-4 py-2 text-sm font-semibold text-white disabled:cursor-not-allowed disabled:opacity-40"
               type="button"
-              :disabled="isUploading || selectedMediaUrls.length === 0"
+              :disabled="mediaPickerApplyState.disabled"
               @click="applyMediaSelection"
             >
-              삽입
+              {{ mediaPickerApplyState.label }}
             </button>
           </div>
         </footer>