fix: frontend build error

frontend/src/components/account/CreateAccountModal.vue

@@ -506,7 +506,7 @@
           {{ t('common.back') }}
         </button>
         <button
-          v-if="oauthFlowRef?.inputMethod?.value === 'manual'"
+          v-if="isManualInputMethod"
           type="button"
           :disabled="!canExchangeCode"
           class="btn btn-primary"
@@ -533,14 +533,22 @@ import { ref, reactive, computed, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useAppStore } from '@/stores/app'
 import { adminAPI } from '@/api/admin'
-import { useAccountOAuth, type AddMethod } from '@/composables/useAccountOAuth'
+import { useAccountOAuth, type AddMethod, type AuthInputMethod } from '@/composables/useAccountOAuth'
 import type { Proxy, Group, AccountPlatform, AccountType } from '@/types'
 import Modal from '@/components/common/Modal.vue'
-import Select from '@/components/common/Select.vue'
 import ProxySelector from '@/components/common/ProxySelector.vue'
 import GroupSelector from '@/components/common/GroupSelector.vue'
 import OAuthAuthorizationFlow from './OAuthAuthorizationFlow.vue'
 
+// Type for exposed OAuthAuthorizationFlow component
+// Note: defineExpose automatically unwraps refs, so we use the unwrapped types
+interface OAuthFlowExposed {
+  authCode: string
+  sessionKey: string
+  inputMethod: AuthInputMethod
+  reset: () => void
+}
+
 const { t } = useI18n()
 
 interface Props {
@@ -561,7 +569,7 @@ const appStore = useAppStore()
 const oauth = useAccountOAuth()
 
 // Refs
-const oauthFlowRef = ref<InstanceType<typeof OAuthAuthorizationFlow> | null>(null)
+const oauthFlowRef = ref<OAuthFlowExposed | null>(null)
 
 // Model mapping type
 interface ModelMapping {
@@ -630,8 +638,12 @@ const form = reactive({
 // Helper to check if current type needs OAuth flow
 const isOAuthFlow = computed(() => accountCategory.value === 'oauth-based')
 
+const isManualInputMethod = computed(() => {
+  return oauthFlowRef.value?.inputMethod === 'manual'
+})
+
 const canExchangeCode = computed(() => {
-  const authCode = oauthFlowRef.value?.authCode?.value || ''
+  const authCode = oauthFlowRef.value?.authCode || ''
   return authCode.trim() && oauth.sessionId.value && !oauth.loading.value
 })
 
@@ -815,7 +827,7 @@ const handleGenerateUrl = async () => {
 }
 
 const handleExchangeCode = async () => {
-  const authCode = oauthFlowRef.value?.authCode?.value || ''
+  const authCode = oauthFlowRef.value?.authCode || ''
   if (!authCode.trim() || !oauth.sessionId.value) return
 
   oauth.loading.value = true

frontend/src/components/account/ReAuthAccountModal.vue

@@ -71,7 +71,7 @@
           {{ t('common.cancel') }}
         </button>
         <button
-          v-if="oauthFlowRef?.inputMethod?.value === 'manual'"
+          v-if="isManualInputMethod"
           type="button"
           :disabled="!canExchangeCode"
           class="btn btn-primary"
@@ -98,11 +98,20 @@ import { ref, computed, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useAppStore } from '@/stores/app'
 import { adminAPI } from '@/api/admin'
-import { useAccountOAuth, type AddMethod } from '@/composables/useAccountOAuth'
+import { useAccountOAuth, type AddMethod, type AuthInputMethod } from '@/composables/useAccountOAuth'
 import type { Account } from '@/types'
 import Modal from '@/components/common/Modal.vue'
 import OAuthAuthorizationFlow from './OAuthAuthorizationFlow.vue'
 
+// Type for exposed OAuthAuthorizationFlow component
+// Note: defineExpose automatically unwraps refs, so we use the unwrapped types
+interface OAuthFlowExposed {
+  authCode: string
+  sessionKey: string
+  inputMethod: AuthInputMethod
+  reset: () => void
+}
+
 interface Props {
   show: boolean
   account: Account | null
@@ -121,14 +130,18 @@ const { t } = useI18n()
 const oauth = useAccountOAuth()
 
 // Refs
-const oauthFlowRef = ref<InstanceType<typeof OAuthAuthorizationFlow> | null>(null)
+const oauthFlowRef = ref<OAuthFlowExposed | null>(null)
 
 // State
 const addMethod = ref<AddMethod>('oauth')
 
 // Computed
+const isManualInputMethod = computed(() => {
+  return oauthFlowRef.value?.inputMethod === 'manual'
+})
+
 const canExchangeCode = computed(() => {
-  const authCode = oauthFlowRef.value?.authCode?.value || ''
+  const authCode = oauthFlowRef.value?.authCode || ''
   return authCode.trim() && oauth.sessionId.value && !oauth.loading.value
 })
 
@@ -163,7 +176,7 @@ const handleGenerateUrl = async () => {
 const handleExchangeCode = async () => {
   if (!props.account) return
 
-  const authCode = oauthFlowRef.value?.authCode?.value || ''
+  const authCode = oauthFlowRef.value?.authCode || ''
   if (!authCode.trim() || !oauth.sessionId.value) return
 
   oauth.loading.value = true