(null);
+ const [saving, setSaving] = useState(false);
+
+ const load = useCallback(async () => {
+ try {
+ const u = await ProfilesSvc.Username();
+ const active = await ProfilesSvc.GetActive();
+ const profileName = active.profileName || "default";
+ setUsername(u);
+ setProfile(profileName);
+ const c = await SettingsSvc.GetConfig({ profileName, username: u });
+ setCfg(c);
+ setError(null);
+ } catch (e) {
+ setError(String(e));
+ }
+ }, []);
+
+ useEffect(() => {
+ load();
+ }, [load]);
+
+ const setField: Ctx["setField"] = (k, v) => {
+ setCfg((c) => (c ? { ...c, [k]: v } : c));
+ };
+
+ const save = async () => {
+ if (!cfg) return;
+ setSaving(true);
+ try {
+ await SettingsSvc.SetConfig({
+ profileName: profile,
+ username,
+ managementUrl: cfg.managementUrl,
+ adminUrl: cfg.adminUrl,
+ interfaceName: cfg.interfaceName,
+ wireguardPort: cfg.wireguardPort,
+ mtu: cfg.mtu,
+ preSharedKey: cfg.preSharedKey,
+ disableAutoConnect: cfg.disableAutoConnect,
+ serverSshAllowed: cfg.serverSshAllowed,
+ rosenpassEnabled: cfg.rosenpassEnabled,
+ rosenpassPermissive: cfg.rosenpassPermissive,
+ disableNotifications: cfg.disableNotifications,
+ lazyConnectionEnabled: cfg.lazyConnectionEnabled,
+ blockInbound: cfg.blockInbound,
+ networkMonitor: cfg.networkMonitor,
+ disableClientRoutes: cfg.disableClientRoutes,
+ disableServerRoutes: cfg.disableServerRoutes,
+ disableDns: cfg.disableDns,
+ blockLanAccess: cfg.blockLanAccess,
+ enableSshRoot: cfg.enableSshRoot,
+ enableSshSftp: cfg.enableSshSftp,
+ enableSshLocalPortForwarding: cfg.enableSshLocalPortForwarding,
+ enableSshRemotePortForwarding: cfg.enableSshRemotePortForwarding,
+ disableSshAuth: cfg.disableSshAuth,
+ sshJwtCacheTtl: cfg.sshJwtCacheTtl,
+ });
+ setError(null);
+ } catch (e) {
+ setError(String(e));
+ } finally {
+ setSaving(false);
+ }
+ };
+
+ if (!cfg) {
+ return Loading…
;
+ }
+
+ const ctx: Ctx = { cfg, setField };
+
+ return (
+
+
+
Settings
+
+
+ {error &&
{error}
}
+
+ },
+ { value: "net", label: "Network", content: },
+ { value: "ssh", label: "SSH", content: },
+ ]}
+ />
+
+
+ setField("networkMonitor", v)}
+ label="Network monitor"
+ />
+ setField("disableDns", v)}
+ label="Disable DNS"
+ />
+ setField("disableClientRoutes", v)}
+ label="Disable client routes"
+ />
+ setField("disableServerRoutes", v)}
+ label="Disable server routes"
+ />
+ setField("blockLanAccess", v)}
+ label="Block LAN access"
+ />
+ setField("blockInbound", v)}
+ label="Block inbound connections"
+ />
+
+ );
+}
+
+function SSHTab({ cfg, setField }: Ctx) {
+ return (
+
+ setField("serverSshAllowed", v)}
+ label="Server SSH allowed"
+ />
+ setField("enableSshRoot", v)}
+ label="SSH root login"
+ />
+ setField("enableSshSftp", v)}
+ label="SFTP"
+ />
+ setField("enableSshLocalPortForwarding", v)}
+ label="Local port forwarding"
+ />
+ setField("enableSshRemotePortForwarding", v)}
+ label="Remote port forwarding"
+ />
+ setField("disableSshAuth", v)}
+ label="Disable SSH auth"
+ />
+ setField("sshJwtCacheTtl", Number(e.target.value))}
+ />
+
+ );
+}
diff --git a/client/ui-wails/frontend/src/screens/Status.tsx b/client/ui-wails/frontend/src/screens/Status.tsx
new file mode 100644
index 000000000..a666f755c
--- /dev/null
+++ b/client/ui-wails/frontend/src/screens/Status.tsx
@@ -0,0 +1,172 @@
+import { CheckCircle2, Circle, Loader2, AlertTriangle, Power } from "lucide-react";
+import { useStatus } from "../hooks/useStatus";
+import { Connection } from "../../bindings/github.com/netbirdio/netbird/client/ui-wails/services";
+import type { SystemEvent } from "../../bindings/github.com/netbirdio/netbird/client/ui-wails/services/models.js";
+import { Button } from "../components/Button";
+import { Card } from "../components/Card";
+import { cn } from "../lib/cn";
+import { NetBirdConnectToggle, ConnectionState } from "../components/NetBirdConnectToggle";
+
+export default function Status() {
+ const { status, error } = useStatus();
+
+ const connState = status?.status ?? "Disconnected";
+ const connected = connState === "Connected";
+ const connecting = connState === "Connecting";
+
+ const toggleState: ConnectionState =
+ connected ? ConnectionState.Connected
+ : connecting ? ConnectionState.Connecting
+ : ConnectionState.Disconnected;
+
+ const connect = () => Connection.Up({ profileName: "", username: "" }).catch(console.error);
+ const disconnect = () => Connection.Down().catch(console.error);
+ const toggleConnection = () => (connected ? disconnect() : connect());
+
+ return (
+
+
+
+
+
+
{connState}
+
+ {status?.local.fqdn || "—"}
+
+
+
+
+
+
+
+
+
+ {error && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ Recent events
+
+ {(() => {
+ const events = dedupEvents(status?.events ?? []).slice(0, 8);
+ if (events.length === 0) {
+ return No recent events.
;
+ }
+ return (
+
+ {events.map((e, i) => (
+ -
+
+ {e.severity}
+
+
+ {e.userMessage || e.message}
+
+
+ ))}
+
+ );
+ })()}
+
+
+
+
+
+
{label}
+ {value}
+
+ );
+}
+
+// dedupEvents collapses repeated daemon events that carry the same logical
+// content. The daemon emits one "new_version_available" event per check tick,
+// so its 10-event ring buffer fills with duplicates after a quiet hour. Same
+// goes for periodic "DNS unreachable" or "auth retry" events. We key by
+// message + a small set of identity-bearing metadata fields and keep the
+// newest occurrence (the events array is already in publish order).
+function dedupEvents(events: SystemEvent[]): SystemEvent[] {
+ const seen = new Set();
+ const out: SystemEvent[] = [];
+ for (let i = events.length - 1; i >= 0; i--) {
+ const e = events[i];
+ const md = e.metadata ?? {};
+ const key = [
+ e.severity,
+ e.category,
+ e.userMessage || e.message,
+ md["new_version_available"] ?? "",
+ md["enforced"] ?? "",
+ ].join("|");
+ // eslint-disable-next-line no-console
+ console.log("[dedup]", { key, event: e });
+ if (seen.has(key)) continue;
+ seen.add(key);
+ out.unshift(e);
+ }
+ return out;
+}
+
+function LinkCard({
+ label,
+ link,
+}: {
+ label: string;
+ link?: { url: string; connected: boolean; error?: string };
+}) {
+ return (
+
+
+
+ {link?.url || "—"}
+
+ {link?.error && (
+ {link.error}
+ )}
+
+ );
+}
diff --git a/client/ui-wails/frontend/src/screens/Update.tsx b/client/ui-wails/frontend/src/screens/Update.tsx
new file mode 100644
index 000000000..04d9eb245
--- /dev/null
+++ b/client/ui-wails/frontend/src/screens/Update.tsx
@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { Loader2 } from "lucide-react";
+import { Update as UpdateSvc } from "../../bindings/github.com/netbirdio/netbird/client/ui-wails/services";
+
+const TIMEOUT_MS = 15 * 60 * 1000;
+
+export default function Update() {
+ const [done, setDone] = useState(false);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ let cancelled = false;
+ UpdateSvc.Trigger().catch((e) => !cancelled && setError(String(e)));
+
+ const start = Date.now();
+ const timer = setInterval(async () => {
+ if (Date.now() - start > TIMEOUT_MS) {
+ setError("Update timed out.");
+ clearInterval(timer);
+ return;
+ }
+ try {
+ const r = await UpdateSvc.GetInstallerResult();
+ if (r.success) {
+ setDone(true);
+ clearInterval(timer);
+ } else if (r.errorMsg) {
+ setError(r.errorMsg);
+ clearInterval(timer);
+ }
+ } catch {
+ // installer not finished yet
+ }
+ }, 2000);
+
+ return () => {
+ cancelled = true;
+ clearInterval(timer);
+ };
+ }, []);
+
+ return (
+
+
+ {done ? (
+
Update complete
+ ) : error ? (
+
{error}
+ ) : (
+ <>
+
+
Updating…
+
+ Please don't close this window.
+
+
+ )}
+
+