Unify webui dialogs and loading flow

webui/src/pages/Config.tsx

@@ -148,14 +148,47 @@ const Config: React.FC = () => {
   async function saveConfig() {
     try {
       const payload = showRaw ? JSON.parse(cfgRaw) : cfg;
-      const r = await fetch(`/webui/api/config${q}`, {
-        method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload),
-      });
-      alert(await r.text());
+      const submit = async (confirmRisky: boolean) => {
+        const body = confirmRisky ? { ...payload, confirm_risky: true } : payload;
+        return ui.withLoading(async () => {
+          const r = await fetch(`/webui/api/config${q}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(body),
+          });
+          const text = await r.text();
+          let data: any = null;
+          try {
+            data = text ? JSON.parse(text) : null;
+          } catch {
+            data = null;
+          }
+          return { ok: r.ok, text, data };
+        }, t('saving'));
+      };
+
+      let result = await submit(false);
+      if (!result.ok && result.data?.requires_confirm) {
+        const changedFields = Array.isArray(result.data?.changed_fields) ? result.data.changed_fields.join(', ') : '';
+        const ok = await ui.confirmDialog({
+          title: t('configRiskyChangeConfirmTitle'),
+          message: t('configRiskyChangeConfirmMessage', { fields: changedFields || '-' }),
+          danger: true,
+          confirmText: t('saveChanges'),
+        });
+        if (!ok) return;
+        result = await submit(true);
+      }
+
+      if (!result.ok) {
+        throw new Error(result.data?.error || result.text || 'save failed');
+      }
+
+      await ui.notify({ title: t('saved'), message: t('configSaved') });
       setBaseline(JSON.parse(JSON.stringify(payload)));
       setShowDiff(false);
     } catch (e) {
-      alert(`${t('saveConfigFailed')}: ${e}`);
+      await ui.notify({ title: t('requestFailed'), message: `${t('saveConfigFailed')}: ${e}` });
     }
   }