[#782] 버튼 배경에 텍스트의 색상을 적용한다 (#784)

* feat: role: confirm 기준 prominent 효과 구성

* refactor: 모디파이어 적용

* chore: superpowers git 추적 제거

* fix: os별 Alert 버튼 역할 적용

* chore: superpowers 문서 Git 추적 제거

Author: opficdev

.gitignore

@@ -1,3 +1,6 @@
+## AI
+docs/superpowers
+
 # MACOS
 .DS_Store
 

Application/Presentation/Entry/Sources/Login/LoginView.swift

@@ -59,7 +59,7 @@ struct LoginView: View {
                 .multilineTextAlignment(.center)
                 .padding(.vertical)
         }
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .background {
             WindowSceneIdentifierReader {
                 store.send(.setPresentationContext(

Application/Presentation/Entry/Sources/Main/MainView.swift

@@ -74,7 +74,7 @@ struct MainView: View {
                 profileViewCoordinator.fetchData()
             }
         }
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .toastHost()
     }
 

Application/Presentation/Entry/Sources/Root/RootView.swift

@@ -66,7 +66,7 @@ public struct RootView: View {
             guard let mainTab = widgetURLTab(url) else { return }
             store.send(.openWidgetRoute(mainTab))
         }
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .sheet(item: $store.scope(state: \.sheet, action: \.sheet)) { sheetStore in
             sheetContent(todoId: sheetStore.todoId) {
                 sheetStore.send(.tapCloseButton)

Application/Presentation/HomeTab/Sources/Home/Category/CategoryManageView.swift

@@ -55,7 +55,7 @@ struct CategoryManageView: View {
             .sheet(item: $store.scope(state: \.categorySheet, action: \.categorySheet)) { sheetStore in
                 sheetContent(sheetStore)
             }
-            .alert($store.scope(state: \.alert, action: \.alert))
+            .prominentAlert(store, state: \.alert, action: \.alert)
             .toolbar {
                 ToolbarItem(placement: .navigationBarLeading) {
                     Button {

Application/Presentation/HomeTab/Sources/Home/Home/HomeView.swift

@@ -35,7 +35,7 @@ public struct HomeView: View {
         .listStyle(.insetGrouped)
         .navigationTitle(String(localized: "nav_home"))
         .toolbar { toolbar }
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .sheet(item: $store.scope(state: \.sheet, action: \.sheet), content: sheetContent)
         .fullScreenCover(item: $store.scope(state: \.fullScreenCover, action: \.fullScreenCover), content: coverContent)
     }

Application/Presentation/HomeTab/Sources/Home/Search/SearchView.swift

@@ -55,7 +55,7 @@ struct SearchView: View {
                         dismiss()
                     }
                 }
-                .alert($store.scope(state: \.alert, action: \.alert))
+                .prominentAlert(store, state: \.alert, action: \.alert)
         }
     }
 

Application/Presentation/NotificationTab/Sources/PushNotification/PushNotificationListView.swift

@@ -46,7 +46,7 @@ public struct PushNotificationListView: View {
                 .navigationTitle(String(localized: "nav_push_notifications"))
                 .listStyle(.plain)
         }
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .sheet(item: sheetStore) { store in
             sheetContent(store)
         }

Application/Presentation/PresentationShared/Sources/Extension/View+Alert.swift

@@ -0,0 +1,67 @@
+//
+//  View+Alert.swift
+//  PresentationShared
+//
+//  Created by opfic on 7/30/26.
+//
+
+import ComposableArchitecture
+import SwiftUI
+
+public extension View {
+    @preconcurrency @MainActor
+    @ViewBuilder
+    func prominentAlert<State, Action, AlertAction>(
+        _ store: Store<State, Action>,
+        state: KeyPath<State, AlertState<AlertAction>?>,
+        action: CaseKeyPath<Action, PresentationAction<AlertAction>>
+    ) -> some View where State: ObservableState {
+        @Bindable var store = store
+        let item = $store.scope(state: state, action: action)
+        let alertStore = item.wrappedValue
+        let alertState = store.state[keyPath: state]
+
+        alert(
+            alertState.map(\.title).map(Text.init) ?? Text(verbatim: ""),
+            isPresented: Binding(item),
+            presenting: alertState,
+            actions: { alertState in
+                ForEach(alertState.buttons) { button in
+                    let usesDefaultAction = alertState.usesDefaultAction(for: button)
+
+                    Button(
+                        role: alertState.buttonRole(for: button),
+                        action: {
+                            button.withAction { action in
+                                if let action {
+                                    alertStore?.send(action)
+                                }
+                            }
+                        }
+                    ) {
+                        Text(button.label)
+                    }
+                    .keyboardShortcut(
+                        usesDefaultAction ? .defaultAction : nil
+                    )
+                }
+            },
+            message: {
+                $0.message.map(Text.init)
+            }
+        )
+    }
+}
+
+extension AlertState {
+    func buttonRole(for button: ButtonState<Action>) -> ButtonRole? {
+        if #available(iOS 26, *), usesDefaultAction(for: button) { return .confirm }
+        if buttons.count == 1 { return nil }
+        return button.role.map(ButtonRole.init)
+    }
+
+    func usesDefaultAction(for button: ButtonState<Action>) -> Bool {
+        guard 1 < buttons.count else { return true }
+        return buttons.first { $0.role == .destructive }?.id == button.id
+    }
+}

Application/Presentation/PresentationShared/Sources/Todo/Detail/TodoDetailView.swift

@@ -37,7 +37,7 @@ public struct TodoDetailView: View {
         }
         .onAppear { store.send(.onAppear) }
         .navigationBarTitleDisplayMode(.inline)
-        .alert($store.scope(state: \.alert, action: \.alert))
+        .prominentAlert(store, state: \.alert, action: \.alert)
         .sheet(item: $store.scope(state: \.sheet, action: \.sheet)) { store in
             sheetContent(store)
         }