feat(flow): auto-resolve authentik sub and improve admin dropdown UX

src/pages/admin/ModulesPage.vue

@@ -32,7 +32,9 @@
     <el-dialog v-model="showDialog" title="新增模組" @close="resetForm">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="System Key" prop="system_key">
-          <el-input v-model="form.system_key" placeholder="mkt" />
+          <el-select v-model="form.system_key" placeholder="選擇系統" filterable style="width: 100%">
+            <el-option v-for="s in systems" :key="s.system_key" :label="`${s.name} (${s.system_key})`" :value="s.system_key" />
+          </el-select>
         </el-form-item>
         <el-form-item label="Module Key" prop="module_key">
           <el-input v-model="form.module_key" placeholder="campaign" />
@@ -75,8 +77,10 @@ import { ref, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 import { getModules, createModule, updateModule } from '@/api/modules'
+import { getSystems } from '@/api/systems'
 
 const modules = ref([])
+const systems = ref([])
 const loading = ref(false)
 const error = ref(false)
 const errorMsg = ref('')
@@ -98,8 +102,9 @@ async function load() {
   loading.value = true
   error.value = false
   try {
-    const res = await getModules()
-    modules.value = res.data?.items || []
+    const [modulesRes, systemsRes] = await Promise.all([getModules(), getSystems()])
+    modules.value = modulesRes.data?.items || []
+    systems.value = systemsRes.data?.items || []
   } catch (err) {
     error.value = true
     errorMsg.value = err.response?.status === 422