Merge branch 'ui-refactor' into ui-refactor-ui

2026-10-08 22:49:10 +02:00 · 2026-05-11 15:15:11 +02:00
parent 686e0d97f2 0c287b6f4d
commit b5a970155b
641 changed files with 28032 additions and 11803 deletions
@@ -0,0 +1,52 @@
+import FancyToggleSwitch from "@/components/FancyToggleSwitch";
+import { SectionGroup } from "@/modules/settings/SettingsSection.tsx";
+import { useSettings } from "@/modules/settings/SettingsContext.tsx";
+
+export function SettingsSecurity() {
+    const { config, setField } = useSettings();
+    return (
+        <>
+            <SectionGroup title={"Firewall"}>
+                <FancyToggleSwitch
+                    value={config.blockInbound}
+                    onChange={(v) => setField("blockInbound", v)}
+                    label={"Block Inbound Traffic"}
+                    helpText={
+                        "Reject unsolicited connections from peers to this device and any networks it routes. Outbound traffic is unaffected."
+                    }
+                />
+                <FancyToggleSwitch
+                    value={config.blockLanAccess}
+                    onChange={(v) => setField("blockLanAccess", v)}
+                    label={"Block LAN Access"}
+                    helpText={
+                        "Prevent peers from reaching your local network or its devices when this device routes their traffic."
+                    }
+                />
+            </SectionGroup>
+
+            <SectionGroup title={"Encryption"}>
+                <FancyToggleSwitch
+                    value={config.rosenpassEnabled}
+                    onChange={(v) => {
+                        setField("rosenpassEnabled", v);
+                        if (!v) setField("rosenpassPermissive", false);
+                    }}
+                    label={"Enable Quantum-Resistance"}
+                    helpText={
+                        "Add a post-quantum key exchange via Rosenpass on top of WireGuard®."
+                    }
+                />
+                <FancyToggleSwitch
+                    value={config.rosenpassPermissive}
+                    onChange={(v) => setField("rosenpassPermissive", v)}
+                    label={"Enable Permissive Mode"}
+                    helpText={
+                        "Allow connections to peers without quantum-resistance support."
+                    }
+                    disabled={!config.rosenpassEnabled}
+                />
+            </SectionGroup>
+        </>
+    );
+}