관리자 미디어 오류 피드백을 useAdminToast 토스트로 통일 (v0.0.93)

Co-authored-by: Cursor <cursoragent@cursor.com>

composables/useAdminToast.js

@@ -0,0 +1,51 @@
+import { onUnmounted, ref } from 'vue'
+
+const TOAST_AUTO_HIDE_MS = 4000
+
+/**
+ * 관리자 화면 우측 상단 피드백 토스트. 모달(z-50 등)보다 위에 보이도록 사용처에서 `z-[100]` 클래스를 둔다.
+ * @returns {{ toast: import('vue').Ref<null | { type: string, message: string }>, showToast: (type: string, message: string) => void, clearToast: () => void }}
+ */
+export const useAdminToast = () => {
+  const toast = ref(null)
+  let toastTimer = null
+
+  /**
+   * 표시 중인 토스트를 즉시 제거한다.
+   * @returns {void}
+   */
+  const clearToast = () => {
+    window.clearTimeout(toastTimer)
+    toastTimer = null
+    toast.value = null
+  }
+
+  /**
+   * 토스트를 표시한다. 이전 타이머가 있으면 취소한다.
+   * @param {'success' | 'error' | 'info'} type - 토스트 종류
+   * @param {string} message - 본문
+   * @returns {void}
+   */
+  const showToast = (type, message) => {
+    window.clearTimeout(toastTimer)
+    const text = String(message || '').trim() || '알림'
+    toast.value = {
+      type,
+      message: text
+    }
+    toastTimer = window.setTimeout(() => {
+      toast.value = null
+      toastTimer = null
+    }, TOAST_AUTO_HIDE_MS)
+  }
+
+  onUnmounted(() => {
+    window.clearTimeout(toastTimer)
+  })
+
+  return {
+    toast,
+    showToast,
+    clearToast
+  }
+}