feat: add auth provider boundary

frontend/src/layouts/MainLayout.vue

@@ -17,6 +17,7 @@ import {
 } from '@ant-design/icons-vue'
 import { Window } from '@wailsio/runtime'
 import { OpenSecondWindow } from '../../bindings/cmbone/internal/services/appservice'
+import { GetCurrentSession } from '../../bindings/cmbone/internal/services/authservice'
 import { getOS, OS_READY } from '../utils/osinfo'
 
 type NavItem = {
@@ -30,6 +31,8 @@ const route = useRoute()
 const isWindows = ref(false)
 const isMacOS = ref(false)
 const isMaximized = ref(false)
+const sessionUsername = ref('未登录')
+const sessionProvider = ref('Auth Provider')
 
 const navItems: NavItem[] = [
   { path: '/dashboard', label: '工作台', detail: '指标与近期任务', icon: DashboardOutlined },
@@ -59,6 +62,11 @@ onMounted(async () => {
   if (isWindows.value) {
     isMaximized.value = await Window.IsMaximised()
   }
+  const session = await GetCurrentSession()
+  if (session.active) {
+    sessionUsername.value = session.username
+    sessionProvider.value = session.provider
+  }
 })
 </script>
 
@@ -102,10 +110,10 @@ onMounted(async () => {
           </div>
           <div class="min-w-0">
             <p class="mb-0 truncate text-sm font-medium text-slate-900 dark:text-white">
-              本地演示用户
+              {{ sessionUsername }}
             </p>
             <p class="mb-0 truncate text-xs text-slate-500 dark:text-slate-400">
-              Local Provider
+              {{ sessionProvider }}
             </p>
           </div>
         </div>

frontend/src/modules/auth/LoginPage.vue

@@ -1,15 +1,40 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
 import { DashboardOutlined } from '@ant-design/icons-vue'
+import { GetAuthMode, GetAuthProviders, Login } from '../../../bindings/cmbone/internal/services/authservice'
+
+type ProviderOption = {
+  value: string
+  label: string
+  description: string
+  enabled: boolean
+}
 
 const router = useRouter()
 const username = ref('')
 const password = ref('')
 const provider = ref('local')
+const providers = ref<ProviderOption[]>([])
+const errorMessage = ref('')
+const isSubmitting = ref(false)
 
-function submitLogin() {
-  router.push('/dashboard')
+onMounted(async () => {
+  providers.value = await GetAuthProviders()
+  provider.value = await GetAuthMode()
+})
+
+async function submitLogin() {
+  errorMessage.value = ''
+  isSubmitting.value = true
+  try {
+    await Login(provider.value, username.value, password.value)
+    await router.push('/dashboard')
+  } catch (error) {
+    errorMessage.value = error instanceof Error ? error.message : String(error)
+  } finally {
+    isSubmitting.value = false
+  }
 }
 </script>
 
@@ -34,23 +59,31 @@ function submitLogin() {
         <label class="block">
           <span class="mb-1 block text-sm font-medium">Provider</span>
           <select v-model="provider" class="h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-slate-500 dark:border-slate-700 dark:bg-slate-950">
-            <option value="local">Local</option>
-            <option value="remote">Remote</option>
+            <option v-for="item in providers" :key="item.value" :value="item.value" :disabled="!item.enabled">
+              {{ item.label }}{{ item.enabled ? '' : '（未配置）' }}
+            </option>
           </select>
+          <span class="mt-1 block text-xs text-slate-500 dark:text-slate-400">
+            {{ providers.find((item) => item.value === provider)?.description || '登录 provider' }}
+          </span>
         </label>
 
         <label class="block">
           <span class="mb-1 block text-sm font-medium">账号</span>
-          <input v-model="username" class="h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-slate-500 dark:border-slate-700 dark:bg-slate-950" autocomplete="username" />
+          <input v-model="username" class="h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-slate-500 dark:border-slate-700 dark:bg-slate-950" autocomplete="username" placeholder="请输入账号" />
         </label>
 
         <label class="block">
           <span class="mb-1 block text-sm font-medium">密码</span>
-          <input v-model="password" class="h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-slate-500 dark:border-slate-700 dark:bg-slate-950" type="password" autocomplete="current-password" />
+          <input v-model="password" class="h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-slate-500 dark:border-slate-700 dark:bg-slate-950" type="password" autocomplete="current-password" placeholder="请输入密码" />
         </label>
 
-        <button class="h-10 w-full rounded-md bg-slate-950 text-sm font-medium text-white hover:bg-slate-800 dark:bg-white dark:text-slate-950 dark:hover:bg-slate-200" type="submit">
-          进入应用
+        <p v-if="errorMessage" class="rounded-md border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700 dark:border-rose-900/50 dark:bg-rose-950/40 dark:text-rose-200">
+          {{ errorMessage }}
+        </p>
+
+        <button class="h-10 w-full rounded-md bg-slate-950 text-sm font-medium text-white hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-60 dark:bg-white dark:text-slate-950 dark:hover:bg-slate-200" type="submit" :disabled="isSubmitting">
+          {{ isSubmitting ? '登录中' : '进入应用' }}
         </button>
       </form>
     </section>