feat: manage multiple sign-in providers from settings

web/app/(app)/settings/page.tsx

@@ -10,7 +10,7 @@ import { Field } from "@/components/settings/Field";
 import { Group } from "@/components/settings/Group";
 import { SectionCard } from "@/components/settings/SectionCard";
 import { MembersCard } from "@/components/settings/MembersCard";
-import { OIDCCard } from "@/components/settings/OIDCCard";
+import { AuthProvidersCard } from "@/components/settings/AuthProvidersCard";
 
 const numberInputClass =
     "w-32 rounded border border-border bg-surface-2 px-3 py-2 text-sm text-text-primary focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/30";
@@ -191,7 +191,18 @@ export default function SettingsPage() {
             <div className="space-y-10">
                 <Group label="Access">
                     <MembersCard />
-                    <OIDCCard />
+                    <AuthProvidersCard
+                        localLoginEnabled={settings?.local_login_enabled ?? true}
+                        onLocalLoginChange={(v) => {
+                            if (!settings) return;
+                            save({
+                                alerts: settings.alerts,
+                                email: settings.email,
+                                workflow_log_retention_days: settings.workflow_log_retention_days,
+                                local_login_enabled: v,
+                            });
+                        }}
+                    />
                 </Group>
 
                 <Group label="Monitoring">