feat: 云厂商SDK适配层（Vultr/DO/Cloudflare/阿里云/腾讯云）+ 同步服务 + 测试连接/同步接口与前端

static/js/app.js

@@ -316,14 +316,50 @@ const ProvidersView = {
             <span :class="p.enabled ? 'text-emerald-600 dark:text-emerald-400' : 'text-slate-400'">{{ p.enabled ? '启用' : '停用' }}</span>
           </div>
         </div>
-        <div class="flex gap-4 mt-3 pt-2 border-t border-slate-100 dark:border-slate-800 text-xs">
+        <div class="flex gap-4 mt-3 pt-2 border-t border-slate-100 dark:border-slate-800 text-xs flex-wrap">
           <button @click="edit(p)" class="text-blue-600 dark:text-blue-400">编辑</button>
+          <button v-if="isSupported(p.sdk_type)" @click="test(p)" :disabled="testing[p.id]" class="text-emerald-600 dark:text-emerald-400 disabled:opacity-50">{{ testing[p.id] ? '测试中…' : '测试连接' }}</button>
+          <button v-if="isSupported(p.sdk_type)" @click="sync(p)" :disabled="syncing[p.id]" class="text-violet-600 dark:text-violet-400 disabled:opacity-50">{{ syncing[p.id] ? '同步中…' : '同步资产' }}</button>
           <button @click="del(p)" class="text-red-600 dark:text-red-400">删除</button>
         </div>
+        <div v-if="results[p.id]" class="mt-2 text-xs px-2 py-1.5 rounded-lg break-words" :class="results[p.id].ok ? 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400' : 'bg-amber-500/10 text-amber-600 dark:text-amber-400'">{{ results[p.id].text }}</div>
       </div>
     </div>
   </div>`,
-  setup() { return { store, Fmt, seed: seedProviders, create: openProviderCreate, edit: openProviderEdit, del: deleteProvider }; },
+  setup() {
+    const testing = reactive({});
+    const syncing = reactive({});
+    const results = reactive({});
+    const supported = ref([]);
+    onMounted(async () => {
+      try { const r = await Api.get('/providers/adapters'); supported.value = r.supported_types || []; } catch (e) { /* ignore */ }
+    });
+    function isSupported(t) { return !!t && supported.value.includes(t); }
+    async function test(p) {
+      testing[p.id] = true; delete results[p.id];
+      try {
+        const r = await Api.post('/providers/' + p.id + '/test', {});
+        results[p.id] = { ok: r.ok, text: (r.ok ? '✓ ' : '✗ ') + r.message };
+      } catch (e) { results[p.id] = { ok: false, text: '✗ ' + e.message }; }
+      finally { testing[p.id] = false; }
+    }
+    async function sync(p) {
+      syncing[p.id] = true; delete results[p.id];
+      try {
+        const r = await Api.post('/providers/' + p.id + '/sync', {});
+        const parts = [];
+        if (r.vps) parts.push('VPS 新增' + r.vps.created + '/更新' + r.vps.updated);
+        if (r.domains) parts.push('域名 新增' + r.domains.created + '/更新' + r.domains.updated);
+        if (r.vps_error) parts.push('VPS错误:' + r.vps_error);
+        if (r.domains_error) parts.push('域名错误:' + r.domains_error);
+        if (r.account && r.account.balance !== null && r.account.balance !== undefined) parts.push('余额 ' + r.account.balance);
+        results[p.id] = { ok: true, text: '✓ 同步完成：' + (parts.join('，') || '无变化') };
+        await loadAll();
+      } catch (e) { results[p.id] = { ok: false, text: '✗ ' + e.message }; }
+      finally { syncing[p.id] = false; }
+    }
+    return { store, Fmt, testing, syncing, results, isSupported, test, sync, seed: seedProviders, create: openProviderCreate, edit: openProviderEdit, del: deleteProvider };
+  },
 };
 
 const ServersView = {