release 0.8.0

* New translations en.po (Chinese Simplified)

Co-authored-by: D <17147265+wwng2333@users.noreply.github.com>

.gitignore

@@ -11,3 +11,7 @@ dist
 beszel/cmd/hub/hub
 beszel/cmd/agent/agent
 node_modules
+beszel/build
+*timestamp*
+.swc
+beszel/site/src/locales/**/*.ts

beszel/Makefile

@@ -0,0 +1,35 @@
+# Default OS/ARCH values
+OS ?= $(shell go env GOOS)
+ARCH ?= $(shell go env GOARCH)
+# Skip building the web UI if true
+SKIP_WEB ?= false
+
+.PHONY: tidy build-agent build-hub build clean lint
+.DEFAULT_GOAL := build
+
+tidy:
+	go mod tidy
+
+build-web-ui:
+	@if command -v bun >/dev/null 2>&1; then \
+		bun install --cwd ./site && \
+		bun run --cwd ./site build; \
+	else \
+		npm install --prefix ./site && \
+		npm run --prefix ./site build; \
+	fi
+
+build-agent: tidy
+	CGO_ENABLED=0 GOOS=$(OS) GOARCH=$(ARCH) go build -o ./build/beszel-agent_$(OS)_$(ARCH) -ldflags "-w -s" beszel/cmd/agent
+
+build-hub: tidy $(if $(filter false,$(SKIP_WEB)),build-web-ui)
+	CGO_ENABLED=0 GOOS=$(OS) GOARCH=$(ARCH) go build -o ./build/beszel_$(OS)_$(ARCH) -ldflags "-w -s" beszel/cmd/hub
+
+build: build-agent build-hub
+
+clean:
+	go clean
+	rm -rf ./build
+
+lint:
+	golangci-lint run

beszel/go.mod

@@ -9,43 +9,45 @@ require (
 	github.com/goccy/go-json v0.10.3
 	github.com/labstack/echo/v5 v5.0.0-20230722203903-ec5b858dab61
 	github.com/pocketbase/dbx v1.10.1
-	github.com/pocketbase/pocketbase v0.22.21
+	github.com/pocketbase/pocketbase v0.22.23
 	github.com/rhysd/go-github-selfupdate v1.2.3
-	github.com/shirou/gopsutil/v4 v4.24.9
+	github.com/shirou/gopsutil/v4 v4.24.10
+	github.com/spf13/cast v1.7.0
 	github.com/spf13/cobra v1.8.1
-	golang.org/x/crypto v0.27.0
+	golang.org/x/crypto v0.28.0
+	gopkg.in/yaml.v3 v3.0.1
 )
 
 require (
 	github.com/AlecAivazis/survey/v2 v2.3.7 // indirect
 	github.com/anmitsu/go-shlex v0.0.0-20200514113438-38f4b401e2be // indirect
 	github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 // indirect
-	github.com/aws/aws-sdk-go-v2 v1.31.0 // indirect
-	github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.5 // indirect
-	github.com/aws/aws-sdk-go-v2/config v1.27.39 // indirect
-	github.com/aws/aws-sdk-go-v2/credentials v1.17.37 // indirect
-	github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.14 // indirect
-	github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.26 // indirect
-	github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.18 // indirect
-	github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.18 // indirect
+	github.com/aws/aws-sdk-go-v2 v1.32.3 // indirect
+	github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.6 // indirect
+	github.com/aws/aws-sdk-go-v2/config v1.28.1 // indirect
+	github.com/aws/aws-sdk-go-v2/credentials v1.17.42 // indirect
+	github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.18 // indirect
+	github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.35 // indirect
+	github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.22 // indirect
+	github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.22 // indirect
 	github.com/aws/aws-sdk-go-v2/internal/ini v1.8.1 // indirect
-	github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.18 // indirect
-	github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.11.5 // indirect
-	github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.3.20 // indirect
-	github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.11.20 // indirect
-	github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.17.18 // indirect
-	github.com/aws/aws-sdk-go-v2/service/s3 v1.64.0 // indirect
-	github.com/aws/aws-sdk-go-v2/service/sso v1.23.3 // indirect
-	github.com/aws/aws-sdk-go-v2/service/ssooidc v1.27.3 // indirect
-	github.com/aws/aws-sdk-go-v2/service/sts v1.31.3 // indirect
-	github.com/aws/smithy-go v1.21.0 // indirect
+	github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.22 // indirect
+	github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.12.0 // indirect
+	github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.4.3 // indirect
+	github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.12.3 // indirect
+	github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.18.3 // indirect
+	github.com/aws/aws-sdk-go-v2/service/s3 v1.66.2 // indirect
+	github.com/aws/aws-sdk-go-v2/service/sso v1.24.3 // indirect
+	github.com/aws/aws-sdk-go-v2/service/ssooidc v1.28.3 // indirect
+	github.com/aws/aws-sdk-go-v2/service/sts v1.32.3 // indirect
+	github.com/aws/smithy-go v1.22.0 // indirect
 	github.com/davecgh/go-spew v1.1.2-0.20180830191138-d8f796af33cc // indirect
 	github.com/disintegration/imaging v1.6.2 // indirect
 	github.com/domodwyer/mailyak/v3 v3.6.2 // indirect
 	github.com/dustin/go-humanize v1.0.1 // indirect
-	github.com/ebitengine/purego v0.8.0 // indirect
-	github.com/fatih/color v1.17.0 // indirect
-	github.com/gabriel-vasile/mimetype v1.4.5 // indirect
+	github.com/ebitengine/purego v0.8.1 // indirect
+	github.com/fatih/color v1.18.0 // indirect
+	github.com/gabriel-vasile/mimetype v1.4.6 // indirect
 	github.com/ganigeorgiev/fexpr v0.4.1 // indirect
 	github.com/go-ole/go-ole v1.3.0 // indirect
 	github.com/go-ozzo/ozzo-validation/v4 v4.3.0 // indirect
@@ -62,38 +64,37 @@ require (
 	github.com/lufia/plan9stats v0.0.0-20240909124753-873cd0166683 // indirect
 	github.com/mattn/go-colorable v0.1.13 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
-	github.com/mattn/go-sqlite3 v1.14.23 // indirect
+	github.com/mattn/go-sqlite3 v1.14.24 // indirect
 	github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d // indirect
 	github.com/ncruces/go-strftime v0.1.9 // indirect
 	github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2 // indirect
 	github.com/power-devops/perfstat v0.0.0-20240221224432-82ca36839d55 // indirect
 	github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect
-	github.com/spf13/cast v1.7.0 // indirect
 	github.com/spf13/pflag v1.0.5 // indirect
 	github.com/tcnksm/go-gitconfig v0.1.2 // indirect
 	github.com/tklauser/go-sysconf v0.3.14 // indirect
-	github.com/tklauser/numcpus v0.8.0 // indirect
+	github.com/tklauser/numcpus v0.9.0 // indirect
 	github.com/ulikunitz/xz v0.5.12 // indirect
 	github.com/valyala/bytebufferpool v1.0.0 // indirect
 	github.com/valyala/fasttemplate v1.2.2 // indirect
 	github.com/yusufpapurcu/wmi v1.2.4 // indirect
 	go.opencensus.io v0.24.0 // indirect
-	gocloud.dev v0.39.0 // indirect
-	golang.org/x/exp v0.0.0-20240909161429-701f63a606c0 // indirect
-	golang.org/x/image v0.20.0 // indirect
-	golang.org/x/net v0.29.0 // indirect
+	gocloud.dev v0.40.0 // indirect
+	golang.org/x/exp v0.0.0-20241009180824-f66d83c29e7c // indirect
+	golang.org/x/image v0.21.0 // indirect
+	golang.org/x/net v0.30.0 // indirect
 	golang.org/x/oauth2 v0.23.0 // indirect
 	golang.org/x/sync v0.8.0 // indirect
-	golang.org/x/sys v0.25.0 // indirect
-	golang.org/x/term v0.24.0 // indirect
-	golang.org/x/text v0.18.0 // indirect
-	golang.org/x/time v0.6.0 // indirect
+	golang.org/x/sys v0.26.0 // indirect
+	golang.org/x/term v0.25.0 // indirect
+	golang.org/x/text v0.19.0 // indirect
+	golang.org/x/time v0.7.0 // indirect
 	golang.org/x/xerrors v0.0.0-20240903120638-7835f813f4da // indirect
-	google.golang.org/api v0.199.0 // indirect
-	google.golang.org/genproto/googleapis/rpc v0.0.0-20240930140551-af27646dc61f // indirect
+	google.golang.org/api v0.204.0 // indirect
+	google.golang.org/genproto/googleapis/rpc v0.0.0-20241021214115-324edc3d5d38 // indirect
 	google.golang.org/grpc v1.67.1 // indirect
-	google.golang.org/protobuf v1.34.2 // indirect
-	modernc.org/gc/v3 v3.0.0-20240801135723-a856999a2e4a // indirect
+	google.golang.org/protobuf v1.35.1 // indirect
+	modernc.org/gc/v3 v3.0.0-20241004144649-1aea3fae8852 // indirect
 	modernc.org/libc v1.61.0 // indirect
 	modernc.org/mathutil v1.6.0 // indirect
 	modernc.org/memory v1.8.0 // indirect

beszel/go.sum

@@ -1,10 +1,10 @@
 cloud.google.com/go v0.26.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw=
-cloud.google.com/go v0.115.1 h1:Jo0SM9cQnSkYfp44+v+NQXHpcHqlnRJk2qxh6yvxxxQ=
-cloud.google.com/go v0.115.1/go.mod h1:DuujITeaufu3gL68/lOFIirVNJwQeyf5UXyi+Wbgknc=
-cloud.google.com/go/auth v0.9.5 h1:4CTn43Eynw40aFVr3GpPqsQponx2jv0BQpjvajsbbzw=
-cloud.google.com/go/auth v0.9.5/go.mod h1:Xo0n7n66eHyOWWCnitop6870Ilwo3PiZyodVkkH1xWM=
-cloud.google.com/go/auth/oauth2adapt v0.2.4 h1:0GWE/FUsXhf6C+jAkWgYm7X9tK8cuEIfy19DBn6B6bY=
-cloud.google.com/go/auth/oauth2adapt v0.2.4/go.mod h1:jC/jOpwFP6JBxhB3P5Rr0a9HLMC/Pe3eaL4NmdvqPtc=
+cloud.google.com/go v0.116.0 h1:B3fRrSDkLRt5qSHWe40ERJvhvnQwdZiHu0bJOpldweE=
+cloud.google.com/go v0.116.0/go.mod h1:cEPSRWPzZEswwdr9BxE6ChEn01dWlTaF05LiC2Xs70U=
+cloud.google.com/go/auth v0.10.0 h1:tWlkvFAh+wwTOzXIjrwM64karR1iTBZ/GRr0S/DULYo=
+cloud.google.com/go/auth v0.10.0/go.mod h1:xxA5AqpDrvS+Gkmo9RqrGGRh6WSNKKOXhY3zNOr38tI=
+cloud.google.com/go/auth/oauth2adapt v0.2.5 h1:2p29+dePqsCHPP1bqDJcKj4qxRyYCcbzKpFyKGt3MTk=
+cloud.google.com/go/auth/oauth2adapt v0.2.5/go.mod h1:AlmsELtlEBnaNTL7jCj8VQFLy6mbZv0s4Q7NGBeQ5E8=
 cloud.google.com/go/compute v1.14.0 h1:hfm2+FfxVmnRlh6LpB7cg1ZNU+5edAHmW679JePztk0=
 cloud.google.com/go/compute/metadata v0.5.2 h1:UxK4uu/Tn+I3p2dYWTfiX4wva7aYlKixAHn3fyqngqo=
 cloud.google.com/go/compute/metadata v0.5.2/go.mod h1:C66sj2AluDcIqakBq/M8lw8/ybHgOZqin2obFxa/E5k=
@@ -26,44 +26,44 @@ github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 h1:DklsrG3d
 github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2/go.mod h1:WaHUgvxTVq04UNunO+XhnAqY/wQc+bxr74GqbsZ/Jqw=
 github.com/aws/aws-sdk-go v1.55.5 h1:KKUZBfBoyqy5d3swXyiC7Q76ic40rYcbqH7qjh59kzU=
 github.com/aws/aws-sdk-go v1.55.5/go.mod h1:eRwEWoyTWFMVYVQzKMNHWP5/RV4xIUGMQfXQHfHkpNU=
-github.com/aws/aws-sdk-go-v2 v1.31.0 h1:3V05LbxTSItI5kUqNwhJrrrY1BAXxXt0sN0l72QmG5U=
-github.com/aws/aws-sdk-go-v2 v1.31.0/go.mod h1:ztolYtaEUtdpf9Wftr31CJfLVjOnD/CVRkKOOYgF8hA=
-github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.5 h1:xDAuZTn4IMm8o1LnBZvmrL8JA1io4o3YWNXgohbf20g=
-github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.5/go.mod h1:wYSv6iDS621sEFLfKvpPE2ugjTuGlAG7iROg0hLOkfc=
-github.com/aws/aws-sdk-go-v2/config v1.27.39 h1:FCylu78eTGzW1ynHcongXK9YHtoXD5AiiUqq3YfJYjU=
-github.com/aws/aws-sdk-go-v2/config v1.27.39/go.mod h1:wczj2hbyskP4LjMKBEZwPRO1shXY+GsQleab+ZXT2ik=
-github.com/aws/aws-sdk-go-v2/credentials v1.17.37 h1:G2aOH01yW8X373JK419THj5QVqu9vKEwxSEsGxihoW0=
-github.com/aws/aws-sdk-go-v2/credentials v1.17.37/go.mod h1:0ecCjlb7htYCptRD45lXJ6aJDQac6D2NlKGpZqyTG6A=
-github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.14 h1:C/d03NAmh8C4BZXhuRNboF/DqhBkBCeDiJDcaqIT5pA=
-github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.14/go.mod h1:7I0Ju7p9mCIdlrfS+JCgqcYD0VXz/N4yozsox+0o078=
-github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.26 h1:BTfwWNFVGLxW2bih/V2xhgCsYDQwG1cAWhWoW9Jx7wE=
-github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.26/go.mod h1:LA1/FxoEFFmv7XpkB8KKqLAUz8AePdK9H0Ec7PUKazs=
-github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.18 h1:kYQ3H1u0ANr9KEKlGs/jTLrBFPo8P8NaH/w7A01NeeM=
-github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.18/go.mod h1:r506HmK5JDUh9+Mw4CfGJGSSoqIiLCndAuqXuhbv67Y=
-github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.18 h1:Z7IdFUONvTcvS7YuhtVxN99v2cCoHRXOS4mTr0B/pUc=
-github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.18/go.mod h1:DkKMmksZVVyat+Y+r1dEOgJEfUeA7UngIHWeKsi0yNc=
+github.com/aws/aws-sdk-go-v2 v1.32.3 h1:T0dRlFBKcdaUPGNtkBSwHZxrtis8CQU17UpNBZYd0wk=
+github.com/aws/aws-sdk-go-v2 v1.32.3/go.mod h1:2SK5n0a2karNTv5tbP1SjsX0uhttou00v/HpXKM1ZUo=
+github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.6 h1:pT3hpW0cOHRJx8Y0DfJUEQuqPild8jRGmSFmBgvydr0=
+github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.6.6/go.mod h1:j/I2++U0xX+cr44QjHay4Cvxj6FUbnxrgmqN3H1jTZA=
+github.com/aws/aws-sdk-go-v2/config v1.28.1 h1:oxIvOUXy8x0U3fR//0eq+RdCKimWI900+SV+10xsCBw=
+github.com/aws/aws-sdk-go-v2/config v1.28.1/go.mod h1:bRQcttQJiARbd5JZxw6wG0yIK3eLeSCPdg6uqmmlIiI=
+github.com/aws/aws-sdk-go-v2/credentials v1.17.42 h1:sBP0RPjBU4neGpIYyx8mkU2QqLPl5u9cmdTWVzIpHkM=
+github.com/aws/aws-sdk-go-v2/credentials v1.17.42/go.mod h1:FwZBfU530dJ26rv9saAbxa9Ej3eF/AK0OAY86k13n4M=
+github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.18 h1:68jFVtt3NulEzojFesM/WVarlFpCaXLKaBxDpzkQ9OQ=
+github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.16.18/go.mod h1:Fjnn5jQVIo6VyedMc0/EhPpfNlPl7dHV916O6B+49aE=
+github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.35 h1:ihPPdcCVSN0IvBByXwqVp28/l4VosBZ6sDulcvU2J7w=
+github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.17.35/go.mod h1:JkgEhs3SVF51Dj3m1Bj+yL8IznpxzkwlA3jLg3x7Kls=
+github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.22 h1:Jw50LwEkVjuVzE1NzkhNKkBf9cRN7MtE1F/b2cOKTUM=
+github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.22/go.mod h1:Y/SmAyPcOTmpeVaWSzSKiILfXTVJwrGmYZhcRbhWuEY=
+github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.22 h1:981MHwBaRZM7+9QSR6XamDzF/o7ouUGxFzr+nVSIhrs=
+github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.22/go.mod h1:1RA1+aBEfn+CAB/Mh0MB6LsdCYCnjZm7tKXtnk499ZQ=
 github.com/aws/aws-sdk-go-v2/internal/ini v1.8.1 h1:VaRN3TlFdd6KxX1x3ILT5ynH6HvKgqdiXoTxAF4HQcQ=
 github.com/aws/aws-sdk-go-v2/internal/ini v1.8.1/go.mod h1:FbtygfRFze9usAadmnGJNc8KsP346kEe+y2/oyhGAGc=
-github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.18 h1:OWYvKL53l1rbsUmW7bQyJVsYU/Ii3bbAAQIIFNbM0Tk=
-github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.18/go.mod h1:CUx0G1v3wG6l01tUB+j7Y8kclA8NSqK4ef0YG79a4cg=
-github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.11.5 h1:QFASJGfT8wMXtuP3D5CRmMjARHv9ZmzFUMJznHDOY3w=
-github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.11.5/go.mod h1:QdZ3OmoIjSX+8D1OPAzPxDfjXASbBMDsz9qvtyIhtik=
-github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.3.20 h1:rTWjG6AvWekO2B1LHeM3ktU7MqyX9rzWQ7hgzneZW7E=
-github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.3.20/go.mod h1:RGW2DDpVc8hu6Y6yG8G5CHVmVOAn1oV8rNKOHRJyswg=
-github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.11.20 h1:Xbwbmk44URTiHNx6PNo0ujDE6ERlsCKJD3u1zfnzAPg=
-github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.11.20/go.mod h1:oAfOFzUB14ltPZj1rWwRc3d/6OgD76R8KlvU3EqM9Fg=
-github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.17.18 h1:eb+tFOIl9ZsUe2259/BKPeniKuz4/02zZFH/i4Nf8Rg=
-github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.17.18/go.mod h1:GVCC2IJNJTmdlyEsSmofEy7EfJncP7DNnXDzRjJ5Keg=
-github.com/aws/aws-sdk-go-v2/service/s3 v1.64.0 h1:I0p8knB/IDYSQ3dbanaCr4UhiYQ96bvKRhGYxvLyiD8=
-github.com/aws/aws-sdk-go-v2/service/s3 v1.64.0/go.mod h1:NLTqRLe3pUNu3nTEHI6XlHLKYmc8fbHUdMxAB6+s41Q=
-github.com/aws/aws-sdk-go-v2/service/sso v1.23.3 h1:rs4JCczF805+FDv2tRhZ1NU0RB2H6ryAvsWPanAr72Y=
-github.com/aws/aws-sdk-go-v2/service/sso v1.23.3/go.mod h1:XRlMvmad0ZNL+75C5FYdMvbbLkd6qiqz6foR1nA1PXY=
-github.com/aws/aws-sdk-go-v2/service/ssooidc v1.27.3 h1:S7EPdMVZod8BGKQQPTBK+FcX9g7bKR7c4+HxWqHP7Vg=
-github.com/aws/aws-sdk-go-v2/service/ssooidc v1.27.3/go.mod h1:FnvDM4sfa+isJ3kDXIzAB9GAwVSzFzSy97uZ3IsHo4E=
-github.com/aws/aws-sdk-go-v2/service/sts v1.31.3 h1:VzudTFrDCIDakXtemR7l6Qzt2+JYsVqo2MxBPt5k8T8=
-github.com/aws/aws-sdk-go-v2/service/sts v1.31.3/go.mod h1:yMWe0F+XG0DkRZK5ODZhG7BEFYhLXi2dqGsv6tX0cgI=
-github.com/aws/smithy-go v1.21.0 h1:H7L8dtDRk0P1Qm6y0ji7MCYMQObJ5R9CRpyPhRUkLYA=
-github.com/aws/smithy-go v1.21.0/go.mod h1:irrKGvNn1InZwb2d7fkIRNucdfwR8R+Ts3wxYa/cJHg=
+github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.22 h1:yV+hCAHZZYJQcwAaszoBNwLbPItHvApxT0kVIw6jRgs=
+github.com/aws/aws-sdk-go-v2/internal/v4a v1.3.22/go.mod h1:kbR1TL8llqB1eGnVbybcA4/wgScxdylOdyAd51yxPdw=
+github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.12.0 h1:TToQNkvGguu209puTojY/ozlqy2d/SFNcoLIqTFi42g=
+github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.12.0/go.mod h1:0jp+ltwkf+SwG2fm/PKo8t4y8pJSgOCO4D8Lz3k0aHQ=
+github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.4.3 h1:kT6BcZsmMtNkP/iYMcRG+mIEA/IbeiUimXtGmqF39y0=
+github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.4.3/go.mod h1:Z8uGua2k4PPaGOYn66pK02rhMrot3Xk3tpBuUFPomZU=
+github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.12.3 h1:qcxX0JYlgWH3hpPUnd6U0ikcl6LLA9sLkXE2w1fpMvY=
+github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.12.3/go.mod h1:cLSNEmI45soc+Ef8K/L+8sEA3A3pYFEYf5B5UI+6bH4=
+github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.18.3 h1:ZC7Y/XgKUxwqcdhO5LE8P6oGP1eh6xlQReWNKfhvJno=
+github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.18.3/go.mod h1:WqfO7M9l9yUAw0HcHaikwRd/H6gzYdz7vjejCA5e2oY=
+github.com/aws/aws-sdk-go-v2/service/s3 v1.66.2 h1:p9TNFL8bFUMd+38YIpTAXpoxyz0MxC7FlbFEH4P4E1U=
+github.com/aws/aws-sdk-go-v2/service/s3 v1.66.2/go.mod h1:fNjyo0Coen9QTwQLWeV6WO2Nytwiu+cCcWaTdKCAqqE=
+github.com/aws/aws-sdk-go-v2/service/sso v1.24.3 h1:UTpsIf0loCIWEbrqdLb+0RxnTXfWh2vhw4nQmFi4nPc=
+github.com/aws/aws-sdk-go-v2/service/sso v1.24.3/go.mod h1:FZ9j3PFHHAR+w0BSEjK955w5YD2UwB/l/H0yAK3MJvI=
+github.com/aws/aws-sdk-go-v2/service/ssooidc v1.28.3 h1:2YCmIXv3tmiItw0LlYf6v7gEHebLY45kBEnPezbUKyU=
+github.com/aws/aws-sdk-go-v2/service/ssooidc v1.28.3/go.mod h1:u19stRyNPxGhj6dRm+Cdgu6N75qnbW7+QN0q0dsAk58=
+github.com/aws/aws-sdk-go-v2/service/sts v1.32.3 h1:wVnQ6tigGsRqSWDEEyH6lSAJ9OyFUsSnbaUWChuSGzs=
+github.com/aws/aws-sdk-go-v2/service/sts v1.32.3/go.mod h1:VZa9yTFyj4o10YGsmDO4gbQJUvvhY72fhumT8W4LqsE=
+github.com/aws/smithy-go v1.22.0 h1:uunKnWlcoL3zO7q+gG2Pk53joueEOsnNB28QdMsmiMM=
+github.com/aws/smithy-go v1.22.0/go.mod h1:irrKGvNn1InZwb2d7fkIRNucdfwR8R+Ts3wxYa/cJHg=
 github.com/blang/semver v3.5.1+incompatible h1:cQNTCjp13qL8KC3Nbxr/y2Bqb63oX6wdnnjpJbkM4JQ=
 github.com/blang/semver v3.5.1+incompatible/go.mod h1:kRBLl5iJ+tD4TcOOxsy/0fnwebNt5EWlYSAyrTnjyyk=
 github.com/census-instrumentation/opencensus-proto v0.2.1/go.mod h1:f6KPmirojxKA12rnyqOA5BBL4O983OfeGPqjHWSTneU=
@@ -84,21 +84,21 @@ github.com/domodwyer/mailyak/v3 v3.6.2 h1:x3tGMsyFhTCaxp6ycgR0FE/bu5QiNp+hetUuCO
 github.com/domodwyer/mailyak/v3 v3.6.2/go.mod h1:lOm/u9CyCVWHeaAmHIdF4RiKVxKUT/H5XX10lIKAL6c=
 github.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=
 github.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=
-github.com/ebitengine/purego v0.8.0 h1:JbqvnEzRvPpxhCJzJJ2y0RbiZ8nyjccVUrSM3q+GvvE=
-github.com/ebitengine/purego v0.8.0/go.mod h1:iIjxzd6CiRiOG0UyXP+V1+jWqUXVjPKLAI0mRfJZTmQ=
+github.com/ebitengine/purego v0.8.1 h1:sdRKd6plj7KYW33EH5As6YKfe8m9zbN9JMrOjNVF/BE=
+github.com/ebitengine/purego v0.8.1/go.mod h1:iIjxzd6CiRiOG0UyXP+V1+jWqUXVjPKLAI0mRfJZTmQ=
 github.com/envoyproxy/go-control-plane v0.9.0/go.mod h1:YTl/9mNaCwkRvm6d1a2C3ymFceY/DCBVvsKhRF0iEA4=
 github.com/envoyproxy/go-control-plane v0.9.1-0.20191026205805-5f8ba28d4473/go.mod h1:YTl/9mNaCwkRvm6d1a2C3ymFceY/DCBVvsKhRF0iEA4=
 github.com/envoyproxy/go-control-plane v0.9.4/go.mod h1:6rpuAdCZL397s3pYoYcLgu1mIlRU8Am5FuJP05cCM98=
 github.com/envoyproxy/protoc-gen-validate v0.1.0/go.mod h1:iSmxcyjqTsJpI2R4NaDN7+kN2VEUnK/pcBlmesArF7c=
-github.com/fatih/color v1.17.0 h1:GlRw1BRJxkpqUCBKzKOw098ed57fEsKeNjpTe3cSjK4=
-github.com/fatih/color v1.17.0/go.mod h1:YZ7TlrGPkiz6ku9fK3TLD/pl3CpsiFyu8N92HLgmosI=
+github.com/fatih/color v1.18.0 h1:S8gINlzdQ840/4pfAwic/ZE0djQEH3wM94VfqLTZcOM=
+github.com/fatih/color v1.18.0/go.mod h1:4FelSpRwEGDpQ12mAdzqdOukCy4u8WUtOY6lkT/6HfU=
 github.com/felixge/httpsnoop v1.0.4 h1:NFTV2Zj1bL4mc9sqWACXbQFVBBg2W3GPvqp8/ESS2Wg=
 github.com/felixge/httpsnoop v1.0.4/go.mod h1:m8KPJKqk1gH5J9DgRY2ASl2lWCfGKXixSwevea8zH2U=
 github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
 github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
 github.com/fsnotify/fsnotify v1.4.7/go.mod h1:jwhsz4b93w/PPRr/qN1Yymfu8t87LnFCMoQvtojpjFo=
-github.com/gabriel-vasile/mimetype v1.4.5 h1:J7wGKdGu33ocBOhGy0z653k/lFKLFDPJMG8Gql0kxn4=
-github.com/gabriel-vasile/mimetype v1.4.5/go.mod h1:ibHel+/kbxn9x2407k1izTA1S81ku1z/DlgOW2QE0M4=
+github.com/gabriel-vasile/mimetype v1.4.6 h1:3+PzJTKLkvgjeTbts6msPJt4DixhT4YtFNf1gtGe3zc=
+github.com/gabriel-vasile/mimetype v1.4.6/go.mod h1:JX1qVKqZd40hUPpAfiNTe0Sne7hdfKSbOqqmkq8GCXc=
 github.com/ganigeorgiev/fexpr v0.4.1 h1:hpUgbUEEWIZhSDBtf4M9aUNfQQ0BZkGRaMePy7Gcx5k=
 github.com/ganigeorgiev/fexpr v0.4.1/go.mod h1:RyGiGqmeXhEQ6+mlGdnUleLHgtzzu/VGO2WtJkF5drE=
 github.com/gliderlabs/ssh v0.3.7 h1:iV3Bqi942d9huXnzEF2Mt+CY9gLu8DNM4Obd+8bODRE=
@@ -198,8 +198,8 @@ github.com/mattn/go-isatty v0.0.8/go.mod h1:Iq45c/XA43vh69/j3iqttzPXn0bhXyGjM0Hd
 github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
-github.com/mattn/go-sqlite3 v1.14.23 h1:gbShiuAP1W5j9UOksQ06aiiqPMxYecovVGwmTxWtuw0=
-github.com/mattn/go-sqlite3 v1.14.23/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y=
+github.com/mattn/go-sqlite3 v1.14.24 h1:tpSp2G2KyMnnQu99ngJ47EIkWVmliIizyZBfPrBWDRM=
+github.com/mattn/go-sqlite3 v1.14.24/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y=
 github.com/mgutz/ansi v0.0.0-20170206155736-9520e82c474b/go.mod h1:01TrycV0kFyexm33Z7vhZRXopbI8J3TDReVlkTgMUxE=
 github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d h1:5PJl274Y63IEHC+7izoQE9x6ikvDFZS2mDVS3drnohI=
 github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d/go.mod h1:01TrycV0kFyexm33Z7vhZRXopbI8J3TDReVlkTgMUxE=
@@ -217,8 +217,8 @@ github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2 h1:Jamvg5psRI
 github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/pocketbase/dbx v1.10.1 h1:cw+vsyfCJD8YObOVeqb93YErnlxwYMkNZ4rwN0G0AaA=
 github.com/pocketbase/dbx v1.10.1/go.mod h1:xXRCIAKTHMgUCyCKZm55pUOdvFziJjQfXaWKhu2vhMs=
-github.com/pocketbase/pocketbase v0.22.21 h1:DGPCxn6co8VuTV0mton4NFO/ON49XiFMszRr+Mysy48=
-github.com/pocketbase/pocketbase v0.22.21/go.mod h1:Cw5E4uoGhKItBIE2lJL3NfmiUr9Syk2xaNJ2G7Dssow=
+github.com/pocketbase/pocketbase v0.22.23 h1:cnjSiBcMf7VIhXmoBmZCAV8qKYkOubHCOQQPZMKFBAk=
+github.com/pocketbase/pocketbase v0.22.23/go.mod h1:h2ojT2pqBWH9LLl1aiawkwXiICKtzZA/kjM/8VhydR4=
 github.com/power-devops/perfstat v0.0.0-20240221224432-82ca36839d55 h1:o4JXh1EVt9k/+g42oCprj/FisM4qX9L3sZB3upGN2ZU=
 github.com/power-devops/perfstat v0.0.0-20240221224432-82ca36839d55/go.mod h1:OmDBASR4679mdNQnz2pUhc2G8CO2JrUAVFDRBDP/hJE=
 github.com/prometheus/client_model v0.0.0-20190812154241-14fe0d1b01d4/go.mod h1:xMI15A0UPsDsEKsMN9yxemIoYk6Tm2C1GtYGdfGttqA=
@@ -229,8 +229,8 @@ github.com/rhysd/go-github-selfupdate v1.2.3/go.mod h1:mp/N8zj6jFfBQy/XMYoWsmfzx
 github.com/rogpeppe/go-internal v1.9.0 h1:73kH8U+JUqXU8lRuOHeVHaa/SZPifC7BkcraZVejAe8=
 github.com/rogpeppe/go-internal v1.9.0/go.mod h1:WtVeX8xhTBvf0smdhujwtBcq4Qrzq/fJaraNFVN+nFs=
 github.com/russross/blackfriday/v2 v2.1.0/go.mod h1:+Rmxgy9KzJVeS9/2gXHxylqXiyQDYRxCVz55jmeOWTM=
-github.com/shirou/gopsutil/v4 v4.24.9 h1:KIV+/HaHD5ka5f570RZq+2SaeFsb/pq+fp2DGNWYoOI=
-github.com/shirou/gopsutil/v4 v4.24.9/go.mod h1:3fkaHNeYsUFCGZ8+9vZVWtbyM1k2eRnlL+bWO8Bxa/Q=
+github.com/shirou/gopsutil/v4 v4.24.10 h1:7VOzPtfw/5YDU+jLEoBwXwxJbQetULywoSV4RYY7HkM=
+github.com/shirou/gopsutil/v4 v4.24.10/go.mod h1:s4D/wg+ag4rG0WO7AiTj2BeYCRhym0vM7DHbZRxnIT8=
 github.com/spf13/cast v1.7.0 h1:ntdiHjuueXFgm5nzDRdOS4yfT43P5Fnud6DH50rz/7w=
 github.com/spf13/cast v1.7.0/go.mod h1:ancEpBxwJDODSW/UG4rDrAqiKolqNNh2DX3mk86cAdo=
 github.com/spf13/cobra v1.8.1 h1:e5/vxKd/rZsfSJMUX1agtjeTDf+qv1/JdBF8gg5k9ZM=
@@ -251,8 +251,8 @@ github.com/tcnksm/go-gitconfig v0.1.2 h1:iiDhRitByXAEyjgBqsKi9QU4o2TNtv9kPP3RgPg
 github.com/tcnksm/go-gitconfig v0.1.2/go.mod h1:/8EhP4H7oJZdIPyT+/UIsG87kTzrzM4UsLGSItWYCpE=
 github.com/tklauser/go-sysconf v0.3.14 h1:g5vzr9iPFFz24v2KZXs/pvpvh8/V9Fw6vQK5ZZb78yU=
 github.com/tklauser/go-sysconf v0.3.14/go.mod h1:1ym4lWMLUOhuBOPGtRcJm7tEGX4SCYNEEEtghGG/8uY=
-github.com/tklauser/numcpus v0.8.0 h1:Mx4Wwe/FjZLeQsK/6kt2EOepwwSl7SmJrK5bV/dXYgY=
-github.com/tklauser/numcpus v0.8.0/go.mod h1:ZJZlAY+dmR4eut8epnzf0u/VwodKmryxR8txiloSqBE=
+github.com/tklauser/numcpus v0.9.0 h1:lmyCHtANi8aRUgkckBgoDk1nHCux3n2cgkJLXdQGPDo=
+github.com/tklauser/numcpus v0.9.0/go.mod h1:SN6Nq1O3VychhC1npsWostA+oW+VOQTxZrS604NSRyI=
 github.com/ulikunitz/xz v0.5.9/go.mod h1:nbz6k7qbPmH4IRqmfOplQw/tblSgqTqBwxkY0oWt/14=
 github.com/ulikunitz/xz v0.5.12 h1:37Nm15o69RwBkXM0J6A5OlE67RZTfzUxTj8fB3dfcsc=
 github.com/ulikunitz/xz v0.5.12/go.mod h1:nbz6k7qbPmH4IRqmfOplQw/tblSgqTqBwxkY0oWt/14=
@@ -275,20 +275,20 @@ go.opentelemetry.io/otel/metric v1.29.0 h1:vPf/HFWTNkPu1aYeIsc98l4ktOQaL6LeSoeV2
 go.opentelemetry.io/otel/metric v1.29.0/go.mod h1:auu/QWieFVWx+DmQOUMgj0F8LHWdgalxXqvp7BII/W8=
 go.opentelemetry.io/otel/trace v1.29.0 h1:J/8ZNK4XgR7a21DZUAsbF8pZ5Jcw1VhACmnYt39JTi4=
 go.opentelemetry.io/otel/trace v1.29.0/go.mod h1:eHl3w0sp3paPkYstJOmAimxhiFXPg+MMTlEh3nsQgWQ=
-gocloud.dev v0.39.0 h1:EYABYGhAalPUaMrbSKOr5lejxoxvXj99nE8XFtsDgds=
-gocloud.dev v0.39.0/go.mod h1:drz+VyYNBvrMTW0KZiBAYEdl8lbNZx+OQ7oQvdrFmSQ=
+gocloud.dev v0.40.0 h1:f8LgP+4WDqOG/RXoUcyLpeIAGOcAbZrZbDQCUee10ng=
+gocloud.dev v0.40.0/go.mod h1:drz+VyYNBvrMTW0KZiBAYEdl8lbNZx+OQ7oQvdrFmSQ=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/crypto v0.0.0-20200622213623-75b288015ac9/go.mod h1:LzIPMQfyMNhhGPhUkYOs5KpL4U8rLKemX1yGLhDgUto=
 golang.org/x/crypto v0.0.0-20201221181555-eec23a3978ad/go.mod h1:jdWPYTVW3xRLrWPugEBEK3UY2ZEsg3UU495nc5E+M+I=
 golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
-golang.org/x/crypto v0.27.0 h1:GXm2NjJrPaiv/h1tb2UH8QfgC/hOf/+z0p6PT8o1w7A=
-golang.org/x/crypto v0.27.0/go.mod h1:1Xngt8kV6Dvbssa53Ziq6Eqn0HqbZi5Z6R0ZpwQzt70=
+golang.org/x/crypto v0.28.0 h1:GBDwsMXVQi34v5CCYUm2jkJvu4cbtru2U4TN2PSyQnw=
+golang.org/x/crypto v0.28.0/go.mod h1:rmgy+3RHxRZMyY0jjAJShp2zgEdOqj2AO7U0pYmeQ7U=
 golang.org/x/exp v0.0.0-20190121172915-509febef88a4/go.mod h1:CJ0aWSM057203Lf6IL+f9T1iT9GByDxfZKAQTCR3kQA=
-golang.org/x/exp v0.0.0-20240909161429-701f63a606c0 h1:e66Fs6Z+fZTbFBAxKfP3PALWBtpfqks2bwGcexMxgtk=
-golang.org/x/exp v0.0.0-20240909161429-701f63a606c0/go.mod h1:2TbTHSBQa924w8M6Xs1QcRcFwyucIwBGpK1p2f1YFFY=
+golang.org/x/exp v0.0.0-20241009180824-f66d83c29e7c h1:7dEasQXItcW1xKJ2+gg5VOiBnqWrJc+rq0DPKyvvdbY=
+golang.org/x/exp v0.0.0-20241009180824-f66d83c29e7c/go.mod h1:NQtJDoLvd6faHhE7m4T/1IY708gDefGGjR/iUW8yQQ8=
 golang.org/x/image v0.0.0-20191009234506-e7c1f5e7dbb8/go.mod h1:FeLwcggjj3mMvU+oOTbSwawSJRM1uh48EjtB4UJZlP0=
-golang.org/x/image v0.20.0 h1:7cVCUjQwfL18gyBJOmYvptfSHS8Fb3YUDtfLIZ7Nbpw=
-golang.org/x/image v0.20.0/go.mod h1:0a88To4CYVBAHp5FXJm8o7QbUl37Vd85ply1vyD8auM=
+golang.org/x/image v0.21.0 h1:c5qV36ajHpdj4Qi0GnE0jUc/yuo33OLFaa0d+crTD5s=
+golang.org/x/image v0.21.0/go.mod h1:vUbsLavqK/W303ZroQQVKQ+Af3Yl6Uz1Ppu5J/cLz78=
 golang.org/x/lint v0.0.0-20181026193005-c67002cb31c3/go.mod h1:UVdnD1Gm6xHRNCYTkRU2/jEulfH38KcIWyp/GAMgvoE=
 golang.org/x/lint v0.0.0-20190227174305-5b3e6a55c961/go.mod h1:wehouNa3lNwaWXcvxsM5YxQ5yQlVC4a0KAMCusXpPoU=
 golang.org/x/lint v0.0.0-20190313153728-d0100b6bd8b3/go.mod h1:6SW0HCj/g11FgYtHlgUYUwCkIfeOF89ocIRzGO/8vkc=
@@ -306,8 +306,8 @@ golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLL
 golang.org/x/net v0.0.0-20201110031124-69a78807bb2b/go.mod h1:sp8m0HH+o8qH0wwXwYZr8TS3Oi6o0r6Gce1SSxlDquU=
 golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
 golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
-golang.org/x/net v0.29.0 h1:5ORfpBpCs4HzDYoodCDBbwHzdR5UrLBZ3sOnUJmFoHo=
-golang.org/x/net v0.29.0/go.mod h1:gLkgy8jTGERgjzMic6DS9+SP0ajcu6Xu3Orq/SpETg0=
+golang.org/x/net v0.30.0 h1:AcW1SDZMkb8IpzCdQUaIq2sP4sZ4zw+55h6ynffypl4=
+golang.org/x/net v0.30.0/go.mod h1:2wGyMJ5iFasEhkwi13ChkO/t1ECNC4X4eBKkVFyYFlU=
 golang.org/x/oauth2 v0.0.0-20180821212333-d2e6202438be/go.mod h1:N/0e6XlmueqKjAGxoOufVs8QHGRruUQn6yWY3a++T0U=
 golang.org/x/oauth2 v0.0.0-20181106182150-f42d05182288/go.mod h1:N/0e6XlmueqKjAGxoOufVs8QHGRruUQn6yWY3a++T0U=
 golang.org/x/oauth2 v0.23.0 h1:PbgcYx2W7i4LvjJWEbf0ngHV6qJYr86PkAV3bXdLEbs=
@@ -334,23 +334,23 @@ golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBc
 golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.1.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.25.0 h1:r+8e+loiHxRqhXVl6ML1nO3l1+oFoWbnlu2Ehimmi34=
-golang.org/x/sys v0.25.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.26.0 h1:KHjCJyddX0LoSTb3J+vWpupP9p0oznkqVk/IfjymZbo=
+golang.org/x/sys v0.26.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/term v0.0.0-20201117132131-f5c789dd3221/go.mod h1:Nr5EML6q2oocZ2LXRh80K7BxOlk5/8JxuGnuhpl+muw=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
-golang.org/x/term v0.24.0 h1:Mh5cbb+Zk2hqqXNO7S1iTjEphVL+jb8ZWaqh/g+JWkM=
-golang.org/x/term v0.24.0/go.mod h1:lOBK/LVxemqiMij05LGJ0tzNr8xlmwBRJ81PX6wVLH8=
+golang.org/x/term v0.25.0 h1:WtHI/ltw4NvSUig5KARz9h521QvRC8RmF/cuYqifU24=
+golang.org/x/term v0.25.0/go.mod h1:RPyXicDX+6vLxogjjRxjgD2TKtmAO6NZBsBRfrOLu7M=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=
 golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.5/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
 golang.org/x/text v0.4.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
-golang.org/x/text v0.18.0 h1:XvMDiNzPAl0jr17s6W9lcaIhGUfUORdGCNsuLmPG224=
-golang.org/x/text v0.18.0/go.mod h1:BuEKDfySbSR4drPmRPG/7iBdf8hvFMuRexcpahXilzY=
-golang.org/x/time v0.6.0 h1:eTDhh4ZXt5Qf0augr54TN6suAUudPcawVZeIAPU7D4U=
-golang.org/x/time v0.6.0/go.mod h1:3BpzKBy/shNhVucY/MWOyx10tF3SFh9QdLuxbVysPQM=
+golang.org/x/text v0.19.0 h1:kTxAhCbGbxhK0IwgSKiMO5awPoDQ0RpfiVYBfK860YM=
+golang.org/x/text v0.19.0/go.mod h1:BuEKDfySbSR4drPmRPG/7iBdf8hvFMuRexcpahXilzY=
+golang.org/x/time v0.7.0 h1:ntUhktv3OPE6TgYxXWv9vKvUSJyIFJlyohwbkEwPrKQ=
+golang.org/x/time v0.7.0/go.mod h1:3BpzKBy/shNhVucY/MWOyx10tF3SFh9QdLuxbVysPQM=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20190114222345-bf090417da8b/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20190226205152-f727befe758c/go.mod h1:9Yl7xja0Znq3iFh3HoIrodX9oNMXvdceNzlUR8zjMvY=
@@ -358,14 +358,14 @@ golang.org/x/tools v0.0.0-20190311212946-11955173bddd/go.mod h1:LCzVGOaR6xXOjkQ3
 golang.org/x/tools v0.0.0-20190524140312-2c0ae7006135/go.mod h1:RgjU9mgBXZiqYHBnxXauZ1Gv1EHHAz9KjViQ78xBX0Q=
 golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
-golang.org/x/tools v0.25.0 h1:oFU9pkj/iJgs+0DT+VMHrx+oBKs/LJMV+Uvg78sl+fE=
-golang.org/x/tools v0.25.0/go.mod h1:/vtpO8WL1N9cQC3FN5zPqb//fRXskFHbLKk4OW1Q7rg=
+golang.org/x/tools v0.26.0 h1:v/60pFQmzmT9ExmjDv2gGIfi3OqfKoEP6I5+umXlbnQ=
+golang.org/x/tools v0.26.0/go.mod h1:TPVVj70c7JJ3WCazhD8OdXcZg/og+b9+tH/KxylGwH0=
 golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 golang.org/x/xerrors v0.0.0-20240903120638-7835f813f4da h1:noIWHXmPHxILtqtCOPIhSt0ABwskkZKjD3bXGnZGpNY=
 golang.org/x/xerrors v0.0.0-20240903120638-7835f813f4da/go.mod h1:NDW/Ps6MPRej6fsCIbMTohpP40sJ/P/vI1MoTEGwX90=
-google.golang.org/api v0.199.0 h1:aWUXClp+VFJmqE0JPvpZOK3LDQMyFKYIow4etYd9qxs=
-google.golang.org/api v0.199.0/go.mod h1:ohG4qSztDJmZdjK/Ar6MhbAmb/Rpi4JHOqagsh90K28=
+google.golang.org/api v0.204.0 h1:3PjmQQEDkR/ENVZZwIYB4W/KzYtN8OrqnNcHWpeR8E4=
+google.golang.org/api v0.204.0/go.mod h1:69y8QSoKIbL9F94bWgWAq6wGqGwyjBgi2y8rAK8zLag=
 google.golang.org/appengine v1.1.0/go.mod h1:EbEs0AVv82hx2wNQdGPgUI5lhzA/G0D9YwlJXL52JkM=
 google.golang.org/appengine v1.3.0/go.mod h1:xpcJRLb0r/rnEns0DIKYYv+WjYCduHsrkT7/EB5XEv4=
 google.golang.org/appengine v1.4.0/go.mod h1:xpcJRLb0r/rnEns0DIKYYv+WjYCduHsrkT7/EB5XEv4=
@@ -373,12 +373,12 @@ google.golang.org/appengine v1.6.5/go.mod h1:8WjMMxjGQR8xUklV/ARdw2HLXBOI7O7uCID
 google.golang.org/genproto v0.0.0-20180817151627-c66870c02cf8/go.mod h1:JiN7NxoALGmiZfu7CAH4rXhgtRTLTxftemlI0sWmxmc=
 google.golang.org/genproto v0.0.0-20190819201941-24fa4b261c55/go.mod h1:DMBHOl98Agz4BDEuKkezgsaosCRResVns1a3J2ZsMNc=
 google.golang.org/genproto v0.0.0-20200526211855-cb27e3aa2013/go.mod h1:NbSheEEYHJ7i3ixzK3sjbqSGDJWnxyFXZblF3eUsNvo=
-google.golang.org/genproto v0.0.0-20240903143218-8af14fe29dc1 h1:BulPr26Jqjnd4eYDVe+YvyR7Yc2vJGkO5/0UxD0/jZU=
-google.golang.org/genproto v0.0.0-20240903143218-8af14fe29dc1/go.mod h1:hL97c3SYopEHblzpxRL4lSs523++l8DYxGM1FQiYmb4=
+google.golang.org/genproto v0.0.0-20241021214115-324edc3d5d38 h1:Q3nlH8iSQSRUwOskjbcSMcF2jiYMNiQYZ0c2KEJLKKU=
+google.golang.org/genproto v0.0.0-20241021214115-324edc3d5d38/go.mod h1:xBI+tzfqGGN2JBeSebfKXFSdBpWVQ7sLW40PTupVRm4=
 google.golang.org/genproto/googleapis/api v0.0.0-20240814211410-ddb44dafa142 h1:wKguEg1hsxI2/L3hUYrpo1RVi48K+uTyzKqprwLXsb8=
 google.golang.org/genproto/googleapis/api v0.0.0-20240814211410-ddb44dafa142/go.mod h1:d6be+8HhtEtucleCbxpPW9PA9XwISACu8nvpPqF0BVo=
-google.golang.org/genproto/googleapis/rpc v0.0.0-20240930140551-af27646dc61f h1:cUMEy+8oS78BWIH9OWazBkzbr090Od9tWBNtZHkOhf0=
-google.golang.org/genproto/googleapis/rpc v0.0.0-20240930140551-af27646dc61f/go.mod h1:UqMtugtsSgubUsoxbuAoiCXvqvErP7Gf0so0mK9tHxU=
+google.golang.org/genproto/googleapis/rpc v0.0.0-20241021214115-324edc3d5d38 h1:zciRKQ4kBpFgpfC5QQCVtnnNAcLIqweL7plyZRQHVpI=
+google.golang.org/genproto/googleapis/rpc v0.0.0-20241021214115-324edc3d5d38/go.mod h1:GX3210XPVPUjJbTUbvwI8f2IpZDMZuPJWDzDuebbviI=
 google.golang.org/grpc v1.19.0/go.mod h1:mqu4LbDTu4XGKhr4mRzUsmM4RtVoemTSY81AxZiDr8c=
 google.golang.org/grpc v1.23.0/go.mod h1:Y5yQAOtifL1yxbo5wqy6BxZv8vAUGQwXBOALyacEbxg=
 google.golang.org/grpc v1.25.1/go.mod h1:c3i+UQWmh7LiEpx4sFZnkU36qjEYZ0imhYfXVyQciAY=
@@ -395,9 +395,10 @@ google.golang.org/protobuf v1.22.0/go.mod h1:EGpADcykh3NcUnDUJcl1+ZksZNG86OlYog2
 google.golang.org/protobuf v1.23.0/go.mod h1:EGpADcykh3NcUnDUJcl1+ZksZNG86OlYog2l/sGQquU=
 google.golang.org/protobuf v1.23.1-0.20200526195155-81db48ad09cc/go.mod h1:EGpADcykh3NcUnDUJcl1+ZksZNG86OlYog2l/sGQquU=
 google.golang.org/protobuf v1.25.0/go.mod h1:9JNX74DMeImyA3h4bdi1ymwjUzf21/xIlbajtzgsN7c=
-google.golang.org/protobuf v1.34.2 h1:6xV6lTsCfpGD21XK49h7MhtcApnLqkfYgPcdHftf6hg=
-google.golang.org/protobuf v1.34.2/go.mod h1:qYOHts0dSfpeUzUFpOMr/WGzszTmLH+DiWniOlNbLDw=
+google.golang.org/protobuf v1.35.1 h1:m3LfL6/Ca+fqnjnlqQXNpFPABW1UD7mjh8KO2mKFytA=
+google.golang.org/protobuf v1.35.1/go.mod h1:9fA7Ob0pmnwhb644+1+CVWFRbNajQ6iRojtC/QF5bRE=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127 h1:qIbj1fsPNlZgppZ+VLlY7N33q108Sa+fhmuc+sWQYwY=
 gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/fsnotify.v1 v1.4.7/go.mod h1:Tz8NjZHkW78fSQdbUxIjBTcgA1z1m8ZHf0WmKUhAMys=
 gopkg.in/tomb.v1 v1.0.0-20141024135613-dd632973f1e7/go.mod h1:dt/ZhP58zS4L8KSrWDmTeBkI65Dw0HsyUHuEVlX15mw=
@@ -416,8 +417,8 @@ modernc.org/fileutil v1.3.0 h1:gQ5SIzK3H9kdfai/5x41oQiKValumqNTDXMvKo62HvE=
 modernc.org/fileutil v1.3.0/go.mod h1:XatxS8fZi3pS8/hKG2GH/ArUogfxjpEKs3Ku3aK4JyQ=
 modernc.org/gc/v2 v2.5.0 h1:bJ9ChznK1L1mUtAQtxi0wi5AtAs5jQuw4PrPHO5pb6M=
 modernc.org/gc/v2 v2.5.0/go.mod h1:wzN5dK1AzVGoH6XOzc3YZ+ey/jPgYHLuVckd62P0GYU=
-modernc.org/gc/v3 v3.0.0-20240801135723-a856999a2e4a h1:CfbpOLEo2IwNzJdMvE8aiRbPMxoTpgAJeyePh0SmO8M=
-modernc.org/gc/v3 v3.0.0-20240801135723-a856999a2e4a/go.mod h1:Qz0X07sNOR1jWYCrJMEnbW/X55x206Q7Vt4mz6/wHp4=
+modernc.org/gc/v3 v3.0.0-20241004144649-1aea3fae8852 h1:IYXPPTTjjoSHvUClZIYexDiO7g+4x+XveKT4gCIAwiY=
+modernc.org/gc/v3 v3.0.0-20241004144649-1aea3fae8852/go.mod h1:Qz0X07sNOR1jWYCrJMEnbW/X55x206Q7Vt4mz6/wHp4=
 modernc.org/libc v1.61.0 h1:eGFcvWpqlnoGwzZeZe3PWJkkKbM/3SUGyk1DVZQ0TpE=
 modernc.org/libc v1.61.0/go.mod h1:DvxVX89wtGTu+r72MLGhygpfi3aUGgZRdAYGCAVVud0=
 modernc.org/mathutil v1.6.0 h1:fRe9+AmYlaej+64JsEEhoWuAYBkOtQiMEU7n/XgfYi4=

beszel/internal/agent/agent.go

@@ -2,6 +2,7 @@
 package agent
 
 import (
+	"beszel"
 	"beszel/internal/entities/system"
 	"context"
 	"log/slog"
@@ -23,6 +24,7 @@ type Agent struct {
 	sensorsContext   context.Context            // Sensors context to override sys location
 	sensorsWhitelist map[string]struct{}        // List of sensors to monitor
 	systemInfo       system.Info                // Host system info
+	gpuManager       *GPUManager                // Manages GPU data
 }
 
 func NewAgent() *Agent {
@@ -47,6 +49,8 @@ func (a *Agent) Run(pubKey []byte, addr string) {
 		}
 	}
 
+	slog.Debug(beszel.Version)
+
 	// Set sensors context (allows overriding sys location for sensors)
 	if sysSensors, exists := os.LookupEnv("SYS_SENSORS"); exists {
 		slog.Info("SYS_SENSORS", "path", sysSensors)
@@ -59,7 +63,9 @@ func (a *Agent) Run(pubKey []byte, addr string) {
 	if sensors, exists := os.LookupEnv("SENSORS"); exists {
 		a.sensorsWhitelist = make(map[string]struct{})
 		for _, sensor := range strings.Split(sensors, ",") {
-			a.sensorsWhitelist[sensor] = struct{}{}
+			if sensor != "" {
+				a.sensorsWhitelist[sensor] = struct{}{}
+			}
 		}
 	}
 
@@ -67,7 +73,14 @@ func (a *Agent) Run(pubKey []byte, addr string) {
 	a.initializeSystemInfo()
 	a.initializeDiskInfo()
 	a.initializeNetIoStats()
-	a.dockerManager = newDockerManager()
+	a.dockerManager = newDockerManager(a)
+
+	// initialize GPU manager
+	if gm, err := NewGPUManager(); err != nil {
+		slog.Debug("GPU", "err", err)
+	} else {
+		a.gpuManager = gm
+	}
 
 	// if debugging, print stats
 	if a.debug {

beszel/internal/agent/disk.go

@@ -38,14 +38,26 @@ func (a *Agent) initializeDiskInfo() {
 	// Helper function to add a filesystem to fsStats if it doesn't exist
 	addFsStat := func(device, mountpoint string, root bool) {
 		key := filepath.Base(device)
+		var ioMatch bool
 		if _, exists := a.fsStats[key]; !exists {
 			if root {
 				slog.Info("Detected root device", "name", key)
-				// check if root device is in /proc/diskstats, use fallback if not
-				if _, exists := diskIoCounters[key]; !exists {
-					slog.Warn("Device not found in diskstats", "name", key)
-					key = findFallbackIoDevice(filesystem, diskIoCounters, a.fsStats)
-					slog.Info("Using I/O fallback", "name", key)
+				// Check if root device is in /proc/diskstats, use fallback if not
+				if _, ioMatch = diskIoCounters[key]; !ioMatch {
+					key, ioMatch = findIoDevice(filesystem, diskIoCounters, a.fsStats)
+					if !ioMatch {
+						slog.Info("Using I/O fallback", "device", device, "mountpoint", mountpoint, "fallback", key)
+					}
+				}
+			} else {
+				// Check if non-root has diskstats and fall back to folder name if not
+				// Scenario: device is encrypted and named luks-2bcb02be-999d-4417-8d18-5c61e660fb6e - not in /proc/diskstats.
+				// However, the device can be specified by mounting folder from luks device at /extra-filesystems/sda1
+				if _, ioMatch = diskIoCounters[key]; !ioMatch {
+					efBase := filepath.Base(mountpoint)
+					if _, ioMatch = diskIoCounters[efBase]; ioMatch {
+						key = efBase
+					}
 				}
 			}
 			a.fsStats[key] = &system.FsStats{Root: root, Mountpoint: mountpoint}
@@ -92,9 +104,12 @@ func (a *Agent) initializeDiskInfo() {
 	for _, p := range partitions {
 		// fmt.Println(p.Device, p.Mountpoint)
 		// Binary root fallback or docker root fallback
-		if !hasRoot && (p.Mountpoint == "/" || (p.Mountpoint == "/etc/hosts" && strings.HasPrefix(p.Device, "/dev") && !strings.Contains(p.Device, "mapper"))) {
-			addFsStat(p.Device, "/", true)
-			hasRoot = true
+		if !hasRoot && (p.Mountpoint == "/" || (p.Mountpoint == "/etc/hosts" && strings.HasPrefix(p.Device, "/dev"))) {
+			fs, match := findIoDevice(filepath.Base(p.Device), diskIoCounters, a.fsStats)
+			if match {
+				addFsStat(fs, p.Mountpoint, true)
+				hasRoot = true
+			}
 		}
 
 		// Check if device is in /extra-filesystems
@@ -114,7 +129,7 @@ func (a *Agent) initializeDiskInfo() {
 				mountpoint := filepath.Join(efPath, folder.Name())
 				slog.Debug("/extra-filesystems", "mountpoint", mountpoint)
 				if !existingMountpoints[mountpoint] {
-					a.fsStats[folder.Name()] = &system.FsStats{Mountpoint: mountpoint}
+					addFsStat(folder.Name(), mountpoint, false)
 				}
 			}
 		}
@@ -122,7 +137,7 @@ func (a *Agent) initializeDiskInfo() {
 
 	// If no root filesystem set, use fallback
 	if !hasRoot {
-		rootDevice := findFallbackIoDevice(filepath.Base(filesystem), diskIoCounters, a.fsStats)
+		rootDevice, _ := findIoDevice(filepath.Base(filesystem), diskIoCounters, a.fsStats)
 		slog.Info("Root disk", "mountpoint", "/", "io", rootDevice)
 		a.fsStats[rootDevice] = &system.FsStats{Root: true, Mountpoint: "/"}
 	}
@@ -130,14 +145,15 @@ func (a *Agent) initializeDiskInfo() {
 	a.initializeDiskIoStats(diskIoCounters)
 }
 
-// Returns the device with the most reads in /proc/diskstats,
-// or the device specified by the filesystem argument if it exists
-func findFallbackIoDevice(filesystem string, diskIoCounters map[string]disk.IOCountersStat, fsStats map[string]*system.FsStats) string {
+// Returns matching device from /proc/diskstats,
+// or the device with the most reads if no match is found.
+// bool is true if a match was found.
+func findIoDevice(filesystem string, diskIoCounters map[string]disk.IOCountersStat, fsStats map[string]*system.FsStats) (string, bool) {
 	var maxReadBytes uint64
 	maxReadDevice := "/"
 	for _, d := range diskIoCounters {
-		if d.Name == filesystem {
-			return d.Name
+		if d.Name == filesystem || (d.Label != "" && d.Label == filesystem) {
+			return d.Name, true
 		}
 		if d.ReadBytes > maxReadBytes {
 			// don't use if device already exists in fsStats
@@ -147,7 +163,7 @@ func findFallbackIoDevice(filesystem string, diskIoCounters map[string]disk.IOCo
 			}
 		}
 	}
-	return maxReadDevice
+	return maxReadDevice, false
 }
 
 // Sets start values for disk I/O stats.

beszel/internal/agent/docker.go

@@ -25,18 +25,23 @@ type dockerManager struct {
 	apiContainerList    *[]container.ApiInfo        // List of containers from Docker API
 	containerStatsMap   map[string]*container.Stats // Keeps track of container stats
 	validIds            map[string]struct{}         // Map of valid container ids, used to prune invalid containers from containerStatsMap
+	goodDockerVersion   bool                        // Whether docker version is at least 25.0.0 (one-shot works correctly)
 }
 
 // Add goroutine to the queue
 func (d *dockerManager) queue() {
-	d.sem <- struct{}{}
 	d.wg.Add(1)
+	if d.goodDockerVersion {
+		d.sem <- struct{}{}
+	}
 }
 
 // Remove goroutine from the queue
 func (d *dockerManager) dequeue() {
-	<-d.sem
 	d.wg.Done()
+	if d.goodDockerVersion {
+		<-d.sem
+	}
 }
 
 // Returns stats for all running containers
@@ -60,6 +65,8 @@ func (dm *dockerManager) getDockerStats() ([]*container.Stats, error) {
 		clear(dm.validIds)
 	}
 
+	var failedContainters []container.ApiInfo
+
 	for _, ctr := range *dm.apiContainerList {
 		ctr.IdShort = ctr.Id[:12]
 		dm.validIds[ctr.IdShort] = struct{}{}
@@ -73,19 +80,34 @@ func (dm *dockerManager) getDockerStats() ([]*container.Stats, error) {
 		go func() {
 			defer dm.dequeue()
 			err := dm.updateContainerStats(ctr)
+			// if error, delete from map and add to failed list to retry
 			if err != nil {
-				dm.deleteContainerStatsSync(ctr.IdShort)
-				// retry once
-				err = dm.updateContainerStats(ctr)
-				if err != nil {
-					slog.Error("Error getting container stats", "err", err)
-				}
+				dm.containerStatsMutex.Lock()
+				delete(dm.containerStatsMap, ctr.IdShort)
+				failedContainters = append(failedContainters, ctr)
+				dm.containerStatsMutex.Unlock()
 			}
 		}()
 	}
 
 	dm.wg.Wait()
 
+	// retry failed containers separately so we can run them in parallel (docker 24 bug)
+	if len(failedContainters) > 0 {
+		slog.Debug("Retrying failed containers", "count", len(failedContainters))
+		for _, ctr := range failedContainters {
+			dm.queue()
+			go func() {
+				defer dm.dequeue()
+				err = dm.updateContainerStats(ctr)
+				if err != nil {
+					slog.Error("Error getting container stats", "err", err)
+				}
+			}()
+		}
+		dm.wg.Wait()
+	}
+
 	// populate final stats and remove old / invalid container stats
 	stats := make([]*container.Stats, 0, containersLength)
 	for id, v := range dm.containerStatsMap {
@@ -184,12 +206,13 @@ func (dm *dockerManager) deleteContainerStatsSync(id string) {
 	delete(dm.containerStatsMap, id)
 }
 
-// Creates a new http client for Docker API
-func newDockerManager() *dockerManager {
-	dockerHost := "unix:///var/run/docker.sock"
-	if dockerHostEnv, exists := os.LookupEnv("DOCKER_HOST"); exists {
-		slog.Info("DOCKER_HOST", "host", dockerHostEnv)
-		dockerHost = dockerHostEnv
+// Creates a new http client for Docker or Podman API
+func newDockerManager(a *Agent) *dockerManager {
+	dockerHost, exists := os.LookupEnv("DOCKER_HOST")
+	if exists {
+		slog.Info("DOCKER_HOST", "host", dockerHost)
+	} else {
+		dockerHost = getDockerHost()
 	}
 
 	parsedURL, err := url.Parse(dockerHost)
@@ -217,17 +240,32 @@ func newDockerManager() *dockerManager {
 		os.Exit(1)
 	}
 
+	// configurable timeout
+	timeout := time.Millisecond * 2100
+	if t, set := os.LookupEnv("DOCKER_TIMEOUT"); set {
+		timeout, err = time.ParseDuration(t)
+		if err != nil {
+			slog.Error(err.Error())
+			os.Exit(1)
+		}
+		slog.Info("DOCKER_TIMEOUT", "timeout", timeout)
+	}
+
 	dockerClient := &dockerManager{
 		client: &http.Client{
-			Timeout:   time.Second * 8,
+			Timeout:   timeout,
 			Transport: transport,
 		},
 		containerStatsMap: make(map[string]*container.Stats),
+		sem:               make(chan struct{}, 5),
 	}
 
-	// Make sure sem is initialized
-	concurrency := 200
-	defer func() { dockerClient.sem = make(chan struct{}, concurrency) }()
+	// If using podman, return client
+	if strings.Contains(dockerHost, "podman") {
+		a.systemInfo.Podman = true
+		dockerClient.goodDockerVersion = true
+		return dockerClient
+	}
 
 	// Check docker version
 	// (versions before 25.0.0 have a bug with one-shot which requires all requests to be made in one batch)
@@ -245,10 +283,22 @@ func newDockerManager() *dockerManager {
 
 	// if version > 24, one-shot works correctly and we can limit concurrent operations
 	if dockerVersion, err := semver.Parse(versionInfo.Version); err == nil && dockerVersion.Major > 24 {
-		concurrency = 5
-		dockerClient.client.Timeout = time.Millisecond * 1100
+		dockerClient.goodDockerVersion = true
+	} else {
+		slog.Info(fmt.Sprintf("Docker %s is outdated. Upgrade if possible. See https://github.com/henrygd/beszel/issues/58", versionInfo.Version))
 	}
-	slog.Debug("Docker", "version", versionInfo.Version, "concurrency", concurrency)
 
 	return dockerClient
 }
+
+// Test docker / podman sockets and return if one exists
+func getDockerHost() string {
+	scheme := "unix://"
+	socks := []string{"/var/run/docker.sock", fmt.Sprintf("/run/user/%v/podman/podman.sock", os.Getuid())}
+	for _, sock := range socks {
+		if _, err := os.Stat(sock); err == nil {
+			return scheme + sock
+		}
+	}
+	return scheme + socks[0]
+}

beszel/internal/agent/gpu.go

@@ -0,0 +1,229 @@
+package agent
+
+import (
+	"beszel/internal/entities/system"
+	"bufio"
+	"encoding/json"
+	"fmt"
+	"os/exec"
+	"strconv"
+	"strings"
+	"sync"
+	"time"
+
+	"golang.org/x/exp/slog"
+)
+
+type GPUManager struct {
+	nvidiaSmi  bool
+	rocmSmi    bool
+	GpuDataMap map[string]*system.GPUData
+	mutex      sync.Mutex
+}
+
+type RocmSmiJson struct {
+	ID          string `json:"Device ID"`
+	Name        string `json:"Card series"`
+	Temperature string `json:"Temperature (Sensor edge) (C)"`
+	MemoryUsed  string `json:"VRAM Total Used Memory (B)"`
+	MemoryTotal string `json:"VRAM Total Memory (B)"`
+	Usage       string `json:"GPU use (%)"`
+	Power       string `json:"Current Socket Graphics Package Power (W)"`
+}
+
+// startNvidiaCollector oversees collectNvidiaStats and restarts nvidia-smi if it fails
+func (gm *GPUManager) startNvidiaCollector() error {
+	for {
+		if err := gm.collectNvidiaStats(); err != nil {
+			slog.Warn("Restarting nvidia-smi", "err", err)
+			time.Sleep(time.Second) // Wait before retrying
+			continue
+		}
+	}
+}
+
+// collectNvidiaStats runs nvidia-smi in a loop and passes the output to parseNvidiaData
+func (gm *GPUManager) collectNvidiaStats() error {
+	// Set up the command
+	cmd := exec.Command("nvidia-smi", "-l", "4", "--query-gpu=index,name,temperature.gpu,memory.used,memory.total,utilization.gpu,power.draw", "--format=csv,noheader,nounits")
+	// Set up a pipe to capture stdout
+	stdout, err := cmd.StdoutPipe()
+	if err != nil {
+		return err
+	}
+	// Start the command
+	if err := cmd.Start(); err != nil {
+		return err
+	}
+	// Use a scanner to read each line of output
+	scanner := bufio.NewScanner(stdout)
+	buf := make([]byte, 0, 8*1024) // 8KB buffer
+	scanner.Buffer(buf, bufio.MaxScanTokenSize)
+	for scanner.Scan() {
+		line := scanner.Bytes()
+		gm.parseNvidiaData(line) // Run your function on each new line
+	}
+	// Check for any errors encountered during scanning
+	if err := scanner.Err(); err != nil {
+		return err
+	}
+	// Wait for the command to complete
+	return cmd.Wait()
+}
+
+// parseNvidiaData parses the output of nvidia-smi and updates the GPUData map
+func (gm *GPUManager) parseNvidiaData(output []byte) {
+	gm.mutex.Lock()
+	defer gm.mutex.Unlock()
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		if line != "" {
+			fields := strings.Split(line, ", ")
+			if len(fields) >= 7 {
+				id := fields[0]
+				temp, _ := strconv.ParseFloat(fields[2], 64)
+				memoryUsage, _ := strconv.ParseFloat(fields[3], 64)
+				totalMemory, _ := strconv.ParseFloat(fields[4], 64)
+				usage, _ := strconv.ParseFloat(fields[5], 64)
+				power, _ := strconv.ParseFloat(fields[6], 64)
+				// add gpu if not exists
+				if _, ok := gm.GpuDataMap[id]; !ok {
+					name := strings.TrimPrefix(fields[1], "NVIDIA ")
+					gm.GpuDataMap[id] = &system.GPUData{Name: strings.TrimSuffix(name, " Laptop GPU")}
+				}
+				// update gpu data
+				gpu := gm.GpuDataMap[id]
+				gpu.Temperature = temp
+				gpu.MemoryUsed = memoryUsage / 1.024
+				gpu.MemoryTotal = totalMemory / 1.024
+				gpu.Usage += usage
+				gpu.Power += power
+				gpu.Count++
+			}
+		}
+	}
+}
+
+// startAmdCollector oversees collectAmdStats and restarts rocm-smi if it fails
+func (gm *GPUManager) startAmdCollector() {
+	for {
+		if err := gm.collectAmdStats(); err != nil {
+			slog.Warn("Restarting rocm-smi", "err", err)
+			time.Sleep(time.Second) // Wait before retrying
+			continue
+		} else {
+			// break if no error (command runs but no card found)
+			break
+		}
+	}
+}
+
+// collectAmdStats runs rocm-smi in a loop and passes the output to parseAmdData
+func (gm *GPUManager) collectAmdStats() error {
+	cmd := exec.Command("/bin/sh", "-c", "while true; do rocm-smi --showid --showtemp --showuse --showpower --showproductname --showmeminfo vram --json; sleep 4.3; done")
+	// Set up a pipe to capture stdout
+	stdout, err := cmd.StdoutPipe()
+	if err != nil {
+		return err
+	}
+	// Start the command
+	if err := cmd.Start(); err != nil {
+		return err
+	}
+	// Use a scanner to read each line of output
+	scanner := bufio.NewScanner(stdout)
+	buf := make([]byte, 0, 8*1024) // 8KB buffer
+	scanner.Buffer(buf, bufio.MaxScanTokenSize)
+	for scanner.Scan() {
+		var rocmSmiInfo map[string]RocmSmiJson
+		if err := json.Unmarshal(scanner.Bytes(), &rocmSmiInfo); err != nil {
+			return err
+		}
+		if len(rocmSmiInfo) > 0 {
+			// slog.Info("rocm-smi", "data", rocmSmiInfo)
+			gm.parseAmdData(&rocmSmiInfo)
+		} else {
+			slog.Warn("rocm-smi returned no GPU")
+			return nil
+		}
+	}
+	if err := scanner.Err(); err != nil {
+		return err
+	}
+	return cmd.Wait()
+}
+
+// parseAmdData parses the output of rocm-smi and updates the GPUData map
+func (gm *GPUManager) parseAmdData(rocmSmiInfo *map[string]RocmSmiJson) {
+	for _, v := range *rocmSmiInfo {
+		temp, _ := strconv.ParseFloat(v.Temperature, 64)
+		memoryUsage, _ := strconv.ParseFloat(v.MemoryUsed, 64)
+		totalMemory, _ := strconv.ParseFloat(v.MemoryTotal, 64)
+		usage, _ := strconv.ParseFloat(v.Usage, 64)
+		power, _ := strconv.ParseFloat(v.Power, 64)
+		memoryUsage = bytesToMegabytes(memoryUsage)
+		totalMemory = bytesToMegabytes(totalMemory)
+
+		if _, ok := gm.GpuDataMap[v.ID]; !ok {
+			gm.GpuDataMap[v.ID] = &system.GPUData{Name: v.Name}
+		}
+		gpu := gm.GpuDataMap[v.ID]
+		gpu.Temperature = temp
+		gpu.MemoryUsed = memoryUsage
+		gpu.MemoryTotal = totalMemory
+		gpu.Usage += usage
+		gpu.Power += power
+		gpu.Count++
+	}
+}
+
+// sums and resets the current GPU utilization data since the last update
+func (gm *GPUManager) GetCurrentData() map[string]system.GPUData {
+	gm.mutex.Lock()
+	defer gm.mutex.Unlock()
+	// copy / reset the data
+	gpuData := make(map[string]system.GPUData, len(gm.GpuDataMap))
+	for id, gpu := range gm.GpuDataMap {
+		// sum the data
+		gpu.Temperature = twoDecimals(gpu.Temperature)
+		gpu.MemoryUsed = twoDecimals(gpu.MemoryUsed)
+		gpu.MemoryTotal = twoDecimals(gpu.MemoryTotal)
+		gpu.Usage = twoDecimals(gpu.Usage / gpu.Count)
+		gpu.Power = twoDecimals(gpu.Power / gpu.Count)
+		gpuData[id] = *gpu
+		// reset the count
+		gpu.Count = 1
+	}
+	return gpuData
+}
+
+// detectGPU returns the GPU brand (nvidia or amd) or an error if none is found
+// todo: make sure there's actually a GPU, not just if the command exists
+func (gm *GPUManager) detectGPU() error {
+	if err := exec.Command("nvidia-smi").Run(); err == nil {
+		gm.nvidiaSmi = true
+	}
+	if err := exec.Command("rocm-smi").Run(); err == nil {
+		gm.rocmSmi = true
+	}
+	if gm.nvidiaSmi || gm.rocmSmi {
+		return nil
+	}
+	return fmt.Errorf("no GPU found - install nvidia-smi or rocm-smi")
+}
+
+// NewGPUManager returns a new GPUManager
+func NewGPUManager() (*GPUManager, error) {
+	var gm GPUManager
+	if err := gm.detectGPU(); err != nil {
+		return nil, err
+	}
+	gm.GpuDataMap = make(map[string]*system.GPUData, 1)
+	if gm.nvidiaSmi {
+		go gm.startNvidiaCollector()
+	}
+	if gm.rocmSmi {
+		go gm.startAmdCollector()
+	}
+	return &gm, nil
+}

beszel/internal/agent/system.go

@@ -171,33 +171,52 @@ func (a *Agent) getSystemStats() system.Stats {
 		}
 	}
 
-	// temperatures
-	temps, err := sensors.TemperaturesWithContext(a.sensorsContext)
-	if err != nil && a.debug {
-		err.(*sensors.Warnings).Verbose = true
-		slog.Debug("Sensor error", "errs", err)
-	}
-	if len(temps) > 0 {
-		slog.Debug("Temperatures", "data", temps)
-		systemStats.Temperatures = make(map[string]float64, len(temps))
-		for i, sensor := range temps {
-			// skip if temperature is 0
-			if sensor.Temperature <= 0 || sensor.Temperature >= 200 {
-				continue
+	// temperatures (skip if sensors whitelist is set to empty string)
+	if a.sensorsWhitelist != nil && len(a.sensorsWhitelist) == 0 {
+		slog.Debug("Skipping temperature collection")
+	} else {
+		temps, err := sensors.TemperaturesWithContext(a.sensorsContext)
+		if err != nil {
+			slog.Debug("Sensor error", "err", err)
+		}
+		slog.Debug("Temperature", "sensors", temps)
+		if len(temps) > 0 {
+			systemStats.Temperatures = make(map[string]float64, len(temps))
+			for i, sensor := range temps {
+				// skip if temperature is 0
+				if sensor.Temperature <= 0 || sensor.Temperature >= 200 {
+					continue
+				}
+				if _, ok := systemStats.Temperatures[sensor.SensorKey]; ok {
+					// if key already exists, append int to key
+					systemStats.Temperatures[sensor.SensorKey+"_"+strconv.Itoa(i)] = twoDecimals(sensor.Temperature)
+				} else {
+					systemStats.Temperatures[sensor.SensorKey] = twoDecimals(sensor.Temperature)
+				}
 			}
-			if _, ok := systemStats.Temperatures[sensor.SensorKey]; ok {
-				// if key already exists, append int to key
-				systemStats.Temperatures[sensor.SensorKey+"_"+strconv.Itoa(i)] = twoDecimals(sensor.Temperature)
-			} else {
-				systemStats.Temperatures[sensor.SensorKey] = twoDecimals(sensor.Temperature)
+			// remove sensors from systemStats if whitelist exists and sensor is not in whitelist
+			// (do this here instead of in initial loop so we have correct keys if int was appended)
+			if a.sensorsWhitelist != nil {
+				for key := range systemStats.Temperatures {
+					if _, nameInWhitelist := a.sensorsWhitelist[key]; !nameInWhitelist {
+						delete(systemStats.Temperatures, key)
+					}
+				}
 			}
 		}
-		// remove sensors from systemStats if whitelist exists and sensor is not in whitelist
-		// (do this here instead of in initial loop so we have correct keys if int was appended)
-		if a.sensorsWhitelist != nil {
-			for key := range systemStats.Temperatures {
-				if _, nameInWhitelist := a.sensorsWhitelist[key]; !nameInWhitelist {
-					delete(systemStats.Temperatures, key)
+	}
+
+	// GPU data
+	if a.gpuManager != nil {
+		if gpuData := a.gpuManager.GetCurrentData(); len(gpuData) > 0 {
+			systemStats.GPUData = gpuData
+			// add temperatures
+			if systemStats.Temperatures == nil {
+				systemStats.Temperatures = make(map[string]float64, len(gpuData))
+			}
+			for _, gpu := range gpuData {
+				if gpu.Temperature > 0 {
+					systemStats.Temperatures[gpu.Name] = gpu.Temperature
 				}
 			}
 		}
@@ -209,6 +228,7 @@ func (a *Agent) getSystemStats() system.Stats {
 	a.systemInfo.DiskPct = systemStats.DiskPct
 	a.systemInfo.Uptime, _ = host.Uptime()
 	a.systemInfo.Bandwidth = twoDecimals(systemStats.NetworkSent + systemStats.NetworkRecv)
+	slog.Debug("sysinfo", "data", a.systemInfo)
 
 	return systemStats
 }

beszel/internal/alerts/alerts.go

@@ -284,10 +284,10 @@ func (am *AlertManager) HandleSystemAlerts(systemRecord *models.Record, systemIn
 		if float32(alert.count) >= minCount {
 			if !alert.triggered && alert.val > alert.threshold {
 				alert.triggered = true
-				am.sendSystemAlert(alert)
+				go am.sendSystemAlert(alert)
 			} else if alert.triggered && alert.val <= alert.threshold {
 				alert.triggered = false
-				am.sendSystemAlert(alert)
+				go am.sendSystemAlert(alert)
 			}
 		}
 	}
@@ -339,12 +339,13 @@ func (am *AlertManager) sendSystemAlert(alert SystemAlertData) {
 			UserID:   user.GetId(),
 			Title:    subject,
 			Message:  body,
-			Link:     am.app.Settings().Meta.AppUrl + "/system/" + url.QueryEscape(systemName),
+			Link:     am.app.Settings().Meta.AppUrl + "/system/" + url.PathEscape(systemName),
 			LinkText: "View " + systemName,
 		})
 	}
 }
 
+// todo: allow x minutes downtime before sending alert
 func (am *AlertManager) HandleStatusAlerts(newStatus string, oldSystemRecord *models.Record) error {
 	var alertStatus string
 	switch newStatus {
@@ -390,7 +391,7 @@ func (am *AlertManager) HandleStatusAlerts(newStatus string, oldSystemRecord *mo
 			UserID:   user.GetId(),
 			Title:    fmt.Sprintf("Connection to %s is %s %v", systemName, alertStatus, emoji),
 			Message:  fmt.Sprintf("Connection to %s is %s", systemName, alertStatus),
-			Link:     am.app.Settings().Meta.AppUrl + "/system/" + url.QueryEscape(systemName),
+			Link:     am.app.Settings().Meta.AppUrl + "/system/" + url.PathEscape(systemName),
 			LinkText: "View " + systemName,
 		})
 	}

beszel/internal/entities/system/system.go

@@ -28,6 +28,17 @@ type Stats struct {
 	MaxNetworkRecv float64             `json:"nrm,omitempty"`
 	Temperatures   map[string]float64  `json:"t,omitempty"`
 	ExtraFs        map[string]*FsStats `json:"efs,omitempty"`
+	GPUData        map[string]GPUData  `json:"g,omitempty"`
+}
+
+type GPUData struct {
+	Name        string  `json:"n"`
+	Temperature float64 `json:"-"`
+	MemoryUsed  float64 `json:"mu,omitempty"`
+	MemoryTotal float64 `json:"mt,omitempty"`
+	Usage       float64 `json:"u"`
+	Power       float64 `json:"p,omitempty"`
+	Count       float64 `json:"-"`
 }
 
 type FsStats struct {
@@ -63,6 +74,7 @@ type Info struct {
 	DiskPct       float64 `json:"dp"`
 	Bandwidth     float64 `json:"b"`
 	AgentVersion  string  `json:"v"`
+	Podman        bool    `json:"p,omitempty"`
 }
 
 // Final data structure to return to the hub

beszel/internal/hub/config.go

@@ -0,0 +1,222 @@
+package hub
+
+import (
+	"beszel/internal/entities/system"
+	"fmt"
+	"log"
+	"os"
+	"path/filepath"
+	"strconv"
+
+	"github.com/labstack/echo/v5"
+	"github.com/pocketbase/dbx"
+	"github.com/pocketbase/pocketbase/apis"
+	"github.com/pocketbase/pocketbase/models"
+	"github.com/spf13/cast"
+	"gopkg.in/yaml.v3"
+)
+
+type Config struct {
+	Systems []SystemConfig `yaml:"systems"`
+}
+
+type SystemConfig struct {
+	Name  string   `yaml:"name"`
+	Host  string   `yaml:"host"`
+	Port  uint16   `yaml:"port"`
+	Users []string `yaml:"users"`
+}
+
+// Syncs systems with the config.yml file
+func (h *Hub) syncSystemsWithConfig() error {
+	configPath := filepath.Join(h.app.DataDir(), "config.yml")
+	configData, err := os.ReadFile(configPath)
+	if err != nil {
+		return nil
+	}
+
+	var config Config
+	err = yaml.Unmarshal(configData, &config)
+	if err != nil {
+		return fmt.Errorf("failed to parse config.yml: %v", err)
+	}
+
+	if len(config.Systems) == 0 {
+		log.Println("No systems defined in config.yml.")
+		return nil
+	}
+
+	var firstUser *models.Record
+
+	// Create a map of email to user ID
+	userEmailToID := make(map[string]string)
+	users, err := h.app.Dao().FindRecordsByExpr("users", dbx.NewExp("id != ''"))
+	if err != nil {
+		return err
+	}
+	if len(users) > 0 {
+		firstUser = users[0]
+		for _, user := range users {
+			userEmailToID[user.GetString("email")] = user.Id
+		}
+	}
+
+	// add default settings for systems if not defined in config
+	for i := range config.Systems {
+		system := &config.Systems[i]
+		if system.Port == 0 {
+			system.Port = 45876
+		}
+		if len(users) > 0 && len(system.Users) == 0 {
+			// default to first user if none are defined
+			system.Users = []string{firstUser.Id}
+		} else {
+			// Convert email addresses to user IDs
+			userIDs := make([]string, 0, len(system.Users))
+			for _, email := range system.Users {
+				if id, ok := userEmailToID[email]; ok {
+					userIDs = append(userIDs, id)
+				} else {
+					log.Printf("User %s not found", email)
+				}
+			}
+			system.Users = userIDs
+		}
+	}
+
+	// Get existing systems
+	existingSystems, err := h.app.Dao().FindRecordsByExpr("systems", dbx.NewExp("id != ''"))
+	if err != nil {
+		return err
+	}
+
+	// Create a map of existing systems for easy lookup
+	existingSystemsMap := make(map[string]*models.Record)
+	for _, system := range existingSystems {
+		key := system.GetString("host") + ":" + system.GetString("port")
+		existingSystemsMap[key] = system
+	}
+
+	// Process systems from config
+	for _, sysConfig := range config.Systems {
+		key := sysConfig.Host + ":" + strconv.Itoa(int(sysConfig.Port))
+		if existingSystem, ok := existingSystemsMap[key]; ok {
+			// Update existing system
+			existingSystem.Set("name", sysConfig.Name)
+			existingSystem.Set("users", sysConfig.Users)
+			existingSystem.Set("port", sysConfig.Port)
+			if err := h.app.Dao().SaveRecord(existingSystem); err != nil {
+				return err
+			}
+			delete(existingSystemsMap, key)
+		} else {
+			// Create new system
+			systemsCollection, err := h.app.Dao().FindCollectionByNameOrId("systems")
+			if err != nil {
+				return fmt.Errorf("failed to find systems collection: %v", err)
+			}
+			newSystem := models.NewRecord(systemsCollection)
+			newSystem.Set("name", sysConfig.Name)
+			newSystem.Set("host", sysConfig.Host)
+			newSystem.Set("port", sysConfig.Port)
+			newSystem.Set("users", sysConfig.Users)
+			newSystem.Set("info", system.Info{})
+			newSystem.Set("status", "pending")
+			if err := h.app.Dao().SaveRecord(newSystem); err != nil {
+				return fmt.Errorf("failed to create new system: %v", err)
+			}
+		}
+	}
+
+	// Delete systems not in config
+	for _, system := range existingSystemsMap {
+		if err := h.app.Dao().DeleteRecord(system); err != nil {
+			return err
+		}
+	}
+
+	log.Println("Systems synced with config.yml")
+	return nil
+}
+
+// Generates content for the config.yml file as a YAML string
+func (h *Hub) generateConfigYAML() (string, error) {
+	// Fetch all systems from the database
+	systems, err := h.app.Dao().FindRecordsByFilter("systems", "id != ''", "name", -1, 0)
+	if err != nil {
+		return "", err
+	}
+
+	// Create a Config struct to hold the data
+	config := Config{
+		Systems: make([]SystemConfig, 0, len(systems)),
+	}
+
+	// Fetch all users at once
+	allUserIDs := make([]string, 0)
+	for _, system := range systems {
+		allUserIDs = append(allUserIDs, system.GetStringSlice("users")...)
+	}
+	userEmailMap, err := h.getUserEmailMap(allUserIDs)
+	if err != nil {
+		return "", err
+	}
+
+	// Populate the Config struct with system data
+	for _, system := range systems {
+		userIDs := system.GetStringSlice("users")
+		userEmails := make([]string, 0, len(userIDs))
+		for _, userID := range userIDs {
+			if email, ok := userEmailMap[userID]; ok {
+				userEmails = append(userEmails, email)
+			}
+		}
+
+		sysConfig := SystemConfig{
+			Name:  system.GetString("name"),
+			Host:  system.GetString("host"),
+			Port:  cast.ToUint16(system.Get("port")),
+			Users: userEmails,
+		}
+		config.Systems = append(config.Systems, sysConfig)
+	}
+
+	// Marshal the Config struct to YAML
+	yamlData, err := yaml.Marshal(&config)
+	if err != nil {
+		return "", err
+	}
+
+	// Add a header to the YAML
+	yamlData = append([]byte("# Values for port and users are optional.\n# Defaults are port 45876 and the first created user.\n\n"), yamlData...)
+
+	return string(yamlData), nil
+}
+
+// New helper function to get a map of user IDs to emails
+func (h *Hub) getUserEmailMap(userIDs []string) (map[string]string, error) {
+	users, err := h.app.Dao().FindRecordsByIds("users", userIDs)
+	if err != nil {
+		return nil, err
+	}
+
+	userEmailMap := make(map[string]string, len(users))
+	for _, user := range users {
+		userEmailMap[user.Id] = user.GetString("email")
+	}
+
+	return userEmailMap, nil
+}
+
+// Returns the current config.yml file as a JSON object
+func (h *Hub) getYamlConfig(c echo.Context) error {
+	requestData := apis.RequestInfo(c)
+	if requestData.AuthRecord == nil || requestData.AuthRecord.GetString("role") != "admin" {
+		return apis.NewForbiddenError("Forbidden", nil)
+	}
+	configContent, err := h.generateConfigYAML()
+	if err != nil {
+		return err
+	}
+	return c.JSON(200, map[string]string{"config": configContent})
+}

beszel/internal/hub/hub.go

@@ -42,6 +42,8 @@ type Hub struct {
 	am                *alerts.AlertManager
 	um                *users.UserManager
 	rm                *records.RecordManager
+	systemStats       *models.Collection
+	containerStats    *models.Collection
 }
 
 func NewHub(app *pocketbase.PocketBase) *Hub {
@@ -56,14 +58,10 @@ func NewHub(app *pocketbase.PocketBase) *Hub {
 }
 
 func (h *Hub) Run() {
-	// rm := records.NewRecordManager(h.app)
-	// am := alerts.NewAlertManager(h.app)
-	// um := users.NewUserManager(h.app)
-
 	// loosely check if it was executed using "go run"
 	isGoRun := strings.HasPrefix(os.Args[0], os.TempDir())
 
-	// // enable auto creation of migration files when making collection changes in the Admin UI
+	// enable auto creation of migration files when making collection changes in the Admin UI
 	migratecmd.MustRegister(h.app, h.app.RootCmd, migratecmd.Config{
 		// (the isGoRun check is to enable it only during development)
 		Automigrate: isGoRun,
@@ -93,7 +91,8 @@ func (h *Hub) Run() {
 		if err := h.app.Dao().SaveCollection(usersCollection); err != nil {
 			return err
 		}
-		return nil
+		// sync systems with config
+		return h.syncSystemsWithConfig()
 	})
 
 	// serve web ui
@@ -128,7 +127,11 @@ func (h *Hub) Run() {
 		// delete old records once every hour
 		scheduler.MustAdd("delete old records", "8 * * * *", h.rm.DeleteOldRecords)
 		// create longer records every 10 minutes
-		scheduler.MustAdd("create longer records", "*/10 * * * *", h.rm.CreateLongerRecords)
+		scheduler.MustAdd("create longer records", "*/10 * * * *", func() {
+			if systemStats, containerStats, err := h.getCollections(); err == nil {
+				h.rm.CreateLongerRecords([]*models.Collection{systemStats, containerStats})
+			}
+		})
 		scheduler.Start()
 		return nil
 	})
@@ -153,6 +156,8 @@ func (h *Hub) Run() {
 		})
 		// send test notification
 		e.Router.GET("/api/beszel/send-test-notification", h.am.SendTestNotification)
+		// API endpoint to get config.yml content
+		e.Router.GET("/api/beszel/config-yaml", h.getYamlConfig)
 		return nil
 	})
 
@@ -289,37 +294,61 @@ func (h *Hub) updateSystem(record *models.Record) {
 		return
 	}
 	// update system record
+	dao := h.app.Dao()
 	record.Set("status", "up")
 	record.Set("info", systemData.Info)
-	if err := h.app.Dao().SaveRecord(record); err != nil {
+	if err := dao.SaveRecord(record); err != nil {
 		h.app.Logger().Error("Failed to update record: ", "err", err.Error())
 	}
-	// add new system_stats record
-	system_stats, _ := h.app.Dao().FindCollectionByNameOrId("system_stats")
-	systemStatsRecord := models.NewRecord(system_stats)
-	systemStatsRecord.Set("system", record.Id)
-	systemStatsRecord.Set("stats", systemData.Stats)
-	systemStatsRecord.Set("type", "1m")
-	if err := h.app.Dao().SaveRecord(systemStatsRecord); err != nil {
-		h.app.Logger().Error("Failed to save record: ", "err", err.Error())
-	}
-	// add new container_stats record
-	if len(systemData.Containers) > 0 {
-		container_stats, _ := h.app.Dao().FindCollectionByNameOrId("container_stats")
-		containerStatsRecord := models.NewRecord(container_stats)
-		containerStatsRecord.Set("system", record.Id)
-		containerStatsRecord.Set("stats", systemData.Containers)
-		containerStatsRecord.Set("type", "1m")
-		if err := h.app.Dao().SaveRecord(containerStatsRecord); err != nil {
+	// add system_stats and container_stats records
+	if systemStats, containerStats, err := h.getCollections(); err != nil {
+		h.app.Logger().Error("Failed to get collections: ", "err", err.Error())
+	} else {
+		// add new system_stats record
+		systemStatsRecord := models.NewRecord(systemStats)
+		systemStatsRecord.Set("system", record.Id)
+		systemStatsRecord.Set("stats", systemData.Stats)
+		systemStatsRecord.Set("type", "1m")
+		if err := dao.SaveRecord(systemStatsRecord); err != nil {
 			h.app.Logger().Error("Failed to save record: ", "err", err.Error())
 		}
+		// add new container_stats record
+		if len(systemData.Containers) > 0 {
+			containerStatsRecord := models.NewRecord(containerStats)
+			containerStatsRecord.Set("system", record.Id)
+			containerStatsRecord.Set("stats", systemData.Containers)
+			containerStatsRecord.Set("type", "1m")
+			if err := dao.SaveRecord(containerStatsRecord); err != nil {
+				h.app.Logger().Error("Failed to save record: ", "err", err.Error())
+			}
+		}
 	}
+
 	// system info alerts (todo: extra fs alerts)
 	if err := h.am.HandleSystemAlerts(record, systemData.Info, systemData.Stats.Temperatures, systemData.Stats.ExtraFs); err != nil {
 		h.app.Logger().Error("System alerts error", "err", err.Error())
 	}
 }
 
+// return system_stats and container_stats collections
+func (h *Hub) getCollections() (*models.Collection, *models.Collection, error) {
+	if h.systemStats == nil {
+		systemStats, err := h.app.Dao().FindCollectionByNameOrId("system_stats")
+		if err != nil {
+			return nil, nil, err
+		}
+		h.systemStats = systemStats
+	}
+	if h.containerStats == nil {
+		containerStats, err := h.app.Dao().FindCollectionByNameOrId("container_stats")
+		if err != nil {
+			return nil, nil, err
+		}
+		h.containerStats = containerStats
+	}
+	return h.systemStats, h.containerStats, nil
+}
+
 // set system to specified status and save record
 func (h *Hub) updateSystemStatus(record *models.Record, status string) {
 	if record.GetString("status") != status {

beszel/internal/records/records.go

@@ -32,7 +32,7 @@ type RecordDeletionData struct {
 	retention  time.Duration
 }
 
-type RecordStats []*struct {
+type RecordStats []struct {
 	Stats []byte `db:"stats"`
 }
 
@@ -41,9 +41,9 @@ func NewRecordManager(app *pocketbase.PocketBase) *RecordManager {
 }
 
 // Create longer records by averaging shorter records
-func (rm *RecordManager) CreateLongerRecords() {
+func (rm *RecordManager) CreateLongerRecords(collections []*models.Collection) {
 	// start := time.Now()
-	recordData := []LongerRecordData{
+	longerRecordData := []LongerRecordData{
 		{
 			shorterType: "1m",
 			// change to 9 from 10 to allow edge case timing or short pauses
@@ -78,17 +78,11 @@ func (rm *RecordManager) CreateLongerRecords() {
 			return err
 		}
 
-		// need *models.Collection to create a new record with models.NewRecord
-		collections := map[string]*models.Collection{}
-		for _, collectionName := range []string{"system_stats", "container_stats"} {
-			collection, _ := txDao.FindCollectionByNameOrId(collectionName)
-			collections[collectionName] = collection
-		}
-
 		// loop through all active systems, time periods, and collections
 		for _, system := range activeSystems {
 			// log.Println("processing system", system.GetString("name"))
-			for _, recordData := range recordData {
+			for i := range longerRecordData {
+				recordData := longerRecordData[i]
 				// log.Println("processing longer record type", recordData.longerType)
 				// add one minute padding for longer records because they are created slightly later than the job start time
 				longerRecordPeriod := time.Now().UTC().Add(recordData.longerTimeDuration + time.Minute)
@@ -112,14 +106,6 @@ func (rm *RecordManager) CreateLongerRecords() {
 					// get shorter records from the past x minutes
 					var stats RecordStats
 
-					// allShorterRecords, err := txDao.FindRecordsByExpr(
-					// 	collection,
-					// 	dbx.NewExp(
-					// 		"type = {:type} AND system = {:system} AND created > {:created}",
-					// 		dbx.Params{"type": recordData.shorterType, "system": system.Id, "created": shorterRecordPeriod},
-					// 	),
-					// )
-
 					err := txDao.DB().
 						Select("stats").
 						From(collection.Name).
@@ -163,18 +149,14 @@ func (rm *RecordManager) CreateLongerRecords() {
 
 // Calculate the average stats of a list of system_stats records without reflect
 func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
-	sum := system.Stats{
-		Temperatures: make(map[string]float64),
-		ExtraFs:      make(map[string]*system.FsStats),
-	}
-
+	sum := system.Stats{}
 	count := float64(len(records))
 	// use different counter for temps in case some records don't have them
 	tempCount := float64(0)
 
 	var stats system.Stats
-	for _, record := range records {
-		json.Unmarshal(record.Stats, &stats)
+	for i := range records {
+		json.Unmarshal(records[i].Stats, &stats)
 		sum.Cpu += stats.Cpu
 		sum.Mem += stats.Mem
 		sum.MemUsed += stats.MemUsed
@@ -198,6 +180,9 @@ func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
 		sum.MaxDiskWritePs = max(sum.MaxDiskWritePs, stats.MaxDiskWritePs, stats.DiskWritePs)
 		// add temps to sum
 		if stats.Temperatures != nil {
+			if sum.Temperatures == nil {
+				sum.Temperatures = make(map[string]float64, len(stats.Temperatures))
+			}
 			tempCount++
 			for key, value := range stats.Temperatures {
 				if _, ok := sum.Temperatures[key]; !ok {
@@ -208,6 +193,9 @@ func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
 		}
 		// add extra fs to sum
 		if stats.ExtraFs != nil {
+			if sum.ExtraFs == nil {
+				sum.ExtraFs = make(map[string]*system.FsStats, len(stats.ExtraFs))
+			}
 			for key, value := range stats.ExtraFs {
 				if _, ok := sum.ExtraFs[key]; !ok {
 					sum.ExtraFs[key] = &system.FsStats{}
@@ -221,6 +209,25 @@ func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
 				sum.ExtraFs[key].MaxDiskWritePS = max(sum.ExtraFs[key].MaxDiskWritePS, value.MaxDiskWritePS, value.DiskWritePs)
 			}
 		}
+		// add GPU data
+		if stats.GPUData != nil {
+			if sum.GPUData == nil {
+				sum.GPUData = make(map[string]system.GPUData, len(stats.GPUData))
+			}
+			for id, value := range stats.GPUData {
+				if _, ok := sum.GPUData[id]; !ok {
+					sum.GPUData[id] = system.GPUData{Name: value.Name}
+				}
+				gpu := sum.GPUData[id]
+				gpu.Temperature += value.Temperature
+				gpu.MemoryUsed += value.MemoryUsed
+				gpu.MemoryTotal += value.MemoryTotal
+				gpu.Usage += value.Usage
+				gpu.Power += value.Power
+				gpu.Count += value.Count
+				sum.GPUData[id] = gpu
+			}
+		}
 	}
 
 	stats = system.Stats{
@@ -246,14 +253,14 @@ func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
 		MaxNetworkRecv: sum.MaxNetworkRecv,
 	}
 
-	if len(sum.Temperatures) != 0 {
+	if sum.Temperatures != nil {
 		stats.Temperatures = make(map[string]float64, len(sum.Temperatures))
 		for key, value := range sum.Temperatures {
 			stats.Temperatures[key] = twoDecimals(value / tempCount)
 		}
 	}
 
-	if len(sum.ExtraFs) != 0 {
+	if sum.ExtraFs != nil {
 		stats.ExtraFs = make(map[string]*system.FsStats, len(sum.ExtraFs))
 		for key, value := range sum.ExtraFs {
 			stats.ExtraFs[key] = &system.FsStats{
@@ -267,6 +274,21 @@ func (rm *RecordManager) AverageSystemStats(records RecordStats) system.Stats {
 		}
 	}
 
+	if sum.GPUData != nil {
+		stats.GPUData = make(map[string]system.GPUData, len(sum.GPUData))
+		for id, value := range sum.GPUData {
+			stats.GPUData[id] = system.GPUData{
+				Name:        value.Name,
+				Temperature: twoDecimals(value.Temperature / count),
+				MemoryUsed:  twoDecimals(value.MemoryUsed / count),
+				MemoryTotal: twoDecimals(value.MemoryTotal / count),
+				Usage:       twoDecimals(value.Usage / count),
+				Power:       twoDecimals(value.Power / count),
+				Count:       twoDecimals(value.Count / count),
+			}
+		}
+	}
+
 	return stats
 }
 
@@ -276,13 +298,14 @@ func (rm *RecordManager) AverageContainerStats(records RecordStats) []container.
 	count := float64(len(records))
 
 	var containerStats []container.Stats
-	for _, record := range records {
+	for i := range records {
 		// Reset the slice length to 0, but keep the capacity
 		containerStats = containerStats[:0]
-		if err := json.Unmarshal(record.Stats, &containerStats); err != nil {
+		if err := json.Unmarshal(records[i].Stats, &containerStats); err != nil {
 			return []container.Stats{}
 		}
-		for _, stat := range containerStats {
+		for i := range containerStats {
+			stat := containerStats[i]
 			if _, ok := sums[stat.Name]; !ok {
 				sums[stat.Name] = &container.Stats{Name: stat.Name}
 			}

beszel/site/.prettierrc

@@ -0,0 +1,8 @@
+{
+	"trailingComma": "es5",
+	"useTabs": true,
+	"tabWidth": 2,
+	"semi": false,
+	"singleQuote": false,
+	"printWidth": 120
+}

beszel/site/components.json

@@ -1,17 +1,17 @@
 {
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "gray",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  }
-}
+	"$schema": "https://ui.shadcn.com/schema.json",
+	"style": "default",
+	"rsc": false,
+	"tsx": true,
+	"tailwind": {
+		"config": "tailwind.config.js",
+		"css": "src/index.css",
+		"baseColor": "gray",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/lib/utils"
+	}
+}

beszel/site/index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" dir="ltr">
 	<head>
 		<meta charset="UTF-8" />
 		<link rel="icon" type="image/svg+xml" href="/static/favicon.svg" />

beszel/site/lingui.config.ts

@@ -0,0 +1,34 @@
+import type { LinguiConfig } from "@lingui/conf"
+
+const config: LinguiConfig = {
+	locales: [
+		"en",
+		"ar",
+		"de",
+		"es",
+		"fr",
+		"hr",
+		"it",
+		"ja",
+		"ko",
+		"nl",
+		"pl",
+		"pt",
+		"tr",
+		"ru",
+		"uk",
+		"vi",
+		"zh-CN",
+		"zh-HK",
+	],
+	sourceLocale: "en",
+	compileNamespace: "ts",
+	catalogs: [
+		{
+			path: "<rootDir>/src/locales/{locale}/{locale}",
+			include: ["src"],
+		},
+	],
+}
+
+export default config

beszel/site/package.json

@@ -5,14 +5,22 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
-		"build": "vite build",
-		"preview": "vite preview"
+		"build": "lingui extract --overwrite && lingui compile && vite build",
+		"preview": "vite preview",
+		"sync": "lingui extract --overwrite && lingui compile",
+		"sync_and_purge": "lingui extract --overwrite --clean && lingui compile"
 	},
 	"dependencies": {
+		"@henrygd/queue": "^1.0.7",
+		"@lingui/detect-locale": "^4.13.0",
+		"@lingui/macro": "^4.13.0",
+		"@lingui/react": "^4.13.0",
 		"@nanostores/react": "^0.7.3",
-		"@nanostores/router": "^0.15.1",
+		"@nanostores/router": "^0.11.0",
 		"@radix-ui/react-alert-dialog": "^1.1.2",
+		"@radix-ui/react-checkbox": "^1.1.2",
 		"@radix-ui/react-dialog": "^1.1.2",
+		"@radix-ui/react-direction": "^1.1.0",
 		"@radix-ui/react-dropdown-menu": "^2.1.2",
 		"@radix-ui/react-label": "^2.1.0",
 		"@radix-ui/react-select": "^2.1.2",
@@ -20,16 +28,16 @@
 		"@radix-ui/react-slider": "^1.2.1",
 		"@radix-ui/react-slot": "^1.1.0",
 		"@radix-ui/react-switch": "^1.1.1",
+		"@radix-ui/react-tabs": "^1.1.1",
 		"@radix-ui/react-toast": "^1.2.2",
 		"@radix-ui/react-tooltip": "^1.1.3",
 		"@tanstack/react-table": "^8.20.5",
-		"@vitejs/plugin-react": "^4.3.2",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.0.0",
 		"d3-time": "^3.1.0",
 		"lucide-react": "^0.452.0",
-		"nanostores": "^0.10.3",
+		"nanostores": "^0.11.3",
 		"pocketbase": "^0.21.5",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
@@ -39,13 +47,26 @@
 		"valibot": "^0.36.0"
 	},
 	"devDependencies": {
+		"@lingui/cli": "^4.13.0",
+		"@lingui/swc-plugin": "^4.1.0",
+		"@lingui/vite-plugin": "^4.13.0",
 		"@types/bun": "^1.1.11",
 		"@types/react": "^18.3.11",
 		"@types/react-dom": "^18.3.1",
+		"@vitejs/plugin-react-swc": "^3.7.1",
 		"autoprefixer": "^10.4.20",
 		"postcss": "^8.4.47",
 		"tailwindcss": "^3.4.14",
+		"tailwindcss-rtl": "^0.9.0",
 		"typescript": "^5.6.3",
 		"vite": "^5.4.9"
+	},
+	"overrides": {
+		"@nanostores/router": {
+			"nanostores": "^0.11.3"
+		}
+	},
+	"optionalDependencies": {
+		"@esbuild/linux-arm64": "^0.21.5"
 	}
 }

beszel/site/postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
 }

beszel/site/src/components/add-system.tsx

@@ -1,4 +1,4 @@
-import { Button } from '@/components/ui/button'
+import { Button } from "@/components/ui/button"
 import {
 	Dialog,
 	DialogContent,
@@ -7,17 +7,19 @@ import {
 	DialogHeader,
 	DialogTitle,
 	DialogTrigger,
-} from '@/components/ui/dialog'
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip'
+} from "@/components/ui/dialog"
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { $publicKey, pb } from '@/lib/stores'
-import { Copy, PlusIcon } from 'lucide-react'
-import { useState, useRef, MutableRefObject } from 'react'
-import { useStore } from '@nanostores/react'
-import { cn, copyToClipboard, isReadOnlyUser } from '@/lib/utils'
-import { navigate } from './router'
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { $publicKey, pb } from "@/lib/stores"
+import { Copy, PlusIcon } from "lucide-react"
+import { useState, useRef, MutableRefObject } from "react"
+import { useStore } from "@nanostores/react"
+import { cn, copyToClipboard, isReadOnlyUser } from "@/lib/utils"
+import { navigate } from "./router"
+import { Trans } from "@lingui/macro"
 
 export function AddSystemButton({ className }: { className?: string }) {
 	const [open, setOpen] = useState(false)
@@ -34,11 +36,16 @@ export function AddSystemButton({ className }: { className?: string }) {
     volumes:
       - /var/run/docker.sock:/var/run/docker.sock:ro
       # monitor other disks / partitions by mounting a folder in /extra-filesystems
-      # - /mnt/disk1/.beszel:/extra-filesystems/disk1:ro
+      # - /mnt/disk/.beszel:/extra-filesystems/sda1:ro
     environment:
       PORT: ${port}
-      KEY: "${publicKey}"
-      # FILESYSTEM: /dev/sda1 # override the root partition / device for disk I/O stats`)
+      KEY: "${publicKey}"`)
+	}
+
+	function copyInstallCommand(port: string) {
+		copyToClipboard(
+			`curl -sL https://raw.githubusercontent.com/henrygd/beszel/main/supplemental/scripts/install-agent.sh -o install-agent.sh && chmod +x install-agent.sh && ./install-agent.sh -p ${port} -k "${publicKey}"`
+		)
 	}
 
 	async function handleSubmit(e: SubmitEvent) {
@@ -48,8 +55,8 @@ export function AddSystemButton({ className }: { className?: string }) {
 		data.users = pb.authStore.model!.id
 		try {
 			setOpen(false)
-			await pb.collection('systems').create(data)
-			navigate('/')
+			await pb.collection("systems").create(data)
+			navigate("/")
 			// console.log(record)
 		} catch (e) {
 			console.log(e)
@@ -61,88 +68,113 @@ export function AddSystemButton({ className }: { className?: string }) {
 			<DialogTrigger asChild>
 				<Button
 					variant="outline"
-					className={cn('flex gap-1 max-xs:h-[2.4rem]', className, isReadOnlyUser() && 'hidden')}
+					className={cn("flex gap-1 max-xs:h-[2.4rem]", className, isReadOnlyUser() && "hidden")}
 				>
-					<PlusIcon className="h-4 w-4 -ml-1" />
-					Add <span className="hidden xs:inline">System</span>
+					<PlusIcon className="h-4 w-4 -ms-1" />
+					<Trans>
+						Add <span className="hidden sm:inline">System</span>
+					</Trans>
 				</Button>
 			</DialogTrigger>
-			<DialogContent className="w-[90%] sm:max-w-[425px] rounded-lg">
-				<DialogHeader>
-					<DialogTitle className="mb-2">Add New System</DialogTitle>
-					<DialogDescription>
-						The agent must be running on the system to connect. Copy the{' '}
-						<code className="bg-muted px-1 rounded-sm">docker-compose.yml</code> for the agent
-						below.
-					</DialogDescription>
-				</DialogHeader>
-				<form onSubmit={handleSubmit as any}>
-					<div className="grid gap-3 mt-1 mb-4">
-						<div className="grid grid-cols-4 items-center gap-4">
-							<Label htmlFor="name" className="text-right">
-								Name
+			<DialogContent className="w-[90%] sm:max-w-[440px] rounded-lg">
+				<Tabs defaultValue="docker">
+					<DialogHeader>
+						<DialogTitle className="mb-2">
+							<Trans>Add New System</Trans>
+						</DialogTitle>
+						<TabsList className="grid w-full grid-cols-2">
+							<TabsTrigger value="docker">Docker</TabsTrigger>
+							<TabsTrigger value="binary">
+								<Trans>Binary</Trans>
+							</TabsTrigger>
+						</TabsList>
+					</DialogHeader>
+					{/* Docker */}
+					<TabsContent value="docker">
+						<DialogDescription className="mb-4 leading-normal">
+							<Trans>
+								The agent must be running on the system to connect. Copy the
+								<code className="bg-muted px-1 rounded-sm leading-3">docker-compose.yml</code> for the agent below.
+							</Trans>
+						</DialogDescription>
+					</TabsContent>
+					{/* Binary */}
+					<TabsContent value="binary">
+						<DialogDescription className="mb-4 leading-normal">
+							<Trans>
+								The agent must be running on the system to connect. Copy the installation command for the agent below.
+							</Trans>
+						</DialogDescription>
+					</TabsContent>
+					<form onSubmit={handleSubmit as any}>
+						<div className="grid xs:grid-cols-[auto_1fr] gap-y-3 gap-x-4 items-center mt-1 mb-4">
+							<Label htmlFor="name" className="xs:text-end">
+								<Trans>Name</Trans>
 							</Label>
-							<Input id="name" name="name" className="col-span-3" required />
-						</div>
-						<div className="grid grid-cols-4 items-center gap-4">
-							<Label htmlFor="host" className="text-right">
-								Host / IP
+							<Input id="name" name="name" className="" required />
+							<Label htmlFor="host" className="xs:text-end">
+								<Trans>Host / IP</Trans>
 							</Label>
-							<Input id="host" name="host" className="col-span-3" required />
-						</div>
-						<div className="grid grid-cols-4 items-center gap-4">
-							<Label htmlFor="port" className="text-right">
-								Port
+							<Input id="host" name="host" className="" required />
+							<Label htmlFor="port" className="xs:text-end">
+								<Trans>Port</Trans>
 							</Label>
-							<Input
-								ref={port}
-								name="port"
-								id="port"
-								defaultValue="45876"
-								className="col-span-3"
-								required
-							/>
-						</div>
-						<div className="grid grid-cols-4 items-center gap-4 relative">
-							<Label htmlFor="pkey" className="text-right whitespace-pre">
-								Public Key
+							<Input ref={port} name="port" id="port" defaultValue="45876" className="" required />
+							<Label htmlFor="pkey" className="xs:text-end whitespace-pre">
+								<Trans comment="Use 'Key' if your language requires many more characters">Public Key</Trans>
 							</Label>
-							<Input readOnly id="pkey" value={publicKey} className="col-span-3" required></Input>
-							<div
-								className={
-									'h-6 w-24 bg-gradient-to-r from-transparent to-background to-65% absolute right-1 pointer-events-none'
-								}
-							></div>
-							<TooltipProvider delayDuration={100}>
-								<Tooltip>
-									<TooltipTrigger asChild>
-										<Button
-											type="button"
-											variant={'link'}
-											className="absolute right-0"
-											onClick={() => copyToClipboard(publicKey)}
-										>
-											<Copy className="h-4 w-4 " />
-										</Button>
-									</TooltipTrigger>
-									<TooltipContent>
-										<p>Click to copy</p>
-									</TooltipContent>
-								</Tooltip>
-							</TooltipProvider>
+							<div className="relative">
+								<Input readOnly id="pkey" value={publicKey} className="" required></Input>
+								<div
+									className={
+										"h-6 w-24 bg-gradient-to-r rtl:bg-gradient-to-l from-transparent to-background to-65% absolute top-2 end-1 pointer-events-none"
+									}
+								></div>
+								<TooltipProvider delayDuration={100}>
+									<Tooltip>
+										<TooltipTrigger asChild>
+											<Button
+												type="button"
+												variant={"link"}
+												className="absolute end-0 top-0"
+												onClick={() => copyToClipboard(publicKey)}
+											>
+												<Copy className="h-4 w-4 " />
+											</Button>
+										</TooltipTrigger>
+										<TooltipContent>
+											<p>
+												<Trans>Click to copy</Trans>
+											</p>
+										</TooltipContent>
+									</Tooltip>
+								</TooltipProvider>
+							</div>
 						</div>
-					</div>
-					<DialogFooter className="flex justify-end gap-2">
-						<Button
-							type="button"
-							variant={'ghost'}
-							onClick={() => copyDockerCompose(port.current.value)}
-						>
-							Copy docker compose
-						</Button>
-						<Button>Add system</Button>
-					</DialogFooter>
-				</form>
+						{/* Docker */}
+						<TabsContent value="docker">
+							<DialogFooter className="flex justify-end gap-2 sm:w-[calc(100%+20px)] sm:-ms-[20px]">
+								<Button type="button" variant={"ghost"} onClick={() => copyDockerCompose(port.current.value)}>
+									<Trans>Copy</Trans> docker compose
+								</Button>
+								<Button>
+									<Trans>Add system</Trans>
+								</Button>
+							</DialogFooter>
+						</TabsContent>
+						{/* Binary */}
+						<TabsContent value="binary">
+							<DialogFooter className="flex justify-end gap-2 sm:w-[calc(100%+20px)] sm:-ms-[20px]">
+								<Button type="button" variant={"ghost"} onClick={() => copyInstallCommand(port.current.value)}>
+									<Trans>Copy Linux command</Trans>
+								</Button>
+								<Button>
+									<Trans>Add system</Trans>
+								</Button>
+							</DialogFooter>
+						</TabsContent>
+					</form>
+				</Tabs>
 			</DialogContent>
 		</Dialog>
 	)

beszel/site/src/components/alerts/alert-button.tsx

@@ -0,0 +1,120 @@
+import { memo, useState } from "react"
+import { useStore } from "@nanostores/react"
+import { $alerts, $systems } from "@/lib/stores"
+import {
+	Dialog,
+	DialogTrigger,
+	DialogContent,
+	DialogDescription,
+	DialogHeader,
+	DialogTitle,
+} from "@/components/ui/dialog"
+import { BellIcon, GlobeIcon, ServerIcon } from "lucide-react"
+import { alertInfo, cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { AlertRecord, SystemRecord } from "@/types"
+import { Link } from "../router"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Checkbox } from "../ui/checkbox"
+import { SystemAlert, SystemAlertGlobal } from "./alerts-system"
+import { Trans, t } from "@lingui/macro"
+
+export default memo(function AlertsButton({ system }: { system: SystemRecord }) {
+	const alerts = useStore($alerts)
+	const [opened, setOpened] = useState(false)
+
+	const systemAlerts = alerts.filter((alert) => alert.system === system.id) as AlertRecord[]
+	const active = systemAlerts.length > 0
+
+	return (
+		<Dialog>
+			<DialogTrigger asChild>
+				<Button variant="ghost" size="icon" aria-label={t`Alerts`} data-nolink onClick={() => setOpened(true)}>
+					<BellIcon
+						className={cn("h-[1.2em] w-[1.2em] pointer-events-none", {
+							"fill-primary": active,
+						})}
+					/>
+				</Button>
+			</DialogTrigger>
+			<DialogContent className="max-h-full overflow-auto max-w-[35rem]">
+				{opened && <TheContent data={{ system, alerts, systemAlerts }} />}
+			</DialogContent>
+		</Dialog>
+	)
+})
+
+function TheContent({
+	data: { system, alerts, systemAlerts },
+}: {
+	data: { system: SystemRecord; alerts: AlertRecord[]; systemAlerts: AlertRecord[] }
+}) {
+	const [overwriteExisting, setOverwriteExisting] = useState<boolean | "indeterminate">(false)
+	const systems = $systems.get()
+
+	const data = Object.keys(alertInfo).map((key) => {
+		const alert = alertInfo[key as keyof typeof alertInfo]
+		return {
+			key: key as keyof typeof alertInfo,
+			alert,
+			system,
+		}
+	})
+
+	return (
+		<>
+			<DialogHeader>
+				<DialogTitle className="text-xl">
+					<Trans>Alerts</Trans>
+				</DialogTitle>
+				<DialogDescription>
+					<Trans>
+						See{" "}
+						<Link href="/settings/notifications" className="link">
+							notification settings
+						</Link>{" "}
+						to configure how you receive alerts.
+					</Trans>
+				</DialogDescription>
+			</DialogHeader>
+			<Tabs defaultValue="system">
+				<TabsList className="mb-1 -mt-0.5">
+					<TabsTrigger value="system">
+						<ServerIcon className="me-2 h-3.5 w-3.5" />
+						{system.name}
+					</TabsTrigger>
+					<TabsTrigger value="global">
+						<GlobeIcon className="me-1.5 h-3.5 w-3.5" />
+						<Trans>All Systems</Trans>
+					</TabsTrigger>
+				</TabsList>
+				<TabsContent value="system">
+					<div className="grid gap-3">
+						{data.map((d) => (
+							<SystemAlert key={d.key} system={system} data={d} systemAlerts={systemAlerts} />
+						))}
+					</div>
+				</TabsContent>
+				<TabsContent value="global">
+					<label
+						htmlFor="ovw"
+						className="mb-3 flex gap-2 items-center justify-center cursor-pointer border rounded-sm py-3 px-4 border-destructive text-destructive font-semibold text-sm"
+					>
+						<Checkbox
+							id="ovw"
+							className="text-destructive border-destructive data-[state=checked]:bg-destructive"
+							checked={overwriteExisting}
+							onCheckedChange={setOverwriteExisting}
+						/>
+						<Trans>Overwrite existing alerts</Trans>
+					</label>
+					<div className="grid gap-3">
+						{data.map((d) => (
+							<SystemAlertGlobal key={d.key} data={d} overwrite={overwriteExisting} alerts={alerts} systems={systems} />
+						))}
+					</div>
+				</TabsContent>
+			</Tabs>
+		</>
+	)
+}

beszel/site/src/components/alerts/alerts-system.tsx

@@ -0,0 +1,246 @@
+import { pb } from "@/lib/stores"
+import { alertInfo, cn } from "@/lib/utils"
+import { Switch } from "@/components/ui/switch"
+import { AlertInfo, AlertRecord, SystemRecord } from "@/types"
+import { lazy, Suspense, useRef, useState } from "react"
+import { toast } from "../ui/use-toast"
+import { RecordOptions } from "pocketbase"
+import { newQueue, Queue } from "@henrygd/queue"
+import { Trans, t, Plural } from "@lingui/macro"
+
+interface AlertData {
+	checked?: boolean
+	val?: number
+	min?: number
+	updateAlert?: (checked: boolean, value: number, min: number) => void
+	key: keyof typeof alertInfo
+	alert: AlertInfo
+	system: SystemRecord
+}
+
+const Slider = lazy(() => import("@/components/ui/slider"))
+
+let queue: Queue
+
+const failedUpdateToast = () =>
+	toast({
+		title: t`Failed to update alert`,
+		description: t`Please check logs for more details.`,
+		variant: "destructive",
+	})
+
+export function SystemAlert({
+	system,
+	systemAlerts,
+	data,
+}: {
+	system: SystemRecord
+	systemAlerts: AlertRecord[]
+	data: AlertData
+}) {
+	const alert = systemAlerts.find((alert) => alert.name === data.key)
+
+	data.updateAlert = async (checked: boolean, value: number, min: number) => {
+		try {
+			if (alert && !checked) {
+				await pb.collection("alerts").delete(alert.id)
+			} else if (alert && checked) {
+				await pb.collection("alerts").update(alert.id, { value, min, triggered: false })
+			} else if (checked) {
+				pb.collection("alerts").create({
+					system: system.id,
+					user: pb.authStore.model!.id,
+					name: data.key,
+					value: value,
+					min: min,
+				})
+			}
+		} catch (e) {
+			failedUpdateToast()
+		}
+	}
+
+	if (alert) {
+		data.checked = true
+		data.val = alert.value
+		data.min = alert.min || 1
+	}
+
+	return <AlertContent data={data} />
+}
+
+export function SystemAlertGlobal({
+	data,
+	overwrite,
+	alerts,
+	systems,
+}: {
+	data: AlertData
+	overwrite: boolean | "indeterminate"
+	alerts: AlertRecord[]
+	systems: SystemRecord[]
+}) {
+	const systemsWithExistingAlerts = useRef<{ set: Set<string>; populatedSet: boolean }>({
+		set: new Set(),
+		populatedSet: false,
+	})
+
+	data.checked = false
+	data.val = data.min = 0
+
+	data.updateAlert = (checked: boolean, value: number, min: number) => {
+		if (!queue) {
+			queue = newQueue(5)
+		}
+
+		const { set, populatedSet } = systemsWithExistingAlerts.current
+
+		// if overwrite checked, make sure all alerts will be overwritten
+		if (overwrite) {
+			set.clear()
+		}
+
+		const recordData: Partial<AlertRecord> = {
+			value,
+			min,
+			triggered: false,
+		}
+		for (let system of systems) {
+			// if overwrite is false and system is in set (alert existed), skip
+			if (!overwrite && set.has(system.id)) {
+				continue
+			}
+			// find matching existing alert
+			const existingAlert = alerts.find((alert) => alert.system === system.id && data.key === alert.name)
+			// if first run, add system to set (alert already existed when global panel was opened)
+			if (existingAlert && !populatedSet && !overwrite) {
+				set.add(system.id)
+				continue
+			}
+			const requestOptions: RecordOptions = {
+				requestKey: system.id,
+			}
+
+			// checked - make sure alert is created or updated
+			if (checked) {
+				if (existingAlert) {
+					// console.log('updating', system.name)
+					queue
+						.add(() => pb.collection("alerts").update(existingAlert.id, recordData, requestOptions))
+						.catch(failedUpdateToast)
+				} else {
+					// console.log('creating', system.name)
+					queue
+						.add(() =>
+							pb.collection("alerts").create(
+								{
+									system: system.id,
+									user: pb.authStore.model!.id,
+									name: data.key,
+									...recordData,
+								},
+								requestOptions
+							)
+						)
+						.catch(failedUpdateToast)
+				}
+			} else if (existingAlert) {
+				// console.log('deleting', system.name)
+				queue.add(() => pb.collection("alerts").delete(existingAlert.id)).catch(failedUpdateToast)
+			}
+		}
+		systemsWithExistingAlerts.current.populatedSet = true
+	}
+
+	return <AlertContent data={data} />
+}
+
+function AlertContent({ data }: { data: AlertData }) {
+	const { key } = data
+
+	const hasSliders = !("single" in data.alert)
+
+	const [checked, setChecked] = useState(data.checked || false)
+	const [min, setMin] = useState(data.min || (hasSliders ? 10 : 0))
+	const [value, setValue] = useState(data.val || (hasSliders ? 80 : 0))
+
+	const showSliders = checked && hasSliders
+
+	const newMin = useRef(min)
+	const newValue = useRef(value)
+
+	const Icon = alertInfo[key].icon
+
+	const updateAlert = (c?: boolean) => data.updateAlert?.(c ?? checked, newValue.current, newMin.current)
+
+	return (
+		<div className="rounded-lg border border-muted-foreground/15 hover:border-muted-foreground/20 transition-colors duration-100 group">
+			<label
+				htmlFor={`s${key}`}
+				className={cn("flex flex-row items-center justify-between gap-4 cursor-pointer p-4", {
+					"pb-0": showSliders,
+				})}
+			>
+				<div className="grid gap-1 select-none">
+					<p className="font-semibold flex gap-3 items-center">
+						<Icon className="h-4 w-4 opacity-85" /> {data.alert.name()}
+					</p>
+					{!showSliders && <span className="block text-sm text-muted-foreground">{data.alert.desc()}</span>}
+				</div>
+				<Switch
+					id={`s${key}`}
+					checked={checked}
+					onCheckedChange={(checked) => {
+						setChecked(checked)
+						updateAlert(checked)
+					}}
+				/>
+			</label>
+			{showSliders && (
+				<div className="grid sm:grid-cols-2 mt-1.5 gap-5 px-4 pb-5 tabular-nums text-muted-foreground">
+					<Suspense fallback={<div className="h-10" />}>
+						<div>
+							<p id={`v${key}`} className="text-sm block h-8">
+								<Trans>
+									Average exceeds{" "}
+									<strong className="text-foreground">
+										{value}
+										{data.alert.unit}
+									</strong>
+								</Trans>
+							</p>
+							<div className="flex gap-3">
+								<Slider
+									aria-labelledby={`v${key}`}
+									defaultValue={[value]}
+									onValueCommit={(val) => (newValue.current = val[0]) && updateAlert()}
+									onValueChange={(val) => setValue(val[0])}
+									min={1}
+									max={alertInfo[key].max ?? 99}
+								/>
+							</div>
+						</div>
+						<div>
+							<p id={`t${key}`} className="text-sm block h-8">
+								<Trans>
+									For <strong className="text-foreground">{min}</strong>{" "}
+									<Plural value={min} one=" minute" other=" minutes" />
+								</Trans>
+							</p>
+							<div className="flex gap-3">
+								<Slider
+									aria-labelledby={`v${key}`}
+									defaultValue={[min]}
+									onValueCommit={(val) => (newMin.current = val[0]) && updateAlert()}
+									onValueChange={(val) => setMin(val[0])}
+									min={1}
+									max={60}
+								/>
+							</div>
+						</div>
+					</Suspense>
+				</div>
+			)}
+		</div>
+	)
+}

beszel/site/src/components/charts/area-chart.tsx

@@ -1,18 +1,19 @@
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
+import { Area, AreaChart, CartesianGrid, YAxis } from "recharts"
 
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartTooltipContent, xAxis } from "@/components/ui/chart"
 import {
 	useYAxisWidth,
-	chartTimeData,
 	cn,
 	formatShortDate,
 	toFixedWithoutTrailingZeros,
 	decimalString,
 	chartMargin,
-} from '@/lib/utils'
+} from "@/lib/utils"
 // import Spinner from '../spinner'
-import { ChartData } from '@/types'
-import { memo, useMemo } from 'react'
+import { ChartData } from "@/types"
+import { memo, useMemo } from "react"
+import { t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
 
 /** [label, key, color, opacity] */
 type DataKeys = [string, string, number, number]
@@ -22,84 +23,92 @@ const getNestedValue = (path: string, max = false, data: any): number | null =>
 	// a max value which doesn't exist, or the value was zero and omitted from the stats object.
 	// so we check if cpum is present. if so, return 0 to make sure the zero value is displayed.
 	// if not, return null - there is no max data so do not display anything.
-	return `stats.${path}${max ? 'm' : ''}`
-		.split('.')
+	return `stats.${path}${max ? "m" : ""}`
+		.split(".")
 		.reduce((acc: any, key: string) => acc?.[key] ?? (data.stats?.cpum ? 0 : null), data)
 }
 
 export default memo(function AreaChartDefault({
 	maxToggled = false,
-	unit = ' MB/s',
+	unit = " MB/s",
 	chartName,
 	chartData,
+	max,
+	tickFormatter,
 }: {
 	maxToggled?: boolean
 	unit?: string
 	chartName: string
 	chartData: ChartData
+	max?: number
+	tickFormatter?: (value: number) => string
 }) {
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
+	const { i18n } = useLingui()
 
 	const { chartTime } = chartData
 
-	const showMax = chartTime !== '1h' && maxToggled
+	const showMax = chartTime !== "1h" && maxToggled
 
 	const dataKeys: DataKeys[] = useMemo(() => {
 		// [label, key, color, opacity]
-		if (chartName === 'CPU Usage') {
-			return [[chartName, 'cpu', 1, 0.4]]
-		} else if (chartName === 'dio') {
+		if (chartName === "CPU Usage") {
+			return [[t`CPU Usage`, "cpu", 1, 0.4]]
+		} else if (chartName === "dio") {
 			return [
-				['Write', 'dw', 3, 0.3],
-				['Read', 'dr', 1, 0.3],
+				[t({ message: "Write", comment: "Disk write" }), "dw", 3, 0.3],
+				[t({ message: "Read", comment: "Disk read" }), "dr", 1, 0.3],
 			]
-		} else if (chartName === 'bw') {
+		} else if (chartName === "bw") {
 			return [
-				['Sent', 'ns', 5, 0.2],
-				['Received', 'nr', 2, 0.2],
+				[t({ message: "Sent", comment: "Network bytes sent (upload)" }), "ns", 5, 0.2],
+				[t({ message: "Received", comment: "Network bytes received (download)" }), "nr", 2, 0.2],
 			]
-		} else if (chartName.startsWith('efs')) {
+		} else if (chartName.startsWith("efs")) {
 			return [
-				['Write', `${chartName}.w`, 3, 0.3],
-				['Read', `${chartName}.r`, 1, 0.3],
+				[t`Write`, `${chartName}.w`, 3, 0.3],
+				[t`Read`, `${chartName}.r`, 1, 0.3],
 			]
+		} else if (chartName.startsWith("g.")) {
+			return [chartName.includes("mu") ? [t`Used`, chartName, 2, 0.25] : [t`Usage`, chartName, 1, 0.4]]
 		}
 		return []
-	}, [])
+	}, [chartName, i18n.locale])
 
 	// console.log('Rendered at', new Date())
 
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
+
 	return (
 		<div>
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<AreaChart accessibilityLayer data={chartData.systemStats} margin={chartMargin}>
 					<CartesianGrid vertical={false} />
 					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
 						className="tracking-tighter"
 						width={yAxisWidth}
+						domain={[0, max ?? "auto"]}
 						tickFormatter={(value) => {
-							const val = toFixedWithoutTrailingZeros(value, 2) + unit
+							let val: string
+							if (tickFormatter) {
+								val = tickFormatter(value)
+							} else {
+								val = toFixedWithoutTrailingZeros(value, 2) + unit
+							}
 							return updateYAxisWidth(val)
 						}}
 						tickLine={false}
 						axisLine={false}
 					/>
-					<XAxis
-						dataKey="created"
-						domain={chartData.domain}
-						ticks={chartData.ticks}
-						allowDataOverflow
-						type="number"
-						scale="time"
-						minTickGap={30}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartTime].format}
-					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						animationEasing="ease-out"
 						animationDuration={150}

beszel/site/src/components/charts/chart-time-select.tsx

@@ -1,33 +1,23 @@
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from '@/components/ui/select'
-import { $chartTime } from '@/lib/stores'
-import { chartTimeData, cn } from '@/lib/utils'
-import { ChartTimes } from '@/types'
-import { useStore } from '@nanostores/react'
-import { HistoryIcon } from 'lucide-react'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { $chartTime } from "@/lib/stores"
+import { chartTimeData, cn } from "@/lib/utils"
+import { ChartTimes } from "@/types"
+import { useStore } from "@nanostores/react"
+import { HistoryIcon } from "lucide-react"
 
 export default function ChartTimeSelect({ className }: { className?: string }) {
 	const chartTime = useStore($chartTime)
 
 	return (
-		<Select
-			defaultValue="1h"
-			value={chartTime}
-			onValueChange={(value: ChartTimes) => $chartTime.set(value)}
-		>
-			<SelectTrigger className={cn(className, 'relative pl-10 pr-5')}>
-				<HistoryIcon className="h-4 w-4 absolute left-4 top-1/2 -translate-y-1/2 opacity-85" />
+		<Select defaultValue="1h" value={chartTime} onValueChange={(value: ChartTimes) => $chartTime.set(value)}>
+			<SelectTrigger className={cn(className, "relative ps-10 pe-5")}>
+				<HistoryIcon className="h-4 w-4 absolute start-4 top-1/2 -translate-y-1/2 opacity-85" />
 				<SelectValue />
 			</SelectTrigger>
 			<SelectContent>
 				{Object.entries(chartTimeData).map(([value, { label }]) => (
-					<SelectItem key={label} value={value}>
-						{label}
+					<SelectItem key={value} value={value}>
+						{label()}
 					</SelectItem>
 				))}
 			</SelectContent>

beszel/site/src/components/charts/container-chart.tsx

@@ -1,14 +1,8 @@
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
-import {
-	ChartConfig,
-	ChartContainer,
-	ChartTooltip,
-	ChartTooltipContent,
-} from '@/components/ui/chart'
-import { memo, useMemo } from 'react'
+import { Area, AreaChart, CartesianGrid, YAxis } from "recharts"
+import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, xAxis } from "@/components/ui/chart"
+import { memo, useMemo } from "react"
 import {
 	useYAxisWidth,
-	chartTimeData,
 	cn,
 	formatShortDate,
 	decimalString,
@@ -16,18 +10,18 @@ import {
 	toFixedFloat,
 	getSizeAndUnit,
 	toFixedWithoutTrailingZeros,
-} from '@/lib/utils'
+} from "@/lib/utils"
 // import Spinner from '../spinner'
-import { useStore } from '@nanostores/react'
-import { $containerFilter } from '@/lib/stores'
-import { ChartData } from '@/types'
-import { Separator } from '../ui/separator'
+import { useStore } from "@nanostores/react"
+import { $containerFilter } from "@/lib/stores"
+import { ChartData } from "@/types"
+import { Separator } from "../ui/separator"
 
 export default memo(function ContainerChart({
 	dataKey,
 	chartData,
 	chartName,
-	unit = '%',
+	unit = "%",
 }: {
 	dataKey: string
 	chartData: ChartData
@@ -37,9 +31,9 @@ export default memo(function ContainerChart({
 	const filter = useStore($containerFilter)
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
 
-	const { containerData, ticks, domain, chartTime } = chartData
+	const { containerData } = chartData
 
-	const isNetChart = chartName === 'net'
+	const isNetChart = chartName === "net"
 
 	const chartConfig = useMemo(() => {
 		let config = {} as Record<
@@ -52,7 +46,7 @@ export default memo(function ContainerChart({
 		const totalUsage = {} as Record<string, number>
 		for (let stats of containerData) {
 			for (let key in stats) {
-				if (!key || key === 'created') {
+				if (!key || key === "created") {
 					continue
 				}
 				if (!(key in totalUsage)) {
@@ -87,7 +81,7 @@ export default memo(function ContainerChart({
 			tickFormatter: (value: any) => string
 		}
 		// tick formatter
-		if (chartName === 'cpu') {
+		if (chartName === "cpu") {
 			obj.tickFormatter = (value) => {
 				const val = toFixedWithoutTrailingZeros(value, 2) + unit
 				return updateYAxisWidth(val)
@@ -95,7 +89,7 @@ export default memo(function ContainerChart({
 		} else {
 			obj.tickFormatter = (value) => {
 				const { v, u } = getSizeAndUnit(value, false)
-				return updateYAxisWidth(`${toFixedFloat(v, 2)}${u}${isNetChart ? '/s' : ''}`)
+				return updateYAxisWidth(`${toFixedFloat(v, 2)}${u}${isNetChart ? "/s" : ""}`)
 			}
 		}
 		// tooltip formatter
@@ -107,10 +101,10 @@ export default memo(function ContainerChart({
 					return (
 						<span className="flex">
 							{decimalString(received)} MB/s
-							<span className="opacity-70 ml-0.5"> rx </span>
+							<span className="opacity-70 ms-0.5"> rx </span>
 							<Separator orientation="vertical" className="h-3 mx-1.5 bg-primary/40" />
 							{decimalString(sent)} MB/s
-							<span className="opacity-70 ml-0.5"> tx</span>
+							<span className="opacity-70 ms-0.5"> tx</span>
 						</span>
 					)
 				} catch (e) {
@@ -122,20 +116,24 @@ export default memo(function ContainerChart({
 		}
 		// data function
 		if (isNetChart) {
-			obj.dataFunction = (key: string, data: any) => (data[key]?.nr ?? 0) + (data[key]?.ns ?? 0)
+			obj.dataFunction = (key: string, data: any) => (data[key] ? data[key].nr + data[key].ns : null)
 		} else {
-			obj.dataFunction = (key: string, data: any) => data[key]?.[dataKey] ?? 0
+			obj.dataFunction = (key: string, data: any) => data[key]?.[dataKey] ?? null
 		}
 		return obj
 	}, [])
 
 	// console.log('rendered at', new Date())
 
+	if (containerData.length === 0) {
+		return null
+	}
+
 	return (
 		<div>
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<AreaChart
@@ -147,24 +145,15 @@ export default memo(function ContainerChart({
 				>
 					<CartesianGrid vertical={false} />
 					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
 						className="tracking-tighter"
 						width={yAxisWidth}
 						tickFormatter={tickFormatter}
 						tickLine={false}
 						axisLine={false}
 					/>
-					<XAxis
-						dataKey="created"
-						domain={domain}
-						allowDataOverflow
-						ticks={ticks}
-						type="number"
-						scale="time"
-						minTickGap={35}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartTime].format}
-					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						animationEasing="ease-out"
 						animationDuration={150}

beszel/site/src/components/charts/disk-chart.tsx

@@ -1,18 +1,19 @@
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
+import { Area, AreaChart, CartesianGrid, YAxis } from "recharts"
 
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartTooltipContent, xAxis } from "@/components/ui/chart"
 import {
 	useYAxisWidth,
-	chartTimeData,
 	cn,
 	formatShortDate,
 	decimalString,
 	toFixedFloat,
 	chartMargin,
 	getSizeAndUnit,
-} from '@/lib/utils'
-import { ChartData } from '@/types'
-import { memo } from 'react'
+} from "@/lib/utils"
+import { ChartData } from "@/types"
+import { memo } from "react"
+import { t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
 
 export default memo(function DiskChart({
 	dataKey,
@@ -24,19 +25,29 @@ export default memo(function DiskChart({
 	chartData: ChartData
 }) {
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
+	const { _ } = useLingui()
 
-	// console.log('rendered at', new Date())
+	// round to nearest GB
+	if (diskSize >= 100) {
+		diskSize = Math.round(diskSize)
+	}
+
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
 
 	return (
 		<div>
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<AreaChart accessibilityLayer data={chartData.systemStats} margin={chartMargin}>
 					<CartesianGrid vertical={false} />
 					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
 						className="tracking-tighter"
 						width={yAxisWidth}
 						domain={[0, diskSize]}
@@ -49,18 +60,7 @@ export default memo(function DiskChart({
 							return updateYAxisWidth(toFixedFloat(v, 2) + u)
 						}}
 					/>
-					<XAxis
-						dataKey="created"
-						domain={chartData.domain}
-						ticks={chartData.ticks}
-						allowDataOverflow
-						type="number"
-						scale="time"
-						minTickGap={30}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartData.chartTime].format}
-					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						animationEasing="ease-out"
 						animationDuration={150}
@@ -76,7 +76,7 @@ export default memo(function DiskChart({
 					/>
 					<Area
 						dataKey={dataKey}
-						name="Disk Usage"
+						name={_(t`Disk Usage`)}
 						type="monotoneX"
 						fill="hsl(var(--chart-4))"
 						fillOpacity={0.4}

beszel/site/src/components/charts/gpu-power-chart.tsx

@@ -0,0 +1,112 @@
+import { CartesianGrid, Line, LineChart, YAxis } from "recharts"
+
+import {
+	ChartContainer,
+	ChartLegend,
+	ChartLegendContent,
+	ChartTooltip,
+	ChartTooltipContent,
+	xAxis,
+} from "@/components/ui/chart"
+import {
+	useYAxisWidth,
+	cn,
+	formatShortDate,
+	toFixedWithoutTrailingZeros,
+	decimalString,
+	chartMargin,
+} from "@/lib/utils"
+import { ChartData } from "@/types"
+import { memo, useMemo } from "react"
+
+export default memo(function GpuPowerChart({ chartData }: { chartData: ChartData }) {
+	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
+
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
+
+	/** Format temperature data for chart and assign colors */
+	const newChartData = useMemo(() => {
+		const newChartData = { data: [], colors: {} } as {
+			data: Record<string, number | string>[]
+			colors: Record<string, string>
+		}
+		const powerSums = {} as Record<string, number>
+		for (let data of chartData.systemStats) {
+			let newData = { created: data.created } as Record<string, number | string>
+
+			for (let gpu of Object.values(data.stats?.g ?? {})) {
+				if (gpu.p) {
+					const name = gpu.n
+					newData[name] = gpu.p
+					powerSums[name] = (powerSums[name] ?? 0) + newData[name]
+				}
+			}
+			newChartData.data.push(newData)
+		}
+		const keys = Object.keys(powerSums).sort((a, b) => powerSums[b] - powerSums[a])
+		for (let key of keys) {
+			newChartData.colors[key] = `hsl(${((keys.indexOf(key) * 360) / keys.length) % 360}, 60%, 55%)`
+		}
+		return newChartData
+	}, [chartData])
+
+	const colors = Object.keys(newChartData.colors)
+
+	// console.log('rendered at', new Date())
+
+	return (
+		<div>
+			<ChartContainer
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
+				})}
+			>
+				<LineChart accessibilityLayer data={newChartData.data} margin={chartMargin}>
+					<CartesianGrid vertical={false} />
+					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
+						className="tracking-tighter"
+						domain={[0, "auto"]}
+						width={yAxisWidth}
+						tickFormatter={(value) => {
+							const val = toFixedWithoutTrailingZeros(value, 2)
+							return updateYAxisWidth(val + "W")
+						}}
+						tickLine={false}
+						axisLine={false}
+					/>
+					{xAxis(chartData)}
+					<ChartTooltip
+						animationEasing="ease-out"
+						animationDuration={150}
+						// @ts-ignore
+						itemSorter={(a, b) => b.value - a.value}
+						content={
+							<ChartTooltipContent
+								labelFormatter={(_, data) => formatShortDate(data[0].payload.created)}
+								contentFormatter={(item) => decimalString(item.value) + "W"}
+								// indicator="line"
+							/>
+						}
+					/>
+					{colors.map((key) => (
+						<Line
+							key={key}
+							dataKey={key}
+							name={key}
+							type="monotoneX"
+							dot={false}
+							strokeWidth={1.5}
+							stroke={newChartData.colors[key]}
+							isAnimationActive={false}
+						/>
+					))}
+					{colors.length > 1 && <ChartLegend content={<ChartLegendContent />} />}
+				</LineChart>
+			</ChartContainer>
+		</div>
+	)
+})

beszel/site/src/components/charts/mem-chart.tsx

@@ -1,37 +1,38 @@
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
+import { Area, AreaChart, CartesianGrid, YAxis } from "recharts"
 
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
-import {
-	useYAxisWidth,
-	chartTimeData,
-	cn,
-	toFixedFloat,
-	decimalString,
-	formatShortDate,
-	chartMargin,
-} from '@/lib/utils'
-import { memo } from 'react'
-import { ChartData } from '@/types'
+import { ChartContainer, ChartTooltip, ChartTooltipContent, xAxis } from "@/components/ui/chart"
+import { useYAxisWidth, cn, toFixedFloat, decimalString, formatShortDate, chartMargin } from "@/lib/utils"
+import { memo } from "react"
+import { ChartData } from "@/types"
+import { t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
 
 export default memo(function MemChart({ chartData }: { chartData: ChartData }) {
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
+	const { _ } = useLingui()
 
 	const totalMem = toFixedFloat(chartData.systemStats.at(-1)?.stats.m ?? 0, 1)
 
 	// console.log('rendered at', new Date())
 
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
+
 	return (
 		<div>
 			{/* {!yAxisSet && <Spinner />} */}
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<AreaChart accessibilityLayer data={chartData.systemStats} margin={chartMargin}>
 					<CartesianGrid vertical={false} />
 					{totalMem && (
 						<YAxis
+							direction="ltr"
+							orientation={chartData.orientation}
 							// use "ticks" instead of domain / tickcount if need more control
 							domain={[0, totalMem]}
 							tickCount={9}
@@ -41,22 +42,11 @@ export default memo(function MemChart({ chartData }: { chartData: ChartData }) {
 							axisLine={false}
 							tickFormatter={(value) => {
 								const val = toFixedFloat(value, 1)
-								return updateYAxisWidth(val + ' GB')
+								return updateYAxisWidth(val + " GB")
 							}}
 						/>
 					)}
-					<XAxis
-						dataKey="created"
-						domain={chartData.domain}
-						ticks={chartData.ticks}
-						allowDataOverflow
-						type="number"
-						scale="time"
-						minTickGap={30}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartData.chartTime].format}
-					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						// cursor={false}
 						animationEasing="ease-out"
@@ -66,13 +56,13 @@ export default memo(function MemChart({ chartData }: { chartData: ChartData }) {
 								// @ts-ignore
 								itemSorter={(a, b) => a.order - b.order}
 								labelFormatter={(_, data) => formatShortDate(data[0].payload.created)}
-								contentFormatter={(item) => decimalString(item.value) + ' GB'}
+								contentFormatter={(item) => decimalString(item.value) + " GB"}
 								// indicator="line"
 							/>
 						}
 					/>
 					<Area
-						name="Used"
+						name={_(t`Used`)}
 						order={3}
 						dataKey="stats.mu"
 						type="monotoneX"
@@ -96,7 +86,7 @@ export default memo(function MemChart({ chartData }: { chartData: ChartData }) {
 						/>
 					)}
 					<Area
-						name="Cache / Buffers"
+						name={_(t`Cache / Buffers`)}
 						order={1}
 						dataKey="stats.mb"
 						type="monotoneX"

beszel/site/src/components/charts/swap-chart.tsx

@@ -1,67 +1,59 @@
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
+import { Area, AreaChart, CartesianGrid, YAxis } from "recharts"
 
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartTooltipContent, xAxis } from "@/components/ui/chart"
 import {
 	useYAxisWidth,
-	chartTimeData,
 	cn,
 	formatShortDate,
 	toFixedWithoutTrailingZeros,
 	decimalString,
 	chartMargin,
-} from '@/lib/utils'
-import { ChartData } from '@/types'
-import { memo } from 'react'
+} from "@/lib/utils"
+import { ChartData } from "@/types"
+import { memo } from "react"
+import { t } from "@lingui/macro"
 
 export default memo(function SwapChart({ chartData }: { chartData: ChartData }) {
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
 
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
+
 	return (
 		<div>
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<AreaChart accessibilityLayer data={chartData.systemStats} margin={chartMargin}>
 					<CartesianGrid vertical={false} />
 					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
 						className="tracking-tighter"
-						domain={[
-							0,
-							() => toFixedWithoutTrailingZeros(chartData.systemStats.at(-1)?.stats.s ?? 0.04, 2),
-						]}
+						domain={[0, () => toFixedWithoutTrailingZeros(chartData.systemStats.at(-1)?.stats.s ?? 0.04, 2)]}
 						width={yAxisWidth}
 						tickLine={false}
 						axisLine={false}
-						tickFormatter={(value) => updateYAxisWidth(value + ' GB')}
-					/>
-					<XAxis
-						dataKey="created"
-						domain={chartData.domain}
-						ticks={chartData.ticks}
-						allowDataOverflow
-						type="number"
-						scale="time"
-						minTickGap={30}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartData.chartTime].format}
+						tickFormatter={(value) => updateYAxisWidth(value + " GB")}
 					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						animationEasing="ease-out"
 						animationDuration={150}
 						content={
 							<ChartTooltipContent
 								labelFormatter={(_, data) => formatShortDate(data[0].payload.created)}
-								contentFormatter={(item) => decimalString(item.value) + ' GB'}
+								contentFormatter={(item) => decimalString(item.value) + " GB"}
 								// indicator="line"
 							/>
 						}
 					/>
 					<Area
 						dataKey="stats.su"
-						name="Swap Usage"
+						name={t`Used`}
 						type="monotoneX"
 						fill="hsl(var(--chart-2))"
 						fillOpacity={0.4}

beszel/site/src/components/charts/temperature-chart.tsx

@@ -1,4 +1,4 @@
-import { CartesianGrid, Line, LineChart, XAxis, YAxis } from 'recharts'
+import { CartesianGrid, Line, LineChart, YAxis } from "recharts"
 
 import {
 	ChartContainer,
@@ -6,22 +6,26 @@ import {
 	ChartLegendContent,
 	ChartTooltip,
 	ChartTooltipContent,
-} from '@/components/ui/chart'
+	xAxis,
+} from "@/components/ui/chart"
 import {
 	useYAxisWidth,
-	chartTimeData,
 	cn,
 	formatShortDate,
 	toFixedWithoutTrailingZeros,
 	decimalString,
 	chartMargin,
-} from '@/lib/utils'
-import { ChartData } from '@/types'
-import { memo, useMemo } from 'react'
+} from "@/lib/utils"
+import { ChartData } from "@/types"
+import { memo, useMemo } from "react"
 
 export default memo(function TemperatureChart({ chartData }: { chartData: ChartData }) {
 	const { yAxisWidth, updateYAxisWidth } = useYAxisWidth()
 
+	if (chartData.systemStats.length === 0) {
+		return null
+	}
+
 	/** Format temperature data for chart and assign colors */
 	const newChartData = useMemo(() => {
 		const newChartData = { data: [], colors: {} } as {
@@ -53,35 +57,26 @@ export default memo(function TemperatureChart({ chartData }: { chartData: ChartD
 	return (
 		<div>
 			<ChartContainer
-				className={cn('h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity', {
-					'opacity-100': yAxisWidth,
+				className={cn("h-full w-full absolute aspect-auto bg-card opacity-0 transition-opacity", {
+					"opacity-100": yAxisWidth,
 				})}
 			>
 				<LineChart accessibilityLayer data={newChartData.data} margin={chartMargin}>
 					<CartesianGrid vertical={false} />
 					<YAxis
+						direction="ltr"
+						orientation={chartData.orientation}
 						className="tracking-tighter"
-						domain={[0, 'auto']}
+						domain={[0, "auto"]}
 						width={yAxisWidth}
 						tickFormatter={(value) => {
 							const val = toFixedWithoutTrailingZeros(value, 2)
-							return updateYAxisWidth(val + ' °C')
+							return updateYAxisWidth(val + " °C")
 						}}
 						tickLine={false}
 						axisLine={false}
 					/>
-					<XAxis
-						dataKey="created"
-						domain={chartData.domain}
-						ticks={chartData.ticks}
-						allowDataOverflow
-						type="number"
-						scale="time"
-						minTickGap={30}
-						tickMargin={8}
-						axisLine={false}
-						tickFormatter={chartTimeData[chartData.chartTime].format}
-					/>
+					{xAxis(chartData)}
 					<ChartTooltip
 						animationEasing="ease-out"
 						animationDuration={150}
@@ -90,7 +85,7 @@ export default memo(function TemperatureChart({ chartData }: { chartData: ChartD
 						content={
 							<ChartTooltipContent
 								labelFormatter={(_, data) => formatShortDate(data[0].payload.created)}
-								contentFormatter={(item) => decimalString(item.value) + ' °C'}
+								contentFormatter={(item) => decimalString(item.value) + " °C"}
 								// indicator="line"
 							/>
 						}

beszel/site/src/components/command-palette.tsx

@@ -8,7 +8,7 @@ import {
 	Server,
 	SettingsIcon,
 	UsersIcon,
-} from 'lucide-react'
+} from "lucide-react"
 
 import {
 	CommandDialog,
@@ -19,34 +19,36 @@ import {
 	CommandList,
 	CommandSeparator,
 	CommandShortcut,
-} from '@/components/ui/command'
-import { useEffect, useState } from 'react'
-import { useStore } from '@nanostores/react'
-import { $systems } from '@/lib/stores'
-import { isAdmin } from '@/lib/utils'
-import { navigate } from './router'
+} from "@/components/ui/command"
+import { useEffect } from "react"
+import { useStore } from "@nanostores/react"
+import { $systems } from "@/lib/stores"
+import { isAdmin } from "@/lib/utils"
+import { navigate } from "./router"
+import { Trans, t } from "@lingui/macro"
 
-export default function CommandPalette() {
-	const [open, setOpen] = useState(false)
+export default function CommandPalette({ open, setOpen }: { open: boolean; setOpen: (open: boolean) => void }) {
 	const systems = useStore($systems)
 
 	useEffect(() => {
 		const down = (e: KeyboardEvent) => {
-			if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
+			if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
 				e.preventDefault()
-				setOpen((open) => !open)
+				setOpen(!open)
 			}
 		}
 
-		document.addEventListener('keydown', down)
-		return () => document.removeEventListener('keydown', down)
-	}, [])
+		document.addEventListener("keydown", down)
+		return () => document.removeEventListener("keydown", down)
+	}, [open, setOpen])
 
 	return (
 		<CommandDialog open={open} onOpenChange={setOpen}>
-			<CommandInput placeholder="Search for systems or settings..." />
+			<CommandInput placeholder={t`Search for systems or settings...`} />
 			<CommandList>
-				<CommandEmpty>No results found.</CommandEmpty>
+				<CommandEmpty>
+					<Trans>No results found.</Trans>
+				</CommandEmpty>
 				{systems.length > 0 && (
 					<>
 						<CommandGroup>
@@ -58,7 +60,7 @@ export default function CommandPalette() {
 										setOpen(false)
 									}}
 								>
-									<Server className="mr-2 h-4 w-4" />
+									<Server className="me-2 h-4 w-4" />
 									<span>{system.name}</span>
 									<CommandShortcut>{system.host}</CommandShortcut>
 								</CommandItem>
@@ -67,106 +69,140 @@ export default function CommandPalette() {
 						<CommandSeparator className="mb-1.5" />
 					</>
 				)}
-				<CommandGroup heading="Pages / Settings">
+				<CommandGroup heading={t`Pages / Settings`}>
 					<CommandItem
-						keywords={['home']}
+						keywords={["home"]}
 						onSelect={() => {
-							navigate('/')
-							setOpen((open) => !open)
+							navigate("/")
+							setOpen(false)
 						}}
 					>
-						<LayoutDashboard className="mr-2 h-4 w-4" />
-						<span>Dashboard</span>
-						<CommandShortcut>Page</CommandShortcut>
+						<LayoutDashboard className="me-2 h-4 w-4" />
+						<span>
+							<Trans>Dashboard</Trans>
+						</span>
+						<CommandShortcut>
+							<Trans>Page</Trans>
+						</CommandShortcut>
 					</CommandItem>
 					<CommandItem
 						onSelect={() => {
-							navigate('/settings/general')
-							setOpen((open) => !open)
+							navigate("/settings/general")
+							setOpen(false)
 						}}
 					>
-						<SettingsIcon className="mr-2 h-4 w-4" />
-						<span>Settings</span>
-						<CommandShortcut>Settings</CommandShortcut>
+						<SettingsIcon className="me-2 h-4 w-4" />
+						<span>
+							<Trans>Settings</Trans>
+						</span>
+						<CommandShortcut>
+							<Trans>Settings</Trans>
+						</CommandShortcut>
 					</CommandItem>
 					<CommandItem
-						keywords={['alerts']}
+						keywords={["alerts"]}
 						onSelect={() => {
-							navigate('/settings/notifications')
-							setOpen((open) => !open)
+							navigate("/settings/notifications")
+							setOpen(false)
 						}}
 					>
-						<MailIcon className="mr-2 h-4 w-4" />
-						<span>Notification settings</span>
-						<CommandShortcut>Settings</CommandShortcut>
+						<MailIcon className="me-2 h-4 w-4" />
+						<span>
+							<Trans>Notifications</Trans>
+						</span>
+						<CommandShortcut>
+							<Trans>Settings</Trans>
+						</CommandShortcut>
 					</CommandItem>
 					<CommandItem
-						keywords={['github']}
+						keywords={["github"]}
 						onSelect={() => {
-							window.location.href = 'https://github.com/henrygd/beszel/blob/main/readme.md'
+							window.location.href = "https://github.com/henrygd/beszel/blob/main/readme.md"
 						}}
 					>
-						<Github className="mr-2 h-4 w-4" />
-						<span>Documentation</span>
+						<Github className="me-2 h-4 w-4" />
+						<span>
+							<Trans>Documentation</Trans>
+						</span>
 						<CommandShortcut>GitHub</CommandShortcut>
 					</CommandItem>
 				</CommandGroup>
 				{isAdmin() && (
 					<>
 						<CommandSeparator className="mb-1.5" />
-						<CommandGroup heading="Admin">
+						<CommandGroup heading={t`Admin`}>
 							<CommandItem
-								keywords={['pocketbase']}
+								keywords={["pocketbase"]}
 								onSelect={() => {
 									setOpen(false)
-									window.open('/_/', '_blank')
+									window.open("/_/", "_blank")
 								}}
 							>
-								<UsersIcon className="mr-2 h-4 w-4" />
-								<span>Users</span>
-								<CommandShortcut>Admin</CommandShortcut>
+								<UsersIcon className="me-2 h-4 w-4" />
+								<span>
+									<Trans>Users</Trans>
+								</span>
+								<CommandShortcut>
+									<Trans>Admin</Trans>
+								</CommandShortcut>
 							</CommandItem>
 							<CommandItem
 								onSelect={() => {
 									setOpen(false)
-									window.open('/_/#/logs', '_blank')
+									window.open("/_/#/logs", "_blank")
 								}}
 							>
-								<LogsIcon className="mr-2 h-4 w-4" />
-								<span>Logs</span>
-								<CommandShortcut>Admin</CommandShortcut>
+								<LogsIcon className="me-2 h-4 w-4" />
+								<span>
+									<Trans>Logs</Trans>
+								</span>
+								<CommandShortcut>
+									<Trans>Admin</Trans>
+								</CommandShortcut>
 							</CommandItem>
 							<CommandItem
 								onSelect={() => {
 									setOpen(false)
-									window.open('/_/#/settings/backups', '_blank')
+									window.open("/_/#/settings/backups", "_blank")
 								}}
 							>
-								<DatabaseBackupIcon className="mr-2 h-4 w-4" />
-								<span>Backups</span>
-								<CommandShortcut>Admin</CommandShortcut>
+								<DatabaseBackupIcon className="me-2 h-4 w-4" />
+								<span>
+									<Trans>Backups</Trans>
+								</span>
+								<CommandShortcut>
+									<Trans>Admin</Trans>
+								</CommandShortcut>
 							</CommandItem>
 							<CommandItem
-								keywords={['oauth', 'oicd']}
+								keywords={["oauth", "oicd"]}
 								onSelect={() => {
 									setOpen(false)
-									window.open('/_/#/settings/auth-providers', '_blank')
+									window.open("/_/#/settings/auth-providers", "_blank")
 								}}
 							>
-								<LockKeyholeIcon className="mr-2 h-4 w-4" />
-								<span>Auth Providers</span>
-								<CommandShortcut>Admin</CommandShortcut>
+								<LockKeyholeIcon className="me-2 h-4 w-4" />
+								<span>
+									<Trans>Auth Providers</Trans>
+								</span>
+								<CommandShortcut>
+									<Trans>Admin</Trans>
+								</CommandShortcut>
 							</CommandItem>
 							<CommandItem
-								keywords={['email']}
+								keywords={["email"]}
 								onSelect={() => {
 									setOpen(false)
-									window.open('/_/#/settings/mail', '_blank')
+									window.open("/_/#/settings/mail", "_blank")
 								}}
 							>
-								<MailIcon className="mr-2 h-4 w-4" />
-								<span>SMTP settings</span>
-								<CommandShortcut>Admin</CommandShortcut>
+								<MailIcon className="me-2 h-4 w-4" />
+								<span>
+									<Trans>SMTP settings</Trans>
+								</span>
+								<CommandShortcut>
+									<Trans>Admin</Trans>
+								</CommandShortcut>
 							</CommandItem>
 						</CommandGroup>
 					</>

beszel/site/src/components/copy-to-clipboard.tsx

@@ -1,20 +1,22 @@
-import { useEffect, useMemo, useRef } from 'react'
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './ui/dialog'
-import { Textarea } from './ui/textarea'
-import { $copyContent } from '@/lib/stores'
+import { useEffect, useMemo, useRef } from "react"
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./ui/dialog"
+import { Textarea } from "./ui/textarea"
+import { $copyContent } from "@/lib/stores"
+import { Trans } from "@lingui/macro"
 
 export default function CopyToClipboard({ content }: { content: string }) {
 	return (
 		<Dialog defaultOpen={true}>
-			<DialogContent className="w-[90%] rounded-lg" style={{ maxWidth: 530 }}>
+			<DialogContent className="w-[90%] rounded-lg md:pt-4" style={{ maxWidth: 530 }}>
 				<DialogHeader>
-					<DialogTitle>Could not copy to clipboard</DialogTitle>
-					<DialogDescription>Please copy the text manually.</DialogDescription>
+					<DialogTitle>
+						<Trans>Copy text</Trans>
+					</DialogTitle>
+					<DialogDescription className="hidden xs:block">
+						<Trans>Automatic copy requires a secure context.</Trans>
+					</DialogDescription>
 				</DialogHeader>
 				<CopyTextarea content={content} />
-				<p className="text-sm text-muted-foreground">
-					Clipboard API requires a secure context (https, localhost, or *.localhost)
-				</p>
 			</DialogContent>
 		</Dialog>
 	)
@@ -24,7 +26,7 @@ function CopyTextarea({ content }: { content: string }) {
 	const textareaRef = useRef<HTMLTextAreaElement>(null)
 
 	const rows = useMemo(() => {
-		return content.split('\n').length
+		return content.split("\n").length
 	}, [content])
 
 	useEffect(() => {
@@ -34,7 +36,7 @@ function CopyTextarea({ content }: { content: string }) {
 	}, [textareaRef])
 
 	useEffect(() => {
-		return () => $copyContent.set('')
+		return () => $copyContent.set("")
 	}, [])
 
 	return (

beszel/site/src/components/lang-toggle.tsx

@@ -0,0 +1,34 @@
+import { LanguagesIcon } from "lucide-react"
+
+import { Button } from "@/components/ui/button"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import languages from "@/lib/languages"
+import { cn } from "@/lib/utils"
+import { useLingui } from "@lingui/react"
+import { dynamicActivate } from "@/lib/i18n"
+
+export function LangToggle() {
+	const { i18n } = useLingui()
+
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<Button variant={"ghost"} size="icon" className="hidden 450:flex">
+					<LanguagesIcon className="absolute h-[1.2rem] w-[1.2rem] light:opacity-85" />
+					<span className="sr-only">Language</span>
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent className="grid grid-cols-3">
+				{languages.map(({ lang, label, e }) => (
+					<DropdownMenuItem
+						key={lang}
+						className={cn("px-2.5 flex gap-2.5", lang === i18n.locale && "font-semibold")}
+						onClick={() => dynamicActivate(lang)}
+					>
+						<span>{e}</span> {label}
+					</DropdownMenuItem>
+				))}
+			</DropdownMenuContent>
+		</DropdownMenu>
+	)
+}

beszel/site/src/components/login/auth-form.tsx

@@ -1,28 +1,20 @@
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { LoaderCircle, LockIcon, LogInIcon, MailIcon, UserIcon } from 'lucide-react'
-import { $authenticated, pb } from '@/lib/stores'
-import * as v from 'valibot'
-import { toast } from '../ui/use-toast'
-import {
-	Dialog,
-	DialogContent,
-	DialogTrigger,
-	DialogHeader,
-	DialogTitle,
-} from '@/components/ui/dialog'
-import { useCallback, useState } from 'react'
-import { AuthMethodsList, OAuth2AuthConfig } from 'pocketbase'
-import { Link } from '../router'
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { LoaderCircle, LockIcon, LogInIcon, MailIcon, UserIcon } from "lucide-react"
+import { $authenticated, pb } from "@/lib/stores"
+import * as v from "valibot"
+import { toast } from "../ui/use-toast"
+import { Dialog, DialogContent, DialogTrigger, DialogHeader, DialogTitle } from "@/components/ui/dialog"
+import { useCallback, useState } from "react"
+import { AuthMethodsList, OAuth2AuthConfig } from "pocketbase"
+import { Link } from "../router"
+import { Trans, t } from "@lingui/macro"
 
-const honeypot = v.literal('')
-const emailSchema = v.pipe(v.string(), v.email('Invalid email address.'))
-const passwordSchema = v.pipe(
-	v.string(),
-	v.minLength(10, 'Password must be at least 10 characters.')
-)
+const honeypot = v.literal("")
+const emailSchema = v.pipe(v.string(), v.email(t`Invalid email address.`))
+const passwordSchema = v.pipe(v.string(), v.minLength(10, t`Password must be at least 10 characters.`))
 
 const LoginSchema = v.looseObject({
 	name: honeypot,
@@ -36,9 +28,9 @@ const RegisterSchema = v.looseObject({
 		v.string(),
 		v.regex(
 			/^(?=.*[a-zA-Z])[a-zA-Z0-9_-]+$/,
-			'Invalid username. You may use alphanumeric characters, underscores, and hyphens.'
+			"Invalid username. You may use alphanumeric characters, underscores, and hyphens."
 		),
-		v.minLength(3, 'Username must be at least 3 characters long.')
+		v.minLength(3, "Username must be at least 3 characters long.")
 	),
 	email: emailSchema,
 	password: passwordSchema,
@@ -47,9 +39,9 @@ const RegisterSchema = v.looseObject({
 
 const showLoginFaliedToast = () => {
 	toast({
-		title: 'Login attempt failed',
-		description: 'Please check your credentials and try again',
-		variant: 'destructive',
+		title: t`Login attempt failed`,
+		description: t`Please check your credentials and try again`,
+		variant: "destructive",
 	})
 }
 
@@ -90,7 +82,7 @@ export function UserAuthForm({
 				if (isFirstRun) {
 					// check that passwords match
 					if (password !== passwordConfirm) {
-						let msg = 'Passwords do not match'
+						let msg = "Passwords do not match"
 						setErrors({ passwordConfirm: msg })
 						return
 					}
@@ -100,17 +92,17 @@ export function UserAuthForm({
 						passwordConfirm: password,
 					})
 					await pb.admins.authWithPassword(email, password)
-					await pb.collection('users').create({
+					await pb.collection("users").create({
 						username,
 						email,
 						password,
 						passwordConfirm: password,
-						role: 'admin',
+						role: "admin",
 						verified: true,
 					})
-					await pb.collection('users').authWithPassword(email, password)
+					await pb.collection("users").authWithPassword(email, password)
 				} else {
-					await pb.collection('users').authWithPassword(email, password)
+					await pb.collection("users").authWithPassword(email, password)
 				}
 				$authenticated.set(true)
 			} catch (e) {
@@ -127,7 +119,7 @@ export function UserAuthForm({
 	}
 
 	return (
-		<div className={cn('grid gap-6', className)} {...props}>
+		<div className={cn("grid gap-6", className)} {...props}>
 			{authMethods.emailPassword && (
 				<>
 					<form onSubmit={handleSubmit} onChange={() => setErrors({})}>
@@ -136,59 +128,57 @@ export function UserAuthForm({
 								<div className="grid gap-1 relative">
 									<UserIcon className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
 									<Label className="sr-only" htmlFor="username">
-										Username
+										<Trans>Username</Trans>
 									</Label>
 									<Input
 										autoFocus={true}
 										id="username"
 										name="username"
 										required
-										placeholder="username"
+										placeholder={t`username`}
 										type="username"
 										autoCapitalize="none"
 										autoComplete="username"
 										autoCorrect="off"
 										disabled={isLoading || isOauthLoading}
-										className="pl-9"
+										className="ps-9"
 									/>
-									{errors?.username && (
-										<p className="px-1 text-xs text-red-600">{errors.username}</p>
-									)}
+									{errors?.username && <p className="px-1 text-xs text-red-600">{errors.username}</p>}
 								</div>
 							)}
 							<div className="grid gap-1 relative">
 								<MailIcon className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
 								<Label className="sr-only" htmlFor="email">
-									Email
+									<Trans>Email</Trans>
 								</Label>
 								<Input
 									id="email"
 									name="email"
 									required
-									placeholder={isFirstRun ? 'email' : 'name@example.com'}
+									placeholder={isFirstRun ? t`email` : "name@example.com"}
 									type="email"
 									autoCapitalize="none"
 									autoComplete="email"
 									autoCorrect="off"
 									disabled={isLoading || isOauthLoading}
-									className="pl-9"
+									className="ps-9"
 								/>
 								{errors?.email && <p className="px-1 text-xs text-red-600">{errors.email}</p>}
 							</div>
 							<div className="grid gap-1 relative">
 								<LockIcon className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
 								<Label className="sr-only" htmlFor="pass">
-									Password
+									<Trans>Password</Trans>
 								</Label>
 								<Input
 									id="pass"
 									name="password"
-									placeholder="password"
+									placeholder={t`Password`}
 									required
 									type="password"
 									autoComplete="current-password"
 									disabled={isLoading || isOauthLoading}
-									className="pl-9"
+									className="ps-9 lowercase"
 								/>
 								{errors?.password && <p className="px-1 text-xs text-red-600">{errors.password}</p>}
 							</div>
@@ -196,21 +186,19 @@ export function UserAuthForm({
 								<div className="grid gap-1 relative">
 									<LockIcon className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
 									<Label className="sr-only" htmlFor="pass2">
-										Confirm password
+										<Trans>Confirm password</Trans>
 									</Label>
 									<Input
 										id="pass2"
 										name="passwordConfirm"
-										placeholder="confirm password"
+										placeholder={t`Confirm password`}
 										required
 										type="password"
 										autoComplete="current-password"
 										disabled={isLoading || isOauthLoading}
-										className="pl-9"
+										className="ps-9 lowercase"
 									/>
-									{errors?.passwordConfirm && (
-										<p className="px-1 text-xs text-red-600">{errors.passwordConfirm}</p>
-									)}
+									{errors?.passwordConfirm && <p className="px-1 text-xs text-red-600">{errors.passwordConfirm}</p>}
 								</div>
 							)}
 							<div className="sr-only">
@@ -220,11 +208,11 @@ export function UserAuthForm({
 							</div>
 							<button className={cn(buttonVariants())} disabled={isLoading}>
 								{isLoading ? (
-									<LoaderCircle className="mr-2 h-4 w-4 animate-spin" />
+									<LoaderCircle className="me-2 h-4 w-4 animate-spin" />
 								) : (
-									<LogInIcon className="mr-2 h-4 w-4" />
+									<LogInIcon className="me-2 h-4 w-4" />
 								)}
-								{isFirstRun ? 'Create account' : 'Sign in'}
+								{isFirstRun ? t`Create account` : t`Sign in`}
 							</button>
 						</div>
 					</form>
@@ -235,7 +223,9 @@ export function UserAuthForm({
 								<span className="w-full border-t" />
 							</div>
 							<div className="relative flex justify-center text-xs uppercase">
-								<span className="bg-background px-2 text-muted-foreground">Or continue with</span>
+								<span className="bg-background px-2 text-muted-foreground">
+									<Trans>Or continue with</Trans>
+								</span>
 							</div>
 						</div>
 					)}
@@ -248,9 +238,9 @@ export function UserAuthForm({
 						<button
 							key={provider.name}
 							type="button"
-							className={cn(buttonVariants({ variant: 'outline' }), {
-								'justify-self-center': !authMethods.emailPassword,
-								'px-5': !authMethods.emailPassword,
+							className={cn(buttonVariants({ variant: "outline" }), {
+								"justify-self-center": !authMethods.emailPassword,
+								"px-5": !authMethods.emailPassword,
 							})}
 							onClick={() => {
 								setIsOauthLoading(true)
@@ -263,9 +253,9 @@ export function UserAuthForm({
 									if (!authWindow) {
 										setIsOauthLoading(false)
 										toast({
-											title: 'Error',
-											description: 'Please enable pop-ups for this site',
-											variant: 'destructive',
+											title: t`Error`,
+											description: t`Please enable pop-ups for this site`,
+											variant: "destructive",
 										})
 										return
 									}
@@ -273,7 +263,7 @@ export function UserAuthForm({
 										authWindow.location.href = url
 									}
 								}
-								pb.collection('users')
+								pb.collection("users")
 									.authWithOAuth2(oAuthOpts)
 									.then(() => {
 										$authenticated.set(pb.authStore.isValid)
@@ -286,14 +276,14 @@ export function UserAuthForm({
 							disabled={isLoading || isOauthLoading}
 						>
 							{isOauthLoading ? (
-								<LoaderCircle className="mr-2 h-4 w-4 animate-spin" />
+								<LoaderCircle className="me-2 h-4 w-4 animate-spin" />
 							) : (
 								<img
-									className="mr-2 h-4 w-4 dark:invert"
+									className="me-2 h-4 w-4 dark:invert"
 									src={`/static/${provider.name}.svg`}
 									alt=""
 									onError={(e) => {
-										e.currentTarget.src = '/static/lock.svg'
+										e.currentTarget.src = "/static/lock.svg"
 									}}
 								/>
 							)}
@@ -307,26 +297,32 @@ export function UserAuthForm({
 				// only show GitHub button / dialog during onboarding
 				<Dialog>
 					<DialogTrigger asChild>
-						<button type="button" className={cn(buttonVariants({ variant: 'outline' }))}>
-							<img className="mr-2 h-4 w-4 dark:invert" src="/static/github.svg" alt="" />
+						<button type="button" className={cn(buttonVariants({ variant: "outline" }))}>
+							<img className="me-2 h-4 w-4 dark:invert" src="/static/github.svg" alt="" />
 							<span className="translate-y-[1px]">GitHub</span>
 						</button>
 					</DialogTrigger>
-					<DialogContent style={{ maxWidth: 440, width: '90%' }}>
+					<DialogContent style={{ maxWidth: 440, width: "90%" }}>
 						<DialogHeader>
-							<DialogTitle>OAuth 2 / OIDC support</DialogTitle>
+							<DialogTitle>
+								<Trans>OAuth 2 / OIDC support</Trans>
+							</DialogTitle>
 						</DialogHeader>
 						<div className="text-primary/70 text-[0.95em] contents">
-							<p>Beszel supports OpenID Connect and many OAuth2 authentication providers.</p>
 							<p>
-								Please view the{' '}
-								<a
-									href="https://github.com/henrygd/beszel/blob/main/readme.md#oauth--oidc-integration"
-									className={cn(buttonVariants({ variant: 'link' }), 'p-0 h-auto')}
-								>
-									GitHub README
-								</a>{' '}
-								for instructions.
+								<Trans>Beszel supports OpenID Connect and many OAuth2 authentication providers.</Trans>
+							</p>
+							<p>
+								<Trans>
+									Please see{" "}
+									<a
+										href="https://github.com/henrygd/beszel/blob/main/readme.md#oauth--oidc-integration"
+										className={cn(buttonVariants({ variant: "link" }), "p-0 h-auto")}
+									>
+										the documentation
+									</a>{" "}
+									for instructions.
+								</Trans>
 							</p>
 						</div>
 					</DialogContent>
@@ -338,7 +334,7 @@ export function UserAuthForm({
 					href="/forgot-password"
 					className="text-sm mx-auto hover:text-brand underline underline-offset-4 opacity-70 hover:opacity-100 transition-opacity"
 				>
-					Forgot password?
+					<Trans>Forgot password?</Trans>
 				</Link>
 			)}
 		</div>

beszel/site/src/components/login/forgot-pass-form.tsx

@@ -1,25 +1,26 @@
-import { LoaderCircle, MailIcon, SendHorizonalIcon } from 'lucide-react'
-import { Input } from '../ui/input'
-import { Label } from '../ui/label'
-import { useCallback, useState } from 'react'
-import { toast } from '../ui/use-toast'
-import { buttonVariants } from '../ui/button'
-import { cn } from '@/lib/utils'
-import { pb } from '@/lib/stores'
-import { Dialog, DialogHeader } from '../ui/dialog'
-import { DialogContent, DialogTrigger, DialogTitle } from '../ui/dialog'
+import { LoaderCircle, MailIcon, SendHorizonalIcon } from "lucide-react"
+import { Input } from "../ui/input"
+import { Label } from "../ui/label"
+import { useCallback, useState } from "react"
+import { toast } from "../ui/use-toast"
+import { buttonVariants } from "../ui/button"
+import { cn } from "@/lib/utils"
+import { pb } from "@/lib/stores"
+import { Dialog, DialogHeader } from "../ui/dialog"
+import { DialogContent, DialogTrigger, DialogTitle } from "../ui/dialog"
+import { t, Trans } from "@lingui/macro"
 
 const showLoginFaliedToast = () => {
 	toast({
-		title: 'Login attempt failed',
-		description: 'Please check your credentials and try again',
-		variant: 'destructive',
+		title: t`Login attempt failed`,
+		description: t`Please check your credentials and try again`,
+		variant: "destructive",
 	})
 }
 
 export default function ForgotPassword() {
 	const [isLoading, setIsLoading] = useState<boolean>(false)
-	const [email, setEmail] = useState('')
+	const [email, setEmail] = useState("")
 
 	const handleSubmit = useCallback(
 		async (e: React.FormEvent<HTMLFormElement>) => {
@@ -27,16 +28,16 @@ export default function ForgotPassword() {
 			setIsLoading(true)
 			try {
 				// console.log(email)
-				await pb.collection('users').requestPasswordReset(email)
+				await pb.collection("users").requestPasswordReset(email)
 				toast({
-					title: 'Password reset request received',
-					description: `Check ${email} for a reset link.`,
+					title: t`Password reset request received`,
+					description: t`Check ${email} for a reset link.`,
 				})
 			} catch (e) {
 				showLoginFaliedToast()
 			} finally {
 				setIsLoading(false)
-				setEmail('')
+				setEmail("")
 			}
 		},
 		[email]
@@ -49,7 +50,7 @@ export default function ForgotPassword() {
 					<div className="grid gap-1 relative">
 						<MailIcon className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
 						<Label className="sr-only" htmlFor="email">
-							Email
+							<Trans>Email</Trans>
 						</Label>
 						<Input
 							value={email}
@@ -63,37 +64,40 @@ export default function ForgotPassword() {
 							autoComplete="email"
 							autoCorrect="off"
 							disabled={isLoading}
-							className="pl-9"
+							className="ps-9"
 						/>
 					</div>
 					<button className={cn(buttonVariants())} disabled={isLoading}>
 						{isLoading ? (
-							<LoaderCircle className="mr-2 h-4 w-4 animate-spin" />
+							<LoaderCircle className="me-2 h-4 w-4 animate-spin" />
 						) : (
-							<SendHorizonalIcon className="mr-2 h-4 w-4" />
+							<SendHorizonalIcon className="me-2 h-4 w-4" />
 						)}
-						Reset password
+						<Trans>Reset Password</Trans>
 					</button>
 				</div>
 			</form>
 			<Dialog>
 				<DialogTrigger asChild>
 					<button className="text-sm mx-auto hover:text-brand underline underline-offset-4 opacity-70 hover:opacity-100 transition-opacity">
-						Command line instructions
+						<Trans>Command line instructions</Trans>
 					</button>
 				</DialogTrigger>
 				<DialogContent className="max-w-[33em]">
 					<DialogHeader>
-						<DialogTitle>Command line instructions</DialogTitle>
+						<DialogTitle>
+							<Trans>Command line instructions</Trans>
+						</DialogTitle>
 					</DialogHeader>
 					<p className="text-primary/70 text-[0.95em] leading-relaxed">
-						If you've lost the password to your admin account, you may reset it using the following
-						command.
+						<Trans>
+							If you've lost the password to your admin account, you may reset it using the following command.
+						</Trans>
 					</p>
 					<p className="text-primary/70 text-[0.95em] leading-relaxed">
-						Then log into the backend and reset your user account password in the users table.
+						<Trans>Then log into the backend and reset your user account password in the users table.</Trans>
 					</p>
-					<code className="bg-muted rounded-sm py-0.5 px-2.5 mr-auto text-sm">
+					<code className="bg-muted rounded-sm py-0.5 px-2.5 me-auto text-sm">
 						beszel admin update youremail@example.com newpassword
 					</code>
 				</DialogContent>

beszel/site/src/components/login/login.tsx

@@ -1,27 +1,30 @@
-import { UserAuthForm } from '@/components/login/auth-form'
-import { Logo } from '../logo'
-import { useEffect, useMemo, useState } from 'react'
-import { pb } from '@/lib/stores'
-import { useStore } from '@nanostores/react'
-import ForgotPassword from './forgot-pass-form'
-import { $router } from '../router'
-import { AuthMethodsList } from 'pocketbase'
+import { UserAuthForm } from "@/components/login/auth-form"
+import { Logo } from "../logo"
+import { useEffect, useMemo, useState } from "react"
+import { pb } from "@/lib/stores"
+import { useStore } from "@nanostores/react"
+import ForgotPassword from "./forgot-pass-form"
+import { $router } from "../router"
+import { AuthMethodsList } from "pocketbase"
+import { t } from "@lingui/macro"
+import { useTheme } from "../theme-provider"
 
 export default function () {
 	const page = useStore($router)
 	const [isFirstRun, setFirstRun] = useState(false)
 	const [authMethods, setAuthMethods] = useState<AuthMethodsList>()
+	const { theme } = useTheme()
 
 	useEffect(() => {
-		document.title = 'Login / Beszel'
+		document.title = t`Login` + " / Beszel"
 
-		pb.send('/api/beszel/first-run', {}).then(({ firstRun }) => {
+		pb.send("/api/beszel/first-run", {}).then(({ firstRun }) => {
 			setFirstRun(firstRun)
 		})
 	}, [])
 
 	useEffect(() => {
-		pb.collection('users')
+		pb.collection("users")
 			.listAuthMethods()
 			.then((methods) => {
 				setAuthMethods(methods)
@@ -30,11 +33,11 @@ export default function () {
 
 	const subtitle = useMemo(() => {
 		if (isFirstRun) {
-			return 'Please create an admin account'
-		} else if (page?.path === '/forgot-password') {
-			return 'Enter email address to reset password'
+			return t`Please create an admin account`
+		} else if (page?.path === "/forgot-password") {
+			return t`Enter email address to reset password`
 		} else {
-			return 'Please sign in to your account'
+			return t`Please sign in to your account`
 		}
 	}, [isFirstRun, page])
 
@@ -43,8 +46,12 @@ export default function () {
 	}
 
 	return (
-		<div className="min-h-screen grid items-center py-12">
-			<div className="grid gap-5 w-full px-4 mx-auto" style={{ maxWidth: '22em' }}>
+		<div className="min-h-svh grid items-center py-12">
+			<div
+				className="grid gap-5 w-full px-4 mx-auto"
+				// @ts-ignore
+				style={{ maxWidth: "22em", "--border": theme == "light" ? "30 8% 80%" : "220 3% 20%" }}
+			>
 				<div className="text-center">
 					<h1 className="mb-3">
 						<Logo className="h-7 fill-foreground mx-auto" />
@@ -52,7 +59,7 @@ export default function () {
 					</h1>
 					<p className="text-sm text-muted-foreground">{subtitle}</p>
 				</div>
-				{page?.path === '/forgot-password' ? (
+				{page?.path === "/forgot-password" ? (
 					<ForgotPassword />
 				) : (
 					<UserAuthForm isFirstRun={isFirstRun} authMethods={authMethods} />

beszel/site/src/components/logo.tsx

@@ -2,7 +2,16 @@ export function Logo({ className }: { className?: string }) {
 	return (
 		// Righteous
 		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285 75" className={className}>
-			<path d="M146.4 73.1h-30.5V59.8h30.5a3.2 3.2 0 0 0 2.3-1 3.2 3.2 0 0 0 1-2.3q0-.8-.3-1.3a1.5 1.5 0 0 0-.7-.6 4.7 4.7 0 0 0-1-.3l-1.3-.1h-13.9q-3.4 0-6.5-1.3-3-1.3-5.2-3.6a16.9 16.9 0 0 1-3.6-5.3 16.3 16.3 0 0 1-1.3-6.5 16.4 16.4 0 0 1 1.3-6.4q1.3-3.1 3.6-5.4 2.2-2.2 5.2-3.5a16.3 16.3 0 0 1 6.5-1.3h27v13.3h-27a3.2 3.2 0 0 0-2.3 1 3.2 3.2 0 0 0-1 2.3 3.3 3.3 0 0 0 1 2.4 3.3 3.3 0 0 0 1.2.8 3.2 3.2 0 0 0 1.1.2h13.9a18.1 18.1 0 0 1 6 1 17.3 17.3 0 0 1 .4.2q3 1.1 5.3 3.2a15.1 15.1 0 0 1 3.6 4.9 14.7 14.7 0 0 1 1.3 5.4 17.2 17.2 0 0 1 0 .9 16 16 0 0 1-1 5.8 15.4 15.4 0 0 1-.3.7 17.3 17.3 0 0 1-3.6 5.2 16.4 16.4 0 0 1-5.3 3.6 16.2 16.2 0 0 1-6.4 1.3Zm64.5-13.3v13.3h-43.6l22-39h-22V21h43.6l-22 39h22ZM35 73.1H0v-70h35q4.4 0 8.2 1.6a21.4 21.4 0 0 1 6.6 4.6q2.9 2.8 4.5 6.6 1.7 3.8 1.7 8.2a15.4 15.4 0 0 1-.3 3.2 17.6 17.6 0 0 1-.2.8 19.4 19.4 0 0 1-1.5 4 17 17 0 0 1-2.4 3.4 13.5 13.5 0 0 1-2.6 2.3 12.5 12.5 0 0 1-.4.3q1.7 1 3 2.5 1.4 1.6 2.4 3.5a18.3 18.3 0 0 1 1.5 4A17.4 17.4 0 0 1 56 51a15.3 15.3 0 0 1 0 1.1q0 4.3-1.7 8.2a21.4 21.4 0 0 1-4.5 6.6q-2.8 2.9-6.6 4.5-3.8 1.7-8.2 1.7Zm76-43L86 60.4l1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.6-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8 26.7 26.7 0 0 1-5.5-8.3 30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8Zm152.3 0-25 30.2 1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.5-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8A26.7 26.7 0 0 1 217 58a30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8ZM283.4 0v73.1H270V0h13.4ZM14 17v14.1h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.1Q39 30 40 29a6.9 6.9 0 0 0 1.5-2.3q.5-1.3.5-2.7a7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.5q-.6-1.2-1.5-2.2a7 7 0 0 0-2.3-1.5 6.9 6.9 0 0 0-2.5-.5 7.9 7.9 0 0 0-.2 0H14Zm0 28.1v14h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.2Q39 58 40 57.1a7 7 0 0 0 1.5-2.3 6.9 6.9 0 0 0 .5-2.5 7.9 7.9 0 0 0 0-.2 7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.4Q40.9 48 40 47a7 7 0 0 0-2.3-1.4 6.9 6.9 0 0 0-2.5-.6 7.9 7.9 0 0 0-.2 0H14Zm63.3 8.3 15.5-20.6a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.3.9 14.7 14.7 0 0 0-1 3.5 18.7 18.7 0 0 0 0 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 0 .1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Zm152.3 0L245 32.8a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.4.9 14.7 14.7 0 0 0-.8 3.5 18.7 18.7 0 0 0-.2 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 .1.1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Z" />
+			{/* <defs>
+				<linearGradient id="gradient" x1="0%" y1="20%" x2="100%" y2="120%">
+					<stop offset="0%" style={{ stopColor: "#747bff" }} />
+					<stop offset="100%" style={{ stopColor: "#24eb5c" }} />
+				</linearGradient>
+			</defs> */}
+			<path
+				// fill="url(#gradient)"
+				d="M146.4 73.1h-30.5V59.8h30.5a3.2 3.2 0 0 0 2.3-1 3.2 3.2 0 0 0 1-2.3q0-.8-.3-1.3a1.5 1.5 0 0 0-.7-.6 4.7 4.7 0 0 0-1-.3l-1.3-.1h-13.9q-3.4 0-6.5-1.3-3-1.3-5.2-3.6a16.9 16.9 0 0 1-3.6-5.3 16.3 16.3 0 0 1-1.3-6.5 16.4 16.4 0 0 1 1.3-6.4q1.3-3.1 3.6-5.4 2.2-2.2 5.2-3.5a16.3 16.3 0 0 1 6.5-1.3h27v13.3h-27a3.2 3.2 0 0 0-2.3 1 3.2 3.2 0 0 0-1 2.3 3.3 3.3 0 0 0 1 2.4 3.3 3.3 0 0 0 1.2.8 3.2 3.2 0 0 0 1.1.2h13.9a18.1 18.1 0 0 1 6 1 17.3 17.3 0 0 1 .4.2q3 1.1 5.3 3.2a15.1 15.1 0 0 1 3.6 4.9 14.7 14.7 0 0 1 1.3 5.4 17.2 17.2 0 0 1 0 .9 16 16 0 0 1-1 5.8 15.4 15.4 0 0 1-.3.7 17.3 17.3 0 0 1-3.6 5.2 16.4 16.4 0 0 1-5.3 3.6 16.2 16.2 0 0 1-6.4 1.3Zm64.5-13.3v13.3h-43.6l22-39h-22V21h43.6l-22 39h22ZM35 73.1H0v-70h35q4.4 0 8.2 1.6a21.4 21.4 0 0 1 6.6 4.6q2.9 2.8 4.5 6.6 1.7 3.8 1.7 8.2a15.4 15.4 0 0 1-.3 3.2 17.6 17.6 0 0 1-.2.8 19.4 19.4 0 0 1-1.5 4 17 17 0 0 1-2.4 3.4 13.5 13.5 0 0 1-2.6 2.3 12.5 12.5 0 0 1-.4.3q1.7 1 3 2.5 1.4 1.6 2.4 3.5a18.3 18.3 0 0 1 1.5 4A17.4 17.4 0 0 1 56 51a15.3 15.3 0 0 1 0 1.1q0 4.3-1.7 8.2a21.4 21.4 0 0 1-4.5 6.6q-2.8 2.9-6.6 4.5-3.8 1.7-8.2 1.7Zm76-43L86 60.4l1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.6-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8 26.7 26.7 0 0 1-5.5-8.3 30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8Zm152.3 0-25 30.2 1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.5-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8A26.7 26.7 0 0 1 217 58a30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8ZM283.4 0v73.1H270V0h13.4ZM14 17v14.1h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.1Q39 30 40 29a6.9 6.9 0 0 0 1.5-2.3q.5-1.3.5-2.7a7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.5q-.6-1.2-1.5-2.2a7 7 0 0 0-2.3-1.5 6.9 6.9 0 0 0-2.5-.5 7.9 7.9 0 0 0-.2 0H14Zm0 28.1v14h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.2Q39 58 40 57.1a7 7 0 0 0 1.5-2.3 6.9 6.9 0 0 0 .5-2.5 7.9 7.9 0 0 0 0-.2 7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.4Q40.9 48 40 47a7 7 0 0 0-2.3-1.4 6.9 6.9 0 0 0-2.5-.6 7.9 7.9 0 0 0-.2 0H14Zm63.3 8.3 15.5-20.6a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.3.9 14.7 14.7 0 0 0-1 3.5 18.7 18.7 0 0 0 0 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 0 .1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Zm152.3 0L245 32.8a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.4.9 14.7 14.7 0 0 0-.8 3.5 18.7 18.7 0 0 0-.2 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 .1.1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Z"
+			/>
 		</svg>
 	)
 }

beszel/site/src/components/mode-toggle.tsx

@@ -1,39 +1,54 @@
-import { LaptopIcon, MoonStarIcon, SunIcon } from 'lucide-react'
+import { LaptopIcon, MoonStarIcon, SunIcon } from "lucide-react"
 
-import { Button } from '@/components/ui/button'
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { useTheme } from '@/components/theme-provider'
+import { Button } from "@/components/ui/button"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { useTheme } from "@/components/theme-provider"
+import { cn } from "@/lib/utils"
+import { t, Trans } from "@lingui/macro"
 
 export function ModeToggle() {
-	const { setTheme } = useTheme()
+	const { theme, setTheme } = useTheme()
+
+	const options = [
+		{
+			theme: "light",
+			Icon: SunIcon,
+			label: <Trans comment="Light theme">Light</Trans>,
+		},
+		{
+			theme: "dark",
+			Icon: MoonStarIcon,
+			label: <Trans comment="Dark theme">Dark</Trans>,
+		},
+		{
+			theme: "system",
+			Icon: LaptopIcon,
+			label: <Trans comment="System theme">System</Trans>,
+		},
+	]
 
 	return (
 		<DropdownMenu>
 			<DropdownMenuTrigger asChild>
-				<Button variant={'ghost'} size="icon">
+				<Button variant={"ghost"} size="icon" aria-label={t`Toggle theme`}>
 					<SunIcon className="h-[1.2rem] w-[1.2rem] dark:opacity-0" />
 					<MoonStarIcon className="absolute h-[1.2rem] w-[1.2rem] opacity-0 dark:opacity-100" />
-					<span className="sr-only">Toggle theme</span>
 				</Button>
 			</DropdownMenuTrigger>
 			<DropdownMenuContent>
-				<DropdownMenuItem onClick={() => setTheme('light')}>
-					<SunIcon className="mr-2.5 h-4 w-4" />
-					Light
-				</DropdownMenuItem>
-				<DropdownMenuItem onClick={() => setTheme('dark')}>
-					<MoonStarIcon className="mr-2.5 h-4 w-4" />
-					Dark
-				</DropdownMenuItem>
-				<DropdownMenuItem onClick={() => setTheme('system')}>
-					<LaptopIcon className="mr-2.5 h-4 w-4" />
-					System
-				</DropdownMenuItem>
+				{options.map((opt) => {
+					const selected = opt.theme === theme
+					return (
+						<DropdownMenuItem
+							key={opt.theme}
+							className={cn("px-2.5", selected ? "font-semibold" : "")}
+							onClick={() => setTheme(opt.theme as "dark" | "light" | "system")}
+						>
+							<opt.Icon className={cn("me-2 h-4 w-4 opacity-80", selected && "opacity-100")} />
+							{opt.label}
+						</DropdownMenuItem>
+					)
+				})}
 			</DropdownMenuContent>
 		</DropdownMenu>
 	)

beszel/site/src/components/navbar.tsx

@@ -0,0 +1,154 @@
+import { useState, lazy, Suspense } from "react"
+import { Button, buttonVariants } from "@/components/ui/button"
+import {
+	DatabaseBackupIcon,
+	LockKeyholeIcon,
+	LogOutIcon,
+	LogsIcon,
+	SearchIcon,
+	ServerIcon,
+	SettingsIcon,
+	UserIcon,
+	UsersIcon,
+} from "lucide-react"
+import { Link } from "./router"
+import { LangToggle } from "./lang-toggle"
+import { ModeToggle } from "./mode-toggle"
+import { Logo } from "./logo"
+import { pb } from "@/lib/stores"
+import { cn, isReadOnlyUser, isAdmin } from "@/lib/utils"
+import {
+	DropdownMenu,
+	DropdownMenuTrigger,
+	DropdownMenuContent,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
+	DropdownMenuGroup,
+	DropdownMenuItem,
+} from "@/components/ui/dropdown-menu"
+import { AddSystemButton } from "./add-system"
+import { Trans } from "@lingui/macro"
+
+const CommandPalette = lazy(() => import("./command-palette"))
+
+const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0
+
+export default function Navbar() {
+	return (
+		<div className="flex items-center h-14 md:h-16 bg-card px-4 pe-3 sm:px-6 border border-border/60 bt-0 rounded-md my-4">
+			<Link href="/" aria-label="Home" className="p-2 ps-0 me-3">
+				<Logo className="h-[1.1rem] md:h-5 fill-foreground" />
+			</Link>
+			<SearchButton />
+
+			<div className="flex items-center ms-auto">
+				<LangToggle />
+				<ModeToggle />
+				<Link
+					href="/settings/general"
+					aria-label="Settings"
+					className={cn("", buttonVariants({ variant: "ghost", size: "icon" }))}
+				>
+					<SettingsIcon className="h-[1.2rem] w-[1.2rem]" />
+				</Link>
+				<DropdownMenu>
+					<DropdownMenuTrigger asChild>
+						<button aria-label="User Actions" className={cn("", buttonVariants({ variant: "ghost", size: "icon" }))}>
+							<UserIcon className="h-[1.2rem] w-[1.2rem]" />
+						</button>
+					</DropdownMenuTrigger>
+					<DropdownMenuContent align={isReadOnlyUser() ? "end" : "center"} className="min-w-44">
+						<DropdownMenuLabel>{pb.authStore.model?.email}</DropdownMenuLabel>
+						<DropdownMenuSeparator />
+						<DropdownMenuGroup>
+							{isAdmin() && (
+								<>
+									<DropdownMenuItem asChild>
+										<a href="/_/" target="_blank">
+											<UsersIcon className="me-2.5 h-4 w-4" />
+											<span>
+												<Trans>Users</Trans>
+											</span>
+										</a>
+									</DropdownMenuItem>
+									<DropdownMenuItem asChild>
+										<a href="/_/#/collections?collectionId=2hz5ncl8tizk5nx" target="_blank">
+											<ServerIcon className="me-2.5 h-4 w-4" />
+											<span>
+												<Trans>Systems</Trans>
+											</span>
+										</a>
+									</DropdownMenuItem>
+									<DropdownMenuItem asChild>
+										<a href="/_/#/logs" target="_blank">
+											<LogsIcon className="me-2.5 h-4 w-4" />
+											<span>
+												<Trans>Logs</Trans>
+											</span>
+										</a>
+									</DropdownMenuItem>
+									<DropdownMenuItem asChild>
+										<a href="/_/#/settings/backups" target="_blank">
+											<DatabaseBackupIcon className="me-2.5 h-4 w-4" />
+											<span>
+												<Trans>Backups</Trans>
+											</span>
+										</a>
+									</DropdownMenuItem>
+									<DropdownMenuItem asChild>
+										<a href="/_/#/settings/auth-providers" target="_blank">
+											<LockKeyholeIcon className="me-2.5 h-4 w-4" />
+											<span>
+												<Trans>Auth Providers</Trans>
+											</span>
+										</a>
+									</DropdownMenuItem>
+									<DropdownMenuSeparator />
+								</>
+							)}
+						</DropdownMenuGroup>
+						<DropdownMenuItem onSelect={() => pb.authStore.clear()}>
+							<LogOutIcon className="me-2.5 h-4 w-4" />
+							<span>
+								<Trans>Log Out</Trans>
+							</span>
+						</DropdownMenuItem>
+					</DropdownMenuContent>
+				</DropdownMenu>
+				<AddSystemButton className="ms-2" />
+			</div>
+		</div>
+	)
+}
+
+function SearchButton() {
+	const [open, setOpen] = useState(false)
+
+	const Kbd = ({ children }: { children: React.ReactNode }) => (
+		<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
+			{children}
+		</kbd>
+	)
+
+	return (
+		<>
+			<Button
+				variant="outline"
+				className="hidden md:block text-sm text-muted-foreground px-4"
+				onClick={() => setOpen(true)}
+			>
+				<span className="flex items-center">
+					<SearchIcon className="me-1.5 h-4 w-4" />
+					<Trans>Search</Trans>
+					<span className="flex items-center ms-3.5">
+						<Kbd>{isMac ? "⌘" : "Ctrl"}</Kbd>
+						<Kbd>K</Kbd>
+					</span>
+				</span>
+			</Button>
+			<Suspense>
+				<CommandPalette open={open} setOpen={setOpen} />
+			</Suspense>
+		</>
+	)
+}

beszel/site/src/components/router.tsx

@@ -1,10 +1,11 @@
-import { createRouter } from '@nanostores/router'
+import { createRouter } from "@nanostores/router"
 
 export const $router = createRouter(
 	{
-		home: '/',
-		server: '/system/:name',
-		settings: '/settings/:name?',
+		home: "/",
+		server: "/system/:name",
+		settings: "/settings/:name?",
+		forgot_password: "/forgot-password",
 	},
 	{ links: false }
 )

beszel/site/src/components/routes/home.tsx

@@ -1,20 +1,20 @@
-import { Suspense, lazy, useEffect, useMemo, useState } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
-import { $alerts, $hubVersion, $systems, pb } from '@/lib/stores'
-import { useStore } from '@nanostores/react'
-import { GithubIcon } from 'lucide-react'
-import { Separator } from '../ui/separator'
-import { alertInfo, updateRecordList, updateSystemList } from '@/lib/utils'
-import { AlertRecord, SystemRecord } from '@/types'
-import { Input } from '../ui/input'
-import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
-import { Link } from '../router'
+import { Suspense, lazy, useEffect, useMemo } from "react"
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card"
+import { $alerts, $hubVersion, $systems, pb } from "@/lib/stores"
+import { useStore } from "@nanostores/react"
+import { GithubIcon } from "lucide-react"
+import { Separator } from "../ui/separator"
+import { alertInfo, updateRecordList, updateSystemList } from "@/lib/utils"
+import { AlertRecord, SystemRecord } from "@/types"
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
+import { Link } from "../router"
+import { Plural, t, Trans } from "@lingui/macro"
 
-const SystemsTable = lazy(() => import('../systems-table/systems-table'))
+const SystemsTable = lazy(() => import("../systems-table/systems-table"))
 
-export default function () {
+export default function Home() {
 	const hubVersion = useStore($hubVersion)
-	const [filter, setFilter] = useState<string>()
+
 	const alerts = useStore($alerts)
 	const systems = useStore($systems)
 
@@ -32,21 +32,21 @@ export default function () {
 	}, [alerts])
 
 	useEffect(() => {
-		document.title = 'Dashboard / Beszel'
+		document.title = t`Dashboard` + " / Beszel"
 
 		// make sure we have the latest list of systems
 		updateSystemList()
 
 		// subscribe to real time updates for systems / alerts
-		pb.collection<SystemRecord>('systems').subscribe('*', (e) => {
+		pb.collection<SystemRecord>("systems").subscribe("*", (e) => {
 			updateRecordList(e, $systems)
 		})
 		// todo: add toast if new triggered alert comes in
-		pb.collection<AlertRecord>('alerts').subscribe('*', (e) => {
+		pb.collection<AlertRecord>("alerts").subscribe("*", (e) => {
 			updateRecordList(e, $alerts)
 		})
 		return () => {
-			pb.collection('systems').unsubscribe('*')
+			pb.collection("systems").unsubscribe("*")
 			// pb.collection('alerts').unsubscribe('*')
 		}
 	}, [])
@@ -58,7 +58,9 @@ export default function () {
 				<Card className="mb-4">
 					<CardHeader className="pb-4 px-2 sm:px-6 max-sm:pt-5 max-sm:pb-1">
 						<div className="px-2 sm:px-1">
-							<CardTitle>Active Alerts</CardTitle>
+							<CardTitle>
+								<Trans>Active Alerts</Trans>
+							</CardTitle>
 						</div>
 					</CardHeader>
 					<CardContent className="max-sm:p-2">
@@ -72,12 +74,14 @@ export default function () {
 											className="hover:-translate-y-[1px] duration-200 bg-transparent border-foreground/10  hover:shadow-md shadow-black"
 										>
 											<info.icon className="h-4 w-4" />
-											<AlertTitle className="mb-2">
-												{alert.sysname} {info.name}
+											<AlertTitle>
+												{alert.sysname} {info.name().toLowerCase().replace("cpu", "CPU")}
 											</AlertTitle>
 											<AlertDescription>
-												Exceeds {alert.value}
-												{info.unit} average in last {alert.min} min
+												<Trans>
+													Exceeds {alert.value}
+													{info.unit} in last <Plural value={alert.min} one="# minute" other="# minutes" />
+												</Trans>
 											</AlertDescription>
 											<Link
 												href={`/system/${encodeURIComponent(alert.sysname!)}`}
@@ -92,35 +96,12 @@ export default function () {
 					</CardContent>
 				</Card>
 			)}
-			<Card>
-				<CardHeader className="pb-5 px-2 sm:px-6 max-sm:pt-5 max-sm:pb-1">
-					<div className="grid md:flex gap-3 w-full items-end">
-						<div className="px-2 sm:px-1">
-							<CardTitle className="mb-2.5">All Systems</CardTitle>
-							<CardDescription>
-								Updated in real time. Press{' '}
-								<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
-									<span className="text-xs">⌘</span>K
-								</kbd>{' '}
-								to open the command palette.
-							</CardDescription>
-						</div>
-						<Input
-							placeholder="Filter..."
-							onChange={(e) => setFilter(e.target.value)}
-							className="w-full md:w-56 lg:w-80 ml-auto px-4"
-						/>
-					</div>
-				</CardHeader>
-				<CardContent className="max-sm:p-2">
-					<Suspense>
-						<SystemsTable filter={filter} />
-					</Suspense>
-				</CardContent>
-			</Card>
+			<Suspense>
+				<SystemsTable />
+			</Suspense>
 
 			{hubVersion && (
-				<div className="flex gap-1.5 justify-end items-center pr-3 sm:pr-6 mt-3.5 text-xs opacity-80">
+				<div className="flex gap-1.5 justify-end items-center pe-3 sm:pe-6 mt-3.5 text-xs opacity-80">
 					<a
 						href="https://github.com/henrygd/beszel"
 						target="_blank"

beszel/site/src/components/routes/settings/config-yaml.tsx

@@ -0,0 +1,97 @@
+import { isAdmin } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+import { Button } from "@/components/ui/button"
+import { redirectPage } from "@nanostores/router"
+import { $router } from "@/components/router"
+import { AlertCircleIcon, FileSlidersIcon, LoaderCircleIcon } from "lucide-react"
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
+import { pb } from "@/lib/stores"
+import { useState } from "react"
+import { Textarea } from "@/components/ui/textarea"
+import { toast } from "@/components/ui/use-toast"
+import clsx from "clsx"
+import { Trans, t } from "@lingui/macro"
+
+export default function ConfigYaml() {
+	const [configContent, setConfigContent] = useState<string>("")
+	const [isLoading, setIsLoading] = useState(false)
+
+	const ButtonIcon = isLoading ? LoaderCircleIcon : FileSlidersIcon
+
+	async function fetchConfig() {
+		try {
+			setIsLoading(true)
+			const { config } = await pb.send<{ config: string }>("/api/beszel/config-yaml", {})
+			setConfigContent(config)
+		} catch (error: any) {
+			toast({
+				title: t`Error`,
+				description: error.message,
+				variant: "destructive",
+			})
+		} finally {
+			setIsLoading(false)
+		}
+	}
+
+	if (!isAdmin()) {
+		redirectPage($router, "settings", { name: "general" })
+	}
+
+	return (
+		<div>
+			<div>
+				<h3 className="text-xl font-medium mb-2">
+					<Trans>YAML Configuration</Trans>
+				</h3>
+				<p className="text-sm text-muted-foreground leading-relaxed">
+					<Trans>Export your current systems configuration.</Trans>
+				</p>
+			</div>
+			<Separator className="my-4" />
+			<div className="space-y-2">
+				<div className="mb-4">
+					<p className="text-sm text-muted-foreground leading-relaxed my-1">
+						<Trans>
+							Systems may be managed in a <code className="bg-muted rounded-sm px-1 text-primary">config.yml</code> file
+							inside your data directory.
+						</Trans>
+					</p>
+					<p className="text-sm text-muted-foreground leading-relaxed">
+						<Trans>
+							On each restart, systems in the database will be updated to match the systems defined in the file.
+						</Trans>
+					</p>
+					<Alert className="my-4 border-destructive text-destructive w-auto table md:pe-6">
+						<AlertCircleIcon className="h-4 w-4 stroke-destructive" />
+						<AlertTitle>
+							<Trans>Caution - potential data loss</Trans>
+						</AlertTitle>
+						<AlertDescription>
+							<p>
+								<Trans>
+									Existing systems not defined in <code>config.yml</code> will be deleted. Please make regular backups.
+								</Trans>
+							</p>
+						</AlertDescription>
+					</Alert>
+				</div>
+				{configContent && (
+					<Textarea
+						dir="ltr"
+						autoFocus
+						defaultValue={configContent}
+						spellCheck="false"
+						rows={Math.min(25, configContent.split("\n").length)}
+						className="font-mono whitespace-pre"
+					/>
+				)}
+			</div>
+			<Separator className="my-5" />
+			<Button type="button" className="mt-2 flex items-center gap-1" onClick={fetchConfig} disabled={isLoading}>
+				<ButtonIcon className={clsx("h-4 w-4 me-0.5", isLoading && "animate-spin")} />
+				<Trans>Export configuration</Trans>
+			</Button>
+		</div>
+	)
+}

beszel/site/src/components/routes/settings/general.tsx

@@ -1,22 +1,21 @@
-import { Button } from '@/components/ui/button'
-import { Label } from '@/components/ui/label'
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from '@/components/ui/select'
-import { chartTimeData } from '@/lib/utils'
-import { Separator } from '@/components/ui/separator'
-import { LoaderCircleIcon, SaveIcon } from 'lucide-react'
-import { UserSettings } from '@/types'
-import { saveSettings } from './layout'
-import { useState } from 'react'
-// import { Input } from '@/components/ui/input'
+import { Button } from "@/components/ui/button"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { chartTimeData } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+import { LanguagesIcon, LoaderCircleIcon, SaveIcon } from "lucide-react"
+import { UserSettings } from "@/types"
+import { saveSettings } from "./layout"
+import { useState } from "react"
+import { Trans } from "@lingui/macro"
+import languages from "@/lib/languages"
+import { dynamicActivate } from "@/lib/i18n"
+import { useLingui } from "@lingui/react"
+// import { setLang } from "@/lib/i18n"
 
 export default function SettingsProfilePage({ userSettings }: { userSettings: UserSettings }) {
 	const [isLoading, setIsLoading] = useState(false)
+	const { i18n } = useLingui()
 
 	async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
 		e.preventDefault()
@@ -30,79 +29,81 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
 	return (
 		<div>
 			<div>
-				<h3 className="text-xl font-medium mb-2">General</h3>
+				<h3 className="text-xl font-medium mb-2">
+					<Trans>General</Trans>
+				</h3>
 				<p className="text-sm text-muted-foreground leading-relaxed">
-					Change general application options.
+					<Trans>Change general application options.</Trans>
 				</p>
 			</div>
 			<Separator className="my-4" />
 			<form onSubmit={handleSubmit} className="space-y-5">
-				{/* <Separator />
 				<div className="space-y-2">
 					<div className="mb-4">
-						<h3 className="mb-1 text-lg font-medium">Language</h3>
+						<h3 className="mb-1 text-lg font-medium flex items-center gap-2">
+							<LanguagesIcon className="h-4 w-4" />
+							<Trans>Language</Trans>
+						</h3>
 						<p className="text-sm text-muted-foreground leading-relaxed">
-							Internationalization will be added in a future release. Please see the{' '}
-							<a href="#" className="link" target="_blank">
-								discussion on GitHub
-							</a>{' '}
-							for more details.
+							<Trans>
+								Want to help us make our translations even better? Check out{" "}
+								<a href="https://crowdin.com/project/beszel" className="link" target="_blank" rel="noopener noreferrer">
+									Crowdin
+								</a>{" "}
+								for more details.
+							</Trans>
 						</p>
 					</div>
 					<Label className="block" htmlFor="lang">
-						Preferred language
+						<Trans>Preferred Language</Trans>
 					</Label>
-					<Select defaultValue="en">
+					<Select value={i18n.locale} onValueChange={(lang: string) => dynamicActivate(lang)}>
 						<SelectTrigger id="lang">
 							<SelectValue />
 						</SelectTrigger>
 						<SelectContent>
-							<SelectItem value="en">English</SelectItem>
+							{languages.map((lang) => (
+								<SelectItem key={lang.lang} value={lang.lang}>
+									<span className="me-2.5">{lang.e}</span>
+									{lang.label}
+								</SelectItem>
+							))}
 						</SelectContent>
 					</Select>
-				</div> */}
+				</div>
+				<Separator />
 				<div className="space-y-2">
 					<div className="mb-4">
-						<h3 className="mb-1 text-lg font-medium">Chart options</h3>
+						<h3 className="mb-1 text-lg font-medium">
+							<Trans>Chart options</Trans>
+						</h3>
 						<p className="text-sm text-muted-foreground leading-relaxed">
-							Adjust display options for charts.
+							<Trans>Adjust display options for charts.</Trans>
 						</p>
 					</div>
 					<Label className="block" htmlFor="chartTime">
-						Default time period
+						<Trans>Default time period</Trans>
 					</Label>
-					<Select
-						name="chartTime"
-						key={userSettings.chartTime}
-						defaultValue={userSettings.chartTime}
-					>
+					<Select name="chartTime" key={userSettings.chartTime} defaultValue={userSettings.chartTime}>
 						<SelectTrigger id="chartTime">
 							<SelectValue />
 						</SelectTrigger>
 						<SelectContent>
 							{Object.entries(chartTimeData).map(([value, { label }]) => (
-								<SelectItem key={label} value={value}>
-									{label}
+								<SelectItem key={value} value={value}>
+									{label()}
 								</SelectItem>
 							))}
 						</SelectContent>
 					</Select>
 					<p className="text-[0.8rem] text-muted-foreground">
-						Sets the default time range for charts when a system is viewed.
+						<Trans>Sets the default time range for charts when a system is viewed.</Trans>
 					</p>
 				</div>
 				<Separator />
-				<Button
-					type="submit"
-					className="flex items-center gap-1.5 disabled:opacity-100"
-					disabled={isLoading}
-				>
-					{isLoading ? (
-						<LoaderCircleIcon className="h-4 w-4 animate-spin" />
-					) : (
-						<SaveIcon className="h-4 w-4" />
-					)}
-					Save settings
+				<Button type="submit" className="flex items-center gap-1.5 disabled:opacity-100" disabled={isLoading}>
+					{isLoading ? <LoaderCircleIcon className="h-4 w-4 animate-spin" /> : <SaveIcon className="h-4 w-4" />}
+					<Trans>Save Settings</Trans>
 				</Button>
 			</form>
 		</div>

beszel/site/src/components/routes/settings/layout.tsx

@@ -1,38 +1,28 @@
-import { useEffect } from 'react'
-import { Separator } from '../../ui/separator'
-import { SidebarNav } from './sidebar-nav.tsx'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.tsx'
-import { useStore } from '@nanostores/react'
-import { $router } from '@/components/router.tsx'
-import { redirectPage } from '@nanostores/router'
-import { BellIcon, SettingsIcon } from 'lucide-react'
-import { $userSettings, pb } from '@/lib/stores.ts'
-import { toast } from '@/components/ui/use-toast.ts'
-import { UserSettings } from '@/types.js'
-import General from './general.tsx'
-import Notifications from './notifications.tsx'
-
-const sidebarNavItems = [
-	{
-		title: 'General',
-		href: '/settings/general',
-		icon: SettingsIcon,
-	},
-	{
-		title: 'Notifications',
-		href: '/settings/notifications',
-		icon: BellIcon,
-	},
-]
+import { useEffect } from "react"
+import { Separator } from "../../ui/separator"
+import { SidebarNav } from "./sidebar-nav.tsx"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.tsx"
+import { useStore } from "@nanostores/react"
+import { $router } from "@/components/router.tsx"
+import { redirectPage } from "@nanostores/router"
+import { BellIcon, FileSlidersIcon, SettingsIcon } from "lucide-react"
+import { $userSettings, pb } from "@/lib/stores.ts"
+import { toast } from "@/components/ui/use-toast.ts"
+import { UserSettings } from "@/types.js"
+import General from "./general.tsx"
+import Notifications from "./notifications.tsx"
+import ConfigYaml from "./config-yaml.tsx"
+import { Trans, t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
 
 export async function saveSettings(newSettings: Partial<UserSettings>) {
 	try {
 		// get fresh copy of settings
-		const req = await pb.collection('user_settings').getFirstListItem('', {
-			fields: 'id,settings',
+		const req = await pb.collection("user_settings").getFirstListItem("", {
+			fields: "id,settings",
 		})
 		// update user settings
-		const updatedSettings = await pb.collection('user_settings').update(req.id, {
+		const updatedSettings = await pb.collection("user_settings").update(req.id, {
 			settings: {
 				...req.settings,
 				...newSettings,
@@ -40,35 +30,60 @@ export async function saveSettings(newSettings: Partial<UserSettings>) {
 		})
 		$userSettings.set(updatedSettings.settings)
 		toast({
-			title: 'Settings saved',
-			description: 'Your user settings have been updated.',
+			title: t`Settings saved`,
+			description: t`Your user settings have been updated.`,
 		})
 	} catch (e) {
 		// console.error('update settings', e)
 		toast({
-			title: 'Failed to save settings',
-			description: 'Check logs for more details.',
-			variant: 'destructive',
+			title: t`Failed to save settings`,
+			description: t`Check logs for more details.`,
+			variant: "destructive",
 		})
 	}
 }
 
 export default function SettingsLayout() {
+	const { _ } = useLingui()
+
+	const sidebarNavItems = [
+		{
+			title: _(t({ message: `General`, comment: "Context: General settings" })),
+			href: "/settings/general",
+			icon: SettingsIcon,
+		},
+		{
+			title: t`Notifications`,
+			href: "/settings/notifications",
+			icon: BellIcon,
+		},
+		{
+			title: t`YAML Config`,
+			href: "/settings/config",
+			icon: FileSlidersIcon,
+			admin: true,
+		},
+	]
+
 	const page = useStore($router)
 
 	useEffect(() => {
-		document.title = 'Settings / Beszel'
+		document.title = t`Settings` + " / Beszel"
 		// redirect to account page if no page is specified
-		if (page?.path === '/settings') {
-			redirectPage($router, 'settings', { name: 'general' })
+		if (page?.path === "/settings") {
+			redirectPage($router, "settings", { name: "general" })
 		}
 	}, [])
 
 	return (
 		<Card className="pt-5 px-4 pb-8 sm:pt-6 sm:px-7">
 			<CardHeader className="p-0">
-				<CardTitle className="mb-1">Settings</CardTitle>
-				<CardDescription>Manage display and notification preferences.</CardDescription>
+				<CardTitle className="mb-1">
+					<Trans>Settings</Trans>
+				</CardTitle>
+				<CardDescription>
+					<Trans>Manage display and notification preferences.</Trans>
+				</CardDescription>
 			</CardHeader>
 			<CardContent className="p-0">
 				<Separator className="hidden md:block my-5" />
@@ -78,7 +93,7 @@ export default function SettingsLayout() {
 					</aside>
 					<div className="flex-1">
 						{/* @ts-ignore */}
-						<SettingsContent name={page?.params?.name ?? 'general'} />
+						<SettingsContent name={page?.params?.name ?? "general"} />
 					</div>
 				</div>
 			</CardContent>
@@ -90,9 +105,11 @@ function SettingsContent({ name }: { name: string }) {
 	const userSettings = useStore($userSettings)
 
 	switch (name) {
-		case 'general':
+		case "general":
 			return <General userSettings={userSettings} />
-		case 'notifications':
+		case "notifications":
 			return <Notifications userSettings={userSettings} />
+		case "config":
+			return <ConfigYaml />
 	}
 }

beszel/site/src/components/routes/settings/notifications.tsx

@@ -1,17 +1,18 @@
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { pb } from '@/lib/stores'
-import { Separator } from '@/components/ui/separator'
-import { Card } from '@/components/ui/card'
-import { BellIcon, LoaderCircleIcon, PlusIcon, SaveIcon, Trash2Icon } from 'lucide-react'
-import { ChangeEventHandler, useEffect, useState } from 'react'
-import { toast } from '@/components/ui/use-toast'
-import { InputTags } from '@/components/ui/input-tags'
-import { UserSettings } from '@/types'
-import { saveSettings } from './layout'
-import * as v from 'valibot'
-import { isAdmin } from '@/lib/utils'
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { pb } from "@/lib/stores"
+import { Separator } from "@/components/ui/separator"
+import { Card } from "@/components/ui/card"
+import { BellIcon, LoaderCircleIcon, PlusIcon, SaveIcon, Trash2Icon } from "lucide-react"
+import { ChangeEventHandler, useEffect, useState } from "react"
+import { toast } from "@/components/ui/use-toast"
+import { InputTags } from "@/components/ui/input-tags"
+import { UserSettings } from "@/types"
+import { saveSettings } from "./layout"
+import * as v from "valibot"
+import { isAdmin } from "@/lib/utils"
+import { Trans, t } from "@lingui/macro"
 
 interface ShoutrrrUrlCardProps {
 	url: string
@@ -36,10 +37,10 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 	}, [userSettings])
 
 	function addWebhook() {
-		setWebhooks([...webhooks, ''])
+		setWebhooks([...webhooks, ""])
 		// focus on the new input
 		queueMicrotask(() => {
-			const inputs = document.querySelectorAll('#webhooks input') as NodeListOf<HTMLInputElement>
+			const inputs = document.querySelectorAll("#webhooks input") as NodeListOf<HTMLInputElement>
 			inputs[inputs.length - 1]?.focus()
 		})
 	}
@@ -58,9 +59,9 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 			await saveSettings(parsedData)
 		} catch (e: any) {
 			toast({
-				title: 'Failed to save settings',
+				title: t`Failed to save settings`,
 				description: e.message,
-				variant: 'destructive',
+				variant: "destructive",
 			})
 		}
 		setIsLoading(false)
@@ -69,59 +70,67 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 	return (
 		<div>
 			<div>
-				<h3 className="text-xl font-medium mb-2">Notifications</h3>
+				<h3 className="text-xl font-medium mb-2">
+					<Trans>Notifications</Trans>
+				</h3>
 				<p className="text-sm text-muted-foreground leading-relaxed">
-					Configure how you receive alert notifications.
+					<Trans>Configure how you receive alert notifications.</Trans>
 				</p>
 				<p className="text-sm text-muted-foreground mt-1.5 leading-relaxed">
-					Looking instead for where to create alerts? Click the bell{' '}
-					<BellIcon className="inline h-4 w-4" /> icons in the systems table.
+					<Trans>
+						Looking instead for where to create alerts? Click the bell <BellIcon className="inline h-4 w-4" /> icons in
+						the systems table.
+					</Trans>
 				</p>
 			</div>
 			<Separator className="my-4" />
 			<div className="space-y-5">
 				<div className="space-y-2">
 					<div className="mb-4">
-						<h3 className="mb-1 text-lg font-medium">Email notifications</h3>
+						<h3 className="mb-1 text-lg font-medium">
+							<Trans>Email notifications</Trans>
+						</h3>
 						{isAdmin() && (
 							<p className="text-sm text-muted-foreground leading-relaxed">
-								Please{' '}
-								<a href="/_/#/settings/mail" className="link" target="_blank">
-									configure an SMTP server
-								</a>{' '}
-								to ensure alerts are delivered.{' '}
+								<Trans>
+									Please{" "}
+									<a href="/_/#/settings/mail" className="link" target="_blank">
+										configure an SMTP server
+									</a>{" "}
+									to ensure alerts are delivered.
+								</Trans>
 							</p>
 						)}
 					</div>
 					<Label className="block" htmlFor="email">
-						To email(s)
+						<Trans>To email(s)</Trans>
 					</Label>
 					<InputTags
 						value={emails}
 						onChange={setEmails}
-						placeholder="Enter email address..."
+						placeholder={t`Enter email address...`}
 						className="w-full"
 						type="email"
 						id="email"
 					/>
 					<p className="text-[0.8rem] text-muted-foreground">
-						Save address using enter key or comma. Leave blank to disable email notifications.
+						<Trans>Save address using enter key or comma. Leave blank to disable email notifications.</Trans>
 					</p>
 				</div>
 				<Separator />
 				<div className="space-y-3">
 					<div>
-						<h3 className="mb-1 text-lg font-medium">Webhook / Push notifications</h3>
+						<h3 className="mb-1 text-lg font-medium">
+							<Trans>Webhook / Push notifications</Trans>
+						</h3>
 						<p className="text-sm text-muted-foreground leading-relaxed">
-							Beszel uses{' '}
-							<a
-								href="https://containrrr.dev/shoutrrr/services/overview/"
-								target="_blank"
-								className="link"
-							>
-								Shoutrrr
-							</a>{' '}
-							to integrate with popular notification services.
+							<Trans>
+								Beszel uses{" "}
+								<a href="https://containrrr.dev/shoutrrr/services/overview/" target="_blank" className="link">
+									Shoutrrr
+								</a>{" "}
+								to integrate with popular notification services.
+							</Trans>
 						</p>
 					</div>
 					{webhooks.length > 0 && (
@@ -130,9 +139,7 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 								<ShoutrrrUrlCard
 									key={index}
 									url={webhook}
-									onUrlChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-										updateWebhook(index, e.target.value)
-									}
+									onUrlChange={(e: React.ChangeEvent<HTMLInputElement>) => updateWebhook(index, e.target.value)}
 									onRemove={() => removeWebhook(index)}
 								/>
 							))}
@@ -145,8 +152,8 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 						className="mt-2 flex items-center gap-1"
 						onClick={addWebhook}
 					>
-						<PlusIcon className="h-4 w-4 -ml-0.5" />
-						Add URL
+						<PlusIcon className="h-4 w-4 -ms-0.5" />
+						<Trans>Add URL</Trans>
 					</Button>
 				</div>
 				<Separator />
@@ -156,12 +163,8 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
 					onClick={updateSettings}
 					disabled={isLoading}
 				>
-					{isLoading ? (
-						<LoaderCircleIcon className="h-4 w-4 animate-spin" />
-					) : (
-						<SaveIcon className="h-4 w-4" />
-					)}
-					Save settings
+					{isLoading ? <LoaderCircleIcon className="h-4 w-4 animate-spin" /> : <SaveIcon className="h-4 w-4" />}
+					<Trans>Save Settings</Trans>
 				</Button>
 			</div>
 		</div>
@@ -173,24 +176,24 @@ const ShoutrrrUrlCard = ({ url, onUrlChange, onRemove }: ShoutrrrUrlCardProps) =
 
 	const sendTestNotification = async () => {
 		setIsLoading(true)
-		const res = await pb.send('/api/beszel/send-test-notification', { url })
-		if ('err' in res && !res.err) {
+		const res = await pb.send("/api/beszel/send-test-notification", { url })
+		if ("err" in res && !res.err) {
 			toast({
-				title: 'Test notification sent',
-				description: 'Check your notification service',
+				title: t`Test notification sent`,
+				description: t`Check your notification service`,
 			})
 		} else {
 			toast({
-				title: 'Error',
-				description: res.err ?? 'Failed to send test notification',
-				variant: 'destructive',
+				title: t`Error`,
+				description: res.err ?? t`Failed to send test notification`,
+				variant: "destructive",
 			})
 		}
 		setIsLoading(false)
 	}
 
 	return (
-		<Card className="bg-muted/30 p-2 md:p-3">
+		<Card className="bg-muted/70 p-2 md:p-3">
 			<div className="flex items-center gap-1">
 				<Input
 					type="url"
@@ -200,29 +203,18 @@ const ShoutrrrUrlCard = ({ url, onUrlChange, onRemove }: ShoutrrrUrlCardProps) =
 					value={url}
 					onChange={onUrlChange}
 				/>
-				<Button
-					type="button"
-					variant="outline"
-					className="w-20 md:w-28"
-					disabled={isLoading || url === ''}
-					onClick={sendTestNotification}
-				>
+				<Button type="button" variant="outline" disabled={isLoading || url === ""} onClick={sendTestNotification}>
 					{isLoading ? (
 						<LoaderCircleIcon className="h-4 w-4 animate-spin" />
 					) : (
 						<span>
-							Test <span className="hidden md:inline">URL</span>
+							<Trans>
+								Test <span className="hidden sm:inline">URL</span>
+							</Trans>
 						</span>
 					)}
 				</Button>
-				<Button
-					type="button"
-					variant="outline"
-					size="icon"
-					className="shrink-0"
-					aria-label="Delete"
-					onClick={onRemove}
-				>
+				<Button type="button" variant="outline" size="icon" className="shrink-0" aria-label="Delete" onClick={onRemove}>
 					<Trash2Icon className="h-4 w-4" />
 				</Button>
 			</div>

beszel/site/src/components/routes/settings/sidebar-nav.tsx

@@ -1,22 +1,17 @@
-import React from 'react'
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '../../ui/button'
-import { $router, Link, navigate } from '../../router'
-import { useStore } from '@nanostores/react'
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from '@/components/ui/select'
-import { Separator } from '@/components/ui/separator'
+import React from "react"
+import { cn, isAdmin } from "@/lib/utils"
+import { buttonVariants } from "../../ui/button"
+import { $router, Link, navigate } from "../../router"
+import { useStore } from "@nanostores/react"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Separator } from "@/components/ui/separator"
 
 interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {
 	items: {
 		href: string
 		title: string
 		icon?: React.FC<React.SVGProps<SVGSVGElement>>
+		admin?: boolean
 	}[]
 }
 
@@ -29,39 +24,47 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
 			<div className="md:hidden">
 				<Select onValueChange={(value: string) => navigate(value)} value={page?.path}>
 					<SelectTrigger className="w-full my-3.5">
-						<SelectValue placeholder="Select a page" />
+						<SelectValue placeholder="Select page" />
 					</SelectTrigger>
 					<SelectContent>
-						{items.map((item) => (
-							<SelectItem key={item.href} value={item.href}>
-								<span className="flex items-center gap-2">
-									{item.icon && <item.icon className="h-4 w-4" />}
-									{item.title}
-								</span>
-							</SelectItem>
-						))}
+						{items.map((item) => {
+							if (item.admin && !isAdmin()) return null
+							return (
+								<SelectItem key={item.href} value={item.href}>
+									<span className="flex items-center gap-2">
+										{item.icon && <item.icon className="h-4 w-4" />}
+										{item.title}
+									</span>
+								</SelectItem>
+							)
+						})}
 					</SelectContent>
 				</Select>
 				<Separator />
 			</div>
 
 			{/* Desktop View */}
-			<nav className={cn('hidden md:grid gap-1', className)} {...props}>
-				{items.map((item) => (
-					<Link
-						key={item.href}
-						href={item.href}
-						className={cn(
-							buttonVariants({ variant: 'ghost' }),
-							'flex items-center gap-3',
-							page?.path === item.href ? 'bg-muted hover:bg-muted' : 'hover:bg-muted/50',
-							'justify-start'
-						)}
-					>
-						{item.icon && <item.icon className="h-4 w-4" />}
-						{item.title}
-					</Link>
-				))}
+			<nav className={cn("hidden md:grid gap-1", className)} {...props}>
+				{items.map((item) => {
+					if (item.admin && !isAdmin()) {
+						return null
+					}
+					return (
+						<Link
+							key={item.href}
+							href={item.href}
+							className={cn(
+								buttonVariants({ variant: "ghost" }),
+								"flex items-center gap-3",
+								page?.path === item.href ? "bg-muted hover:bg-muted" : "hover:bg-muted/50",
+								"justify-start"
+							)}
+						>
+							{item.icon && <item.icon className="h-4 w-4" />}
+							{item.title}
+						</Link>
+					)
+				})}
 			</nav>
 		</>
 	)

beszel/site/src/components/routes/system.tsx

@@ -1,39 +1,36 @@
-import { $systems, pb, $chartTime, $containerFilter, $userSettings } from '@/lib/stores'
-import {
-	ChartData,
-	ChartTimes,
-	ContainerStatsRecord,
-	SystemRecord,
-	SystemStatsRecord,
-} from '@/types'
-import React, { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Card, CardHeader, CardTitle, CardDescription } from '../ui/card'
-import { useStore } from '@nanostores/react'
-import Spinner from '../spinner'
-import { ClockArrowUp, CpuIcon, GlobeIcon, LayoutGridIcon, MonitorIcon, XIcon } from 'lucide-react'
-import ChartTimeSelect from '../charts/chart-time-select'
-import { chartTimeData, cn, getPbTimestamp, useLocalStorage } from '@/lib/utils'
-import { Separator } from '../ui/separator'
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip'
-import { Button } from '../ui/button'
-import { Input } from '../ui/input'
-import { ChartAverage, ChartMax, Rows, TuxIcon } from '../ui/icons'
-import { useIntersectionObserver } from '@/lib/use-intersection-observer'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
-import { timeTicks } from 'd3-time'
+import { $systems, pb, $chartTime, $containerFilter, $userSettings, $direction } from "@/lib/stores"
+import { ChartData, ChartTimes, ContainerStatsRecord, GPUData, SystemRecord, SystemStatsRecord } from "@/types"
+import React, { lazy, useCallback, useEffect, useMemo, useRef, useState } from "react"
+import { Card, CardHeader, CardTitle, CardDescription } from "../ui/card"
+import { useStore } from "@nanostores/react"
+import Spinner from "../spinner"
+import { ClockArrowUp, CpuIcon, GlobeIcon, LayoutGridIcon, MonitorIcon, XIcon } from "lucide-react"
+import ChartTimeSelect from "../charts/chart-time-select"
+import { chartTimeData, cn, getPbTimestamp, getSizeAndUnit, toFixedFloat, useLocalStorage } from "@/lib/utils"
+import { Separator } from "../ui/separator"
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip"
+import { Button } from "../ui/button"
+import { Input } from "../ui/input"
+import { ChartAverage, ChartMax, Rows, TuxIcon } from "../ui/icons"
+import { useIntersectionObserver } from "@/lib/use-intersection-observer"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select"
+import { timeTicks } from "d3-time"
+import { Plural, Trans, t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
 
-const AreaChartDefault = lazy(() => import('../charts/area-chart'))
-const ContainerChart = lazy(() => import('../charts/container-chart'))
-const MemChart = lazy(() => import('../charts/mem-chart'))
-const DiskChart = lazy(() => import('../charts/disk-chart'))
-const SwapChart = lazy(() => import('../charts/swap-chart'))
-const TemperatureChart = lazy(() => import('../charts/temperature-chart'))
+const AreaChartDefault = lazy(() => import("../charts/area-chart"))
+const ContainerChart = lazy(() => import("../charts/container-chart"))
+const MemChart = lazy(() => import("../charts/mem-chart"))
+const DiskChart = lazy(() => import("../charts/disk-chart"))
+const SwapChart = lazy(() => import("../charts/swap-chart"))
+const TemperatureChart = lazy(() => import("../charts/temperature-chart"))
+const GpuPowerChart = lazy(() => import("../charts/gpu-power-chart"))
 
 const cache = new Map<string, any>()
 
 // create ticks and domain for charts
 function getTimeData(chartTime: ChartTimes, lastCreated: number) {
-	const cached = cache.get('td')
+	const cached = cache.get("td")
 	if (cached && cached.chartTime === chartTime) {
 		if (!lastCreated || cached.time >= lastCreated) {
 			return cached.data
@@ -42,14 +39,12 @@ function getTimeData(chartTime: ChartTimes, lastCreated: number) {
 
 	const now = new Date()
 	const startTime = chartTimeData[chartTime].getOffset(now)
-	const ticks = timeTicks(startTime, now, chartTimeData[chartTime].ticks ?? 12).map((date) =>
-		date.getTime()
-	)
+	const ticks = timeTicks(startTime, now, chartTimeData[chartTime].ticks ?? 12).map((date) => date.getTime())
 	const data = {
 		ticks,
 		domain: [chartTimeData[chartTime].getOffset(now).getTime(), now.getTime()],
 	}
-	cache.set('td', { time: now.getTime(), data, chartTime })
+	cache.set("td", { time: now.getTime(), data, chartTime })
 	return data
 }
 
@@ -78,38 +73,44 @@ function addEmptyValues<T extends SystemStatsRecord | ContainerStatsRecord>(
 	return modifiedRecords
 }
 
-async function getStats<T>(
-	collection: string,
-	system: SystemRecord,
-	chartTime: ChartTimes
-): Promise<T[]> {
+async function getStats<T>(collection: string, system: SystemRecord, chartTime: ChartTimes): Promise<T[]> {
 	const lastCached = cache.get(`${system.id}_${chartTime}_${collection}`)?.at(-1)?.created as number
 	return await pb.collection<T>(collection).getFullList({
-		filter: pb.filter('system={:id} && created > {:created} && type={:type}', {
+		filter: pb.filter("system={:id} && created > {:created} && type={:type}", {
 			id: system.id,
 			created: getPbTimestamp(chartTime, lastCached ? new Date(lastCached + 1000) : undefined),
 			type: chartTimeData[chartTime].type,
 		}),
-		fields: 'created,stats',
-		sort: 'created',
+		fields: "created,stats",
+		sort: "created",
 	})
 }
 
+function dockerOrPodman(str: string, system: SystemRecord) {
+	if (system.info.p) {
+		str = str.replace("docker", "podman").replace("Docker", "Podman")
+	}
+	return str
+}
+
 export default function SystemDetail({ name }: { name: string }) {
+	const direction = useStore($direction)
+	const { _ } = useLingui()
 	const systems = useStore($systems)
 	const chartTime = useStore($chartTime)
 	/** Max CPU toggle value */
 	const cpuMaxStore = useState(false)
 	const bandwidthMaxStore = useState(false)
 	const diskIoMaxStore = useState(false)
-	const [grid, setGrid] = useLocalStorage('grid', true)
+	const [grid, setGrid] = useLocalStorage("grid", true)
 	const [system, setSystem] = useState({} as SystemRecord)
 	const [systemStats, setSystemStats] = useState([] as SystemStatsRecord[])
-	const [containerData, setContainerData] = useState([] as ChartData['containerData'])
+	const [containerData, setContainerData] = useState([] as ChartData["containerData"])
 	const netCardRef = useRef<HTMLDivElement>(null)
 	const [containerFilterBar, setContainerFilterBar] = useState(null as null | JSX.Element)
 	const [bottomSpacing, setBottomSpacing] = useState(0)
-	const isLongerChart = chartTime !== '1h'
+	const [chartLoading, setChartLoading] = useState(true)
+	const isLongerChart = chartTime !== "1h"
 
 	useEffect(() => {
 		document.title = `${name} / Beszel`
@@ -119,7 +120,7 @@ export default function SystemDetail({ name }: { name: string }) {
 			setSystemStats([])
 			setContainerData([])
 			setContainerFilterBar(null)
-			$containerFilter.set('')
+			$containerFilter.set("")
 			cpuMaxStore[1](false)
 			bandwidthMaxStore[1](false)
 			diskIoMaxStore[1](false)
@@ -149,13 +150,13 @@ export default function SystemDetail({ name }: { name: string }) {
 		if (!system.id) {
 			return
 		}
-		pb.collection<SystemRecord>('systems').subscribe(system.id, (e) => {
+		pb.collection<SystemRecord>("systems").subscribe(system.id, (e) => {
 			setSystem(e.record)
 		})
 		return () => {
-			pb.collection('systems').unsubscribe(system.id)
+			pb.collection("systems").unsubscribe(system.id)
 		}
-	}, [system])
+	}, [system.id])
 
 	const chartData: ChartData = useMemo(() => {
 		const lastCreated = Math.max(
@@ -166,27 +167,31 @@ export default function SystemDetail({ name }: { name: string }) {
 			systemStats,
 			containerData,
 			chartTime,
+			orientation: direction === "rtl" ? "right" : "left",
 			...getTimeData(chartTime, lastCreated),
 		}
-	}, [systemStats, containerData])
+	}, [systemStats, containerData, direction])
 
 	// get stats
 	useEffect(() => {
 		if (!system.id || !chartTime) {
 			return
 		}
+		// loading: true
+		setChartLoading(true)
 		Promise.allSettled([
-			getStats<SystemStatsRecord>('system_stats', system, chartTime),
-			getStats<ContainerStatsRecord>('container_stats', system, chartTime),
+			getStats<SystemStatsRecord>("system_stats", system, chartTime),
+			getStats<ContainerStatsRecord>("container_stats", system, chartTime),
 		]).then(([systemStats, containerStats]) => {
+			// loading: false
+			setChartLoading(false)
+
 			const { expectedInterval } = chartTimeData[chartTime]
 			// make new system stats
 			const ss_cache_key = `${system.id}_${chartTime}_system_stats`
 			let systemData = (cache.get(ss_cache_key) || []) as SystemStatsRecord[]
-			if (systemStats.status === 'fulfilled' && systemStats.value.length) {
-				systemData = systemData.concat(
-					addEmptyValues(systemData, systemStats.value, expectedInterval)
-				)
+			if (systemStats.status === "fulfilled" && systemStats.value.length) {
+				systemData = systemData.concat(addEmptyValues(systemData, systemStats.value, expectedInterval))
 				if (systemData.length > 120) {
 					systemData = systemData.slice(-100)
 				}
@@ -196,10 +201,8 @@ export default function SystemDetail({ name }: { name: string }) {
 			// make new container stats
 			const cs_cache_key = `${system.id}_${chartTime}_container_stats`
 			let containerData = (cache.get(cs_cache_key) || []) as ContainerStatsRecord[]
-			if (containerStats.status === 'fulfilled' && containerStats.value.length) {
-				containerData = containerData.concat(
-					addEmptyValues(containerData, containerStats.value, expectedInterval)
-				)
+			if (containerStats.status === "fulfilled" && containerStats.value.length) {
+				containerData = containerData.concat(addEmptyValues(containerData, containerStats.value, expectedInterval))
 				if (containerData.length > 120) {
 					containerData = containerData.slice(-100)
 				}
@@ -216,7 +219,7 @@ export default function SystemDetail({ name }: { name: string }) {
 
 	// make container stats for charts
 	const makeContainerData = useCallback((containers: ContainerStatsRecord[]) => {
-		const containerData = [] as ChartData['containerData']
+		const containerData = [] as ChartData["containerData"]
 		for (let { created, stats } of containers) {
 			if (!created) {
 				// @ts-ignore add null value for gaps
@@ -225,7 +228,7 @@ export default function SystemDetail({ name }: { name: string }) {
 			}
 			created = new Date(created).getTime()
 			// @ts-ignore not dealing with this rn
-			let containerStats: ChartData['containerData'][0] = { created }
+			let containerStats: ChartData["containerData"][0] = { created }
 			for (let container of stats) {
 				containerStats[container.n] = container
 			}
@@ -239,26 +242,26 @@ export default function SystemDetail({ name }: { name: string }) {
 		if (!system.info) {
 			return []
 		}
-		let uptime: number | string = system.info.u
+		let uptime: React.ReactNode
 		if (system.info.u < 172800) {
-			const hours = Math.trunc(uptime / 3600)
-			uptime = `${hours} hour${hours == 1 ? '' : 's'}`
+			const hours = Math.trunc(system.info.u / 3600)
+			uptime = <Plural value={hours} one="# hour" other="# hours" />
 		} else {
-			uptime = `${Math.trunc(system.info?.u / 86400)} days`
+			uptime = <Plural value={Math.trunc(system.info?.u / 86400)} one="# day" other="# days" />
 		}
 		return [
 			{ value: system.host, Icon: GlobeIcon },
 			{
 				value: system.info.h,
 				Icon: MonitorIcon,
-				label: 'Hostname',
+				label: "Hostname",
 				// hide if hostname is same as host or name
 				hide: system.info.h === system.host || system.info.h === system.name,
 			},
-			{ value: uptime, Icon: ClockArrowUp, label: 'Uptime' },
-			{ value: system.info.k, Icon: TuxIcon, label: 'Kernel' },
+			{ value: uptime, Icon: ClockArrowUp, label: t`Uptime` },
+			{ value: system.info.k, Icon: TuxIcon, label: t({ comment: "Linux kernel", message: "Kernel" }) },
 			{
-				value: `${system.info.m} (${system.info.c}c${system.info.t ? `/${system.info.t}t` : ''})`,
+				value: `${system.info.m} (${system.info.c}c${system.info.t ? `/${system.info.t}t` : ""})`,
 				Icon: CpuIcon,
 				hide: !system.info.m,
 			},
@@ -277,7 +280,7 @@ export default function SystemDetail({ name }: { name: string }) {
 			return
 		}
 		const tooltipHeight = (Object.keys(containerData[0]).length - 11) * 17.8 - 40
-		const wrapperEl = document.getElementById('chartwrap') as HTMLDivElement
+		const wrapperEl = document.getElementById("chartwrap") as HTMLDivElement
 		const wrapperRect = wrapperEl.getBoundingClientRect()
 		const chartRect = netCardRef.current.getBoundingClientRect()
 		const distanceToBottom = wrapperRect.bottom - chartRect.bottom
@@ -288,29 +291,33 @@ export default function SystemDetail({ name }: { name: string }) {
 		return null
 	}
 
+	// if no data, show empty message
+	const dataEmpty = !chartLoading && chartData.systemStats.length === 0
+	const hasGpuData = Object.keys(systemStats.at(-1)?.stats.g ?? {}).length > 0
+
 	return (
 		<>
 			<div id="chartwrap" className="grid gap-4 mb-10 overflow-x-clip">
 				{/* system info */}
 				<Card>
-					<div className="grid lg:flex gap-4 px-4 sm:px-6 pt-3 sm:pt-4 pb-5">
+					<div className="grid xl:flex gap-4 px-4 sm:px-6 pt-3 sm:pt-4 pb-5">
 						<div>
 							<h1 className="text-[1.6rem] font-semibold mb-1.5">{system.name}</h1>
 							<div className="flex flex-wrap items-center gap-3 gap-y-2 text-sm opacity-90">
 								<div className="capitalize flex gap-2 items-center">
-									<span className={cn('relative flex h-3 w-3')}>
-										{system.status === 'up' && (
+									<span className={cn("relative flex h-3 w-3")}>
+										{system.status === "up" && (
 											<span
 												className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"
-												style={{ animationDuration: '1.5s' }}
+												style={{ animationDuration: "1.5s" }}
 											></span>
 										)}
 										<span
-											className={cn('relative inline-flex rounded-full h-3 w-3', {
-												'bg-green-500': system.status === 'up',
-												'bg-red-500': system.status === 'down',
-												'bg-primary/40': system.status === 'paused',
-												'bg-yellow-500': system.status === 'pending',
+											className={cn("relative inline-flex rounded-full h-3 w-3", {
+												"bg-green-500": system.status === "up",
+												"bg-red-500": system.status === "down",
+												"bg-primary/40": system.status === "paused",
+												"bg-yellow-500": system.status === "pending",
 											})}
 										></span>
 									</span>
@@ -343,16 +350,16 @@ export default function SystemDetail({ name }: { name: string }) {
 								})}
 							</div>
 						</div>
-						<div className="lg:ml-auto flex items-center gap-2 max-sm:-mb-1">
-							<ChartTimeSelect className="w-full lg:w-40" />
+						<div className="xl:ms-auto flex items-center gap-2 max-sm:-mb-1">
+							<ChartTimeSelect className="w-full xl:w-40" />
 							<TooltipProvider delayDuration={100}>
 								<Tooltip>
 									<TooltipTrigger asChild>
 										<Button
-											aria-label="Toggle grid"
+											aria-label={t`Toggle grid`}
 											variant="outline"
 											size="icon"
-											className="hidden lg:flex p-0 text-primary"
+											className="hidden xl:flex p-0 text-primary"
 											onClick={() => setGrid(!grid)}
 										>
 											{grid ? (
@@ -362,7 +369,7 @@ export default function SystemDetail({ name }: { name: string }) {
 											)}
 										</Button>
 									</TooltipTrigger>
-									<TooltipContent>Toggle grid</TooltipContent>
+									<TooltipContent>{t`Toggle grid`}</TooltipContent>
 								</Tooltip>
 							</TooltipProvider>
 						</div>
@@ -370,28 +377,23 @@ export default function SystemDetail({ name }: { name: string }) {
 				</Card>
 
 				{/* main charts */}
-				<div className="grid lg:grid-cols-2 gap-4">
+				<div className="grid xl:grid-cols-2 gap-4">
 					<ChartCard
+						empty={dataEmpty}
 						grid={grid}
-						title="Total CPU Usage"
-						description={`${
-							cpuMaxStore[0] && isLongerChart ? 'Max 1 min ' : 'Average'
-						} system-wide CPU utilization`}
+						title={_(t`CPU Usage`)}
+						description={t`Average system-wide CPU utilization`}
 						cornerEl={isLongerChart ? <SelectAvgMax store={cpuMaxStore} /> : null}
 					>
-						<AreaChartDefault
-							chartData={chartData}
-							chartName="CPU Usage"
-							maxToggled={cpuMaxStore[0]}
-							unit="%"
-						/>
+						<AreaChartDefault chartData={chartData} chartName="CPU Usage" maxToggled={cpuMaxStore[0]} unit="%" />
 					</ChartCard>
 
 					{containerFilterBar && (
 						<ChartCard
+							empty={dataEmpty}
 							grid={grid}
-							title="Docker CPU Usage"
-							description="Average CPU utilization of containers"
+							title={dockerOrPodman(t`Docker CPU Usage`, system)}
+							description={t`Average CPU utilization of containers`}
 							cornerEl={containerFilterBar}
 						>
 							<ContainerChart chartData={chartData} dataKey="c" chartName="cpu" />
@@ -399,68 +401,61 @@ export default function SystemDetail({ name }: { name: string }) {
 					)}
 
 					<ChartCard
+						empty={dataEmpty}
 						grid={grid}
-						title="Total Memory Usage"
-						description="Precise utilization at the recorded time"
+						title={t`Memory Usage`}
+						description={t`Precise utilization at the recorded time`}
 					>
 						<MemChart chartData={chartData} />
 					</ChartCard>
 
 					{containerFilterBar && (
 						<ChartCard
+							empty={dataEmpty}
 							grid={grid}
-							title="Docker Memory Usage"
-							description="Memory usage of docker containers"
+							title={dockerOrPodman(t`Docker Memory Usage`, system)}
+							description={dockerOrPodman(t`Memory usage of docker containers`, system)}
 							cornerEl={containerFilterBar}
 						>
 							<ContainerChart chartData={chartData} chartName="mem" dataKey="m" unit=" MB" />
 						</ChartCard>
 					)}
 
-					<ChartCard grid={grid} title="Disk Space" description="Usage of root partition">
-						<DiskChart
-							chartData={chartData}
-							dataKey="stats.du"
-							diskSize={Math.round(systemStats.at(-1)?.stats.d ?? NaN)}
-						/>
+					<ChartCard empty={dataEmpty} grid={grid} title={t`Disk Usage`} description={t`Usage of root partition`}>
+						<DiskChart chartData={chartData} dataKey="stats.du" diskSize={systemStats.at(-1)?.stats.d ?? NaN} />
 					</ChartCard>
 
 					<ChartCard
+						empty={dataEmpty}
 						grid={grid}
-						title="Disk I/O"
-						description="Throughput of root filesystem"
+						title={t`Disk I/O`}
+						description={t`Throughput of root filesystem`}
 						cornerEl={isLongerChart ? <SelectAvgMax store={diskIoMaxStore} /> : null}
 					>
-						<AreaChartDefault
-							chartData={chartData}
-							maxToggled={diskIoMaxStore[0]}
-							chartName="dio"
-						/>
+						<AreaChartDefault chartData={chartData} maxToggled={diskIoMaxStore[0]} chartName="dio" />
 					</ChartCard>
 
 					<ChartCard
+						empty={dataEmpty}
 						grid={grid}
-						title="Bandwidth"
+						title={t`Bandwidth`}
 						cornerEl={isLongerChart ? <SelectAvgMax store={bandwidthMaxStore} /> : null}
-						description="Network traffic of public interfaces"
+						description={t`Network traffic of public interfaces`}
 					>
-						<AreaChartDefault
-							chartData={chartData}
-							maxToggled={bandwidthMaxStore[0]}
-							chartName="bw"
-						/>
+						<AreaChartDefault chartData={chartData} maxToggled={bandwidthMaxStore[0]} chartName="bw" />
 					</ChartCard>
 
 					{containerFilterBar && containerData.length > 0 && (
 						<div
 							ref={netCardRef}
 							className={cn({
-								'col-span-full': !grid,
+								"col-span-full": !grid,
 							})}
 						>
 							<ChartCard
-								title="Docker Network I/O"
-								description="Includes traffic between internal services"
+								empty={dataEmpty}
+								title={dockerOrPodman(t`Docker Network I/O`, system)}
+								description={dockerOrPodman(t`Network traffic of docker containers`, system)}
 								cornerEl={containerFilterBar}
 							>
 								{/* @ts-ignore */}
@@ -469,40 +464,104 @@ export default function SystemDetail({ name }: { name: string }) {
 						</div>
 					)}
 
+					{/* Swap chart */}
 					{(systemStats.at(-1)?.stats.su ?? 0) > 0 && (
-						<ChartCard grid={grid} title="Swap Usage" description="Swap space used by the system">
+						<ChartCard
+							empty={dataEmpty}
+							grid={grid}
+							title={t`Swap Usage`}
+							description={t`Swap space used by the system`}
+						>
 							<SwapChart chartData={chartData} />
 						</ChartCard>
 					)}
 
+					{/* Temperature chart */}
 					{systemStats.at(-1)?.stats.t && (
-						<ChartCard grid={grid} title="Temperature" description="Temperatures of system sensors">
+						<ChartCard
+							empty={dataEmpty}
+							grid={grid}
+							title={t`Temperature`}
+							description={t`Temperatures of system sensors`}
+						>
 							<TemperatureChart chartData={chartData} />
 						</ChartCard>
 					)}
+
+					{/* GPU power draw chart */}
+					{hasGpuData && (
+						<ChartCard
+							empty={dataEmpty}
+							grid={grid}
+							title={t`GPU Power Draw`}
+							description={t`Average power consumption of GPUs`}
+						>
+							<GpuPowerChart chartData={chartData} />
+						</ChartCard>
+					)}
 				</div>
 
+				{/* GPU charts */}
+				{hasGpuData && (
+					<div className="grid xl:grid-cols-2 gap-4">
+						{Object.keys(systemStats.at(-1)?.stats.g ?? {}).map((id) => {
+							const gpu = systemStats.at(-1)?.stats.g?.[id] as GPUData
+							return (
+								<div key={id} className="contents">
+									<ChartCard
+										empty={dataEmpty}
+										grid={grid}
+										title={`${gpu.n} ${t`Usage`}`}
+										description={t`Average utilization of ${gpu.n}`}
+									>
+										<AreaChartDefault chartData={chartData} chartName={`g.${id}.u`} unit="%" />
+									</ChartCard>
+									<ChartCard
+										empty={dataEmpty}
+										grid={grid}
+										title={`${gpu.n} VRAM`}
+										description={t`Precise utilization at the recorded time`}
+									>
+										<AreaChartDefault
+											chartData={chartData}
+											chartName={`g.${id}.mu`}
+											unit=" MB"
+											max={gpu.mt}
+											tickFormatter={(value) => {
+												const { v, u } = getSizeAndUnit(value, false)
+												return toFixedFloat(v, 1) + u
+											}}
+										/>
+									</ChartCard>
+								</div>
+							)
+						})}
+					</div>
+				)}
+
 				{/* extra filesystem charts */}
 				{Object.keys(systemStats.at(-1)?.stats.efs ?? {}).length > 0 && (
-					<div className="grid lg:grid-cols-2 gap-4">
+					<div className="grid xl:grid-cols-2 gap-4">
 						{Object.keys(systemStats.at(-1)?.stats.efs ?? {}).map((extraFsName) => {
 							return (
 								<div key={extraFsName} className="contents">
 									<ChartCard
+										empty={dataEmpty}
 										grid={grid}
-										title={`${extraFsName} Usage`}
-										description={`Disk usage of ${extraFsName}`}
+										title={`${extraFsName} ${t`Usage`}`}
+										description={t`Disk usage of ${extraFsName}`}
 									>
 										<DiskChart
 											chartData={chartData}
 											dataKey={`stats.efs.${extraFsName}.du`}
-											diskSize={Math.round(systemStats.at(-1)?.stats.efs?.[extraFsName].d ?? NaN)}
+											diskSize={systemStats.at(-1)?.stats.efs?.[extraFsName].d ?? NaN}
 										/>
 									</ChartCard>
 									<ChartCard
+										empty={dataEmpty}
 										grid={grid}
 										title={`${extraFsName} I/O`}
-										description={`Throughput of ${extraFsName}`}
+										description={t`Throughput of ${extraFsName}`}
 										cornerEl={isLongerChart ? <SelectAvgMax store={diskIoMaxStore} /> : null}
 									>
 										<AreaChartDefault
@@ -526,6 +585,7 @@ export default function SystemDetail({ name }: { name: string }) {
 
 function ContainerFilterBar() {
 	const containerFilter = useStore($containerFilter)
+	const { _ } = useLingui()
 
 	const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
 		$containerFilter.set(e.target.value)
@@ -533,12 +593,7 @@ function ContainerFilterBar() {
 
 	return (
 		<>
-			<Input
-				placeholder="Filter..."
-				className="pl-4 pr-8"
-				value={containerFilter}
-				onChange={handleChange}
-			/>
+			<Input placeholder={_(t`Filter...`)} className="ps-4 pe-8" value={containerFilter} onChange={handleChange} />
 			{containerFilter && (
 				<Button
 					type="button"
@@ -546,7 +601,7 @@ function ContainerFilterBar() {
 					size="icon"
 					aria-label="Clear"
 					className="absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"
-					onClick={() => $containerFilter.set('')}
+					onClick={() => $containerFilter.set("")}
 				>
 					<XIcon className="h-4 w-4" />
 				</Button>
@@ -555,26 +610,22 @@ function ContainerFilterBar() {
 	)
 }
 
-function SelectAvgMax({
-	store,
-}: {
-	store: [boolean, React.Dispatch<React.SetStateAction<boolean>>]
-}) {
+function SelectAvgMax({ store }: { store: [boolean, React.Dispatch<React.SetStateAction<boolean>>] }) {
 	const [max, setMax] = store
 	const Icon = max ? ChartMax : ChartAverage
 
 	return (
-		<Select value={max ? 'max' : 'avg'} onValueChange={(e) => setMax(e === 'max')}>
-			<SelectTrigger className="relative pl-10 pr-5">
-				<Icon className="h-4 w-4 absolute left-4 top-1/2 -translate-y-1/2 opacity-85" />
+		<Select value={max ? "max" : "avg"} onValueChange={(e) => setMax(e === "max")}>
+			<SelectTrigger className="relative ps-10 pe-5">
+				<Icon className="h-4 w-4 absolute start-4 top-1/2 -translate-y-1/2 opacity-85" />
 				<SelectValue />
 			</SelectTrigger>
 			<SelectContent>
 				<SelectItem key="avg" value="avg">
-					Average
+					<Trans>Average</Trans>
 				</SelectItem>
 				<SelectItem key="max" value="max">
-					Max 1 min
+					<Trans comment="Chart select field. Please try to keep this short.">Max 1 min</Trans>
 				</SelectItem>
 			</SelectContent>
 		</Select>
@@ -586,33 +637,34 @@ function ChartCard({
 	description,
 	children,
 	grid,
+	empty,
 	cornerEl,
 }: {
 	title: string
 	description: string
 	children: React.ReactNode
 	grid?: boolean
+	empty?: boolean
 	cornerEl?: JSX.Element | null
 }) {
 	const { isIntersecting, ref } = useIntersectionObserver()
 
 	return (
-		<Card
-			className={cn('pb-2 sm:pb-4 odd:last-of-type:col-span-full', { 'col-span-full': !grid })}
-			ref={ref}
-		>
+		<Card className={cn("pb-2 sm:pb-4 odd:last-of-type:col-span-full", { "col-span-full": !grid })} ref={ref}>
 			<CardHeader className="pb-5 pt-4 relative space-y-1 max-sm:py-3 max-sm:px-4">
 				<CardTitle className="text-xl sm:text-2xl">{title}</CardTitle>
 				<CardDescription>{description}</CardDescription>
-				{cornerEl && (
-					<div className="relative py-1 block sm:w-44 sm:absolute sm:top-2.5 sm:right-3.5">
-						{cornerEl}
-					</div>
-				)}
+				{cornerEl && <div className="relative py-1 block sm:w-44 sm:absolute sm:top-2.5 sm:end-3.5">{cornerEl}</div>}
 			</CardHeader>
-			<div className="pl-0 w-[calc(100%-1.6em)] h-52 relative">
-				{<Spinner />}
-				{isIntersecting && <Suspense>{children}</Suspense>}
+			<div className="ps-0 w-[calc(100%-1.5em)] h-48 md:h-52 relative group">
+				{
+					<Spinner
+						msg={empty ? t`Waiting for enough records to display` : undefined}
+						// className="group-has-[.opacity-100]:opacity-0 transition-opacity"
+						className="group-has-[.opacity-100]:invisible duration-100"
+					/>
+				}
+				{isIntersecting && children}
 			</div>
 		</Card>
 	)

beszel/site/src/components/spinner.tsx

@@ -1,9 +1,14 @@
-import { LoaderCircleIcon } from 'lucide-react'
+import { cn } from "@/lib/utils"
+import { LoaderCircleIcon } from "lucide-react"
 
-export default function () {
+export default function ({ msg, className }: { msg?: string; className?: string }) {
 	return (
-		<div className="grid place-content-center h-full absolute inset-0">
-			<LoaderCircleIcon className="animate-spin h-10 w-10 opacity-60" />
+		<div className={cn(className, "flex flex-col items-center justify-center h-full absolute inset-0")}>
+			{msg ? (
+				<p className={"opacity-60 mb-2 text-center text-sm px-4"}>{msg}</p>
+			) : (
+				<LoaderCircleIcon className="animate-spin h-10 w-10 opacity-60" />
+			)}
 		</div>
 	)
 }

beszel/site/src/components/systems-table/systems-table.tsx

@@ -6,29 +6,24 @@ import {
 	SortingState,
 	getSortedRowModel,
 	flexRender,
+	VisibilityState,
 	getCoreRowModel,
 	useReactTable,
 	Column,
-} from '@tanstack/react-table'
+} from "@tanstack/react-table"
 
-import {
-	Table,
-	TableBody,
-	TableCell,
-	TableHead,
-	TableHeader,
-	TableRow,
-} from '@/components/ui/table'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
 
-import { Button, buttonVariants } from '@/components/ui/button'
+import { Button, buttonVariants } from "@/components/ui/button"
 
 import {
 	DropdownMenu,
+	DropdownMenuCheckboxItem,
 	DropdownMenuContent,
 	DropdownMenuItem,
 	DropdownMenuSeparator,
 	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
+} from "@/components/ui/dropdown-menu"
 
 import {
 	AlertDialog,
@@ -40,9 +35,9 @@ import {
 	AlertDialogHeader,
 	AlertDialogTitle,
 	AlertDialogTrigger,
-} from '@/components/ui/alert-dialog'
+} from "@/components/ui/alert-dialog"
 
-import { SystemRecord } from '@/types'
+import { SystemRecord } from "@/types"
 import {
 	MoreHorizontalIcon,
 	ArrowUpDownIcon,
@@ -55,14 +50,19 @@ import {
 	HardDriveIcon,
 	ServerIcon,
 	CpuIcon,
-} from 'lucide-react'
-import { useEffect, useMemo, useState } from 'react'
-import { $hubVersion, $systems, pb } from '@/lib/stores'
-import { useStore } from '@nanostores/react'
-import { cn, copyToClipboard, decimalString, isReadOnlyUser } from '@/lib/utils'
-import AlertsButton from '../table-alerts'
-import { navigate } from '../router'
-import { EthernetIcon } from '../ui/icons'
+	ChevronDownIcon,
+} from "lucide-react"
+import { useEffect, useMemo, useState } from "react"
+import { $hubVersion, $systems, pb } from "@/lib/stores"
+import { useStore } from "@nanostores/react"
+import { cn, copyToClipboard, decimalString, isReadOnlyUser, useLocalStorage } from "@/lib/utils"
+import AlertsButton from "../alerts/alert-button"
+import { navigate } from "../router"
+import { EthernetIcon } from "../ui/icons"
+import { Trans, t } from "@lingui/macro"
+import { useLingui } from "@lingui/react"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card"
+import { Input } from "../ui/input"
 
 function CellFormatter(info: CellContext<SystemRecord, unknown>) {
 	const val = info.getValue() as number
@@ -72,8 +72,8 @@ function CellFormatter(info: CellContext<SystemRecord, unknown>) {
 			<span className="grow min-w-10 block bg-muted h-[1em] relative rounded-sm overflow-hidden">
 				<span
 					className={cn(
-						'absolute inset-0 w-full h-full origin-left',
-						(val < 65 && 'bg-green-500') || (val < 90 && 'bg-yellow-500') || 'bg-red-600'
+						"absolute inset-0 w-full h-full origin-left",
+						(val < 65 && "bg-green-500") || (val < 90 && "bg-yellow-500") || "bg-red-600"
 					)}
 					style={{ transform: `scalex(${val}%)` }}
 				></span>
@@ -82,34 +82,32 @@ function CellFormatter(info: CellContext<SystemRecord, unknown>) {
 	)
 }
 
-function sortableHeader(
-	column: Column<SystemRecord, unknown>,
-	name: string,
-	Icon: any,
-	hideSortIcon = false
-) {
+function sortableHeader(column: Column<SystemRecord, unknown>, Icon: any, hideSortIcon = false) {
 	return (
 		<Button
 			variant="ghost"
-			className="h-9 px-3"
-			onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
+			className="h-9 px-3 flex"
+			onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
 		>
-			<Icon className="mr-2 h-4 w-4" />
-			{name}
-			{!hideSortIcon && <ArrowUpDownIcon className="ml-2 h-4 w-4" />}
+			<Icon className="me-2 h-4 w-4" />
+			{column.id}
+			{!hideSortIcon && <ArrowUpDownIcon className="ms-2 h-4 w-4" />}
 		</Button>
 	)
 }
 
-export default function SystemsTable({ filter }: { filter?: string }) {
+export default function SystemsTable() {
 	const data = useStore($systems)
 	const hubVersion = useStore($hubVersion)
+	const [filter, setFilter] = useState<string>()
 	const [sorting, setSorting] = useState<SortingState>([])
 	const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])
+	const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>("cols", {})
+	const { i18n } = useLingui()
 
 	useEffect(() => {
 		if (filter !== undefined) {
-			table.getColumn('name')?.setFilterValue(filter)
+			table.getColumn(t`System`)?.setFilterValue(filter)
 		}
 	}, [filter])
 
@@ -119,23 +117,25 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 				// size: 200,
 				size: 200,
 				minSize: 0,
-				accessorKey: 'name',
+				accessorKey: "name",
+				id: t`System`,
+				enableHiding: false,
 				cell: (info) => {
 					const { status } = info.row.original
 					return (
-						<span className="flex gap-0.5 items-center text-base md:pr-5">
+						<span className="flex gap-0.5 items-center text-base md:pe-5">
 							<span
-								className={cn('w-2 h-2 left-0 rounded-full', {
-									'bg-green-500': status === 'up',
-									'bg-red-500': status === 'down',
-									'bg-primary/40': status === 'paused',
-									'bg-yellow-500': status === 'pending',
+								className={cn("w-2 h-2 left-0 rounded-full", {
+									"bg-green-500": status === "up",
+									"bg-red-500": status === "down",
+									"bg-primary/40": status === "paused",
+									"bg-yellow-500": status === "pending",
 								})}
-								style={{ marginBottom: '-1px' }}
+								style={{ marginBottom: "-1px" }}
 							></span>
 							<Button
 								data-nolink
-								variant={'ghost'}
+								variant={"ghost"}
 								className="text-primary/90 h-7 px-1.5 gap-1.5"
 								onClick={() => copyToClipboard(info.getValue() as string)}
 							>
@@ -145,59 +145,58 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 						</span>
 					)
 				},
-				header: ({ column }) => sortableHeader(column, 'System', ServerIcon),
+				header: ({ column }) => sortableHeader(column, ServerIcon),
 			},
 			{
-				accessorKey: 'info.cpu',
+				accessorKey: "info.cpu",
+				id: t`CPU`,
 				invertSorting: true,
 				cell: CellFormatter,
-				header: ({ column }) => sortableHeader(column, 'CPU', CpuIcon),
+				header: ({ column }) => sortableHeader(column, CpuIcon),
 			},
 			{
-				accessorKey: 'info.mp',
+				accessorKey: "info.mp",
+				id: t`Memory`,
 				invertSorting: true,
 				cell: CellFormatter,
-				header: ({ column }) => sortableHeader(column, 'Memory', MemoryStickIcon),
+				header: ({ column }) => sortableHeader(column, MemoryStickIcon),
 			},
 			{
-				accessorKey: 'info.dp',
+				accessorKey: "info.dp",
+				id: t`Disk`,
 				invertSorting: true,
 				cell: CellFormatter,
-				header: ({ column }) => sortableHeader(column, 'Disk', HardDriveIcon),
+				header: ({ column }) => sortableHeader(column, HardDriveIcon),
 			},
 			{
 				accessorFn: (originalRow) => originalRow.info.b || 0,
-				id: 'n',
+				id: t`Net`,
 				invertSorting: true,
 				size: 115,
-				header: ({ column }) => sortableHeader(column, 'Net', EthernetIcon),
+				header: ({ column }) => sortableHeader(column, EthernetIcon),
 				cell: (info) => {
 					const val = info.getValue() as number
 					return (
-						<span className="tabular-nums whitespace-nowrap pl-1">
-							{decimalString(val, val >= 100 ? 1 : 2)} MB/s
-						</span>
+						<span className="tabular-nums whitespace-nowrap ps-1">{decimalString(val, val >= 100 ? 1 : 2)} MB/s</span>
 					)
 				},
 			},
 			{
-				accessorKey: 'info.v',
+				accessorKey: "info.v",
+				id: t`Agent`,
 				invertSorting: true,
 				size: 50,
-				header: ({ column }) => sortableHeader(column, 'Agent', WifiIcon, true),
+				header: ({ column }) => sortableHeader(column, WifiIcon, true),
 				cell: (info) => {
 					const version = info.getValue() as string
 					if (!version || !hubVersion) {
 						return null
 					}
 					return (
-						<span className="flex gap-2 items-center md:pr-5 tabular-nums pl-1">
+						<span className="flex gap-2 items-center md:pe-5 tabular-nums ps-1">
 							<span
-								className={cn(
-									'w-2 h-2 left-0 rounded-full',
-									version === hubVersion ? 'bg-green-500' : 'bg-yellow-500'
-								)}
-								style={{ marginBottom: '-1px' }}
+								className={cn("w-2 h-2 left-0 rounded-full", version === hubVersion ? "bg-green-500" : "bg-yellow-500")}
+								style={{ marginBottom: "-1px" }}
 							></span>
 							<span>{info.getValue() as string}</span>
 						</span>
@@ -205,72 +204,78 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 				},
 			},
 			{
-				id: 'actions',
+				id: t({ message: "Actions", comment: "Table column" }),
 				size: 120,
-				// minSize: 0,
 				cell: ({ row }) => {
 					const { id, name, status, host } = row.original
 					return (
-						<div className={'flex justify-end items-center gap-1'}>
+						<div className={"flex justify-end items-center gap-1"}>
 							<AlertsButton system={row.original} />
 							<AlertDialog>
 								<DropdownMenu>
 									<DropdownMenuTrigger asChild>
-										<Button variant="ghost" size={'icon'} data-nolink>
-											<span className="sr-only">Open menu</span>
+										<Button variant="ghost" size={"icon"} data-nolink>
+											<span className="sr-only">
+												<Trans>Open menu</Trans>
+											</span>
 											<MoreHorizontalIcon className="w-5" />
 										</Button>
 									</DropdownMenuTrigger>
 									<DropdownMenuContent align="end">
 										<DropdownMenuItem
-											className={cn(isReadOnlyUser() && 'hidden')}
+											className={cn(isReadOnlyUser() && "hidden")}
 											onClick={() => {
-												pb.collection('systems').update(id, {
-													status: status === 'paused' ? 'pending' : 'paused',
+												pb.collection("systems").update(id, {
+													status: status === "paused" ? "pending" : "paused",
 												})
 											}}
 										>
-											{status === 'paused' ? (
+											{status === "paused" ? (
 												<>
-													<PlayCircleIcon className="mr-2.5 h-4 w-4" />
-													Resume
+													<PlayCircleIcon className="me-2.5 h-4 w-4" />
+													<Trans>Resume</Trans>
 												</>
 											) : (
 												<>
-													<PauseCircleIcon className="mr-2.5 h-4 w-4" />
-													Pause
+													<PauseCircleIcon className="me-2.5 h-4 w-4" />
+													<Trans>Pause</Trans>
 												</>
 											)}
 										</DropdownMenuItem>
 										<DropdownMenuItem onClick={() => copyToClipboard(host)}>
-											<CopyIcon className="mr-2.5 h-4 w-4" />
-											Copy host
+											<CopyIcon className="me-2.5 h-4 w-4" />
+											<Trans>Copy host</Trans>
 										</DropdownMenuItem>
-										<DropdownMenuSeparator className={cn(isReadOnlyUser() && 'hidden')} />
+										<DropdownMenuSeparator className={cn(isReadOnlyUser() && "hidden")} />
 										<AlertDialogTrigger asChild>
-											<DropdownMenuItem className={cn(isReadOnlyUser() && 'hidden')}>
-												<Trash2Icon className="mr-2.5 h-4 w-4" />
-												Delete
+											<DropdownMenuItem className={cn(isReadOnlyUser() && "hidden")}>
+												<Trash2Icon className="me-2.5 h-4 w-4" />
+												<Trans>Delete</Trans>
 											</DropdownMenuItem>
 										</AlertDialogTrigger>
 									</DropdownMenuContent>
 								</DropdownMenu>
 								<AlertDialogContent>
 									<AlertDialogHeader>
-										<AlertDialogTitle>Are you sure you want to delete {name}?</AlertDialogTitle>
+										<AlertDialogTitle>
+											<Trans>Are you sure you want to delete {name}?</Trans>
+										</AlertDialogTitle>
 										<AlertDialogDescription>
-											This action cannot be undone. This will permanently delete all current records
-											for <code className={'bg-muted rounded-sm px-1'}>{name}</code> from the
-											database.
+											<Trans>
+												This action cannot be undone. This will permanently delete all current records for {name} from
+												the database.
+											</Trans>
 										</AlertDialogDescription>
 									</AlertDialogHeader>
 									<AlertDialogFooter>
-										<AlertDialogCancel>Cancel</AlertDialogCancel>
+										<AlertDialogCancel>
+											<Trans>Cancel</Trans>
+										</AlertDialogCancel>
 										<AlertDialogAction
-											className={cn(buttonVariants({ variant: 'destructive' }))}
-											onClick={() => pb.collection('systems').delete(id)}
+											className={cn(buttonVariants({ variant: "destructive" }))}
+											onClick={() => pb.collection("systems").delete(id)}
 										>
-											Continue
+											<Trans>Continue</Trans>
 										</AlertDialogAction>
 									</AlertDialogFooter>
 								</AlertDialogContent>
@@ -280,7 +285,7 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 				},
 			},
 		] as ColumnDef<SystemRecord>[]
-	}, [hubVersion])
+	}, [hubVersion, i18n.locale])
 
 	const table = useReactTable({
 		data,
@@ -290,9 +295,11 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 		getSortedRowModel: getSortedRowModel(),
 		onColumnFiltersChange: setColumnFilters,
 		getFilteredRowModel: getFilteredRowModel(),
+		onColumnVisibilityChange: setColumnVisibility,
 		state: {
 			sorting,
 			columnFilters,
+			columnVisibility,
 		},
 		defaultColumn: {
 			minSize: 0,
@@ -302,64 +309,102 @@ export default function SystemsTable({ filter }: { filter?: string }) {
 	})
 
 	return (
-		<div className="rounded-md border overflow-hidden">
-			<Table>
-				<TableHeader className="bg-muted/40">
-					{table.getHeaderGroups().map((headerGroup) => (
-						<TableRow key={headerGroup.id}>
-							{headerGroup.headers.map((header) => {
-								return (
-									<TableHead className="px-2" key={header.id}>
-										{header.isPlaceholder
-											? null
-											: flexRender(header.column.columnDef.header, header.getContext())}
-									</TableHead>
-								)
-							})}
-						</TableRow>
-					))}
-				</TableHeader>
-				<TableBody>
-					{table.getRowModel().rows?.length ? (
-						table.getRowModel().rows.map((row) => (
-							<TableRow
-								key={row.original.id}
-								data-state={row.getIsSelected() && 'selected'}
-								className={cn('cursor-pointer transition-opacity', {
-									'opacity-50': row.original.status === 'paused',
-								})}
-								onClick={(e) => {
-									const target = e.target as HTMLElement
-									if (!target.closest('[data-nolink]') && e.currentTarget.contains(target)) {
-										navigate(`/system/${encodeURIComponent(row.original.name)}`)
-									}
-								}}
-							>
-								{row.getVisibleCells().map((cell) => (
-									<TableCell
-										key={cell.id}
-										style={{
-											width:
-												cell.column.getSize() === Number.MAX_SAFE_INTEGER
-													? 'auto'
-													: cell.column.getSize(),
+		<Card>
+			<CardHeader className="pb-5 px-2 sm:px-6 max-sm:pt-5 max-sm:pb-1">
+				<div className="grid md:flex gap-5 w-full items-end">
+					<div className="px-2 sm:px-1">
+						<CardTitle className="mb-2.5">
+							<Trans>All Systems</Trans>
+						</CardTitle>
+						<CardDescription>
+							<Trans>Updated in real time. Click on a system to view information.</Trans>
+						</CardDescription>
+					</div>
+					<div className="flex gap-2 ms-auto w-full md:w-80">
+						<Input placeholder={t`Filter...`} onChange={(e) => setFilter(e.target.value)} className="px-4" />
+						<DropdownMenu>
+							<DropdownMenuTrigger asChild>
+								<Button variant="outline">
+									<Trans comment="Context: table columns">Columns</Trans>{" "}
+									<ChevronDownIcon className="ms-1.5 h-4 w-4 opacity-90" />
+								</Button>
+							</DropdownMenuTrigger>
+							<DropdownMenuContent align="end">
+								{table
+									.getAllColumns()
+									.filter((column) => column.getCanHide())
+									.map((column) => {
+										return (
+											<DropdownMenuCheckboxItem
+												key={column.id}
+												checked={column.getIsVisible()}
+												onCheckedChange={(value) => column.toggleVisibility(!!value)}
+											>
+												{column.id}
+											</DropdownMenuCheckboxItem>
+										)
+									})}
+							</DropdownMenuContent>
+						</DropdownMenu>
+					</div>
+				</div>
+			</CardHeader>
+			<CardContent className="max-sm:p-2">
+				<div className="rounded-md border overflow-hidden">
+					<Table>
+						<TableHeader>
+							{table.getHeaderGroups().map((headerGroup) => (
+								<TableRow key={headerGroup.id}>
+									{headerGroup.headers.map((header) => {
+										return (
+											<TableHead className="px-2" key={header.id}>
+												{header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
+											</TableHead>
+										)
+									})}
+								</TableRow>
+							))}
+						</TableHeader>
+						<TableBody>
+							{table.getRowModel().rows?.length ? (
+								table.getRowModel().rows.map((row) => (
+									<TableRow
+										key={row.original.id}
+										data-state={row.getIsSelected() && "selected"}
+										className={cn("cursor-pointer transition-opacity", {
+											"opacity-50": row.original.status === "paused",
+										})}
+										onClick={(e) => {
+											const target = e.target as HTMLElement
+											if (!target.closest("[data-nolink]") && e.currentTarget.contains(target)) {
+												navigate(`/system/${encodeURIComponent(row.original.name)}`)
+											}
 										}}
-										className={cn('overflow-hidden relative', data.length > 10 ? 'py-2' : 'py-2.5')}
 									>
-										{flexRender(cell.column.columnDef.cell, cell.getContext())}
+										{row.getVisibleCells().map((cell) => (
+											<TableCell
+												key={cell.id}
+												style={{
+													width: cell.column.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : cell.column.getSize(),
+												}}
+												className={cn("overflow-hidden relative", data.length > 10 ? "py-2" : "py-2.5")}
+											>
+												{flexRender(cell.column.columnDef.cell, cell.getContext())}
+											</TableCell>
+										))}
+									</TableRow>
+								))
+							) : (
+								<TableRow>
+									<TableCell colSpan={columns.length} className="h-24 text-center">
+										<Trans>No systems found.</Trans>
 									</TableCell>
-								))}
-							</TableRow>
-						))
-					) : (
-						<TableRow>
-							<TableCell colSpan={columns.length} className="h-24 text-center">
-								No systems found
-							</TableCell>
-						</TableRow>
-					)}
-				</TableBody>
-			</Table>
-		</div>
+								</TableRow>
+							)}
+						</TableBody>
+					</Table>
+				</div>
+			</CardContent>
+		</Card>
 	)
 }

beszel/site/src/components/table-alerts.tsx

@@ -1,273 +0,0 @@
-import { $alerts, pb } from '@/lib/stores'
-import { useStore } from '@nanostores/react'
-import {
-	Dialog,
-	DialogTrigger,
-	DialogContent,
-	DialogDescription,
-	DialogHeader,
-	DialogTitle,
-} from '@/components/ui/dialog'
-import { BellIcon, ServerIcon } from 'lucide-react'
-import { alertInfo, cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
-import { Switch } from '@/components/ui/switch'
-import { AlertRecord, SystemRecord } from '@/types'
-import { lazy, Suspense, useMemo, useState } from 'react'
-import { toast } from './ui/use-toast'
-import { Link } from './router'
-
-const Slider = lazy(() => import('./ui/slider'))
-
-const failedUpdateToast = () =>
-	toast({
-		title: 'Failed to update alert',
-		description: 'Please check logs for more details.',
-		variant: 'destructive',
-	})
-
-export default function AlertsButton({ system }: { system: SystemRecord }) {
-	const alerts = useStore($alerts)
-	const [opened, setOpened] = useState(false)
-
-	const systemAlerts = alerts.filter((alert) => alert.system === system.id) as AlertRecord[]
-
-	const active = systemAlerts.length > 0
-
-	return (
-		<Dialog>
-			<DialogTrigger asChild>
-				<Button
-					variant="ghost"
-					size={'icon'}
-					aria-label="Alerts"
-					data-nolink
-					onClick={() => setOpened(true)}
-				>
-					<BellIcon
-						className={cn('h-[1.2em] w-[1.2em] pointer-events-none', {
-							'fill-foreground': active,
-						})}
-					/>
-				</Button>
-			</DialogTrigger>
-			<DialogContent
-				className="max-h-full overflow-auto max-w-[35rem]"
-				// onCloseAutoFocus={() => setOpened(false)}
-			>
-				{opened && (
-					<>
-						<DialogHeader>
-							<DialogTitle className="text-xl">{system.name} alerts</DialogTitle>
-							<DialogDescription className="mb-1">
-								See{' '}
-								<Link href="/settings/notifications" className="link">
-									notification settings
-								</Link>{' '}
-								to configure how you receive alerts.
-							</DialogDescription>
-						</DialogHeader>
-						<div className="grid gap-3">
-							<AlertStatus system={system} alerts={systemAlerts} />
-							{Object.keys(alertInfo).map((key) => {
-								const alert = alertInfo[key as keyof typeof alertInfo]
-								return (
-									<AlertWithSlider
-										key={key}
-										system={system}
-										alerts={systemAlerts}
-										name={key}
-										title={alert.name}
-										description={alert.desc}
-										unit={alert.unit}
-										Icon={alert.icon}
-									/>
-								)
-							})}
-						</div>
-					</>
-				)}
-			</DialogContent>
-		</Dialog>
-	)
-}
-
-function AlertStatus({ system, alerts }: { system: SystemRecord; alerts: AlertRecord[] }) {
-	const [pendingChange, setPendingChange] = useState(false)
-
-	const alert = alerts.find((alert) => alert.name === 'Status')
-
-	return (
-		<label
-			htmlFor="alert-status"
-			className="flex flex-row items-center justify-between gap-4 rounded-lg border border-muted-foreground/15 hover:border-muted-foreground/20 transition-colors duration-100 p-4 cursor-pointer"
-		>
-			<div className="grid gap-1 select-none">
-				<p className="font-semibold flex gap-3 items-center">
-					<ServerIcon className="h-4 w-4 opacity-85" /> System status
-				</p>
-				<span className="block text-sm text-muted-foreground">
-					Triggers when status switches between up and down.
-				</span>
-			</div>
-			<Switch
-				id="alert-status"
-				className={cn('transition-opacity', pendingChange && 'opacity-40')}
-				checked={!!alert}
-				value={!!alert ? 'on' : 'off'}
-				onCheckedChange={async (active) => {
-					if (pendingChange) {
-						return
-					}
-					setPendingChange(true)
-					try {
-						if (!active && alert) {
-							await pb.collection('alerts').delete(alert.id)
-						} else if (active) {
-							pb.collection('alerts').create({
-								system: system.id,
-								user: pb.authStore.model!.id,
-								name: 'Status',
-							})
-						}
-					} catch (e) {
-						failedUpdateToast()
-					} finally {
-						setPendingChange(false)
-					}
-				}}
-			/>
-		</label>
-	)
-}
-
-function AlertWithSlider({
-	system,
-	alerts,
-	name,
-	title,
-	description,
-	unit = '%',
-	max = 99,
-	Icon,
-}: {
-	system: SystemRecord
-	alerts: AlertRecord[]
-	name: string
-	title: string
-	description: string
-	unit?: string
-	max?: number
-	Icon: React.FC<React.SVGProps<SVGSVGElement>>
-}) {
-	const [pendingChange, setPendingChange] = useState(false)
-	const [liveValue, setLiveValue] = useState(80)
-	const [liveMinutes, setLiveMinutes] = useState(10)
-
-	const key = name.replaceAll(' ', '-')
-
-	const alert = useMemo(() => {
-		const alert = alerts.find((alert) => alert.name === name)
-		if (alert) {
-			setLiveValue(alert.value)
-			setLiveMinutes(alert.min || 1)
-		}
-		return alert
-	}, [alerts])
-
-	return (
-		<div className="rounded-lg border border-muted-foreground/15 hover:border-muted-foreground/20 transition-colors duration-100 group">
-			<label
-				htmlFor={`s${key}`}
-				className={cn('flex flex-row items-center justify-between gap-4 cursor-pointer p-4', {
-					'pb-0': !!alert,
-				})}
-			>
-				<div className="grid gap-1 select-none">
-					<p className="font-semibold flex gap-3 items-center">
-						<Icon className="h-4 w-4 opacity-85" /> {title}
-					</p>
-					{!alert && <span className="block text-sm text-muted-foreground">{description}</span>}
-				</div>
-				<Switch
-					id={`s${key}`}
-					className={cn('transition-opacity', pendingChange && 'opacity-40')}
-					checked={!!alert}
-					value={!!alert ? 'on' : 'off'}
-					onCheckedChange={async (active) => {
-						if (pendingChange) {
-							return
-						}
-						setPendingChange(true)
-						try {
-							if (!active && alert) {
-								await pb.collection('alerts').delete(alert.id)
-							} else if (active) {
-								pb.collection('alerts').create({
-									system: system.id,
-									user: pb.authStore.model!.id,
-									name,
-									value: liveValue,
-									min: liveMinutes,
-								})
-							}
-						} catch (e) {
-							failedUpdateToast()
-						} finally {
-							setPendingChange(false)
-						}
-					}}
-				/>
-			</label>
-			{alert && (
-				<div className="grid sm:grid-cols-2 mt-1.5 gap-5 px-4 pb-5 tabular-nums text-muted-foreground">
-					<Suspense fallback={<div className="h-10" />}>
-						<div>
-							<p id={`v${key}`} className="text-sm block h-8">
-								Average exceeds{' '}
-								<strong className="text-foreground">
-									{liveValue}
-									{unit}
-								</strong>
-							</p>
-							<div className="flex gap-3">
-								<Slider
-									aria-labelledby={`v${key}`}
-									defaultValue={[liveValue]}
-									onValueCommit={(val) => {
-										pb.collection('alerts').update(alert.id, {
-											value: val[0],
-										})
-									}}
-									onValueChange={(val) => setLiveValue(val[0])}
-									min={1}
-									max={max}
-								/>
-							</div>
-						</div>
-						<div>
-							<p id={`t${key}`} className="text-sm block h-8">
-								For <strong className="text-foreground">{liveMinutes}</strong> minute
-								{liveMinutes > 1 && 's'}
-							</p>
-							<div className="flex gap-3">
-								<Slider
-									aria-labelledby={`v${key}`}
-									defaultValue={[liveMinutes]}
-									onValueCommit={(val) => {
-										pb.collection('alerts').update(alert.id, {
-											min: val[0],
-										})
-									}}
-									onValueChange={(val) => setLiveMinutes(val[0])}
-									min={1}
-									max={60}
-								/>
-							</div>
-						</div>
-					</Suspense>
-				</div>
-			)}
-		</div>
-	)
-}

beszel/site/src/components/theme-provider.tsx

@@ -1,6 +1,6 @@
-import { createContext, useContext, useEffect, useState } from 'react'
+import { createContext, useContext, useEffect, useState } from "react"
 
-type Theme = 'dark' | 'light' | 'system'
+type Theme = "dark" | "light" | "system"
 
 type ThemeProviderProps = {
 	children: React.ReactNode
@@ -14,7 +14,7 @@ type ThemeProviderState = {
 }
 
 const initialState: ThemeProviderState = {
-	theme: 'system',
+	theme: "system",
 	setTheme: () => null,
 }
 
@@ -22,23 +22,19 @@ const ThemeProviderContext = createContext<ThemeProviderState>(initialState)
 
 export function ThemeProvider({
 	children,
-	defaultTheme = 'system',
-	storageKey = 'ui-theme',
+	defaultTheme = "system",
+	storageKey = "ui-theme",
 	...props
 }: ThemeProviderProps) {
-	const [theme, setTheme] = useState<Theme>(
-		() => (localStorage.getItem(storageKey) as Theme) || defaultTheme
-	)
+	const [theme, setTheme] = useState<Theme>(() => (localStorage.getItem(storageKey) as Theme) || defaultTheme)
 
 	useEffect(() => {
 		const root = window.document.documentElement
 
-		root.classList.remove('light', 'dark')
+		root.classList.remove("light", "dark")
 
-		if (theme === 'system') {
-			const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
-				? 'dark'
-				: 'light'
+		if (theme === "system") {
+			const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
 
 			root.classList.add(systemTheme)
 			return

beszel/site/src/components/ui/alert-dialog.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react'
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button'
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
 
 const AlertDialog = AlertDialogPrimitive.Root
 
@@ -16,7 +16,7 @@ const AlertDialogOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<AlertDialogPrimitive.Overlay
 		className={cn(
-			'fixed inset-0 z-50 bg-black/50  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+			"fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className
 		)}
 		{...props}
@@ -34,7 +34,7 @@ const AlertDialogContent = React.forwardRef<
 		<AlertDialogPrimitive.Content
 			ref={ref}
 			className={cn(
-				'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+				"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
 				className
 			)}
 			{...props}
@@ -44,27 +44,20 @@ const AlertDialogContent = React.forwardRef<
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
 
 const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />
+	<div className={cn("flex flex-col space-y-2 text-center sm:text-start", className)} {...props} />
 )
-AlertDialogHeader.displayName = 'AlertDialogHeader'
+AlertDialogHeader.displayName = "AlertDialogHeader"
 
 const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div
-		className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
-		{...props}
-	/>
+	<div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className)} {...props} />
 )
-AlertDialogFooter.displayName = 'AlertDialogFooter'
+AlertDialogFooter.displayName = "AlertDialogFooter"
 
 const AlertDialogTitle = React.forwardRef<
 	React.ElementRef<typeof AlertDialogPrimitive.Title>,
 	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Title
-		ref={ref}
-		className={cn('text-lg font-semibold', className)}
-		{...props}
-	/>
+	<AlertDialogPrimitive.Title ref={ref} className={cn("text-lg font-semibold", className)} {...props} />
 ))
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
 
@@ -72,11 +65,7 @@ const AlertDialogDescription = React.forwardRef<
 	React.ElementRef<typeof AlertDialogPrimitive.Description>,
 	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Description
-		ref={ref}
-		className={cn('text-sm text-muted-foreground', className)}
-		{...props}
-	/>
+	<AlertDialogPrimitive.Description ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
 ))
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName
 
@@ -94,7 +83,7 @@ const AlertDialogCancel = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<AlertDialogPrimitive.Cancel
 		ref={ref}
-		className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}
+		className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
 		{...props}
 	/>
 ))

beszel/site/src/components/ui/alert.tsx

@@ -1,59 +1,54 @@
 import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
+// import { cva, type VariantProps } from 'class-variance-authority'
 
 import { cn } from "@/lib/utils"
 
-const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
+// const alertVariants = cva(
+//   "relative w-full rounded-lg border p-4 [&>svg~*]:ps-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+//   {
+//     variants: {
+//       variant: {
+//         default: "bg-background text-foreground",
+//         destructive:
+//           "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+//       },
+//     },
+//     defaultVariants: {
+//       variant: "default",
+//     },
+//   }
+// )
 
 const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div
-    ref={ref}
-    role="alert"
-    className={cn(alertVariants({ variant }), className)}
-    {...props}
-  />
+	HTMLDivElement,
+	// React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+	// >(({ className, variant, ...props }, ref) => (
+	React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+	<div
+		ref={ref}
+		role="alert"
+		className={cn(
+			"relative w-full rounded-lg border p-4 [&>svg~*]:ps-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground bg-background text-foreground",
+			className
+		)}
+		{...props}
+	/>
 ))
 Alert.displayName = "Alert"
 
-const AlertTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h5
-    ref={ref}
-    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-    {...props}
-  />
-))
+const AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+	({ className, ...props }, ref) => (
+		<h5 ref={ref} className={cn("mb-1 -mt-0.5 font-medium leading-tight tracking-tight", className)} {...props} />
+	)
+)
 AlertTitle.displayName = "AlertTitle"
 
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm [&_p]:leading-relaxed", className)}
-    {...props}
-  />
-))
+const AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+	({ className, ...props }, ref) => (
+		<div ref={ref} className={cn("text-sm [&_p]:leading-relaxed", className)} {...props} />
+	)
+)
 AlertDescription.displayName = "AlertDescription"
 
 export { Alert, AlertTitle, AlertDescription }

beszel/site/src/components/ui/badge.tsx

@@ -4,33 +4,26 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
+	"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+	{
+		variants: {
+			variant: {
+				default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+				secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+				destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+				outline: "text-foreground",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	}
 )
 
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
+	return <div className={cn(badgeVariants({ variant }), className)} {...props} />
 }
 
 export { Badge, badgeVariants }

beszel/site/src/components/ui/button.tsx

@@ -1,31 +1,31 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-	'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+	"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 	{
 		variants: {
 			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-				destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-				secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline',
+				default: "bg-primary text-primary-foreground hover:bg-primary/90",
+				destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+				outline: "border bg-background hover:bg-accent/70 dark:hover:bg-accent/50 hover:text-accent-foreground",
+				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+				ghost: "hover:bg-accent hover:text-accent-foreground",
+				link: "text-primary underline-offset-4 hover:underline",
 			},
 			size: {
-				default: 'h-10 px-4 py-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-11 rounded-md px-8',
-				icon: 'h-10 w-10',
+				default: "h-10 px-4 py-2",
+				sm: "h-9 rounded-md px-3",
+				lg: "h-11 rounded-md px-8",
+				icon: "h-10 w-10",
 			},
 		},
 		defaultVariants: {
-			variant: 'default',
-			size: 'default',
+			variant: "default",
+			size: "default",
 		},
 	}
 )
@@ -38,12 +38,10 @@ export interface ButtonProps
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 	({ className, variant, size, asChild = false, ...props }, ref) => {
-		const Comp = asChild ? Slot : 'button'
-		return (
-			<Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
-		)
+		const Comp = asChild ? Slot : "button"
+		return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
 	}
 )
-Button.displayName = 'Button'
+Button.displayName = "Button"
 
 export { Button, buttonVariants }

beszel/site/src/components/ui/card.tsx

@@ -2,78 +2,44 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    )}
-    {...props}
-  />
+const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+	<div
+		ref={ref}
+		className={cn("rounded-lg border border-border/60 bg-card text-card-foreground shadow-sm", className)}
+		{...props}
+	/>
 ))
 Card.displayName = "Card"
 
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-))
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+	({ className, ...props }, ref) => (
+		<div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
+	)
+)
 CardHeader.displayName = "CardHeader"
 
-const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
+const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+	({ className, ...props }, ref) => (
+		<h3 ref={ref} className={cn("text-2xl font-semibold leading-none tracking-tight", className)} {...props} />
+	)
+)
 CardTitle.displayName = "CardTitle"
 
-const CardDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <p
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
+const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+	({ className, ...props }, ref) => (
+		<p ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
+	)
+)
 CardDescription.displayName = "CardDescription"
 
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-))
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+	({ className, ...props }, ref) => <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+)
 CardContent.displayName = "CardContent"
 
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-))
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+	({ className, ...props }, ref) => <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
+)
 CardFooter.displayName = "CardFooter"
 
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }

beszel/site/src/components/ui/chart.tsx

@@ -1,19 +1,17 @@
-import * as React from 'react'
-import * as RechartsPrimitive from 'recharts'
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
 
-import { cn } from '@/lib/utils'
+import { chartTimeData, cn } from "@/lib/utils"
+import { ChartData } from "@/types"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: '', dark: '.dark' } as const
+const THEMES = { light: "", dark: ".dark" } as const
 
 export type ChartConfig = {
 	[k in string]: {
 		label?: React.ReactNode
 		icon?: React.ComponentType
-	} & (
-		| { color?: string; theme?: never }
-		| { color?: never; theme: Record<keyof typeof THEMES, string> }
-	)
+	} & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> })
 }
 
 // type ChartContextProps = {
@@ -34,13 +32,13 @@ export type ChartConfig = {
 
 const ChartContainer = React.forwardRef<
 	HTMLDivElement,
-	React.ComponentProps<'div'> & {
+	React.ComponentProps<"div"> & {
 		// config: ChartConfig
-		children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children']
+		children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"]
 	}
 >(({ id, className, children, ...props }, ref) => {
 	const uniqueId = React.useId()
-	const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`
+	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
 
 	return (
 		//<ChartContext.Provider value={{ config }}>
@@ -59,7 +57,7 @@ const ChartContainer = React.forwardRef<
 		//</ChartContext.Provider>
 	)
 })
-ChartContainer.displayName = 'Chart'
+ChartContainer.displayName = "Chart"
 
 // const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 // 	const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color)
@@ -93,9 +91,9 @@ const ChartTooltip = RechartsPrimitive.Tooltip
 const ChartTooltipContent = React.forwardRef<
 	HTMLDivElement,
 	React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-		React.ComponentProps<'div'> & {
+		React.ComponentProps<"div"> & {
 			hideLabel?: boolean
-			indicator?: 'line' | 'dot' | 'dashed'
+			indicator?: "line" | "dot" | "dashed"
 			nameKey?: string
 			labelKey?: string
 			unit?: string
@@ -108,7 +106,7 @@ const ChartTooltipContent = React.forwardRef<
 			active,
 			payload,
 			className,
-			indicator = 'line',
+			indicator = "line",
 			hideLabel = false,
 			label,
 			labelFormatter,
@@ -143,21 +141,19 @@ const ChartTooltipContent = React.forwardRef<
 			}
 
 			const [item] = payload
-			const key = `${labelKey || item.name || 'value'}`
+			const key = `${labelKey || item.name || "value"}`
 			const itemConfig = getPayloadConfigFromPayload(config, item, key)
-			const value = !labelKey && typeof label === 'string' ? label : itemConfig?.label
+			const value = !labelKey && typeof label === "string" ? label : itemConfig?.label
 
 			if (labelFormatter) {
-				return (
-					<div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>
-				)
+				return <div className={cn("font-medium", labelClassName)}>{labelFormatter(value, payload)}</div>
 			}
 
 			if (!value) {
 				return null
 			}
 
-			return <div className={cn('font-medium', labelClassName)}>{value}</div>
+			return <div className={cn("font-medium", labelClassName)}>{value}</div>
 		}, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])
 
 		if (!active || !payload?.length) {
@@ -171,14 +167,14 @@ const ChartTooltipContent = React.forwardRef<
 			<div
 				ref={ref}
 				className={cn(
-					'grid min-w-[7rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',
+					"grid min-w-[7rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
 					className
 				)}
 			>
 				{!nestLabel ? tooltipLabel : null}
 				<div className="grid gap-1.5">
 					{payload.map((item, index) => {
-						const key = `${nameKey || item.name || item.dataKey || 'value'}`
+						const key = `${nameKey || item.name || item.dataKey || "value"}`
 						const itemConfig = getPayloadConfigFromPayload(config, item, key)
 						const indicatorColor = color || item.payload.fill || item.color
 
@@ -186,8 +182,8 @@ const ChartTooltipContent = React.forwardRef<
 							<div
 								key={item?.name || item.dataKey}
 								className={cn(
-									'flex w-full items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',
-									indicator === 'dot' && 'items-center'
+									"flex w-full items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+									indicator === "dot" && "items-center"
 								)}
 							>
 								{formatter && item?.value !== undefined && item.name ? (
@@ -198,41 +194,35 @@ const ChartTooltipContent = React.forwardRef<
 											<itemConfig.icon />
 										) : (
 											<div
-												className={cn(
-													'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',
-													{
-														'h-2.5 w-2.5': indicator === 'dot',
-														'w-1': indicator === 'line',
-														'w-0 border-[1.5px] border-dashed bg-transparent':
-															indicator === 'dashed',
-														'my-0.5': nestLabel && indicator === 'dashed',
-													}
-												)}
+												className={cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+													"h-2.5 w-2.5": indicator === "dot",
+													"w-1": indicator === "line",
+													"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+													"my-0.5": nestLabel && indicator === "dashed",
+												})}
 												style={
 													{
-														'--color-bg': indicatorColor,
-														'--color-border': indicatorColor,
+														"--color-bg": indicatorColor,
+														"--color-border": indicatorColor,
 													} as React.CSSProperties
 												}
 											/>
 										)}
 										<div
 											className={cn(
-												'flex flex-1 justify-between leading-none gap-2',
-												nestLabel ? 'items-end' : 'items-center'
+												"flex flex-1 justify-between leading-none gap-2",
+												nestLabel ? "items-end" : "items-center"
 											)}
 										>
 											<div className="grid gap-1.5">
 												{nestLabel ? tooltipLabel : null}
-												<span className="text-muted-foreground">
-													{itemConfig?.label || item.name}
-												</span>
+												<span className="text-muted-foreground">{itemConfig?.label || item.name}</span>
 											</div>
 											{item.value !== undefined && (
 												<span className="font-medium tabular-nums text-foreground">
-													{content && typeof content === 'function'
+													{content && typeof content === "function"
 														? content(item, key)
-														: item.value.toLocaleString() + (unit ? unit : '')}
+														: item.value.toLocaleString() + (unit ? unit : "")}
 												</span>
 											)}
 										</div>
@@ -246,18 +236,18 @@ const ChartTooltipContent = React.forwardRef<
 		)
 	}
 )
-ChartTooltipContent.displayName = 'ChartTooltip'
+ChartTooltipContent.displayName = "ChartTooltip"
 
 const ChartLegend = RechartsPrimitive.Legend
 
 const ChartLegendContent = React.forwardRef<
 	HTMLDivElement,
-	React.ComponentProps<'div'> &
-		Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
+	React.ComponentProps<"div"> &
+		Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
 			hideIcon?: boolean
 			nameKey?: string
 		}
->(({ className, payload, verticalAlign = 'bottom' }, ref) => {
+>(({ className, payload, verticalAlign = "bottom" }, ref) => {
 	// const { config } = useChart()
 
 	if (!payload?.length) {
@@ -268,8 +258,8 @@ const ChartLegendContent = React.forwardRef<
 		<div
 			ref={ref}
 			className={cn(
-				'flex items-center justify-center gap-4 gap-y-1 flex-wrap',
-				verticalAlign === 'top' ? 'pb-3' : 'pt-3',
+				"flex items-center justify-center gap-4 gap-y-1 flex-wrap",
+				verticalAlign === "top" ? "pb-3" : "pt-3",
 				className
 			)}
 		>
@@ -282,7 +272,7 @@ const ChartLegendContent = React.forwardRef<
 						key={item.value}
 						className={cn(
 							// 'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground text-muted-foreground'
-							'flex items-center gap-1.5 text-muted-foreground'
+							"flex items-center gap-1.5 text-muted-foreground"
 						)}
 					>
 						{/* {itemConfig?.icon && !hideIcon ? (
@@ -303,27 +293,27 @@ const ChartLegendContent = React.forwardRef<
 		</div>
 	)
 })
-ChartLegendContent.displayName = 'ChartLegend'
+ChartLegendContent.displayName = "ChartLegend"
 
 // Helper to extract item config from a payload.
 function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {
-	if (typeof payload !== 'object' || payload === null) {
+	if (typeof payload !== "object" || payload === null) {
 		return undefined
 	}
 
 	const payloadPayload =
-		'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null
+		"payload" in payload && typeof payload.payload === "object" && payload.payload !== null
 			? payload.payload
 			: undefined
 
 	let configLabelKey: string = key
 
-	if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {
+	if (key in payload && typeof payload[key as keyof typeof payload] === "string") {
 		configLabelKey = payload[key as keyof typeof payload] as string
 	} else if (
 		payloadPayload &&
 		key in payloadPayload &&
-		typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'
+		typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
 	) {
 		configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string
 	}
@@ -331,11 +321,34 @@ function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key:
 	return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config]
 }
 
+let cachedAxis: JSX.Element
+const xAxis = function ({ domain, ticks, chartTime }: ChartData) {
+	if (cachedAxis && domain[0] === cachedAxis.props.domain[0]) {
+		return cachedAxis
+	}
+	cachedAxis = (
+		<RechartsPrimitive.XAxis
+			dataKey="created"
+			domain={domain}
+			ticks={ticks}
+			allowDataOverflow
+			type="number"
+			scale="time"
+			minTickGap={12}
+			tickMargin={8}
+			axisLine={false}
+			tickFormatter={chartTimeData[chartTime].format}
+		/>
+	)
+	return cachedAxis
+}
+
 export {
 	ChartContainer,
 	ChartTooltip,
 	ChartTooltipContent,
 	ChartLegend,
 	ChartLegendContent,
+	xAxis,
 	// ChartStyle,
 }

beszel/site/src/components/ui/checkbox.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+	React.ElementRef<typeof CheckboxPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+	<CheckboxPrimitive.Root
+		ref={ref}
+		className={cn(
+			"peer h-4 w-4 shrink-0 rounded-[.3em] border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+			className
+		)}
+		{...props}
+	>
+		<CheckboxPrimitive.Indicator className={cn("flex items-center justify-center text-current")}>
+			<Check className="h-4 w-4" />
+		</CheckboxPrimitive.Indicator>
+	</CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }

beszel/site/src/components/ui/command.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react'
-import { DialogTitle, type DialogProps } from '@radix-ui/react-dialog'
-import { Command as CommandPrimitive } from 'cmdk'
-import { Search } from 'lucide-react'
+import * as React from "react"
+import { DialogTitle, type DialogProps } from "@radix-ui/react-dialog"
+import { Command as CommandPrimitive } from "cmdk"
+import { Search } from "lucide-react"
 
-import { cn } from '@/lib/utils'
-import { Dialog, DialogContent } from '@/components/ui/dialog'
+import { cn } from "@/lib/utils"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
 
 const Command = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive>,
@@ -12,10 +12,7 @@ const Command = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<CommandPrimitive
 		ref={ref}
-		className={cn(
-			'flex h-full w-full flex-col overflow-hidden bg-popover text-popover-foreground',
-			className
-		)}
+		className={cn("flex h-full w-full flex-col overflow-hidden bg-popover text-popover-foreground", className)}
 		{...props}
 	/>
 ))
@@ -43,11 +40,11 @@ const CommandInput = React.forwardRef<
 	React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
 	<div className="flex items-center border-b px-3" cmdk-input-wrapper="">
-		<Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+		<Search className="me-2 h-4 w-4 shrink-0 opacity-50" />
 		<CommandPrimitive.Input
 			ref={ref}
 			className={cn(
-				'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
+				"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
 				className
 			)}
 			{...props}
@@ -63,7 +60,7 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<CommandPrimitive.List
 		ref={ref}
-		className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
+		className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
 		{...props}
 	/>
 ))
@@ -73,9 +70,7 @@ CommandList.displayName = CommandPrimitive.List.displayName
 const CommandEmpty = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive.Empty>,
 	React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-	<CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />
-))
+>((props, ref) => <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />)
 
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName
 
@@ -86,7 +81,7 @@ const CommandGroup = React.forwardRef<
 	<CommandPrimitive.Group
 		ref={ref}
 		className={cn(
-			'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',
+			"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
 			className
 		)}
 		{...props}
@@ -99,11 +94,7 @@ const CommandSeparator = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive.Separator>,
 	React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-	<CommandPrimitive.Separator
-		ref={ref}
-		className={cn('-mx-1 h-px bg-border', className)}
-		{...props}
-	/>
+	<CommandPrimitive.Separator ref={ref} className={cn("-mx-1 h-px bg-border", className)} {...props} />
 ))
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName
 
@@ -124,14 +115,9 @@ const CommandItem = React.forwardRef<
 CommandItem.displayName = CommandPrimitive.Item.displayName
 
 const CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
-	return (
-		<span
-			className={cn('ml-auto text-xs tracking-wide text-muted-foreground', className)}
-			{...props}
-		/>
-	)
+	return <span className={cn("ms-auto text-xs tracking-wide text-muted-foreground", className)} {...props} />
 }
-CommandShortcut.displayName = 'CommandShortcut'
+CommandShortcut.displayName = "CommandShortcut"
 
 export {
 	Command,

beszel/site/src/components/ui/dialog.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react'
-import * as DialogPrimitive from '@radix-ui/react-dialog'
-import { X } from 'lucide-react'
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const Dialog = DialogPrimitive.Root
 
@@ -19,7 +19,7 @@ const DialogOverlay = React.forwardRef<
 	<DialogPrimitive.Overlay
 		ref={ref}
 		className={cn(
-			'fixed inset-0 z-50 bg-black/50  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+			"fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className
 		)}
 		{...props}
@@ -36,13 +36,13 @@ const DialogContent = React.forwardRef<
 		<DialogPrimitive.Content
 			ref={ref}
 			className={cn(
-				'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+				"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
 				className
 			)}
 			{...props}
 		>
 			{children}
-			<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+			<DialogPrimitive.Close className="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 				<X className="h-4 w-4" />
 				<span className="sr-only">Close</span>
 			</DialogPrimitive.Close>
@@ -52,17 +52,14 @@ const DialogContent = React.forwardRef<
 DialogContent.displayName = DialogPrimitive.Content.displayName
 
 const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
+	<div className={cn("flex flex-col space-y-1.5 text-center sm:text-start", className)} {...props} />
 )
-DialogHeader.displayName = 'DialogHeader'
+DialogHeader.displayName = "DialogHeader"
 
 const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div
-		className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
-		{...props}
-	/>
+	<div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-3.5", className)} {...props} />
 )
-DialogFooter.displayName = 'DialogFooter'
+DialogFooter.displayName = "DialogFooter"
 
 const DialogTitle = React.forwardRef<
 	React.ElementRef<typeof DialogPrimitive.Title>,
@@ -70,7 +67,7 @@ const DialogTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<DialogPrimitive.Title
 		ref={ref}
-		className={cn('text-lg font-semibold leading-none tracking-tight', className)}
+		className={cn("text-lg font-semibold leading-none tracking-tight", className)}
 		{...props}
 	/>
 ))
@@ -80,11 +77,7 @@ const DialogDescription = React.forwardRef<
 	React.ElementRef<typeof DialogPrimitive.Description>,
 	React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-	<DialogPrimitive.Description
-		ref={ref}
-		className={cn('text-sm text-muted-foreground', className)}
-		{...props}
-	/>
+	<DialogPrimitive.Description ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
 ))
 DialogDescription.displayName = DialogPrimitive.Description.displayName
 

beszel/site/src/components/ui/dropdown-menu.tsx

@@ -17,182 +17,163 @@ const DropdownMenuSub = DropdownMenuPrimitive.Sub
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
 
 const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
+	React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+		inset?: boolean
+	}
 >(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </DropdownMenuPrimitive.SubTrigger>
+	<DropdownMenuPrimitive.SubTrigger
+		ref={ref}
+		className={cn(
+			"flex cursor-default select-none items-center rounded-sm px-2.5 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+			inset && "ps-8",
+			className
+		)}
+		{...props}
+	>
+		{children}
+		<ChevronRight className="ms-auto h-4 w-4" />
+	</DropdownMenuPrimitive.SubTrigger>
 ))
-DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName
 
 const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+	React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
 >(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
+	<DropdownMenuPrimitive.SubContent
+		ref={ref}
+		className={cn(
+			"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+			className
+		)}
+		{...props}
+	/>
 ))
-DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName
 
 const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+	React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
+	<DropdownMenuPrimitive.Portal>
+		<DropdownMenuPrimitive.Content
+			ref={ref}
+			sideOffset={sideOffset}
+			className={cn(
+				"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+				className
+			)}
+			{...props}
+		/>
+	</DropdownMenuPrimitive.Portal>
 ))
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 
 const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-  }
+	React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+		inset?: boolean
+	}
 >(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
+	<DropdownMenuPrimitive.Item
+		ref={ref}
+		className={cn(
+			"relative flex cursor-default select-none items-center rounded-sm px-2.5 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			inset && "ps-8",
+			className
+		)}
+		{...props}
+	/>
 ))
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
 
 const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+	React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
 >(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
+	<DropdownMenuPrimitive.CheckboxItem
+		ref={ref}
+		className={cn(
+			"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			className
+		)}
+		checked={checked}
+		{...props}
+	>
+		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+			<DropdownMenuPrimitive.ItemIndicator>
+				<Check className="h-4 w-4" />
+			</DropdownMenuPrimitive.ItemIndicator>
+		</span>
+		{children}
+	</DropdownMenuPrimitive.CheckboxItem>
 ))
-DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName
 
 const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+	React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
 >(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
+	<DropdownMenuPrimitive.RadioItem
+		ref={ref}
+		className={cn(
+			"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			className
+		)}
+		{...props}
+	>
+		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+			<DropdownMenuPrimitive.ItemIndicator>
+				<Circle className="h-2 w-2 fill-current" />
+			</DropdownMenuPrimitive.ItemIndicator>
+		</span>
+		{children}
+	</DropdownMenuPrimitive.RadioItem>
 ))
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
 
 const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
-  }
+	React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+		inset?: boolean
+	}
 >(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
+	<DropdownMenuPrimitive.Label
+		ref={ref}
+		className={cn("px-2.5 py-1.5 text-sm font-semibold", inset && "ps-8", className)}
+		{...props}
+	/>
 ))
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
 
 const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+	React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
+	<DropdownMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props} />
 ))
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
 
-const DropdownMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
+const DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
+	return <span className={cn("ms-auto text-xs tracking-widest opacity-60", className)} {...props} />
 }
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
 
 export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
+	DropdownMenu,
+	DropdownMenuTrigger,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuCheckboxItem,
+	DropdownMenuRadioItem,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
+	DropdownMenuShortcut,
+	DropdownMenuGroup,
+	DropdownMenuPortal,
+	DropdownMenuSub,
+	DropdownMenuSubContent,
+	DropdownMenuSubTrigger,
+	DropdownMenuRadioGroup,
 }

beszel/site/src/components/ui/icons.tsx

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react'
+import { SVGProps } from "react"
 
 // linux-logo-bold from https://github.com/phosphor-icons/core (MIT license)
 export function TuxIcon(props: SVGProps<SVGSVGElement>) {
@@ -49,14 +49,7 @@ export function ChartMax(props: SVGProps<SVGSVGElement>) {
 // Lucide https://github.com/lucide-icons/lucide (not in package for some reason)
 export function EthernetIcon(props: SVGProps<SVGSVGElement>) {
 	return (
-		<svg
-			fill="none"
-			stroke="currentColor"
-			strokeLinecap="round"
-			strokeWidth="2"
-			viewBox="0 0 24 24"
-			{...props}
-		>
+		<svg fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" {...props}>
 			<path d="m15 20 3-3h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2l3 3zM6 8v1m4-1v1m4-1v1m4-1v1" />
 		</svg>
 	)

beszel/site/src/components/ui/input-tags.tsx

@@ -1,27 +1,24 @@
-import * as React from 'react'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import { XIcon } from 'lucide-react'
-import { type InputProps } from './input'
-import { cn } from '@/lib/utils'
+import * as React from "react"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { XIcon } from "lucide-react"
+import { type InputProps } from "./input"
+import { cn } from "@/lib/utils"
 
-type InputTagsProps = Omit<InputProps, 'value' | 'onChange'> & {
+type InputTagsProps = Omit<InputProps, "value" | "onChange"> & {
 	value: string[]
 	onChange: React.Dispatch<React.SetStateAction<string[]>>
 }
 
 const InputTags = React.forwardRef<HTMLInputElement, InputTagsProps>(
 	({ className, value, onChange, ...props }, ref) => {
-		const [pendingDataPoint, setPendingDataPoint] = React.useState('')
+		const [pendingDataPoint, setPendingDataPoint] = React.useState("")
 
 		React.useEffect(() => {
-			if (pendingDataPoint.includes(',')) {
-				const newDataPoints = new Set([
-					...value,
-					...pendingDataPoint.split(',').map((chunk) => chunk.trim()),
-				])
+			if (pendingDataPoint.includes(",")) {
+				const newDataPoints = new Set([...value, ...pendingDataPoint.split(",").map((chunk) => chunk.trim())])
 				onChange(Array.from(newDataPoints))
-				setPendingDataPoint('')
+				setPendingDataPoint("")
 			}
 		}, [pendingDataPoint, onChange, value])
 
@@ -29,14 +26,14 @@ const InputTags = React.forwardRef<HTMLInputElement, InputTagsProps>(
 			if (pendingDataPoint) {
 				const newDataPoints = new Set([...value, pendingDataPoint])
 				onChange(Array.from(newDataPoints))
-				setPendingDataPoint('')
+				setPendingDataPoint("")
 			}
 		}
 
 		return (
 			<div
 				className={cn(
-					'bg-background min-h-10 flex w-full flex-wrap gap-2 rounded-md border border-input px-3 py-2 text-sm  placeholder:text-muted-foreground has-[:focus-visible]:outline-none ring-offset-background has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring has-[:focus-visible]:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+					"bg-background min-h-10 flex w-full flex-wrap gap-2 rounded-md border px-3 py-2 text-sm  placeholder:text-muted-foreground has-[:focus-visible]:outline-none ring-offset-background has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring has-[:focus-visible]:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 					className
 				)}
 			>
@@ -46,7 +43,7 @@ const InputTags = React.forwardRef<HTMLInputElement, InputTagsProps>(
 						<Button
 							variant="ghost"
 							size="icon"
-							className="ml-2 h-3 w-3"
+							className="ms-2 h-3 w-3"
 							onClick={() => {
 								onChange(value.filter((i) => i !== item))
 							}}
@@ -60,10 +57,10 @@ const InputTags = React.forwardRef<HTMLInputElement, InputTagsProps>(
 					value={pendingDataPoint}
 					onChange={(e) => setPendingDataPoint(e.target.value)}
 					onKeyDown={(e) => {
-						if (e.key === 'Enter' || e.key === ',') {
+						if (e.key === "Enter" || e.key === ",") {
 							e.preventDefault()
 							addPendingDataPoint()
-						} else if (e.key === 'Backspace' && pendingDataPoint.length === 0 && value.length > 0) {
+						} else if (e.key === "Backspace" && pendingDataPoint.length === 0 && value.length > 0) {
 							e.preventDefault()
 							onChange(value.slice(0, -1))
 						}
@@ -76,6 +73,6 @@ const InputTags = React.forwardRef<HTMLInputElement, InputTagsProps>(
 	}
 )
 
-InputTags.displayName = 'InputTags'
+InputTags.displayName = "InputTags"
 
 export { InputTags }

beszel/site/src/components/ui/input.tsx

@@ -2,24 +2,21 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
 
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
+const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
+	return (
+		<input
+			type={type}
+			className={cn(
+				"flex h-10 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+				className
+			)}
+			ref={ref}
+			{...props}
+		/>
+	)
+})
 Input.displayName = "Input"
 
 export { Input }

beszel/site/src/components/ui/label.tsx

@@ -4,20 +4,13 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
 
-const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-)
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70")
 
 const Label = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
+	React.ElementRef<typeof LabelPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
 >(({ className, ...props }, ref) => (
-  <LabelPrimitive.Root
-    ref={ref}
-    className={cn(labelVariants(), className)}
-    {...props}
-  />
+	<LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />
 ))
 Label.displayName = LabelPrimitive.Root.displayName
 

beszel/site/src/components/ui/select.tsx

@@ -11,148 +11,133 @@ const SelectGroup = SelectPrimitive.Group
 const SelectValue = SelectPrimitive.Value
 
 const SelectTrigger = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+	React.ElementRef<typeof SelectPrimitive.Trigger>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
 >(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown className="h-4 w-4 opacity-50" />
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>
+	<SelectPrimitive.Trigger
+		ref={ref}
+		className={cn(
+			"flex h-10 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+			className
+		)}
+		{...props}
+	>
+		{children}
+		<SelectPrimitive.Icon asChild>
+			<ChevronDown className="h-4 w-4 opacity-50" />
+		</SelectPrimitive.Icon>
+	</SelectPrimitive.Trigger>
 ))
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 
 const SelectScrollUpButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+	React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    )}
-    {...props}
-  >
-    <ChevronUp className="h-4 w-4" />
-  </SelectPrimitive.ScrollUpButton>
+	<SelectPrimitive.ScrollUpButton
+		ref={ref}
+		className={cn("flex cursor-default items-center justify-center py-1", className)}
+		{...props}
+	>
+		<ChevronUp className="h-4 w-4" />
+	</SelectPrimitive.ScrollUpButton>
 ))
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 const SelectScrollDownButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+	React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 >(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollDownButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    )}
-    {...props}
-  >
-    <ChevronDown className="h-4 w-4" />
-  </SelectPrimitive.ScrollDownButton>
+	<SelectPrimitive.ScrollDownButton
+		ref={ref}
+		className={cn("flex cursor-default items-center justify-center py-1", className)}
+		{...props}
+	>
+		<ChevronDown className="h-4 w-4" />
+	</SelectPrimitive.ScrollDownButton>
 ))
-SelectScrollDownButton.displayName =
-  SelectPrimitive.ScrollDownButton.displayName
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName
 
 const SelectContent = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+	React.ElementRef<typeof SelectPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
 >(({ className, children, position = "popper", ...props }, ref) => (
-  <SelectPrimitive.Portal>
-    <SelectPrimitive.Content
-      ref={ref}
-      className={cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      )}
-      position={position}
-      {...props}
-    >
-      <SelectScrollUpButton />
-      <SelectPrimitive.Viewport
-        className={cn(
-          "p-1",
-          position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        )}
-      >
-        {children}
-      </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
-    </SelectPrimitive.Content>
-  </SelectPrimitive.Portal>
+	<SelectPrimitive.Portal>
+		<SelectPrimitive.Content
+			ref={ref}
+			className={cn(
+				"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+				position === "popper" &&
+					"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+				className
+			)}
+			position={position}
+			{...props}
+		>
+			<SelectScrollUpButton />
+			<SelectPrimitive.Viewport
+				className={cn(
+					"p-1",
+					position === "popper" &&
+						"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+				)}
+			>
+				{children}
+			</SelectPrimitive.Viewport>
+			<SelectScrollDownButton />
+		</SelectPrimitive.Content>
+	</SelectPrimitive.Portal>
 ))
 SelectContent.displayName = SelectPrimitive.Content.displayName
 
 const SelectLabel = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+	React.ElementRef<typeof SelectPrimitive.Label>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
 >(({ className, ...props }, ref) => (
-  <SelectPrimitive.Label
-    ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
-    {...props}
-  />
+	<SelectPrimitive.Label ref={ref} className={cn("py-1.5 ps-8 pe-2 text-sm font-semibold", className)} {...props} />
 ))
 SelectLabel.displayName = SelectPrimitive.Label.displayName
 
 const SelectItem = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+	React.ElementRef<typeof SelectPrimitive.Item>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
 >(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </SelectPrimitive.ItemIndicator>
-    </span>
+	<SelectPrimitive.Item
+		ref={ref}
+		className={cn(
+			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			className
+		)}
+		{...props}
+	>
+		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+			<SelectPrimitive.ItemIndicator>
+				<Check className="h-4 w-4" />
+			</SelectPrimitive.ItemIndicator>
+		</span>
 
-    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-  </SelectPrimitive.Item>
+		<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+	</SelectPrimitive.Item>
 ))
 SelectItem.displayName = SelectPrimitive.Item.displayName
 
 const SelectSeparator = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+	React.ElementRef<typeof SelectPrimitive.Separator>,
+	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-  <SelectPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
+	<SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props} />
 ))
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
 export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
+	Select,
+	SelectGroup,
+	SelectValue,
+	SelectTrigger,
+	SelectContent,
+	SelectLabel,
+	SelectItem,
+	SelectSeparator,
+	SelectScrollUpButton,
+	SelectScrollDownButton,
 }

beszel/site/src/components/ui/separator.tsx

@@ -4,26 +4,17 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator"
 import { cn } from "@/lib/utils"
 
 const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
->(
-  (
-    { className, orientation = "horizontal", decorative = true, ...props },
-    ref
-  ) => (
-    <SeparatorPrimitive.Root
-      ref={ref}
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      )}
-      {...props}
-    />
-  )
-)
+	React.ElementRef<typeof SeparatorPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
+	<SeparatorPrimitive.Root
+		ref={ref}
+		decorative={decorative}
+		orientation={orientation}
+		className={cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)}
+		{...props}
+	/>
+))
 Separator.displayName = SeparatorPrimitive.Root.displayName
 
 export { Separator }

beszel/site/src/components/ui/slider.tsx

@@ -1,7 +1,7 @@
-import * as React from 'react'
-import * as SliderPrimitive from '@radix-ui/react-slider'
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const Slider = React.forwardRef<
 	React.ElementRef<typeof SliderPrimitive.Root>,
@@ -9,7 +9,7 @@ const Slider = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<SliderPrimitive.Root
 		ref={ref}
-		className={cn('relative flex w-full touch-none select-none items-center', className)}
+		className={cn("relative flex w-full touch-none select-none items-center", className)}
 		{...props}
 	>
 		<SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">

beszel/site/src/components/ui/switch.tsx

@@ -4,23 +4,23 @@ import * as SwitchPrimitives from "@radix-ui/react-switch"
 import { cn } from "@/lib/utils"
 
 const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+	React.ElementRef<typeof SwitchPrimitives.Root>,
+	React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
 >(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-      )}
-    />
-  </SwitchPrimitives.Root>
+	<SwitchPrimitives.Root
+		className={cn(
+			"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+			className
+		)}
+		{...props}
+		ref={ref}
+	>
+		<SwitchPrimitives.Thumb
+			className={cn(
+				"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5 data-[state=unchecked]:translate-x-0"
+			)}
+		/>
+	</SwitchPrimitives.Root>
 ))
 Switch.displayName = SwitchPrimitives.Root.displayName
 

beszel/site/src/components/ui/table.tsx

@@ -1,91 +1,77 @@
-import * as React from 'react'
+import * as React from "react"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
 	({ className, ...props }, ref) => (
 		<div className="relative w-full overflow-auto">
-			<table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />
+			<table ref={ref} className={cn("w-full caption-bottom text-sm", className)} {...props} />
 		</div>
 	)
 )
-Table.displayName = 'Table'
+Table.displayName = "Table"
 
-const TableHeader = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
-))
-TableHeader.displayName = 'TableHeader'
+const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
+	({ className, ...props }, ref) => (
+		<thead ref={ref} className={cn("bg-muted/30 [&_tr]:border-b", className)} {...props} />
+	)
+)
+TableHeader.displayName = "TableHeader"
 
-const TableBody = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />
-))
-TableBody.displayName = 'TableBody'
+const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
+	({ className, ...props }, ref) => (
+		<tbody ref={ref} className={cn("[&_tr:last-child]:border-0", className)} {...props} />
+	)
+)
+TableBody.displayName = "TableBody"
 
-const TableFooter = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<tfoot
-		ref={ref}
-		className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}
-		{...props}
-	/>
-))
-TableFooter.displayName = 'TableFooter'
+const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
+	({ className, ...props }, ref) => (
+		<tfoot ref={ref} className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)} {...props} />
+	)
+)
+TableFooter.displayName = "TableFooter"
 
 const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(
 	({ className, ...props }, ref) => (
 		<tr
 			ref={ref}
 			className={cn(
-				'border-b hover:bg-muted/40 dark:hover:bg-muted/30 data-[state=selected]:bg-muted',
+				"border-b border-border/60 hover:bg-muted/40 dark:hover:bg-muted/20 data-[state=selected]:bg-muted",
 				className
 			)}
 			{...props}
 		/>
 	)
 )
-TableRow.displayName = 'TableRow'
+TableRow.displayName = "TableRow"
 
-const TableHead = React.forwardRef<
-	HTMLTableCellElement,
-	React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-	<th
-		ref={ref}
-		className={cn(
-			'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
-			className
-		)}
-		{...props}
-	/>
-))
-TableHead.displayName = 'TableHead'
+const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(
+	({ className, ...props }, ref) => (
+		<th
+			ref={ref}
+			className={cn(
+				"h-12 px-4 text-start align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pe-0",
+				className
+			)}
+			{...props}
+		/>
+	)
+)
+TableHead.displayName = "TableHead"
 
-const TableCell = React.forwardRef<
-	HTMLTableCellElement,
-	React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-	<td
-		ref={ref}
-		className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}
-		{...props}
-	/>
-))
-TableCell.displayName = 'TableCell'
+const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(
+	({ className, ...props }, ref) => (
+		<td ref={ref} className={cn("p-4 align-middle [&:has([role=checkbox])]:pe-0", className)} {...props} />
+	)
+)
+TableCell.displayName = "TableCell"
 
-const TableCaption = React.forwardRef<
-	HTMLTableCaptionElement,
-	React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-	<caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />
-))
-TableCaption.displayName = 'TableCaption'
+const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(
+	({ className, ...props }, ref) => (
+		<caption ref={ref} className={cn("mt-4 text-sm text-muted-foreground", className)} {...props} />
+	)
+)
+TableCaption.displayName = "TableCaption"
 
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }

beszel/site/src/components/ui/tabs.tsx

@@ -0,0 +1,53 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.List>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.List
+		ref={ref}
+		className={cn(
+			"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+			className
+		)}
+		{...props}
+	/>
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Trigger>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Trigger
+		ref={ref}
+		className={cn(
+			"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+			className
+		)}
+		{...props}
+	/>
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Content
+		ref={ref}
+		className={cn(
+			"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+			className
+		)}
+		{...props}
+	/>
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }

beszel/site/src/components/ui/textarea.tsx

@@ -1,23 +1,21 @@
-import * as React from 'react'
+import * as React from "react"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-	({ className, ...props }, ref) => {
-		return (
-			<textarea
-				className={cn(
-					'flex min-h-14 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-					className
-				)}
-				ref={ref}
-				{...props}
-			/>
-		)
-	}
-)
-Textarea.displayName = 'Textarea'
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {
+	return (
+		<textarea
+			className={cn(
+				"flex min-h-14 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+				className
+			)}
+			ref={ref}
+			{...props}
+		/>
+	)
+})
+Textarea.displayName = "Textarea"
 
 export { Textarea }

beszel/site/src/components/ui/toast.tsx

@@ -8,105 +8,89 @@ import { cn } from "@/lib/utils"
 const ToastProvider = ToastPrimitives.Provider
 
 const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+	React.ElementRef<typeof ToastPrimitives.Viewport>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    )}
-    {...props}
-  />
+	<ToastPrimitives.Viewport
+		ref={ref}
+		className={cn(
+			"fixed top-0 z-[100] flex max-h-dvh w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+			className
+		)}
+		{...props}
+	/>
 ))
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName
 
 const toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-background text-foreground",
-        destructive:
-          "destructive group border-destructive bg-destructive text-destructive-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
+	"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pe-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+	{
+		variants: {
+			variant: {
+				default: "border bg-background text-foreground",
+				destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	}
 )
 
 const Toast = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-    VariantProps<typeof toastVariants>
+	React.ElementRef<typeof ToastPrimitives.Root>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>
 >(({ className, variant, ...props }, ref) => {
-  return (
-    <ToastPrimitives.Root
-      ref={ref}
-      className={cn(toastVariants({ variant }), className)}
-      {...props}
-    />
-  )
+	return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />
 })
 Toast.displayName = ToastPrimitives.Root.displayName
 
 const ToastAction = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+	React.ElementRef<typeof ToastPrimitives.Action>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      className
-    )}
-    {...props}
-  />
+	<ToastPrimitives.Action
+		ref={ref}
+		className={cn(
+			"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+			className
+		)}
+		{...props}
+	/>
 ))
 ToastAction.displayName = ToastPrimitives.Action.displayName
 
 const ToastClose = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+	React.ElementRef<typeof ToastPrimitives.Close>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      className
-    )}
-    toast-close=""
-    {...props}
-  >
-    <X className="h-4 w-4" />
-  </ToastPrimitives.Close>
+	<ToastPrimitives.Close
+		ref={ref}
+		className={cn(
+			"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+			className
+		)}
+		toast-close=""
+		{...props}
+	>
+		<X className="h-4 w-4" />
+	</ToastPrimitives.Close>
 ))
 ToastClose.displayName = ToastPrimitives.Close.displayName
 
 const ToastTitle = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+	React.ElementRef<typeof ToastPrimitives.Title>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title
-    ref={ref}
-    className={cn("text-sm font-semibold", className)}
-    {...props}
-  />
+	<ToastPrimitives.Title ref={ref} className={cn("text-sm font-semibold", className)} {...props} />
 ))
 ToastTitle.displayName = ToastPrimitives.Title.displayName
 
 const ToastDescription = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+	React.ElementRef<typeof ToastPrimitives.Description>,
+	React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description
-    ref={ref}
-    className={cn("text-sm opacity-90", className)}
-    {...props}
-  />
+	<ToastPrimitives.Description ref={ref} className={cn("text-sm opacity-90", className)} {...props} />
 ))
 ToastDescription.displayName = ToastPrimitives.Description.displayName
 
@@ -115,13 +99,13 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
 type ToastActionElement = React.ReactElement<typeof ToastAction>
 
 export {
-  type ToastProps,
-  type ToastActionElement,
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastTitle,
-  ToastDescription,
-  ToastClose,
-  ToastAction,
+	type ToastProps,
+	type ToastActionElement,
+	ToastProvider,
+	ToastViewport,
+	Toast,
+	ToastTitle,
+	ToastDescription,
+	ToastClose,
+	ToastAction,
 }

beszel/site/src/components/ui/toaster.tsx

@@ -1,33 +1,24 @@
-import {
-  Toast,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-} from "@/components/ui/toast"
+import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "@/components/ui/toast"
 import { useToast } from "@/components/ui/use-toast"
 
 export function Toaster() {
-  const { toasts } = useToast()
+	const { toasts } = useToast()
 
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        )
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  )
+	return (
+		<ToastProvider>
+			{toasts.map(function ({ id, title, description, action, ...props }) {
+				return (
+					<Toast key={id} {...props}>
+						<div className="grid gap-1">
+							{title && <ToastTitle>{title}</ToastTitle>}
+							{description && <ToastDescription>{description}</ToastDescription>}
+						</div>
+						{action}
+						<ToastClose />
+					</Toast>
+				)
+			})}
+			<ToastViewport />
+		</ToastProvider>
+	)
 }

beszel/site/src/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
-import * as React from 'react'
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const TooltipProvider = TooltipPrimitive.Provider
 
@@ -17,7 +17,7 @@ const TooltipContent = React.forwardRef<
 		ref={ref}
 		sideOffset={sideOffset}
 		className={cn(
-			'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+			"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 			className
 		)}
 		{...props}

beszel/site/src/components/ui/use-toast.ts

@@ -1,130 +1,125 @@
 // Inspired by react-hot-toast library
 import * as React from "react"
 
-import type {
-  ToastActionElement,
-  ToastProps,
-} from "@/components/ui/toast"
+import type { ToastActionElement, ToastProps } from "@/components/ui/toast"
 
 const TOAST_LIMIT = 1
 const TOAST_REMOVE_DELAY = 1000000
 
 type ToasterToast = ToastProps & {
-  id: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  action?: ToastActionElement
+	id: string
+	title?: React.ReactNode
+	description?: React.ReactNode
+	action?: ToastActionElement
 }
 
 const actionTypes = {
-  ADD_TOAST: "ADD_TOAST",
-  UPDATE_TOAST: "UPDATE_TOAST",
-  DISMISS_TOAST: "DISMISS_TOAST",
-  REMOVE_TOAST: "REMOVE_TOAST",
+	ADD_TOAST: "ADD_TOAST",
+	UPDATE_TOAST: "UPDATE_TOAST",
+	DISMISS_TOAST: "DISMISS_TOAST",
+	REMOVE_TOAST: "REMOVE_TOAST",
 } as const
 
 let count = 0
 
 function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER
-  return count.toString()
+	count = (count + 1) % Number.MAX_SAFE_INTEGER
+	return count.toString()
 }
 
 type ActionType = typeof actionTypes
 
 type Action =
-  | {
-      type: ActionType["ADD_TOAST"]
-      toast: ToasterToast
-    }
-  | {
-      type: ActionType["UPDATE_TOAST"]
-      toast: Partial<ToasterToast>
-    }
-  | {
-      type: ActionType["DISMISS_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
-  | {
-      type: ActionType["REMOVE_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
+	| {
+			type: ActionType["ADD_TOAST"]
+			toast: ToasterToast
+	  }
+	| {
+			type: ActionType["UPDATE_TOAST"]
+			toast: Partial<ToasterToast>
+	  }
+	| {
+			type: ActionType["DISMISS_TOAST"]
+			toastId?: ToasterToast["id"]
+	  }
+	| {
+			type: ActionType["REMOVE_TOAST"]
+			toastId?: ToasterToast["id"]
+	  }
 
 interface State {
-  toasts: ToasterToast[]
+	toasts: ToasterToast[]
 }
 
 const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
 
 const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return
-  }
+	if (toastTimeouts.has(toastId)) {
+		return
+	}
 
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId)
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId: toastId,
-    })
-  }, TOAST_REMOVE_DELAY)
+	const timeout = setTimeout(() => {
+		toastTimeouts.delete(toastId)
+		dispatch({
+			type: "REMOVE_TOAST",
+			toastId: toastId,
+		})
+	}, TOAST_REMOVE_DELAY)
 
-  toastTimeouts.set(toastId, timeout)
+	toastTimeouts.set(toastId, timeout)
 }
 
 export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      }
+	switch (action.type) {
+		case "ADD_TOAST":
+			return {
+				...state,
+				toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+			}
 
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      }
+		case "UPDATE_TOAST":
+			return {
+				...state,
+				toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)),
+			}
 
-    case "DISMISS_TOAST": {
-      const { toastId } = action
+		case "DISMISS_TOAST": {
+			const { toastId } = action
 
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId)
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id)
-        })
-      }
+			// ! Side effects ! - This could be extracted into a dismissToast() action,
+			// but I'll keep it here for simplicity
+			if (toastId) {
+				addToRemoveQueue(toastId)
+			} else {
+				state.toasts.forEach((toast) => {
+					addToRemoveQueue(toast.id)
+				})
+			}
 
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      }
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        }
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      }
-  }
+			return {
+				...state,
+				toasts: state.toasts.map((t) =>
+					t.id === toastId || toastId === undefined
+						? {
+								...t,
+								open: false,
+						  }
+						: t
+				),
+			}
+		}
+		case "REMOVE_TOAST":
+			if (action.toastId === undefined) {
+				return {
+					...state,
+					toasts: [],
+				}
+			}
+			return {
+				...state,
+				toasts: state.toasts.filter((t) => t.id !== action.toastId),
+			}
+	}
 }
 
 const listeners: Array<(state: State) => void> = []
@@ -132,61 +127,61 @@ const listeners: Array<(state: State) => void> = []
 let memoryState: State = { toasts: [] }
 
 function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action)
-  listeners.forEach((listener) => {
-    listener(memoryState)
-  })
+	memoryState = reducer(memoryState, action)
+	listeners.forEach((listener) => {
+		listener(memoryState)
+	})
 }
 
 type Toast = Omit<ToasterToast, "id">
 
 function toast({ ...props }: Toast) {
-  const id = genId()
+	const id = genId()
 
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: "UPDATE_TOAST",
-      toast: { ...props, id },
-    })
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+	const update = (props: ToasterToast) =>
+		dispatch({
+			type: "UPDATE_TOAST",
+			toast: { ...props, id },
+		})
+	const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
 
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss()
-      },
-    },
-  })
+	dispatch({
+		type: "ADD_TOAST",
+		toast: {
+			...props,
+			id,
+			open: true,
+			onOpenChange: (open) => {
+				if (!open) dismiss()
+			},
+		},
+	})
 
-  return {
-    id: id,
-    dismiss,
-    update,
-  }
+	return {
+		id: id,
+		dismiss,
+		update,
+	}
 }
 
 function useToast() {
-  const [state, setState] = React.useState<State>(memoryState)
+	const [state, setState] = React.useState<State>(memoryState)
 
-  React.useEffect(() => {
-    listeners.push(setState)
-    return () => {
-      const index = listeners.indexOf(setState)
-      if (index > -1) {
-        listeners.splice(index, 1)
-      }
-    }
-  }, [state])
+	React.useEffect(() => {
+		listeners.push(setState)
+		return () => {
+			const index = listeners.indexOf(setState)
+			if (index > -1) {
+				listeners.splice(index, 1)
+			}
+		}
+	}, [state])
 
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-  }
+	return {
+		...state,
+		toast,
+		dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+	}
 }
 
 export { useToast, toast }

beszel/site/src/index.css

@@ -34,25 +34,25 @@
 
 	.dark {
 		color-scheme: dark;
-		--background: 240 10% 6.2%;
-		--foreground: 0 0% 98.04%;
-		--card: 240 8.57% 8%;
-		--card-foreground: 0 0% 98.04%;
-		--popover: 240 10% 6.2%;
-		--popover-foreground: 0 0% 98.04%;
-		--primary: 0 0% 98.04%;
-		--primary-foreground: 240 5.88% 10%;
-		--secondary: 240 3.7% 15.88%;
-		--secondary-foreground: 0 0% 98.04%;
-		--muted: 240 3.7% 15.88%;
-		--muted-foreground: 240 5.03% 64.9%;
-		--accent: 240 3.7% 15.88%;
-		--accent-foreground: 0 0% 98.04%;
-		--destructive: 0 56.48% 42.35%;
-		--destructive-foreground: 0 0% 98.04%;
-		--border: 240 2.86% 12%;
-		--input: 240 3.7% 15.88%;
-		--ring: 240 4.88% 86%;
+		--background: 220 5.5% 9.5%;
+		--foreground: 220 2% 97%;
+		--card: 220 5.5% 11%;
+		--card-foreground: 220 2% 97%;
+		--popover: 220 5.5% 9.5%;
+		--popover-foreground: 220 2% 97%;
+		--primary: 220 2% 96%;
+		--primary-foreground: 220 4% 10%;
+		--secondary: 220 4% 16%;
+		--secondary-foreground: 220 0% 98%;
+		--muted: 220 6% 16%;
+		--muted-foreground: 220 4% 67%;
+		--accent: 220 5% 15.5%;
+		--accent-foreground: 220 2% 98%;
+		--destructive: 0 62% 46%;
+		--destructive-foreground: 0 0% 97%;
+		--border: 220 3% 16%;
+		--input: 220 4% 22%;
+		--ring: 220 4% 80%;
 		--radius: 0.8rem;
 	}
 }
@@ -68,7 +68,7 @@
 	font-style: normal;
 	font-weight: 100 900;
 	font-display: swap;
-	src: url('/static/InterVariable.woff2?v=4.0') format('woff2');
+	src: url("/static/InterVariable.woff2?v=4.0") format("woff2");
 }
 
 @layer base {

beszel/site/src/lib/i18n.ts

@@ -0,0 +1,62 @@
+import { $direction } from "./stores"
+import { i18n } from "@lingui/core"
+import type { Messages } from "@lingui/core"
+import languages from "@/lib/languages"
+import { detect, fromUrl, fromStorage, fromNavigator } from "@lingui/detect-locale"
+import { messages as enMessages } from "../locales/en/en.ts"
+
+// let locale = detect(fromUrl("lang"), fromStorage("lang"), fromNavigator(), "en")
+let locale = detect(fromStorage("lang"), fromNavigator(), "en")
+
+// log if dev
+if (import.meta.env.DEV) {
+	console.log("detected locale", locale)
+}
+
+// activates locale
+function activateLocale(locale: string, messages: Messages = enMessages) {
+	i18n.load(locale, messages)
+	i18n.activate(locale)
+	document.documentElement.lang = locale
+	localStorage.setItem("lang", locale)
+	$direction.set(locale.startsWith("ar") ? "rtl" : "ltr")
+}
+
+// dynamically loads translations for the given locale
+export async function dynamicActivate(locale: string) {
+	if (locale == "en") {
+		activateLocale(locale)
+	} else {
+		try {
+			const { messages }: { messages: Messages } = await import(`../locales/${locale}/${locale}.ts`)
+			activateLocale(locale, messages)
+		} catch (error) {
+			console.error(`Error loading ${locale}`, error)
+			activateLocale("en")
+		}
+	}
+}
+
+// handle zh variants
+if (locale?.startsWith("zh-")) {
+	// map zh variants to zh-CN
+	const zhVariantMap: Record<string, string> = {
+		"zh-CN": "zh-CN",
+		"zh-SG": "zh-CN",
+		"zh-MY": "zh-CN",
+		zh: "zh-CN",
+		"zh-Hans": "zh-CN",
+		"zh-HK": "zh-HK",
+		"zh-TW": "zh-HK",
+		"zh-MO": "zh-HK",
+		"zh-Hant": "zh-HK",
+	}
+	dynamicActivate(zhVariantMap[locale] || "zh-CN")
+} else {
+	locale = (locale || "en").split("-")[0]
+	// use en if locale is not in languages
+	if (!languages.some((l) => l.lang === locale)) {
+		locale = "en"
+	}
+	dynamicActivate(locale)
+}

beszel/site/src/lib/languages.ts

@@ -0,0 +1,92 @@
+export default [
+	{
+		lang: "ar",
+		label: "العربية",
+		e: "🇵🇸",
+	},
+	{
+		lang: "de",
+		label: "Deutsch",
+		e: "🇩🇪",
+	},
+	{
+		lang: "en",
+		label: "English",
+		e: "🇺🇸",
+	},
+	{
+		lang: "es",
+		label: "Español",
+		e: "🇲🇽",
+	},
+	{
+		lang: "fr",
+		label: "Français",
+		e: "🇫🇷",
+	},
+	{
+		lang: "hr",
+		label: "Hrvatski",
+		e: "🇭🇷",
+	},
+	{
+		lang: "it",
+		label: "Italiano",
+		e: "🇮🇹",
+	},
+	{
+		lang: "ja",
+		label: "日本語",
+		e: "🇯🇵",
+	},
+	{
+		lang: "ko",
+		label: "한국어",
+		e: "🇰🇷",
+	},
+	{
+		lang: "nl",
+		label: "Nederlands",
+		e: "🇳🇱",
+	},
+	{
+		lang: "pl",
+		label: "Polski",
+		e: "🇵🇱",
+	},
+	{
+		lang: "pt",
+		label: "Português",
+		e: "🇧🇷",
+	},
+	{
+		lang: "tr",
+		label: "Türkçe",
+		e: "🇹🇷",
+	},
+	{
+		lang: "ru",
+		label: "Русский",
+		e: "🇷🇺",
+	},
+	{
+		lang: "uk",
+		label: "Українська",
+		e: "🇺🇦",
+	},
+	{
+		lang: "vi",
+		label: "Tiếng Việt",
+		e: "🇻🇳",
+	},
+	{
+		lang: "zh-CN",
+		label: "简体中文",
+		e: "🇨🇳",
+	},
+	{
+		lang: "zh-HK",
+		label: "繁體中文",
+		e: "🇭🇰",
+	},
+] as const

beszel/site/src/lib/stores.ts

@@ -1,9 +1,9 @@
-import PocketBase from 'pocketbase'
-import { atom, map, WritableAtom } from 'nanostores'
-import { AlertRecord, ChartTimes, SystemRecord, UserSettings } from '@/types'
+import PocketBase from "pocketbase"
+import { atom, map, WritableAtom } from "nanostores"
+import { AlertRecord, ChartTimes, SystemRecord, UserSettings } from "@/types"
 
 /** PocketBase JS Client */
-export const pb = new PocketBase('/')
+export const pb = new PocketBase("/")
 
 /** Store if user is authenticated */
 export const $authenticated = atom(pb.authStore.isValid)
@@ -15,18 +15,18 @@ export const $systems = atom([] as SystemRecord[])
 export const $alerts = atom([] as AlertRecord[])
 
 /** SSH public key */
-export const $publicKey = atom('')
+export const $publicKey = atom("")
 
 /** Beszel hub version */
-export const $hubVersion = atom('')
+export const $hubVersion = atom("")
 
 /** Chart time period */
-export const $chartTime = atom('1h') as WritableAtom<ChartTimes>
+export const $chartTime = atom("1h") as WritableAtom<ChartTimes>
 
 /** User settings */
 export const $userSettings = map<UserSettings>({
-	chartTime: '1h',
-	emails: [pb.authStore.model?.email || ''],
+	chartTime: "1h",
+	emails: [pb.authStore.model?.email || ""],
 })
 // update local storage on change
 $userSettings.subscribe((value) => {
@@ -35,7 +35,10 @@ $userSettings.subscribe((value) => {
 })
 
 /** Container chart filter */
-export const $containerFilter = atom('')
+export const $containerFilter = atom("")
 
 /** Fallback copy to clipboard dialog content */
-export const $copyContent = atom('')
+export const $copyContent = atom("")
+
+/** Direction for localization */
+export const $direction = atom<"ltr" | "rtl">("ltr")

beszel/site/src/lib/use-intersection-observer.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from "react"
 
 // adapted from usehooks-ts/use-intersection-observer
 
@@ -72,7 +72,7 @@ type IntersectionReturn = {
 export function useIntersectionObserver({
 	threshold = 0,
 	root = null,
-	rootMargin = '0%',
+	rootMargin = "0%",
 	freeze = true,
 	initialIsIntersecting = false,
 	onChange,
@@ -84,7 +84,7 @@ export function useIntersectionObserver({
 		entry: undefined,
 	}))
 
-	const callbackRef = useRef<UseIntersectionObserverOptions['onChange']>()
+	const callbackRef = useRef<UseIntersectionObserverOptions["onChange"]>()
 
 	callbackRef.current = onChange
 
@@ -95,7 +95,7 @@ export function useIntersectionObserver({
 		if (!ref) return
 
 		// Ensure the browser supports the Intersection Observer API
-		if (!('IntersectionObserver' in window)) return
+		if (!("IntersectionObserver" in window)) return
 
 		// Skip if frozen
 		if (frozen) return
@@ -104,14 +104,11 @@ export function useIntersectionObserver({
 
 		const observer = new IntersectionObserver(
 			(entries: IntersectionObserverEntry[]): void => {
-				const thresholds = Array.isArray(observer.thresholds)
-					? observer.thresholds
-					: [observer.thresholds]
+				const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds]
 
 				entries.forEach((entry) => {
 					const isIntersecting =
-						entry.isIntersecting &&
-						thresholds.some((threshold) => entry.intersectionRatio >= threshold)
+						entry.isIntersecting && thresholds.some((threshold) => entry.intersectionRatio >= threshold)
 
 					setState({ isIntersecting, entry })
 
@@ -149,13 +146,7 @@ export function useIntersectionObserver({
 	const prevRef = useRef<Element | null>(null)
 
 	useEffect(() => {
-		if (
-			!ref &&
-			state.entry?.target &&
-			!freeze &&
-			!frozen &&
-			prevRef.current !== state.entry.target
-		) {
+		if (!ref && state.entry?.target && !freeze && !frozen && prevRef.current !== state.entry.target) {
 			prevRef.current = state.entry.target
 			setState({ isIntersecting: initialIsIntersecting, entry: undefined })
 		}

beszel/site/src/lib/utils.ts

@@ -1,14 +1,15 @@
-import { toast } from '@/components/ui/use-toast'
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-import { $alerts, $copyContent, $systems, $userSettings, pb } from './stores'
-import { AlertRecord, ChartTimeData, ChartTimes, SystemRecord } from '@/types'
-import { RecordModel, RecordSubscription } from 'pocketbase'
-import { WritableAtom } from 'nanostores'
-import { timeDay, timeHour } from 'd3-time'
-import { useEffect, useState } from 'react'
-import { CpuIcon, HardDriveIcon, MemoryStickIcon } from 'lucide-react'
-import { EthernetIcon, ThermometerIcon } from '@/components/ui/icons'
+import { toast } from "@/components/ui/use-toast"
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+import { $alerts, $copyContent, $systems, $userSettings, pb } from "./stores"
+import { AlertInfo, AlertRecord, ChartTimeData, ChartTimes, SystemRecord } from "@/types"
+import { RecordModel, RecordSubscription } from "pocketbase"
+import { WritableAtom } from "nanostores"
+import { timeDay, timeHour } from "d3-time"
+import { useEffect, useState } from "react"
+import { CpuIcon, HardDriveIcon, MemoryStickIcon, ServerIcon } from "lucide-react"
+import { EthernetIcon, ThermometerIcon } from "@/components/ui/icons"
+import { t } from "@lingui/macro"
 
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs))
@@ -21,7 +22,7 @@ export async function copyToClipboard(content: string) {
 		await navigator.clipboard.writeText(content)
 		toast({
 			duration,
-			description: 'Copied to clipboard',
+			description: t`Copied to clipboard`,
 		})
 	} catch (e: any) {
 		$copyContent.set(content)
@@ -29,22 +30,22 @@ export async function copyToClipboard(content: string) {
 }
 
 const verifyAuth = () => {
-	pb.collection('users')
+	pb.collection("users")
 		.authRefresh()
 		.catch(() => {
 			pb.authStore.clear()
 			toast({
-				title: 'Failed to authenticate',
-				description: 'Please log in again',
-				variant: 'destructive',
+				title: t`Failed to authenticate`,
+				description: t`Please log in again`,
+				variant: "destructive",
 			})
 		})
 }
 
 export const updateSystemList = async () => {
 	const records = await pb
-		.collection<SystemRecord>('systems')
-		.getFullList({ sort: '+name', fields: 'id,name,host,info,status' })
+		.collection<SystemRecord>("systems")
+		.getFullList({ sort: "+name", fields: "id,name,host,info,status" })
 	if (records.length) {
 		$systems.set(records)
 	} else {
@@ -53,71 +54,51 @@ export const updateSystemList = async () => {
 }
 
 export const updateAlerts = () => {
-	pb.collection('alerts')
-		.getFullList<AlertRecord>({ fields: 'id,name,system,value,min,triggered', sort: 'updated' })
+	pb.collection("alerts")
+		.getFullList<AlertRecord>({ fields: "id,name,system,value,min,triggered", sort: "updated" })
 		.then((records) => {
 			$alerts.set(records)
 		})
 }
 
 const hourWithMinutesFormatter = new Intl.DateTimeFormat(undefined, {
-	hour: 'numeric',
-	minute: 'numeric',
+	hour: "numeric",
+	minute: "numeric",
 })
 export const hourWithMinutes = (timestamp: string) => {
 	return hourWithMinutesFormatter.format(new Date(timestamp))
 }
 
 const shortDateFormatter = new Intl.DateTimeFormat(undefined, {
-	day: 'numeric',
-	month: 'short',
-	hour: 'numeric',
-	minute: 'numeric',
+	day: "numeric",
+	month: "short",
+	hour: "numeric",
+	minute: "numeric",
 })
 export const formatShortDate = (timestamp: string) => {
-	// console.log('ts', timestamp)
 	return shortDateFormatter.format(new Date(timestamp))
 }
 
-// const dayTimeFormatter = new Intl.DateTimeFormat(undefined, {
-// 	// day: 'numeric',
-// 	// month: 'short',
-// 	hour: 'numeric',
-// 	weekday: 'short',
-// 	minute: 'numeric',
-// 	// dateStyle: 'short',
-// })
-// export const formatDayTime = (timestamp: string) => {
-// 	// console.log('ts', timestamp)
-// 	return dayTimeFormatter.format(new Date(timestamp))
-// }
-
 const dayFormatter = new Intl.DateTimeFormat(undefined, {
-	day: 'numeric',
-	month: 'short',
-	// dateStyle: 'medium',
+	day: "numeric",
+	month: "short",
 })
 export const formatDay = (timestamp: string) => {
-	// console.log('ts', timestamp)
 	return dayFormatter.format(new Date(timestamp))
 }
 
-export const updateFavicon = (newIcon: string) =>
-	((document.querySelector("link[rel='icon']") as HTMLLinkElement).href = `/static/${newIcon}`)
+export const updateFavicon = (newIcon: string) => {
+	;(document.querySelector("link[rel='icon']") as HTMLLinkElement).href = `/static/${newIcon}`
+}
 
-export const isAdmin = () => pb.authStore.model?.role === 'admin'
-export const isReadOnlyUser = () => pb.authStore.model?.role === 'readonly'
-// export const isDefaultUser = () => pb.authStore.model?.role === 'user'
+export const isAdmin = () => pb.authStore.model?.role === "admin"
+export const isReadOnlyUser = () => pb.authStore.model?.role === "readonly"
 
 /** Update systems / alerts list when records change  */
-export function updateRecordList<T extends RecordModel>(
-	e: RecordSubscription<T>,
-	$store: WritableAtom<T[]>
-) {
+export function updateRecordList<T extends RecordModel>(e: RecordSubscription<T>, $store: WritableAtom<T[]>) {
 	const curRecords = $store.get()
 	const newRecords = []
-	// console.log('e', e)
-	if (e.action === 'delete') {
+	if (e.action === "delete") {
 		for (const server of curRecords) {
 			if (server.id !== e.record.id) {
 				newRecords.push(server)
@@ -142,51 +123,51 @@ export function updateRecordList<T extends RecordModel>(
 export function getPbTimestamp(timeString: ChartTimes, d?: Date) {
 	d ||= chartTimeData[timeString].getOffset(new Date())
 	const year = d.getUTCFullYear()
-	const month = String(d.getUTCMonth() + 1).padStart(2, '0')
-	const day = String(d.getUTCDate()).padStart(2, '0')
-	const hours = String(d.getUTCHours()).padStart(2, '0')
-	const minutes = String(d.getUTCMinutes()).padStart(2, '0')
-	const seconds = String(d.getUTCSeconds()).padStart(2, '0')
+	const month = String(d.getUTCMonth() + 1).padStart(2, "0")
+	const day = String(d.getUTCDate()).padStart(2, "0")
+	const hours = String(d.getUTCHours()).padStart(2, "0")
+	const minutes = String(d.getUTCMinutes()).padStart(2, "0")
+	const seconds = String(d.getUTCSeconds()).padStart(2, "0")
 
 	return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
 }
 
 export const chartTimeData: ChartTimeData = {
-	'1h': {
-		type: '1m',
+	"1h": {
+		type: "1m",
 		expectedInterval: 60_000,
-		label: '1 hour',
+		label: () => t`1 hour`,
 		// ticks: 12,
 		format: (timestamp: string) => hourWithMinutes(timestamp),
 		getOffset: (endTime: Date) => timeHour.offset(endTime, -1),
 	},
-	'12h': {
-		type: '10m',
+	"12h": {
+		type: "10m",
 		expectedInterval: 60_000 * 10,
-		label: '12 hours',
+		label: () => t`12 hours`,
 		ticks: 12,
 		format: (timestamp: string) => hourWithMinutes(timestamp),
 		getOffset: (endTime: Date) => timeHour.offset(endTime, -12),
 	},
-	'24h': {
-		type: '20m',
+	"24h": {
+		type: "20m",
 		expectedInterval: 60_000 * 20,
-		label: '24 hours',
+		label: () => t`24 hours`,
 		format: (timestamp: string) => hourWithMinutes(timestamp),
 		getOffset: (endTime: Date) => timeHour.offset(endTime, -24),
 	},
-	'1w': {
-		type: '120m',
+	"1w": {
+		type: "120m",
 		expectedInterval: 60_000 * 120,
-		label: '1 week',
+		label: () => t`1 week`,
 		ticks: 7,
 		format: (timestamp: string) => formatDay(timestamp),
 		getOffset: (endTime: Date) => timeDay.offset(endTime, -7),
 	},
-	'30d': {
-		type: '480m',
+	"30d": {
+		type: "480m",
 		expectedInterval: 60_000 * 480,
-		label: '30 days',
+		label: () => t`30 days`,
 		ticks: 30,
 		format: (timestamp: string) => formatDay(timestamp),
 		getOffset: (endTime: Date) => timeDay.offset(endTime, -30),
@@ -201,8 +182,8 @@ export function useYAxisWidth() {
 	function updateYAxisWidth(str: string) {
 		if (str.length > maxChars) {
 			maxChars = str.length
-			const div = document.createElement('div')
-			div.className = 'text-xs tabular-nums tracking-tighter table sr-only'
+			const div = document.createElement("div")
+			div.className = "text-xs tabular-nums tracking-tighter table sr-only"
 			div.innerHTML = str
 			clearTimeout(timeout)
 			timeout = setTimeout(() => {
@@ -248,7 +229,7 @@ function getStorageValue(key: string, defaultValue: any) {
 }
 
 /** Hook to sync value in local storage */
-export const useLocalStorage = (key: string, defaultValue: any) => {
+export function useLocalStorage<T>(key: string, defaultValue: T) {
 	key = `besz-${key}`
 	const [value, setValue] = useState(() => {
 		return getStorageValue(key, defaultValue)
@@ -262,20 +243,18 @@ export const useLocalStorage = (key: string, defaultValue: any) => {
 
 export async function updateUserSettings() {
 	try {
-		const req = await pb.collection('user_settings').getFirstListItem('', { fields: 'settings' })
+		const req = await pb.collection("user_settings").getFirstListItem("", { fields: "settings" })
 		$userSettings.set(req.settings)
 		return
 	} catch (e) {
-		console.log('get settings', e)
+		console.log("get settings", e)
 	}
 	// create user settings if error fetching existing
 	try {
-		const createdSettings = await pb
-			.collection('user_settings')
-			.create({ user: pb.authStore.model!.id })
+		const createdSettings = await pb.collection("user_settings").create({ user: pb.authStore.model!.id })
 		$userSettings.set(createdSettings.settings)
 	} catch (e) {
-		console.log('create settings', e)
+		console.log("create settings", e)
 	}
 }
 
@@ -289,44 +268,52 @@ export const getSizeAndUnit = (n: number, isGigabytes = true) => {
 	const sizeInGB = isGigabytes ? n : n / 1_000
 
 	if (sizeInGB >= 1_000) {
-		return { v: sizeInGB / 1_000, u: ' TB' }
+		return { v: sizeInGB / 1_000, u: " TB" }
 	} else if (sizeInGB >= 1) {
-		return { v: sizeInGB, u: ' GB' }
+		return { v: sizeInGB, u: " GB" }
 	}
-	return { v: n, u: ' MB' }
+	return { v: isGigabytes ? sizeInGB * 1_000 : n, u: " MB" }
 }
 
 export const chartMargin = { top: 12 }
 
-export const alertInfo = {
+export const alertInfo: Record<string, AlertInfo> = {
+	Status: {
+		name: () => t`Status`,
+		unit: "",
+		icon: ServerIcon,
+		desc: () => t`Triggers when status switches between up and down`,
+		single: true,
+	},
 	CPU: {
-		name: 'CPU usage',
-		unit: '%',
+		name: () => t`CPU Usage`,
+		unit: "%",
 		icon: CpuIcon,
-		desc: 'Triggers when CPU usage exceeds a threshold.',
+		desc: () => t`Triggers when CPU usage exceeds a threshold`,
 	},
 	Memory: {
-		name: 'Memory usage',
-		unit: '%',
+		name: () => t`Memory Usage`,
+		unit: "%",
 		icon: MemoryStickIcon,
-		desc: 'Triggers when memory usage exceeds a threshold.',
+		desc: () => t`Triggers when memory usage exceeds a threshold`,
 	},
 	Disk: {
-		name: 'Disk usage',
-		unit: '%',
+		name: () => t`Disk Usage`,
+		unit: "%",
 		icon: HardDriveIcon,
-		desc: 'Triggers when usage of any disk exceeds a threshold.',
+		desc: () => t`Triggers when usage of any disk exceeds a threshold`,
 	},
 	Bandwidth: {
-		name: 'Bandwidth',
-		unit: ' MB/s',
+		name: () => t`Bandwidth`,
+		unit: " MB/s",
 		icon: EthernetIcon,
-		desc: 'Triggers when combined up/down exceeds a threshold.',
+		desc: () => t`Triggers when combined up/down exceeds a threshold`,
+		max: 125,
 	},
 	Temperature: {
-		name: 'Temperature',
-		unit: '°C',
+		name: () => t`Temperature`,
+		unit: "°C",
 		icon: ThermometerIcon,
-		desc: 'Triggers when any sensor exceeds a threshold.',
+		desc: () => t`Triggers when any sensor exceeds a threshold`,
 	},
 }

beszel/site/src/locales/ar/ar.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: ar\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Arabic\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 && n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: ar\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# يوم} other {# أيام}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# ساعة} other {# ساعات}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 ساعة"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 أسبوع"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 ساعة"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 ساعة"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 يومًا"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "إجراءات"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "التنبيهات النشطة"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "إضافة <0>نظام</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "إضافة نظام جديد"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "إضافة نظام"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "إضافة عنوان URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "تعديل خيارات العرض للرسوم البيانية."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "مسؤول"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "وكيل"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "التنبيهات"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "جميع الأنظمة"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "هل أنت متأكد أنك تريد حذف {name}؟"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "مزودو المصادقة"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "النسخ التلقائي يتطلب سياقًا آمنًا."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "متوسط"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "متوسط استخدام وحدة المعالجة المركزية للحاويات"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "المتوسط يتجاوز <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "متوسط استخدام وحدة المعالجة المركزية على مستوى النظام"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "النسخ الاحتياطية"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "عرض النطاق الترددي"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "يدعم Beszel OpenID Connect والعديد من مزودي المصادقة OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "يستخدم Beszel <0>Shoutrrr</0> للتكامل مع خدمات الإشعارات الشهيرة."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "ثنائي"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "ذاكرة التخزين المؤقت / المخازن المؤقتة"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "إلغاء"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "تحذير - فقدان محتمل للبيانات"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "تغيير خيارات التطبيق العامة."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "خيارات الرسم البياني"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "تحقق من {email} للحصول على رابط إعادة التعيين."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "تحقق من السجلات لمزيد من التفاصيل."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "تحقق من خدمة الإشعارات الخاصة بك"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "انقر للنسخ"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "أعمدة"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "تعليمات سطر الأوامر"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "قم بتكوين كيفية تلقي إشعارات التنبيه."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "تأكيد كلمة المرور"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "متابعة"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "تم النسخ إلى الحافظة"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "نسخ"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "نسخ المضيف"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "نسخ أمر لينكس"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "نسخ النص"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "المعالج"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "استخدام وحدة المعالجة المركزية"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "إنشاء حساب"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "داكن"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "لوحة التحكم"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "الفترة الزمنية الافتراضية"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "حذف"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "القرص"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "إدخال/إخراج القرص"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "استخدام القرص"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "استخدام القرص لـ {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "استخدام CPU لـ Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "استخدام الذاكرة لـ Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "إدخال/إخراج الشبكة لـ Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "التوثيق"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "البريد الإلكتروني"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "البريد الإلكتروني"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "إشعارات البريد الإلكتروني"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "أدخل عنوان البريد الإلكتروني لإعادة تعيين كلمة المرور"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "أدخل عنوان البريد الإلكتروني..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "خطأ"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "يتجاوز {0}{1} في آخر {2, plural, one {# دقيقة} other {# دقائق}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "سيتم حذف الأنظمة الحالية غير المعرفة في <0>config.yml</0>. يرجى عمل نسخ احتياطية بانتظام."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "تصدير التكوين"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "تصدير تكوين الأنظمة الحالية الخاصة بك."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "فشل في المصادقة"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "فشل في حفظ الإعدادات"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "فشل في إرسال إشعار الاختبار"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "فشل في تحديث التنبيه"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "تصفية..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "لمدة <0>{min}</0> {min, plural, one {دقيقة} other {دقائق}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "هل نسيت كلمة المرور؟"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "عام"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "مضيف / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "إذا فقدت كلمة المرور لحساب المسؤول الخاص بك، يمكنك إعادة تعيينها باستخدام الأمر التالي."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "عنوان البريد الإلكتروني غير صالح."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "كيرنل"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "اللغة"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "فاتح"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "تسجيل الخروج"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "تسجيل الدخول"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "فشل محاولة تسجيل الدخول"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "السجلات"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "هل تبحث عن مكان لإنشاء التنبيهات؟ انقر على أيقونات الجرس <0/> في جدول الأنظمة."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "إدارة تفضيلات العرض والإشعارات."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "1 دقيقة كحد"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "الذاكرة"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "استخدام الذاكرة"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "استخدام الذاكرة لحاويات Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "الاسم"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "الشبكة"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "حركة مرور الشبكة لحاويات Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "حركة مرور الشبكة للواجهات العامة"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "لم يتم العثور على نتائج."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "لم يتم العثور على أنظمة."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "الإشعارات"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "دعم OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "في كل إعادة تشغيل، سيتم تحديث الأنظمة في قاعدة البيانات لتتطابق مع الأنظمة المعرفة في الملف."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "فتح القائمة"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "أو المتابعة باستخدام"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "الكتابة فوق التنبيهات الحالية"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "صفحة"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "الصفحات / الإعدادات"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "كلمة المرور"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "يجب أن تكون كلمة المرور مكونة من 10 أحرف على الأقل."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "تم استلام طلب إعادة تعيين كلمة المرور"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "إيقاف مؤقت"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "يرجى <0>تكوين خادم SMTP</0> لضمان تسليم التنبيهات."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "يرجى التحقق من السجلات لمزيد من التفاصيل."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "يرجى التحقق من بيانات الاعتماد الخاصة بك والمحاولة مرة أخرى"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "يرجى إنشاء حساب مسؤول"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "يرجى تمكين النوافذ المنبثقة لهذا الموقع"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "يرجى تسجيل الدخول مرة أخرى"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "يرجى الاطلاع على <0>التوثيق</0> للحصول على التعليمات."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "يرجى تسجيل الدخول إلى حسابك"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "المنفذ"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "الاستخدام الدقيق في الوقت المسجل"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "اللغة المفضلة"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "المفتاح العام"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "قراءة"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "تم الاستلام"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "إعادة تعيين كلمة المرور"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "استئناف"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "احفظ العنوان باستخدام مفتاح الإدخال أو الفاصلة. اتركه فارغًا لتعطيل إشعارات البريد الإلكتروني."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "حفظ الإعدادات"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "بحث"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "البحث عن الأنظمة أو الإعدادات..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "راجع <0>إعدادات الإشعارات</0> لتكوين كيفية تلقي التنبيهات."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "تم الإرسال"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "يحدد النطاق الزمني الافتراضي للرسوم البيانية عند عرض النظام."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "الإعدادات"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "تم حفظ الإعدادات"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "تسجيل الدخول"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "إعدادات SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "الحالة"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "مساحة التبديل المستخدمة من قبل النظام"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "استخدام التبديل"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "النظام"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "الأنظمة"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "يمكن إدارة الأنظمة في ملف <0>config.yml</0> داخل دليل البيانات الخاص بك."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "درجة الحرارة"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "درجات حرارة مستشعرات النظام"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "اختبار <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "تم إرسال إشعار الاختبار"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "يجب أن يكون الوكيل قيد التشغيل على النظام للاتصال. انسخ أمر التثبيت للوكيل أدناه."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "يجب أن يكون الوكيل قيد التشغيل على النظام للاتصال. انسخ <0>docker-compose.yml</0> للوكيل أدناه."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "ثم قم بتسجيل الدخول إلى الواجهة الخلفية وأعد تعيين كلمة مرور حساب المستخدم الخاص بك في جدول المستخدمين."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "لا يمكن التراجع عن هذا الإجراء. سيؤدي ذلك إلى حذف جميع السجلات الحالية لـ {name} من قاعدة البيانات بشكل دائم."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "معدل نقل {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "معدل نقل نظام الملفات الجذر"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "إلى البريد الإلكتروني"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "تبديل الشبكة"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "تبديل السمة"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "يتم التفعيل عندما <20><>تجاوز أي مستشعر عتبة معينة"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "يتم التفعيل عندما يتجاوز الجمع بين الصعود/الهبوط عتبة معينة"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "يتم التفعيل عندما يتجاوز استخدام وحدة المعالجة المركزية عتبة معينة"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "يتم التفعيل عندما يتجاوز استخدام الذاكرة عتبة معينة"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "يتم التفعيل عندما يتغير الحالة بين التشغيل والإيقاف"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "يتم التفعيل عندما يتجاوز استخدام أي قرص عتبة معينة"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "محدث في الوقت الحقيقي. انقر على نظام لعرض المعلومات."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "مدة التشغيل"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "الاستخدام"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "استخدام القسم الجذر"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "مستخدم"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "اسم المستخدم"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "اسم المستخدم"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "المستخدمون"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "في انتظار وجود سجلات كافية للعرض"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "هل تريد مساعدتنا في تحسين ترجماتنا؟ تحقق من <0>Crowdin</0> لمزيد من التفاصيل."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "إشعارات Webhook / Push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "كتابة"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "تكوين YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "تكوين YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "تم تحديث إعدادات المستخدم الخاصة بك."

beszel/site/src/locales/de/de.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: de\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: German\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: de\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# Tag} other {# Tage}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# Stunde} other {# Stunden}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 Stunde"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 Woche"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 Stunden"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 Stunden"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 Tage"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Aktionen"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Aktive Warnungen"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "<0>System</0> hinzufügen"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Neues System hinzufügen"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "System hinzufügen"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "URL hinzufügen"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Anzeigeoptionen für Diagramme anpassen."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Warnungen"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Alle Systeme"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Möchten Sie {name} wirklich löschen?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Authentifizierungsanbieter"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Automatisches Kopieren erfordert einen sicheren Kontext."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Durchschnitt"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Durchschnittliche CPU-Auslastung der Container"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Durchschnitt überschreitet <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Durchschnittliche systemweite CPU-Auslastung"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Backups"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Bandbreite"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel unterstützt OpenID Connect und viele OAuth2-Authentifizierungsanbieter."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel verwendet <0>Shoutrrr</0>, um sich mit beliebten Benachrichtigungsdiensten zu integrieren."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binär"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Puffer"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Abbrechen"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Vorsicht - potenzieller Datenverlust"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Allgemeine Anwendungsoptionen ändern."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Diagrammoptionen"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Überprüfen Sie {email} auf einen Rücksetzlink."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Überprüfen Sie die Protokolle für weitere Details."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Überprüfen Sie Ihren Benachrichtigungsdienst"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Zum Kopieren klicken"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Spalten"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Befehlszeilenanweisungen"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Konfigurieren Sie, wie Sie Warnbenachrichtigungen erhalten."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Passwort bestätigen"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Fortfahren"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "In die Zwischenablage kopiert"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Kopieren"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Host kopieren"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Linux-Befehl kopieren"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Text kopieren"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "CPU-Auslastung"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Konto erstellen"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Dunkel"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Dashboard"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Standardzeitraum"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Löschen"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Festplatte"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Festplatten-I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Festplattennutzung"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Festplattennutzung von {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Docker-CPU-Auslastung"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Docker-Speichernutzung"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Docker-Netzwerk-I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Dokumentation"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "E-Mail"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "E-Mail"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "E-Mail-Benachrichtigungen"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "E-Mail-Adresse eingeben, um das Passwort zurückzusetzen"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "E-Mail-Adresse eingeben..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Fehler"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Überschreitet {0}{1} in den letzten {2, plural, one {# Minute} other {# Minuten}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Bestehende Systeme, die nicht in <0>config.yml</0> definiert sind, werden gelöscht. Bitte machen Sie regelmäßige Backups."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Konfiguration exportieren"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Exportieren Sie Ihre aktuelle Systemkonfiguration."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Authentifizierung fehlgeschlagen"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Einstellungen konnten nicht gespeichert werden"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Testbenachrichtigung konnte nicht gesendet werden"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Warnung konnte nicht aktualisiert werden"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filter..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Für <0>{min}</0> {min, plural, one {Minute} other {Minuten}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Passwort vergessen?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Allgemein"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Wenn Sie das Passwort für Ihr Administratorkonto verloren haben, können Sie es mit dem folgenden Befehl zurücksetzen."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Ungültige E-Mail-Adresse."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Sprache"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Hell"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Abmelden"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Anmelden"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Anmeldeversuch fehlgeschlagen"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Protokolle"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Suchen Sie stattdessen nach der Erstellung von Warnungen? Klicken Sie auf die Glocken-<0/>-Symbole in der Systemtabelle."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Anzeige- und Benachrichtigungseinstellungen verwalten."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Max 1 Min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Speicher"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Speichernutzung"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Speichernutzung der Docker-Container"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Name"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Netz"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Netzwerkverkehr der Docker-Container"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Netzwerkverkehr der öffentlichen Schnittstellen"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Keine Ergebnisse gefunden."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Keine Systeme gefunden."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Benachrichtigungen"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDC-Unterstützung"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Bei jedem Neustart werden die Systeme in der Datenbank aktualisiert, um den im Datei definierten Systemen zu entsprechen."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Menü öffnen"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Oder fortfahren mit"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Bestehende Warnungen überschreiben"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Seite"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Seiten / Einstellungen"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Passwort"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Das Passwort muss mindestens 10 Zeichen lang sein."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Anfrage zum Zurücksetzen des Passworts erhalten"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pause"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Bitte <0>konfigurieren Sie einen SMTP-Server</0>, um sicherzustellen, dass Warnungen zugestellt werden."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Bitte überprüfen Sie die Protokolle für weitere Details."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Bitte überprüfen Sie Ihre Anmeldedaten und versuchen Sie es erneut"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Bitte erstellen Sie ein Administratorkonto"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Bitte aktivieren Sie Pop-ups für diese Seite"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Bitte melden Sie sich erneut an"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Bitte sehen Sie sich <0>die Dokumentation</0> für Anweisungen an."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Bitte melden Sie sich bei Ihrem Konto an"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Genaue Nutzung zum aufgezeichneten Zeitpunkt"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Bevorzugte Sprache"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Schlüssel"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Lesen"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Empfangen"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Passwort zurücksetzen"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Fortsetzen"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Adresse mit der Eingabetaste oder Komma speichern. Leer lassen, um E-Mail-Benachrichtigungen zu deaktivieren."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Einstellungen speichern"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Suche"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Nach Systemen oder Einstellungen suchen..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Siehe <0>Benachrichtigungseinstellungen</0>, um zu konfigurieren, wie Sie Warnungen erhalten."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Gesendet"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Legt den Standardzeitraum für Diagramme fest, wenn ein System angezeigt wird."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Einstellungen"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Einstellungen gespeichert"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Anmelden"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP-Einstellungen"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Vom System genutzter Swap-Speicher"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Swap-Nutzung"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "System"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Systeme"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Systeme können in einer <0>config.yml</0>-Datei in Ihrem Datenverzeichnis verwaltet werden."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatur"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperaturen der Systemsensoren"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Testbenachrichtigung gesendet"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "Der Agent muss auf dem System laufen, um eine Verbindung herzustellen. Kopieren Sie den Installationsbefehl für den Agenten unten."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "Der Agent muss auf dem System laufen, um eine Verbindung herzustellen. Kopieren Sie die <0>docker-compose.yml</0> für den Agenten unten."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Melden Sie sich dann im Backend an und setzen Sie Ihr Benutzerkontopasswort in der Benutzertabelle zurück."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Diese Aktion kann nicht rückgängig gemacht werden. Dadurch werden alle aktuellen Datensätze für {name} dauerhaft aus der Datenbank gelöscht."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Durchsatz von {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Durchsatz des Root-Dateisystems"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "An E-Mail(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Raster umschalten"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Thema umschalten"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Löst aus, wenn ein Sensor einen Schwellenwert überschreitet"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Löst aus, wenn die kombinierte Auf-/Abwärtsbewegung einen Schwellenwert überschreitet"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Löst aus, wenn die CPU-Auslastung einen Schwellenwert überschreitet"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Löst aus, wenn die Speichernutzung einen Schwellenwert überschreitet"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Löst aus, wenn der Status zwischen oben und unten wechselt"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Löst aus, wenn die Nutzung einer Festplatte einen Schwellenwert überschreitet"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "In Echtzeit aktualisiert. Klicken Sie auf ein System, um Informationen anzuzeigen."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Betriebszeit"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Nutzung"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Nutzung der Root-Partition"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Verwendet"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "Benutzername"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Benutzername"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Benutzer"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Warten auf genügend Datensätze zur Anzeige"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Möchten Sie uns helfen, unsere Übersetzungen noch besser zu machen? Schauen Sie sich <0>Crowdin</0> für weitere Details an."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Push-Benachrichtigungen"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Schreiben"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML-Konfiguration"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML-Konfiguration"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Ihre Benutzereinstellungen wurden aktualisiert."

beszel/site/src/locales/en/en.po

@@ -0,0 +1,819 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: en\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# day} other {# days}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# hour} other {# hours}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 hour"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 week"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 hours"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 hours"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 days"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Actions"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Active Alerts"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Add <0>System</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Add New System"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Add system"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Add URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Adjust display options for charts."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Alerts"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "All Systems"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Are you sure you want to delete {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Auth Providers"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Automatic copy requires a secure context."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Average"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Average CPU utilization of containers"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Average exceeds <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr "Average power consumption of GPUs"
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Average system-wide CPU utilization"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr "Average utilization of {0}"
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Backups"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Bandwidth"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binary"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Buffers"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Cancel"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Caution - potential data loss"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Change general application options."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Chart options"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Check {email} for a reset link."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Check logs for more details."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Check your notification service"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Click to copy"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Columns"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Command line instructions"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configure how you receive alert notifications."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Confirm password"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Continue"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Copied to clipboard"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Copy"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Copy host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Copy Linux command"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Copy text"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "CPU Usage"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Create account"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Dark"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Dashboard"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Default time period"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Delete"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disk"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Disk I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Disk Usage"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Disk usage of {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Docker CPU Usage"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Docker Memory Usage"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Docker Network I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentation"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "email"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Email"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Email notifications"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Enter email address to reset password"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Enter email address..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Error"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Export configuration"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Export your current systems configuration."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Failed to authenticate"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Failed to save settings"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Failed to send test notification"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Failed to update alert"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filter..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Forgot password?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "General"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr "GPU Power Draw"
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "If you've lost the password to your admin account, you may reset it using the following command."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Invalid email address."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Language"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Light"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Log Out"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Login"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Login attempt failed"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Logs"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Manage display and notification preferences."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Max 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Memory"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Memory Usage"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Memory usage of docker containers"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Name"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Net"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Network traffic of docker containers"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Network traffic of public interfaces"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "No results found."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "No systems found."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Notifications"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDC support"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "On each restart, systems in the database will be updated to match the systems defined in the file."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Open menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Or continue with"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Overwrite existing alerts"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Page"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Pages / Settings"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Password"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Password must be at least 10 characters."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Password reset request received"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pause"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Please check logs for more details."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Please check your credentials and try again"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Please create an admin account"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Please enable pop-ups for this site"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Please log in again"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Please see <0>the documentation</0> for instructions."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Please sign in to your account"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Precise utilization at the recorded time"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Preferred Language"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Public Key"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Read"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Received"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Reset Password"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Resume"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Save address using enter key or comma. Leave blank to disable email notifications."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Save Settings"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Search"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Search for systems or settings..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "See <0>notification settings</0> to configure how you receive alerts."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Sent"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Sets the default time range for charts when a system is viewed."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Settings"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Settings saved"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Sign in"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP settings"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Swap space used by the system"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Swap Usage"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "System"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Systems"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperature"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperatures of system sensors"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Test notification sent"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "The agent must be running on the system to connect. Copy the installation command for the agent below."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Then log into the backend and reset your user account password in the users table."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Throughput of {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Throughput of root filesystem"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "To email(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Toggle grid"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Toggle theme"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Triggers when any sensor exceeds a threshold"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Triggers when combined up/down exceeds a threshold"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Triggers when CPU usage exceeds a threshold"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Triggers when memory usage exceeds a threshold"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Triggers when status switches between up and down"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Triggers when usage of any disk exceeds a threshold"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Updated in real time. Click on a system to view information."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Uptime"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Usage"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Usage of root partition"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Used"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "username"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Username"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Users"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Waiting for enough records to display"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Push notifications"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Write"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML Config"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML Configuration"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Your user settings have been updated."

beszel/site/src/locales/es/es.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: es\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Spanish\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: es-ES\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# día} other {# días}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# hora} other {# horas}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 hora"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 semana"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 horas"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 horas"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 días"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Acciones"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Alertas Activas"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Agregar <0>Sistema</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Agregar Nuevo Sistema"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Agregar sistema"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Agregar URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Ajustar las opciones de visualización para los gráficos."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Administrador"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agente"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Alertas"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Todos los Sistemas"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "¿Está seguro de que desea eliminar {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Proveedores de Autenticación"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "La copia automática requiere un contexto seguro."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Promedio"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Utilización promedio de CPU de los contenedores"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "El promedio excede <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Utilización promedio de CPU del sistema"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Copias de Seguridad"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Ancho de banda"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel admite OpenID Connect y muchos proveedores de autenticación OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel utiliza <0>Shoutrrr</0> para integrarse con servicios populares de notificación."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binario"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Caché / Buffers"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Cancelar"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Precaución - posible pérdida de datos"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Cambiar las opciones generales de la aplicación."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Opciones de Gráficos"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Revise {email} para un enlace de restablecimiento."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Revise los registros para más detalles."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Verifique su servicio de notificaciones"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Haga clic para copiar"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Columnas"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Instrucciones de línea de comandos"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configure cómo recibe las notificaciones de alertas."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Confirmar contraseña"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Continuar"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Copiado al portapapeles"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Copiar"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Copiar host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Copiar comando de Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Copiar texto"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Uso de CPU"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Crear cuenta"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Oscuro"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Tablero"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Período de tiempo predeterminado"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Eliminar"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disco"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "E/S de Disco"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Uso de Disco"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Uso de disco de {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Uso de CPU de Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Uso de Memoria de Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "E/S de Red de Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentación"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "correo electrónico"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Correo electrónico"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Notificaciones por correo"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Ingrese la dirección de correo electrónico para restablecer la contraseña"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Ingrese dirección de correo..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Error"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Excede {0}{1} en el último {2, plural, one {# minuto} other {# minutos}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Los sistemas existentes no definidos en <0>config.yml</0> serán eliminados. Por favor, haga copias de seguridad regularmente."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Exportar configuración"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Exporte la configuración actual de sus sistemas."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Error al autenticar"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Error al guardar la configuración"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Error al enviar la notificación de prueba"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Error al actualizar la alerta"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtrar..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Por <0>{min}</0> {min, plural, one {minuto} other {minutos}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "¿Olvidó su contraseña?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "General"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Si ha perdido la contraseña de su cuenta de administrador, puede restablecerla usando el siguiente comando."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Dirección de correo electrónico no válida."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Idioma"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Claro"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Cerrar Sesión"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Iniciar sesión"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Intento de inicio de sesión fallido"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Registros"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "¿Busca dónde crear alertas? Haga clic en los iconos de campana <0/> en la tabla de sistemas."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Administrar preferencias de visualización y notificaciones."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Máx 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Memoria"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Uso de Memoria"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Uso de memoria de los contenedores de Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Nombre"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Red"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Tráfico de red de los contenedores de Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Tráfico de red de interfaces públicas"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "No se encontraron resultados."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "No se encontraron sistemas."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Notificaciones"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Soporte para OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "En cada reinicio, los sistemas en la base de datos se actualizarán para coincidir con los sistemas definidos en el archivo."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Abrir menú"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "O continuar con"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Sobrescribir alertas existentes"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Página"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Páginas / Configuraciones"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Contraseña"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "La contraseña debe tener al menos 10 caracteres."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Solicitud de restablecimiento de contraseña recibida"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pausar"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Por favor, <0>configure un servidor SMTP</0> para asegurar que las alertas sean entregadas."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Por favor, revise los registros para más detalles."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Por favor, verifique sus credenciales e intente de nuevo"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Por favor, cree una cuenta de administrador"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Por favor, habilite las ventanas emergentes para este sitio"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Por favor, inicie sesión de nuevo"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Por favor, consulte <0>la documentación</0> para obtener instrucciones."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Por favor, inicie sesión en su cuenta"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Puerto"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Utilización precisa en el momento registrado"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Idioma Preferido"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Clave Pública"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Lectura"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Recibido"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Restablecer Contraseña"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Reanudar"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Guarde la dirección usando la tecla enter o coma. Deje en blanco para desactivar las notificaciones por correo."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Guardar Configuración"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Buscar"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Buscar sistemas o configuraciones..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Consulte <0>configuración de notificaciones</0> para configurar cómo recibe alertas."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Enviado"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Establece el rango de tiempo predeterminado para los gráficos cuando se visualiza un sistema."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Configuración"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Configuración guardada"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Iniciar sesión"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Configuración SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Estado"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Espacio de swap utilizado por el sistema"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Uso de Swap"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Sistema"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Sistemas"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Los sistemas pueden ser gestionados en un archivo <0>config.yml</0> dentro de su directorio de datos."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatura"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperaturas de los sensores del sistema"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Probar <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Notificación de prueba enviada"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "El agente debe estar ejecutándose en el sistema para conectarse. Copie el comando de instalación para el agente a continuación."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "El agente debe estar ejecutándose en el sistema para conectarse. Copie el <0>docker-compose.yml</0> para el agente a continuación."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Luego inicie sesión en el backend y restablezca la contraseña de su cuenta de usuario en la tabla de usuarios."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Esta acción no se puede deshacer. Esto eliminará permanentemente todos los registros actuales de {name} de la base de datos."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Rendimiento de {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Rendimiento del sistema de archivos raíz"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "A correo(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Alternar cuadrícula"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Alternar tema"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Se activa cuando cualquier sensor supera un umbral"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Se activa cuando la suma de subida/bajada supera un umbral"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Se activa cuando el uso de CPU supera un umbral"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Se activa cuando el uso de memoria supera un umbral"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Se activa cuando el estado cambia entre activo e inactivo"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Se activa cuando el uso de cualquier disco supera un umbral"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Actualizado en tiempo real. Haga clic en un sistema para ver la información."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Tiempo de actividad"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Uso"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Uso de la partición raíz"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Usado"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "nombre de usuario"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Nombre de usuario"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Usuarios"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Esperando suficientes registros para mostrar"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "¿Quieres ayudarnos a mejorar nuestras traducciones? Consulta <0>Crowdin</0> para más detalles."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Notificaciones Webhook / Push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Escritura"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "Configuración YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "Configuración YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Su configuración de usuario ha sido actualizada."

beszel/site/src/locales/fr/fr.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: fr\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-06 20:36\n"
+"Last-Translator: \n"
+"Language-Team: French\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: fr\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# jour} other {# jours}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# heure} other {# heures}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 heure"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 semaine"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 heures"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 heures"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 jours"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Actions"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Alertes actives"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Ajouter <0>Système</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Ajouter un nouveau système"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Ajouter un système"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Ajouter URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Ajuster les options d'affichage pour les graphiques."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Alertes"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Tous les systèmes"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Êtes-vous sûr de vouloir supprimer {name} ?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Fournisseurs d'authentification"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "La copie automatique nécessite un contexte sécurisé."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Moyenne"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Utilisation moyenne du CPU des conteneurs"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "La moyenne dépasse <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Utilisation moyenne du CPU à l'échelle du système"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Sauvegardes"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Bande passante"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel prend en charge OpenID Connect et de nombreux fournisseurs d'authentification OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel utilise <0>Shoutrrr</0> pour s'intégrer aux services de notification populaires."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binaire"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Tampons"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Annuler"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Attention - perte de données potentielle"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Modifier les options générales de l'application."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Options de graphique"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Vérifiez {email} pour un lien de réinitialisation."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Vérifiez les journaux pour plus de détails."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Vérifiez votre service de notification"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Cliquez pour copier"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Colonnes"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Instructions en ligne de commande"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configurez comment vous recevez les notifications d'alerte."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Confirmer le mot de passe"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Continuer"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Copié dans le presse-papiers"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Copier"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Copier l'hôte"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Copier la commande Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Copier le texte"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Utilisation du CPU"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Créer un compte"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Sombre"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Tableau de bord"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Période par défaut"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Supprimer"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disque"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Entrée/Sortie disque"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Utilisation du disque"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Utilisation du disque de {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Utilisation du CPU Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Utilisation de la mémoire Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Entrée/Sortie réseau Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentation"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "email"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Email"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Notifications par email"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Entrez l'adresse email pour réinitialiser le mot de passe"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Entrez l'adresse email..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Erreur"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Dépasse {0}{1} dans {2, plural, one {la dernière # minute} other {les dernières # minutes}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Les systèmes existants non définis dans <0>config.yml</0> seront supprimés. Veuillez faire des sauvegardes régulières."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Exporter la configuration"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Exportez la configuration actuelle de vos systèmes."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Échec de l'authentification"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Échec de l'enregistrement des paramètres"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Échec de l'envoi de la notification de test"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Échec de la mise à jour de l'alerte"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtrer..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Pour <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Mot de passe oublié ?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Général"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Hôte / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Si vous avez perdu le mot de passe de votre compte administrateur, vous pouvez le réinitialiser en utilisant la commande suivante."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Adresse email invalide."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Noyau"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Langue"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Clair"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Déconnexion"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Connexion"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Échec de la tentative de connexion"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Journaux"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Vous cherchez plutôt où créer des alertes ? Cliquez sur les icônes de cloche <0/> dans le tableau des systèmes."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Gérer les préférences d'affichage et de notification."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Max 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Mémoire"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Utilisation de la mémoire"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Utilisation de la mémoire des conteneurs Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Nom"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Net"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Trafic réseau des conteneurs Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Trafic réseau des interfaces publiques"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Aucun résultat trouvé."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Aucun système trouvé."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Notifications"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Support OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "À chaque redémarrage, les systèmes dans la base de données seront mis à jour pour correspondre aux systèmes définis dans le fichier."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Ouvrir le menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Ou continuer avec"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Écraser les alertes existantes"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Page"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Pages / Paramètres"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Mot de passe"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Le mot de passe doit contenir au moins 10 caractères."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Demande de réinitialisation du mot de passe reçue"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pause"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Veuillez <0>configurer un serveur SMTP</0> pour garantir la livraison des alertes."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Veuillez vérifier les journaux pour plus de détails."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Veuillez vérifier vos identifiants et réessayer"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Veuillez créer un compte administrateur"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Veuillez activer les pop-ups pour ce site"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Veuillez vous reconnecter"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Veuillez consulter <0>la documentation</0> pour les instructions."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Veuillez vous connecter à votre compte"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Utilisation précise au moment enregistré"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Langue préférée"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Clé publique"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Lecture"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Reçu"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Réinitialiser le mot de passe"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Reprendre"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Enregistrez l'adresse en utilisant la touche Entrée ou la virgule. Laissez vide pour désactiver les notifications par email."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Enregistrer les paramètres"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Recherche"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Rechercher des systèmes ou des paramètres..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Voir les <0>paramètres de notification</0> pour configurer comment vous recevez les alertes."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Envoyé"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Définit la plage de temps par défaut pour les graphiques lorsqu'un système est consulté."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Paramètres"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Paramètres enregistrés"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Se connecter"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Paramètres SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Statut"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Espace Swap utilisé par le système"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Utilisation du swap"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Système"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Systèmes"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Les systèmes peuvent être gérés dans un fichier <0>config.yml</0> à l'intérieur de votre répertoire de données."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Température"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Températures des capteurs du système"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Tester <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Notification de test envoyée"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "L'agent doit être en cours d'exécution sur le système pour se connecter. Copiez la commande d'installation pour l'agent ci-dessous."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "L'agent doit être en cours d'exécution sur le système pour se connecter. Copiez le <0>docker-compose.yml</0> pour l'agent ci-dessous."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Ensuite, connectez-vous au backend et réinitialisez le mot de passe de votre compte utilisateur dans la table des utilisateurs."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Cette action ne peut pas être annulée. Cela supprimera définitivement tous les enregistrements actuels pour {name} de la base de données."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Débit de {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Débit du système de fichiers racine"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "Aux email(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Basculer la grille"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Changer le thème"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Déclenchement lorsque tout capteur dépasse un seuil"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Déclenchement lorsque le montant/descendant combinée dépasse un seuil"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Déclenchement lorsque l'utilisation du CPU dépasse un seuil"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Déclenchement lorsque l'utilisation de la mémoire dépasse un seuil"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Déclenchement lorsque le statut passe d'opérationnel à indisponible"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Déclenchement lorsque l'utilisation de tout disque dépasse un seuil"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Mis à jour en temps réel. Cliquez sur un système pour voir les informations."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Temps de fonctionnement"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Utilisation"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Utilisation de la partition racine"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Utilisé"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "nom d'utilisateur"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Nom d'utilisateur"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Utilisateurs"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "En attente de suffisamment d'enregistrements à afficher"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Vous voulez nous aider à améliorer nos traductions ? Consultez <0>Crowdin</0> pour plus de détails."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Notifications Webhook / Push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Écriture"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "Configuration YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "Configuration YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Vos paramètres utilisateur ont été mis à jour."

beszel/site/src/locales/hr/hr.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: hr\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-05 19:48\n"
+"Last-Translator: \n"
+"Language-Team: Croatian\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: hr\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# dan} other {# dani}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# sat} other {# sati}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 sat"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 tjedan"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 sati"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 sati"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 dana"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Akcije"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Aktivna upozorenja"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Dodaj <0>Sistem</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Dodaj Novi Sistem"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Dodaj sistem"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Dodaj URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Podesite opcije prikaza za grafikone."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Upozorenja"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Svi Sistemi"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Jeste li sigurni da želite izbrisati {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Davatelji Autentifikacije"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Automatsko kopiranje zahtijeva siguran kontekst."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Prosjek"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Prosječna iskorištenost procesora u spremnicima"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Prosjek premašuje <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Prosječna iskorištenost procesora na cijelom sustavu"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Sigurnosne kopije"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Propusnost"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel podržava OpenID Connect i mnoge druge OAuth2 davatalje autentifikacije."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel koristi <0>Shoutrrr</0> za integraciju sa popularnim servisima za notifikacije."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binarni"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Predmemorija / Međuspremnici"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Otkaži"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Oprez - mogući gubitak podataka"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Promijenite opće opcije aplikacije."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Opcije grafikona"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Provjerite {email} za vezu za resetiranje."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Provjerite logove za više detalja."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Provjerite Vaš servis notifikacija"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Pritisnite za kopiranje"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Stupci"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Upute za naredbeni redak"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Konfigurirajte način primanja obavijesti upozorenja."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Potvrdite lozinku"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Nastavite"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Kopirano u međuspremnik"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Kopiraj"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Kopiraj hosta"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Kopiraj Linux komandu"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Kopiraj tekst"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "Procesor"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Iskorištenost procesora"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Napravite račun"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Tamno"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Nadzorna ploča"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Zadano vremensko razdoblje"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Izbriši"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disk"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Disk I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Iskorištenost Diska"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Iskorištenost diska od {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Iskorištenost Docker Procesora"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Iskorištenost Docker Memorije"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Docker Mrežni I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Dokumentacija"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "email"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Email"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Email notifikacije"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Unesite email adresu za resetiranje lozinke"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Unesite email adresu..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Greška"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Premašuje {0}{1} u posljednjih {2, plural, one {# minuta} other {# minute}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Postojeći sistemi koji nisu definirani u <0>config.yml</0> će biti izbrisani. Molimo Vas napravite redovite sigurnosne kopije."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Izvoz konfiguracije"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Izvoz trenutne sistemske konfiguracije."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Provjera autentičnosti nije uspjela"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Neuspješno snimanje postavki"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Neuspješno slanje testne notifikacije"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Ažuriranje upozorenja nije uspjelo"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filter..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Za <0>{min}</0> {min, plural, one {minutu} other {minute}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Zaboravljena lozinka?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Općenito"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Ako ste izgubili lozinku za svoj administratorski račun, možete ju resetirati pomoću sljedeće naredbe."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Nevažeća adresa e-pošte."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Jezik"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Svijetlo"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Odjava"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Prijava"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Pokušaj prijave nije uspio"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Logovi"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Tražite gdje stvoriti upozorenja? Kliknite ikonu zvona <0/> u tablici sustava."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Upravljajte postavkama prikaza i obavijesti."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Maksimalno 1 minuta"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Memorija"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Upotreba memorije"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Upotreba memorije Docker spremnika"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Ime"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Mreža"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Mrežni promet Docker spremnika"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Mrežni promet javnih sučelja"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Nema rezultata."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Nije pronađen nijedan sustav."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Obavijesti"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Podrška za OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Prilikom svakog ponovnog pokretanja, sustavi u bazi podataka biti će ažurirani kako bi odgovarali sustavima definiranim u datoteci."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Otvori menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Ili nastavi sa"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Prebrišite postojeća upozorenja"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Stranica"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Stranice / Postavke"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Lozinka"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Lozinka mora imati 10 znakova."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Zahtjev za ponovno postavljanje lozinke primljen"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pauza"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Molimo <0>konfigurirajte SMTP server</0> kako biste osigurali isporuku upozorenja."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Za više detalja provjerite logove."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Provjerite svoje podatke i pokušajte ponovno"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Molimo kreirajte administratorski račun"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Omogućite skočne prozore za ovu stranicu"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Molimo prijavite se ponovno"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Molimo pogledajte <0>dokumentaciju</0> za instrukcije."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Molimo prijavite se u svoj račun"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Precizno iskorištenje u zabilježenom vremenu"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Preferirani jezik"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Javni Ključ"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Pročitaj"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Primljeno"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Resetiraj Lozinku"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Nastavi"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Spremite adresu pomoću tipke enter ili zareza. Ostavite prazno kako biste onemogućili obavijesti e-poštom."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Spremi Postavke"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Pretraži"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Pretraži za sisteme ili postavke..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Pogledajte <0>postavke obavijesti</0> da biste konfigurirali način primanja upozorenja."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Poslano"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Postavlja zadani vremenski raspon za grafikone kada se sustav gleda."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Postavke"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Postavke spremljene"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Prijava"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP postavke"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Swap prostor uzet od strane sistema"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Swap Iskorištenost"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Sistem"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Sistemi"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Sistemima se može upravljati u <0>config.yml</0> datoteci unutar data direktorija."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatura"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperature sistemskih senzora"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Testni <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Testna obavijest poslana"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "Agent mora biti pokrenut na sistemu da bi se spojio. Kopirajte instalacijske komande za agenta ispod."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "Agent mora biti pokrenut na sistemu da bi se spojio. Kopirajte <0>docker-compose.yml</0> za agenta ispod."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Zatim se prijavite u backend i resetirajte lozinku korisničkog računa u tablici korisnika."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Ova radnja se ne može poništiti. Ovo će trajno izbrisati sve trenutne zapise za {name} iz baze podataka."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Protok {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Protok root datotečnog sustava"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "Primaoci e-pošte"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Uključi/isključi rešetku"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Uključi/isključi temu"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Pokreće se kada bilo koji senzor prijeđe prag"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Pokreće se kada kombinacija gore/dolje premaši prag"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Pokreće se kada iskorištenost procesora premaši prag"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Pokreće se kada iskorištenost memorije premaši prag"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Pokreće se kada se status sistema promijeni"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Pokreće se kada iskorištenost bilo kojeg diska premaši prag"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Ažurirano odmah. Kliknite na sistem za više informacija."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Vrijeme rada"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Iskorištenost"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Iskorištenost root datotečnog sustava"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Iskorišteno"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "račun"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Račun"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Korisnici"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Čeka se na više podataka prije prikaza"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Želite li nam pomoći da naše prijevode učinimo još boljim? Posjetite <0>Crowdin</0> za više detalja."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Push obavijest"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Piši"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML Config"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML Konfiguracija"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Vaše korisničke postavke su ažurirane."

beszel/site/src/locales/it/it.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: it\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:47\n"
+"Last-Translator: \n"
+"Language-Team: Italian\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: it\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# giorno} other {# giorni}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# ora} other {# ore}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 ora"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 settimana"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 ore"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 ore"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 giorni"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Azioni"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Avvisi Attivi"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Aggiungi <0>Sistema</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Aggiungi Nuovo Sistema"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Aggiungi sistema"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Aggiungi URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Regola le opzioni di visualizzazione per i grafici."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Amministratore"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agente"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Avvisi"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Tutti i Sistemi"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Sei sicuro di voler eliminare {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Provider di Autenticazione"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "La copia automatica richiede un contesto sicuro."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Media"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Utilizzo medio della CPU dei container"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "La media supera <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Utilizzo medio della CPU a livello di sistema"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Backup"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Larghezza di banda"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel supporta OpenID Connect e molti provider di autenticazione OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel utilizza <0>Shoutrrr</0> per integrarsi con i servizi di notifica popolari."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binario"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Buffer"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Annulla"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Attenzione - possibile perdita di dati"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Modifica le opzioni generali dell'applicazione."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Opzioni del grafico"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Controlla {email} per un link di reset."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Controlla i log per maggiori dettagli."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Controlla il tuo servizio di notifica"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Clicca per copiare"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Colonne"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Istruzioni da riga di comando"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configura come ricevere le notifiche di avviso."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Conferma password"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Continua"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Copiato negli appunti"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Copia"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Copia host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Copia comando Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Copia testo"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Utilizzo CPU"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Crea account"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Scuro"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Cruscotto"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Periodo di tempo predefinito"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Elimina"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disco"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "I/O Disco"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Utilizzo Disco"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Utilizzo del disco di {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Utilizzo CPU Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Utilizzo Memoria Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "I/O di Rete Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentazione"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "email"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Email"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Notifiche email"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Inserisci l'indirizzo email per reimpostare la password"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Inserisci l'indirizzo email..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Errore"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Supera {0}{1} negli ultimi {2, plural, one {# minuto} other {# minuti}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "I sistemi esistenti non definiti in <0>config.yml</0> verranno eliminati. Si prega di effettuare backup regolari."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Esporta configurazione"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Esporta la configurazione attuale dei tuoi sistemi."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Autenticazione fallita"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Salvataggio delle impostazioni fallito"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Invio della notifica di test fallito"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Aggiornamento dell'avviso fallito"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtra..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Per <0>{min}</0> {min, plural, one {minuto} other {minuti}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Password dimenticata?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Generale"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Se hai perso la password del tuo account amministratore, puoi reimpostarla utilizzando il seguente comando."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Indirizzo email non valido."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Lingua"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Chiaro"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Disconnetti"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Accedi"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Tentativo di accesso fallito"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Log"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Cerchi invece dove creare avvisi? Clicca sulle icone della campana <0/> nella tabella dei sistemi."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Gestisci le preferenze di visualizzazione e notifica."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Max 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Memoria"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Utilizzo Memoria"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Utilizzo della memoria dei container Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Nome"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Rete"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Traffico di rete dei container Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Traffico di rete delle interfacce pubbliche"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Nessun risultato trovato."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Nessun sistema trovato."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Notifiche"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Supporto OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Ad ogni riavvio, i sistemi nel database verranno aggiornati per corrispondere ai sistemi definiti nel file."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Apri menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Oppure continua con"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Sovrascrivi avvisi esistenti"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Pagina"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Pagine / Impostazioni"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Password"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "La password deve essere di almeno 10 caratteri."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Richiesta di reimpostazione password ricevuta"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pausa"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Si prega di <0>configurare un server SMTP</0> per garantire la consegna degli avvisi."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Si prega di controllare i log per maggiori dettagli."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Si prega di controllare le credenziali e riprovare"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Si prega di creare un account amministratore"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Si prega di abilitare i pop-up per questo sito"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Si prega di accedere nuovamente"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Si prega di consultare <0>la documentazione</0> per le istruzioni."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Si prega di accedere al proprio account"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Porta"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Utilizzo preciso al momento registrato"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Lingua Preferita"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Chiave Pub"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Lettura"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Ricevuto"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Reimposta Password"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Riprendi"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Salva l'indirizzo usando il tasto invio o la virgola. Lascia vuoto per disabilitare le notifiche email."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Salva Impostazioni"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Cerca"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Cerca sistemi o impostazioni..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Vedi <0>impostazioni di notifica</0> per configurare come ricevere gli avvisi."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Inviato"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Imposta l'intervallo di tempo predefinito per i grafici quando viene visualizzato un sistema."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Impostazioni"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Impostazioni salvate"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Accedi"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Impostazioni SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Stato"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Spazio di swap utilizzato dal sistema"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Utilizzo Swap"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Sistema"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Sistemi"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "I sistemi possono essere gestiti in un file <0>config.yml</0> all'interno della tua directory dati."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatura"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperature dei sensori di sistema"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Notifica di test inviata"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "L'agente deve essere in esecuzione sul sistema per connettersi. Copia il comando di installazione per l'agente qui sotto."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "L'agente deve essere in esecuzione sul sistema per connettersi. Copia il<0>docker-compose.yml</0> per l'agente qui sotto."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Quindi accedi al backend e reimposta la password del tuo account utente nella tabella degli utenti."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Questa azione non può essere annullata. Questo eliminerà permanentemente tutti i record attuali per {name} dal database."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Throughput di {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Throughput del filesystem root"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "A email(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Attiva/disattiva griglia"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Attiva/disattiva tema"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Attiva quando un sensore supera una soglia"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Attiva quando il combinato up/down supera una soglia"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Attiva quando l'utilizzo della CPU supera una soglia"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Attiva quando l'utilizzo della memoria supera una soglia"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Attiva quando lo stato passa tra up e down"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Attiva quando l'utilizzo di un disco supera una soglia"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Aggiornato in tempo reale. Clicca su un sistema per visualizzare le informazioni."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Tempo di attività"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Utilizzo"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Utilizzo della partizione root"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Utilizzato"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "nome utente"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Nome utente"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Utenti"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "In attesa di abbastanza record da visualizzare"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Vuoi aiutarci a migliorare ulteriormente le nostre traduzioni? Dai un'occhiata a <0>Crowdin</0> per maggiori dettagli."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Notifiche Webhook / Push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Scrittura"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "Configurazione YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "Configurazione YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Le impostazioni utente sono state aggiornate."

beszel/site/src/locales/ja/ja.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: ja\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Japanese\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: ja\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# 日} other {# 日}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# 時間} other {# 時間}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1時間"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1週間"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12時間"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24時間"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30日間"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "アクション"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "アクティブなアラート"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "<0>システム</0>を追加"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "新しいシステムを追加"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "システムを追加"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "URLを追加"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "チャートの表示オプションを調整します。"
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "管理者"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "代理"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "アラート"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "すべてのシステム"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "{name}を削除してもよろしいですか？"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "認証プロバイダー"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "自動コピーには安全なコンテキストが必要です。"
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "平均"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "コンテナの平均CPU使用率"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "平均が<0>{value}{0}</0>を超えています"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "システム全体の平均CPU使用率"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "バックアップ"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "帯域幅"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "BeszelはOpenID Connectと多くのOAuth2認証プロバイダーをサポートしています。"
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszelは<0>Shoutrrr</0>を使用して、人気のある通知サービスと統合します。"
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "バイナリ"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "キャッシュ / バッファ"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "キャンセル"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "注意 - データ損失の可能性"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "一般的なアプリケーションオプションを変更します。"
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "チャートオプション"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "{email}を確認してリセットリンクを探してください。"
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "詳細についてはログを確認してください。"
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "通知サービスを確認してください"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "クリックしてコピー"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "列"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "コマンドラインの指示"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "アラート通知の受信方法を設定します。"
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "パスワードを確認"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "続行"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "クリップボードにコピーされました"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "コピー"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "ホストをコピー"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Linuxコマンドをコピー"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "テキストをコピー"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "CPU使用率"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "アカウントを作成"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "ダーク"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "ダッシュボード"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "デフォルトの期間"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "削除"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "ディスク"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "ディスクI/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "ディスク使用率"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "{extraFsName}のディスク使用率"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Docker CPU使用率"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Dockerメモリ使用率"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "DockerネットワークI/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "ドキュメント"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "メール"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "メール"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "メール通知"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "パスワードをリセットするためにメールアドレスを入力してください"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "メールアドレスを入力..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "エラー"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "過去{2, plural, one {# 分} other {# 分}}で{0}{1}を超えています"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "<0>config.yml</0>に定義されていない既存のシステムは削除されます。定期的にバックアップを作成してください。"
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "設定をエクスポート"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "現在のシステム設定をエクスポートします。"
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "認証に失敗しました"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "設定の保存に失敗しました"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "テスト通知の送信に失敗しました"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "アラートの更新に失敗しました"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "フィルター..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "<0>{min}</0> {min, plural, one {分} other {分}}の間"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "パスワードをお忘れですか？"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "一般"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "ホスト / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "管理者アカウントのパスワードを忘れた場合は、次のコマンドを使用してリセットできます。"
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "無効なメールアドレスです。"
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "カーネル"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "言語"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "ライト"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "ログアウト"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "ログイン"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "ログイン試行に失敗しました"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "ログ"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "アラートを作成する場所を探していますか？システムテーブルのベル<0/>アイコンをクリックしてください。"
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "表示と通知の設定を管理します。"
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "最大1分"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "メモリ"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "メモリ使用率"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Dockerコンテナのメモリ使用率"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "名前"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "帯域"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Dockerコンテナのネットワークトラフィック"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "パブリックインターフェースのネットワークトラフィック"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "結果が見つかりませんでした。"
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "システムが見つかりませんでした。"
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "通知"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDCサポート"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "再起動のたびに、データベース内のシステムはファイルに定義されたシステムに一致するように更新されます。"
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "メニューを開く"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "または続行"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "既存のアラートを上書き"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "ページ"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "ページ / 設定"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "パスワード"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "パスワードは10文字以上でなければなりません。"
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "パスワードリセットのリクエストを受け取りました"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "一時停止"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "アラートが配信されるように<0>SMTPサーバーを設定</0>してください。"
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "詳細についてはログを確認してください。"
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "資格情報を確認して再試行してください"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "管理者アカウントを作成してください"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "このサイトのポップアップを有効にしてください"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "再度ログインしてください"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "手順については<0>ドキュメント</0>を参照してください。"
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "アカウントにサインインしてください"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "ポート"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "記録された時点での正確な利用"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "優先言語"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "公開鍵"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "読み取り"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "受信"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "パスワードをリセット"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "再開"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Enterキーまたはカンマを使用してアドレスを保存します。空白のままにするとメール通知が無効になります。"
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "設定を保存"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "検索"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "システムまたは設定を検索..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "アラートの受信方法を設定するには<0>通知設定</0>を参照してください。"
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "送信"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "システムを表示する際のチャートのデフォルトの時間範囲を設定します。"
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "設定"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "設定が保存されました"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "サインイン"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP設定"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "ステータス"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "システムが使用するスワップ領域"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "スワップ使用量"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "システム"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "システム"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "システムはデータディレクトリ内の<0>config.yml</0>ファイルで管理できます。"
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "温度"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "システムセンサーの温度"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "テスト<0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "テスト通知が送信されました"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "接続するにはエージェントがシステム上で実行されている必要があります。以下のエージェントのインストールコマンドをコピーしてください。"
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "接続するにはエージェントがシステム上で実行されている必要があります。以下のエージェント用<0>docker-compose.yml</0>をコピーしてください。"
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "その後、バックエンドにログインして、ユーザーテーブルでユーザーアカウントのパスワードをリセットしてください。"
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "この操作は元に戻せません。これにより、データベースから{name}のすべての現在のレコードが永久に削除されます。"
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "{extraFsName}のスループット"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "ルートファイルシステムのスループット"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "メール宛"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "グリッドを切り替え"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "テーマを切り替え"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "センサーがしきい値を超えたときにトリガーされます"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "上り/下りの合計がしきい値を超えたときにトリガーされます"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "CPU使用率がしきい値を超えたときにトリガーされます"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "メモリ使用率がしきい値を超えたときにトリガーされます"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "ステータスが上から下に切り替わるときにトリガーされます"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "ディスクの使用量がしきい値を超えたときにトリガーされます"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "リアルタイムで更新されます。システムをクリックして情報を表示します。"
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "稼働時間"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "使用量"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "ルートパーティションの使用量"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "使用済み"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "ユーザー名"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "ユーザー名"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "ユーザー"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "表示するのに十分なレコードを待っています"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "翻訳をさらに良くするためにご協力いただけますか？詳細については<0>Crowdin</0>をご覧ください。"
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / プッシュ通知"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "書き込み"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML設定"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML設定"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "ユーザー設定が更新されました。"

beszel/site/src/locales/ko/ko.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: ko\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Korean\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: ko\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# 일} other {# 일}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# 시간} other {# 시간}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1시간"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1주"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12시간"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24시간"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30일"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "작업"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "활성 경고"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "<0>시스템</0> 추가"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "새 시스템 추가"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "시스템 추가"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "URL 추가"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "차트의 표시 옵션 조정."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "관리자"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "에이젠"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "경고"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "모든 시스템"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "{name}을(를) 삭제하시겠습니까?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "인증 제공자"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "자동 복사는 안전한 컨텍스트가 필요합니다."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "평균"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "컨테이너의 평균 CPU 사용량"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "평균이 <0>{value}{0}</0>을 초과합니다"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "시스템 전체의 평균 CPU 사용량"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "백업"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "대역폭"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel은 OpenID Connect 및 많은 OAuth2 인증 제공자를 지원합니다."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel은 <0>Shoutrrr</0>을 사용하여 인기 있는 알림 서비스와 통합합니다."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "이진"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "캐시 / 버퍼"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "취소"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "주의 - 데이터 손실 가능성"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "일반 애플리케이션 옵션 변경."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "차트 옵션"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "{email}에서 재설정 링크를 확인하세요."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "자세한 내용은 로그를 확인하세요."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "알림 서비스를 확인하세요."
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "클릭하여 복사"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "열"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "명령줄 지침"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "경고 알림을 받는 방법을 구성하세요."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "비밀번호 확인"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "계속"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "클립보드에 복사됨"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "복사"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "호스트 복사"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "리눅스 명령 복사"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "텍스트 복사"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "CPU 사용량"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "계정 생성"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "어두운"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "대시보드"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "기본 시간 기간"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "삭제"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "디스크"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "디스크 I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "디스크 사용량"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "{extraFsName}의 디스크 사용량"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "도커 CPU 사용량"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "도커 메모리 사용량"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "도커 네트워크 I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "문서"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "이메일"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "이메일"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "이메일 알림"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "비밀번호를 재설정하려면 이메일 주소를 입력하세요"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "이메일 주소 입력..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "오류"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "마지막 {2, plural, one {# 분} other {# 분}} 동안 {0}{1} 초과"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "<0>config.yml</0>에 정의되지 않은 기존 시스템은 삭제됩니다. 정기적으로 백업을 하세요."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "구성 내보내기"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "현재 시스템 구성을 내보내기."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "인증 실패"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "설정 저장 실패"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "테스트 알림 전송 실패"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "경고 업데이트 실패"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "필터..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "<0>{min}</0> {min, plural, one {분} other {분}} 동안"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "비밀번호를 잊으셨나요?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "일반"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "호스트 / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "관리자 계정의 비밀번호를 잃어버린 경우, 다음 명령을 사용하여 재설정할 수 있습니다."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "잘못된 이메일 주소입니다."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "커널"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "언어"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "밝은"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "로그아웃"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "로그인"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "로그인 시도 실패"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "로그"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "경고를 생성할 위치를 찾고 계신가요? 시스템 테이블의 종 <0/> 아이콘을 클릭하세요."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "디스플레이 및 알림 환경설정을 관리하세요."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "최대 1분"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "메모리"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "메모리 사용량"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "도커 컨테이너의 메모리 사용량"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "이름"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "네트"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "도커 컨테이너의 네트워크 트래픽"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "공용 인터페이스의 네트워크 트래픽"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "결과가 없습니다."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "시스템을 찾을 수 없습니다."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "알림"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDC 지원"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "각 재시작 시, 데이터베이스의 시스템이 파일에 정의된 시스템과 일치하도록 업데이트됩니다."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "메뉴 열기"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "또는 계속하기"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "기존 경고 덮어쓰기"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "페이지"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "페이지 / 설정"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "비밀번호"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "비밀번호는 최소 10자 이상이어야 합니다."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "비밀번호 재설정 요청이 접수되었습니다"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "일시 중지"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "경고가 전달되도록 <0>SMTP 서버를 구성</0>하세요."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "자세한 내용은 로그를 확인하세요."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "자격 증명을 확인하고 다시 시도하세요."
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "관리자 계정을 생성하세요."
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "이 사이트에 대한 팝업을 활성화하세요."
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "다시 로그인하세요."
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "지침은 <0>문서</0>를 참조하세요."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "계정에 로그인하세요."
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "포트"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "기록된 시간의 정확한 사용량"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "선호 언어"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "공개 키"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "읽기"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "수신됨"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "비밀번호 재설정"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "재개"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Enter 키 또는 쉼표를 사용하여 주소를 저장하세요. 이메일 알림을 비활성화하려면 비워 두세요."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "설정 저장"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "검색"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "시스템 또는 설정 검색..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "경고를 받는 방법을 구성하려면 <0>알림 설정</0>을 참조하세요."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "보냄"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "시스템을 볼 때 차트의 기본 시간 범위를 설정합니다."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "설정"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "설정이 저장되었습니다."
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "로그인"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP 설정"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "상태"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "시스템에서 사용된 스왑 공간"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "스왑 사용량"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "시스템"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "시스템"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "시스템은 데이터 디렉토리 내의 <0>config.yml</0> 파일에서 관리할 수 있습니다."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "온도"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "시스템 센서의 온도"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "테스트 <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "테스트 알림이 전송되었습니다."
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "에이전트가 시스템에서 실행 중이어야 연결할 수 있습니다. 아래의 에이전트 설치 명령을 복사하세요."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "에이전트가 시스템에서 실행 중이어야 연결할 수 있습니다. 아래의 <0>docker-compose.yml</0>을 복사하세요."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "그런 다음 백엔드에 로그인하여 사용자 테이블에서 사용자 계정 비밀번호를 재설정하세요."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "이 작업은 되돌릴 수 없습니다. 데이터베이스에서 {name}에 대한 모든 현재 기록이 영구적으로 삭제됩니다."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "{extraFsName}의 처리량"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "루트 파일 시스템의 처리량"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "이메일로"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "그리드 전환"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "테마 전환"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "센서가 임계값을 초과할 때 트리거됩니다."
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "상승/하강이 결합되어 임계값을 초과할 때 트리거됩니다."
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "CPU 사용량이 임계값을 초과할 때 트리거됩니다."
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "메모리 사용량이 임계값을 초과할 때 트리거됩니다."
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "상태가 상승과 하강 사이에서 전환될 때 트리거됩니다."
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "디스크 사용량이 임계값을 초과할 때 트리거됩니다."
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "실시간으로 업데이트됩니다. 시스템을 클릭하여 정보를 확인하세요."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "가동 시간"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "사용량"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "루트 파티션의 사용량"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "사용됨"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "사용자 이름"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "사용자 이름"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "사용자"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "표시할 충분한 기록을 기다리는 중"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "번역을 더 좋게 만드는 데 도움을 주시겠습니까? 자세한 내용은 <0>Crowdin</0>을 확인하세요."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / 푸시 알림"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "쓰기"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML 구성"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML 구성"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "사용자 설정이 업데이트되었습니다."

beszel/site/src/locales/nl/nl.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: nl\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-08 17:29\n"
+"Last-Translator: \n"
+"Language-Team: Dutch\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: nl\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# dag} other {# dagen}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# uur} other {# uren}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 uur"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 week"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 uren"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 uren"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 dagen"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Acties"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Actieve waarschuwingen"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Voeg <0>Systeem</0> toe"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Nieuw systeem toevoegen"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Voeg systeem toe"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Voeg URL toe"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Weergaveopties voor grafieken aanpassen."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Waarschuwingen"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Alle systemen"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Weet je zeker dat je {name} wilt verwijderen?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Authenticatie aanbieders"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Automatisch kopiëren vereist een veilige context."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Gemiddelde"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Gemiddeld CPU-gebruik van containers"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Gemiddelde overschrijdt <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Gemiddeld systeembrede CPU-gebruik"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Back-ups"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Bandbreedte"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel ondersteunt OpenID Connect en vele OAuth2 authenticatieaanbieders."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel gebruikt <0>Shoutrr</0> om te integreren met populaire meldingsdiensten."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binair"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Buffers"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Annuleren"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Opgelet - potentieel gegevensverlies"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Wijzig algemene applicatie opties."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Grafiekopties"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Controleer {email} op een reset link."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Controleer de logs voor meer details."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Controleer je meldingsservice"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Klik om te kopiëren"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Kolommen"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Instructies voor de opdrachtregel"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configureer hoe je waarschuwingsmeldingen ontvangt."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Bevestig wachtwoord"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Volgende"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Gekopieerd naar het klembord"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Kopieer"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Kopieer host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Kopieer Linux-opdracht"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Kopieer tekst"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Processorgebruik"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Account aanmaken"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Donker"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Dashboard"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Standaard tijdsduur"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Verwijderen"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Schijf"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Schijf I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Schijfgebruik"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Schijfgebruik van {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Docker CPU-gebruik"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Docker geheugengebruik"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Docker netwerk I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentatie"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "e-mail"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "E-mail"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "E-mailnotificaties"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Voer een e-mailadres in om het wachtwoord opnieuw in te stellen"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Voer een e-mailadres in..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Fout"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Overschrijdt {0}{1} in de laatste {2, plural, one {# minuut} other {# minuten}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Bestaande systemen die niet gedefinieerd zijn in <0>config.yml</0> zullen worden verwijderd. Maak regelmatige backups."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Configuratie exporteren"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Exporteer je huidige systeemconfiguratie."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Authenticatie mislukt"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Instellingen opslaan mislukt"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Versturen test notificatie mislukt"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Bijwerken waarschuwing mislukt"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filter..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Voor <0>{min}</0> {min, plural, one {minuut} other {minuten}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Wachtwoord vergeten?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Algemeen"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP-adres"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Als je het wachtwoord voor je beheerdersaccount bent kwijtgeraakt, kan je het opnieuw instellen met behulp van de volgende opdracht."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Ongeldig e-mailadres."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Taal"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Licht"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Afmelden"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Aanmelden"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Aanmelding mislukt"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Logs"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Zoek je waar je meldingen kunt aanmaken? Klik op de bel <0/> in de systeemtabel."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Weergave- en notificatievoorkeuren beheren."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Max 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Geheugen"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Geheugengebruik"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Geheugengebruik van docker containers"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Naam"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Net"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Netwerkverkeer van docker containers"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Netwerkverkeer van publieke interfaces"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Geen resultaten gevonden."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Geen systemen gevonden."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Meldingen"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDC ondersteuning"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Bij elke herstart zullen systemen in de database worden bijgewerkt om overeen te komen met de systemen die in het bestand zijn gedefinieerd."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Open menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Of ga verder met"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Overschrijf bestaande waarschuwingen"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Pagina"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Pagina's / Instellingen"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Wachtwoord"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Het wachtwoord moet tenminste 10 tekens lang zijn."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Wachtwoord reset aanvraag ontvangen"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pauze"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "<0>Configureer een SMTP-server </0> om ervoor te zorgen dat waarschuwingen worden afgeleverd."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Controleer de logs voor meer details."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Controleer je aanmeldgegevens en probeer het opnieuw"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Maak een beheerdersaccount aan"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Activeer pop-ups voor deze website"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Meld je opnieuw aan"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Bekijk <0>de documentatie</0> voor instructies."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Meld je aan bij je account"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Poort"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Nauwkeurig gebruik op de opgenomen tijd"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Voorkeurstaal"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Publieke sleutel"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Lezen"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Ontvangen"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Wachtwoord resetten"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Hervatten"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Bewaar het adres met de enter-toets of komma. Laat leeg om e-mailmeldingen uit te schakelen."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Instellingen opslaan"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Zoeken"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Zoek naar systemen of instellingen..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Zie <0>notificatie-instellingen</0> om te configureren hoe je meldingen ontvangt."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Verzonden"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Stelt het standaard tijdsbereik voor grafieken in wanneer een systeem wordt bekeken."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Instellingen"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Instellingen opgeslagen"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Aanmelden"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP-instellingen"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Swap ruimte gebruikt door het systeem"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Swap gebruik"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Systeem"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Systemen"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Systemen kunnen worden beheerd in een <0>config.yml</0> bestand in je data map."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatuur"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperatuur van systeem sensoren"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Testmelding verzonden"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "De agent moet op het systeem draaien om te verbinden. Kopieer het installatiecommando voor de agent hieronder."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "De agent moet op het systeem draaien om te verbinden. Kopieer de<0>docker-compose.yml</0> voor de agent hieronder."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Log vervolgens in op de backend en reset het wachtwoord van je gebruikersaccount in het gebruikersoverzicht."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Deze actie kan niet ongedaan worden gemaakt. Dit zal alle huidige records voor {name} permanent verwijderen uit de database."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Doorvoer van {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Doorvoer van het root bestandssysteem"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "Naar e-mail(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Schakel raster"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Schakel thema"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Triggert wanneer een sensor een drempelwaarde overschrijdt"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Triggert wanneer de gecombineerde up/down een drempelwaarde overschrijdt"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Triggert wanneer het CPU-gebruik een drempelwaarde overschrijdt"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Triggert wanneer het geheugengebruik een drempelwaarde overschrijdt"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Triggert wanneer de status schakelt tussen up en down"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Triggert wanneer het gebruik van een schijf een drempelwaarde overschrijdt"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "In realtime bijgewerkt. Klik op een systeem om informatie te bekijken."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Actief"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Gebruik"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Gebruik van root-partitie"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Gebruikt"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "gebruikersnaam"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Gebruikersnaam"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Gebruikers"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Wachtend op genoeg records om weer te geven"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Wil je ons helpen onze vertalingen nog beter te maken? Bekijk <0>Crowdin</0> voor meer informatie."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Pushmeldingen"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Schrijven"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML Configuratie"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML Configuratie"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Je gebruikersinstellingen zijn bijgewerkt."

beszel/site/src/locales/pl/pl.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: pl\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-05 14:26\n"
+"Last-Translator: \n"
+"Language-Team: Polish\n"
+"Plural-Forms: nplurals=4; plural=(n==1 ? 0 : (n%10>=2 && n%10<=4) && (n%100<12 || n%100>14) ? 1 : n!=1 && (n%10>=0 && n%10<=1) || (n%10>=5 && n%10<=9) || (n%100>=12 && n%100<=14) ? 2 : 3);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: pl\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# dzień} few {# dni} many {# dni} other {# dni}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {godzinę} few {# godziny} many {# godzin} other {# godziny}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 godzina"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 tydzień"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 godzin"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 godziny"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 dni"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Akcje"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Aktywne alerty"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Dodaj <0>system</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Dodaj nowy system"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Dodaj system"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Dodaj URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Dostosuj opcje wyświetlania wykresów."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agent"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Alerty"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Wszystkie systemy"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Czy na pewno chcesz usunąć {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Dostawcy Autoryzacji"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Automatyczne kopiowanie wymaga bezpiecznego kontekstu."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Średnia"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Średnie wykorzystanie procesora przez kontenery"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Średnia przekracza <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Średnie wykorzystanie procesora w całym systemie"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Kopie"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Przepustowość"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel obsługuje OpenID Connect i wielu dostawców uwierzytelniania OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel używa <0>Shoutrrr</0> do integracji z popularnych serwisami powiadomień."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Plik binarny"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Pamięć podręczna / Bufory"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Anuluj"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Uwaga- potencjalna utrata danych."
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Zmiana ogólnych ustawień aplikacji."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Opcje wykresu"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Sprawdź {email}, aby uzyskać link do resetowania."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Sprawdź logi, aby uzyskać więcej informacji."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Sprawdź swój serwis powiadomień"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Kliknij, aby skopiować"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Kolumny"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Instrukcje wiersza poleceń"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Skonfiguruj sposób otrzymywania powiadomień."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Potwierdź hasło"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Kontynuuj"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Skopiowano do schowka"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Kopiuj"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Kopiuj host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Kopiuj polecenie Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Kopiuj tekst"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "Procesor"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Użycie procesora"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Utwórz konto"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Ciemny"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Panel kontrolny"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Domyślny przedział czasu"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Usuń"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Dysk"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Dysk I/O"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Użycie dysku"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Wykorzystanie dysku {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Wykorzystanie procesora przez Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Wykorzystanie pamięci przez Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Sieć Docker I/O"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Dokumentacja"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "e-mail"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "E-mail"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Powiadomienia e-mail"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Wprowadź adres e-mail, aby zresetować hasło"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Wprowadź adres e-mail..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Błąd"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Przekracza {0}{1} w ciągu ostatnich {2, plural, one {# minuty} other {# minut}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Istniejące systemy, które nie są zdefiniowane w <0>config.yml</0>, zostaną usunięte. Proszę regularnie tworzyć kopie zapasowe."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Eksportuj konfigurację"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Eksportuj aktualną konfigurację systemów."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Błąd autoryzacji"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Nie udało się zapisać ustawień"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Nie udało się wysłać testowego powiadomienia"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Nie udało się zaktualizować powiadomienia"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtruj..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Na <0>{min}</0> {min, plural, one {minutę} other {minut}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Zapomniałeś hasła?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Ogólne"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / adres IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Jeśli utraciłeś hasło do swojego konta administratora, możesz je zresetować, używając następującego polecenia."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Nieprawidłowy adres e-mail."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Jądro"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Język"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Jasny"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Wyloguj"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Logowanie"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Próba logowania nie powiodła się"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Logi"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Szukasz, gdzie utworzyć powiadomienia? Kliknij ikonę dzwonka <0/> w tabeli systemów."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Zarządzaj preferencjami wyświetlania i powiadomień."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Maks. 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Pamięć"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Wykorzystanie pamięci"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Użycie pamięci przez kontenery Docker."
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Nazwa"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Sieć"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Ruch sieciowy kontenerów Docker."
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Ruch sieciowy interfejsów publicznych"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Brak wyników."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Nie znaleziono systemów."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Powiadomienia"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Wsparcie OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Przy każdym ponownym uruchomieniu systemy w bazie danych będą aktualizowane, aby odpowiadały systemom zdefiniowanym w pliku."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Otwórz menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Lub kontynuuj z"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Nadpisz istniejące alerty"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Strona"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Strony / Ustawienia"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Hasło"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Hasło musi mieć co najmniej 10 znaków."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Otrzymane żądanie resetowania hasła"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pauza"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Proszę <0>skonfigurować serwer SMTP</0>, aby zapewnić dostarczanie powiadomień."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Sprawdź logi, aby uzyskać więcej informacji."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Sprawdź swoje poświadczenia i spróbuj ponownie"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Utwórz konto administratora"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Włącz wyskakujące okna dla tej strony"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Zaloguj się ponownie"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Proszę zapoznać się z <0>dokumentacją</0>."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Zaloguj się na swoje konto"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Dokładne wykorzystanie w zarejestrowanym czasie"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Preferowany język"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Klucz publiczny"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Czytaj"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Otrzymane"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Resetuj hasło"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Wznów"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Zapisz adres, używając klawisza enter lub przecinka. Pozostaw puste, aby wyłączyć powiadomienia e-mail."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Zapisz ustawienia"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Szukaj"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Szukaj systemów lub ustawień..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Zobacz <0>ustawienia powiadomień</0>, aby skonfigurować sposób, w jaki otrzymujesz powiadomienia."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Wysłane"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Ustawia domyślny zakres czasowy dla wykresów, gdy system jest wyświetlony."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Ustawienia"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Ustawienia zapisane"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Zaloguj się"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Ustawienia SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Pamięć wymiany używana przez system"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Użycie pamięci wymiany"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "System"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Systemy"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Systemy mogą być zarządzane w pliku <0>config.yml</0> znajdującym się w Twoim katalogu danych."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatura"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperatury czujników systemowych."
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Testowe powiadomienie wysłane."
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "Agent musi być uruchomiony na systemie, aby nawiązać połączenie. Skopiuj poniżej polecenie instalacji agenta."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "Agent musi być uruchomiony na systemie, aby nawiązać połączenie. Skopiuj poniżej plik <0>docker-compose.yml</0> dla agenta."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Następnie zaloguj się do panelu administracyjnego i  zresetuj hasło do konta użytkownika w tabeli użytkowników."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Tej akcji nie można cofnąć. Spowoduje to trwałe usunięcie wszystkich bieżących rekordów dla {name} z bazy danych."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Przepustowość {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Przepustowość głównego systemu plików"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "Do e-mail(ów)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Przełącz siatkę"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Zmień motyw"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Wyzwalane, gdy jakikolwiek czujnik przekroczy ustalony próg."
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Wyzwalane, gdy łączna wartość w górę/w dół przekroczy próg"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Wyzwalane, gdy użycie procesora przekracza próg"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Wyzwalane, wykorzystanie pamięci przekroczy ustalony próg."
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Wyzwalane, gdy status przełącza się między stanem aktywnym a nieaktywnym"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Wyzwalane, gdy wykorzystanie któregokolwiek dysku przekroczy ustalony próg"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Aktualizowane w czasie rzeczywistym. Kliknij system, aby zobaczyć informacje."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Czas pracy"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Wykorzystanie"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Użycie partycji głównej"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Używane"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "nazwa użytkownika"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Nazwa użytkownika"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Użytkownicy"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Oczekiwanie na wystarczającą liczbę rekordów do wyświetlenia"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Chcesz pomóc nam uczynić nasze tłumaczenia jeszcze lepszymi? Sprawdź <0>Crowdin</0> po więcej szczegółów."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Powiadomienia push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Napisz"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "Konf. YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "Konfiguracja YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Twoje ustawienia użytkownika zostały zaktualizowane."

beszel/site/src/locales/pt/pt.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: pt\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Portuguese\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: pt-PT\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# dia} other {# dias}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# hora} other {# horas}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 hora"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 semana"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 horas"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 horas"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 dias"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Ações"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Alertas Ativos"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Adicionar <0>Sistema</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Adicionar Novo Sistema"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Adicionar sistema"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Adicionar URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Ajustar opções de exibição para gráficos."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Admin"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Agente"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Alertas"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Todos os Sistemas"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Tem certeza de que deseja excluir {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Provedores de Autenticação"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "A cópia automática requer um contexto seguro."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Média"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Utilização média de CPU dos contêineres"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "A média excede <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Utilização média de CPU em todo o sistema"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Backups"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Largura de Banda"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel suporta OpenID Connect e muitos provedores de autenticação OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel usa <0>Shoutrrr</0> para integrar com serviços de notificação populares."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Binário"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Cache / Buffers"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Cancelar"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Cuidado - possível perda de dados"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Alterar opções gerais do aplicativo."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Opções de gráfico"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Verifique {email} para um link de redefinição."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Verifique os logs para mais detalhes."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Verifique seu serviço de notificação"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Clique para copiar"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Colunas"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Instruções de linha de comando"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Configure como você recebe notificações de alerta."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Confirmar senha"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Continuar"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Copiado para a área de transferência"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Copiar"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Copiar host"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Copiar comando Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Copiar texto"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Uso de CPU"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Criar conta"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Escuro"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Painel"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Período de tempo padrão"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Excluir"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disco"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "E/S de Disco"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Uso de Disco"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Uso de disco de {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Uso de CPU do Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Uso de Memória do Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "E/S de Rede do Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Documentação"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "email"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Email"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Notificações por email"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Digite o endereço de email para redefinir a senha"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Digite o endereço de email..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Erro"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Excede {0}{1} no último {2, plural, one {# minuto} other {# minutos}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Sistemas existentes não definidos em <0>config.yml</0> serão excluídos. Faça backups regulares."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Exportar configuração"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Exporte a configuração atual dos seus sistemas."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Falha na autenticação"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Falha ao salvar configurações"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Falha ao enviar notificação de teste"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Falha ao atualizar alerta"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtrar..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "Por <0>{min}</0> {min, plural, one {minuto} other {minutos}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Esqueceu a senha?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Geral"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Se você perdeu a senha da sua conta de administrador, pode redefini-la usando o seguinte comando."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Endereço de email inválido."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Kernel"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Idioma"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Claro"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Sair"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Entrar"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Tentativa de login falhou"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Logs"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Procurando onde criar alertas? Clique nos ícones de sino <0/> na tabela de sistemas."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Gerenciar preferências de exibição e notificação."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Máx 1 min"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Memória"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Uso de Memória"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Uso de memória dos contêineres Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Nome"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Rede"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Tráfego de rede dos contêineres Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Tráfego de rede das interfaces públicas"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Nenhum resultado encontrado."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Nenhum sistema encontrado."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Notificações"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Suporte a OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "A cada reinício, os sistemas no banco de dados serão atualizados para corresponder aos sistemas definidos no arquivo."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Abrir menu"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Ou continue com"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Sobrescrever alertas existentes"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Página"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Páginas / Configurações"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Senha"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "A senha deve ter pelo menos 10 caracteres."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Solicitação de redefinição de senha recebida"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Pausar"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Por favor, <0>configure um servidor SMTP</0> para garantir que os alertas sejam entregues."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Por favor, verifique os logs para mais detalhes."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Por favor, verifique suas credenciais e tente novamente"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Por favor, crie uma conta de administrador"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Por favor, habilite pop-ups para este site"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Por favor, faça login novamente"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Por favor, veja <0>a documentação</0> para instruções."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Por favor, entre na sua conta"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Porta"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Utilização precisa no momento registrado"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Idioma Preferido"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Chave Pública"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Ler"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Recebido"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Redefinir Senha"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Retomar"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Salve o endereço usando a tecla enter ou vírgula. Deixe em branco para desativar notificações por email."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Salvar Configurações"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Pesquisar"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Pesquisar por sistemas ou configurações..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Veja <0>configurações de notificação</0> para configurar como você recebe alertas."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Enviado"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Define o intervalo de tempo padrão para gráficos quando um sistema é visualizado."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Configurações"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Configurações salvas"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Entrar"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Configurações SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Status"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Espaço de swap usado pelo sistema"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Uso de Swap"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Sistema"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Sistemas"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Os sistemas podem ser gerenciados em um arquivo <0>config.yml</0> dentro do seu diretório de dados."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Temperatura"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Temperaturas dos sensores do sistema"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Testar <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Notificação de teste enviada"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "O agente deve estar em execução no sistema para conectar. Copie o comando de instalação para o agente abaixo."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "O agente deve estar em execução no sistema para conectar. Copie o <0>docker-compose.yml</0> para o agente abaixo."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Em seguida, faça login no backend e redefina a senha da sua conta de usuário na tabela de usuários."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Esta ação não pode ser desfeita. Isso excluirá permanentemente todos os registros atuais de {name} do banco de dados."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Taxa de transferência de {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Taxa de transferência do sistema de arquivos raiz"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "Para email(s)"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Alternar grade"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Alternar tema"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Dispara quando qualquer sensor excede um limite"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Dispara quando a soma de subida/descida excede um limite"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Dispara quando o uso de CPU excede um limite"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Dispara quando o uso de memória excede um limite"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Dispara quando o status alterna entre ativo e inativo"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Dispara quando o uso de qualquer disco excede um limite"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Atualizado em tempo real. Clique em um sistema para ver informações."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Tempo de Atividade"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Uso"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Uso da partição raiz"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Usado"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "nome de usuário"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Nome de usuário"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Usuários"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Aguardando registros suficientes para exibir"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Quer nos ajudar a melhorar ainda mais nossas traduções? Confira <0>Crowdin</0> para mais detalhes."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Notificações Webhook / Push"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Escrever"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "Configuração YAML"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "Configuração YAML"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "As configurações do seu usuário foram atualizadas."

beszel/site/src/locales/ru/ru.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: ru\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Russian\n"
+"Plural-Forms: nplurals=4; plural=((n%10==1 && n%100!=11) ? 0 : ((n%10 >= 2 && n%10 <=4 && (n%100 < 12 || n%100 > 14)) ? 1 : ((n%10 == 0 || (n%10 >= 5 && n%10 <=9)) || (n%100 >= 11 && n%100 <= 14)) ? 2 : 3));\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: ru\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# день} other {# дней}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# час} other {# часов}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 час"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 неделя"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 часов"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 часа"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 дней"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Действия"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Активные оповещения"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "Добавить <0>Систему</0>"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Добавить новую систему"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Добавить систему"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "Добавить URL"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Настроить параметры отображения для графиков."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Администратор"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Агент"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Оповещения"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Все системы"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "Вы уверены, что хотите удалить {name}?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Поставщики аутентификации"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Автоматическое копирование требует безопасного контекста."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Среднее"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Среднее использование CPU контейнерами"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Среднее превышает <0>{value}{0}</0>"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Среднее использование CPU по всей системе"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Резервные копии"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Пропускная способность"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel поддерживает OpenID Connect и многих поставщиков аутентификации OAuth2."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel использует <0>Shoutrrr</0> для интеграции с популярными сервисами уведомлений."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "Двоичный"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Кэш / Буферы"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "Отмена"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Внимание - возможная потеря данных"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Изменить общие параметры приложения."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Параметры графиков"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Проверьте {email} для получения ссылки на сброс."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Проверьте журналы для получения более подробной информации."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Проверьте ваш сервис уведомлений"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Нажмите, чтобы скопировать"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Столбцы"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Инструкции командной строки"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Настройте, как вы получаете уведомления об оповещениях."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Подтвердите пароль"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Продолжить"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Скопировано в буфер обмена"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Копировать"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Копировать хост"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Копировать команду Linux"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Копировать текст"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "Использование CPU"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Создать аккаунт"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Темная"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Панель управления"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Период по умолчанию"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Удалить"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Диск"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Дисковый ввод/вывод"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Использование диска"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "Использование диска {extraFsName}"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Использование CPU Docker"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Использование памяти Docker"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Сетевой ввод/вывод Docker"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Документация"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "электронная почта"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "Электронная почта"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "Уведомления по электронной почте"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Введите адрес электронной почты для сброса пароля"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "Введите адрес электронной почты..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Ошибка"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Превышает {0}{1} за последние {2, plural, one {# минуту} other {# минут}}"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "Существующие системы, не определенные в <0>config.yml</0>, будут удалены. Пожалуйста, делайте регулярные резервные копии."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Экспорт конфигурации"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Экспортируйте текущую конфигурацию систем."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Не удалось аутентифицировать"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Не удалось сохранить настройки"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Не удалось отправить тестовое уведомление"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Не удалось обновить оповещение"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Фильтр..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "На <0>{min}</0> {min, plural, one {минуту} other {минут}}"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Забыли пароль?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Общие"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Хост / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Если вы потеряли пароль от своей учетной записи администратора, вы можете сбросить его, используя следующую команду."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Неверный адрес электронной почты."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Ядро"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Язык"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Светлая"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Выйти"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Вход"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Попытка входа не удалась"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Журналы"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Ищете, где создать оповещения? Нажмите на значки колокольчика <0/> в таблице систем."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Управляйте предпочтениями отображения и уведомлений."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Макс 1 мин"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Память"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Использование памяти"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Использование памяти контейнерами Docker"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Имя"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Сеть"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Сетевой трафик контейнеров Docker"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Сетевой трафик публичных интерфейсов"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Результаты не найдены."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Системы не найдены."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Уведомления"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "Поддержка OAuth 2 / OIDC"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "При каждом перезапуске системы в базе данных будут обновлены в соответствии с системами, определенными в файле."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Открыть меню"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Или продолжить с"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Перезаписать существующие оповещения"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Страница"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Страницы / Настройки"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Пароль"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Пароль должен содержать не менее 10 символов."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Запрос на сброс пароля получен"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Пауза"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Пожалуйста, <0>настройте SMTP-сервер</0>, чтобы гарантировать доставку оповещений."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Пожалуйста, проверьте журналы для получения более подробной информации."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Пожалуйста, проверьте свои учетные данные и попробуйте снова"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Пожалуйста, создайте учетную запись администратора"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Пожалуйста, включите всплывающие окна для этого сайта"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Пожалуйста, войдите снова"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Пожалуйста, смотрите <0>документацию</0> для получения инструкций."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Пожалуйста, войдите в свою учетную запись"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Порт"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Точное использование в записанное время"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Предпочтительный язык"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Ключ"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Чтение"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Получено"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Сбросить пароль"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Возобновить"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Сохраните адрес, используя клавишу ввода или запятую. Оставьте пустым, чтобы отключить уведомления по электронной почте."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Сохранить настройки"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Поиск"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Поиск систем или настроек..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Смотрите <0>настройки уведомлений</0>, чтобы настроить, как вы получаете оповещения."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Отправлено"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Устанавливает диапазон времени по умолчанию для графиков при просмотре системы."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Настройки"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Настройки сохранены"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Войти"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "Настройки SMTP"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Статус"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Используемое системой пространство подкачки"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Использование подкачки"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Система"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Системы"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Системы могут управляться в файле <0>config.yml</0> внутри вашего каталога данных."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Температура"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Температуры датчиков системы"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Тест <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Тестовое уведомление отправлено"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "Агент должен работать на системе для подключения. Скопируйте команду установки агента ниже."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "Агент должен работать на системе для подключения. Скопируйте <0>docker-compose.yml</0> для агента ниже."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Затем войдите в бэкенд и сбросьте пароль вашей учетной записи в таблице пользователей."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Это действие не может быть отменено. Это навсегда удалит все текущие записи для {name} из базы данных."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "Пропускная способность {extraFsName}"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Пропускная способность корневой файловой системы"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "На электронную почту"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Переключить сетку"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Переключить тему"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Срабатывает, когда любой датчик превышает порог"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Срабатывает, когда комбинированный вход/выход превышает порог"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "Срабатывает, когда использование CPU превышает порог"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Срабатывает, когда использование памяти превышает порог"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Срабатывает, когда статус переключается между включено и выключено"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Срабатывает, когда использование любого диска превышает порог"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Обновляется в реальном времени. Нажмите на систему, чтобы просмотреть информацию."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Время работы"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Использование"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Использование корневого раздела"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Использовано"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "имя пользователя"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Имя пользователя"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Пользователи"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Ожидание достаточного количества записей для отображения"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Хотите помочь нам улучшить наши переводы? Посетите <0>Crowdin</0> для получения более подробной информации."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Push уведомления"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Запись"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML конфигурация"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML конфигурация"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Ваши настройки пользователя были обновлены."

beszel/site/src/locales/tr/tr.po

@@ -0,0 +1,824 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-11-01 11:30-0400\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: tr\n"
+"Project-Id-Version: beszel\n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2024-11-04 20:46\n"
+"Last-Translator: \n"
+"Language-Team: Turkish\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Crowdin-Project: beszel\n"
+"X-Crowdin-Project-ID: 733311\n"
+"X-Crowdin-Language: tr\n"
+"X-Crowdin-File: /main/beszel/site/src/locales/en/en.po\n"
+"X-Crowdin-File-ID: 16\n"
+
+#: src/components/routes/system.tsx:250
+msgid "{0, plural, one {# day} other {# days}}"
+msgstr "{0, plural, one {# gün} other {# gün}}"
+
+#: src/components/routes/system.tsx:248
+msgid "{hours, plural, one {# hour} other {# hours}}"
+msgstr "{hours, plural, one {# saat} other {# saat}}"
+
+#: src/lib/utils.ts:139
+msgid "1 hour"
+msgstr "1 saat"
+
+#: src/lib/utils.ts:162
+msgid "1 week"
+msgstr "1 hafta"
+
+#: src/lib/utils.ts:147
+msgid "12 hours"
+msgstr "12 saat"
+
+#: src/lib/utils.ts:155
+msgid "24 hours"
+msgstr "24 saat"
+
+#: src/lib/utils.ts:170
+msgid "30 days"
+msgstr "30 gün"
+
+#. Table column
+#: src/components/systems-table/systems-table.tsx:207
+msgid "Actions"
+msgstr "Eylemler"
+
+#: src/components/routes/home.tsx:62
+msgid "Active Alerts"
+msgstr "Aktif Uyarılar"
+
+#: src/components/add-system.tsx:74
+msgid "Add <0>System</0>"
+msgstr "<0>Sistem</0> Ekle"
+
+#: src/components/add-system.tsx:83
+msgid "Add New System"
+msgstr "Yeni Sistem Ekle"
+
+#: src/components/add-system.tsx:161
+#: src/components/add-system.tsx:172
+msgid "Add system"
+msgstr "Sistem ekle"
+
+#: src/components/routes/settings/notifications.tsx:156
+msgid "Add URL"
+msgstr "URL Ekle"
+
+#: src/components/routes/settings/general.tsx:81
+msgid "Adjust display options for charts."
+msgstr "Grafikler için görüntüleme seçeneklerini ayarlayın."
+
+#: src/components/command-palette.tsx:133
+#: src/components/command-palette.tsx:146
+#: src/components/command-palette.tsx:160
+#: src/components/command-palette.tsx:174
+#: src/components/command-palette.tsx:189
+#: src/components/command-palette.tsx:204
+msgid "Admin"
+msgstr "Yönetici"
+
+#: src/components/systems-table/systems-table.tsx:186
+msgid "Agent"
+msgstr "Aracı"
+
+#: src/components/alerts/alert-button.tsx:32
+#: src/components/alerts/alert-button.tsx:68
+msgid "Alerts"
+msgstr "Uyarılar"
+
+#: src/components/alerts/alert-button.tsx:88
+#: src/components/systems-table/systems-table.tsx:317
+msgid "All Systems"
+msgstr "Tüm Sistemler"
+
+#: src/components/systems-table/systems-table.tsx:261
+msgid "Are you sure you want to delete {name}?"
+msgstr "{name} silmek istediğinizden emin misiniz?"
+
+#: src/components/command-palette.tsx:186
+#: src/components/navbar.tsx:102
+msgid "Auth Providers"
+msgstr "Kimlik Sağlayıcılar"
+
+#: src/components/copy-to-clipboard.tsx:16
+msgid "Automatic copy requires a secure context."
+msgstr "Otomatik kopyalama güvenli bir bağlam gerektirir."
+
+#: src/components/routes/system.tsx:625
+msgid "Average"
+msgstr "Ortalama"
+
+#: src/components/routes/system.tsx:396
+msgid "Average CPU utilization of containers"
+msgstr "Konteynerlerin ortalama CPU kullanımı"
+
+#: src/components/alerts/alerts-system.tsx:204
+msgid "Average exceeds <0>{value}{0}</0>"
+msgstr "Ortalama <0>{value}{0}</0> aşıyor"
+
+#: src/components/routes/system.tsx:497
+msgid "Average power consumption of GPUs"
+msgstr ""
+
+#: src/components/routes/system.tsx:385
+msgid "Average system-wide CPU utilization"
+msgstr "Sistem genelinde ortalama CPU kullanımı"
+
+#: src/components/routes/system.tsx:515
+msgid "Average utilization of {0}"
+msgstr ""
+
+#: src/components/command-palette.tsx:171
+#: src/components/navbar.tsx:94
+msgid "Backups"
+msgstr "Yedekler"
+
+#: src/components/routes/system.tsx:441
+#: src/lib/utils.ts:307
+msgid "Bandwidth"
+msgstr "Bant Genişliği"
+
+#: src/components/login/auth-form.tsx:313
+msgid "Beszel supports OpenID Connect and many OAuth2 authentication providers."
+msgstr "Beszel, OpenID Connect ve birçok OAuth2 kimlik doğrulama sağlayıcısını destekler."
+
+#: src/components/routes/settings/notifications.tsx:127
+msgid "Beszel uses <0>Shoutrrr</0> to integrate with popular notification services."
+msgstr "Beszel, popüler bildirim hizmetleriyle entegre olmak için <0>Shoutrrr</0> kullanır."
+
+#: src/components/add-system.tsx:88
+msgid "Binary"
+msgstr "İkili"
+
+#: src/components/charts/mem-chart.tsx:89
+msgid "Cache / Buffers"
+msgstr "Önbellek / Tamponlar"
+
+#: src/components/systems-table/systems-table.tsx:272
+msgid "Cancel"
+msgstr "İptal"
+
+#: src/components/routes/settings/config-yaml.tsx:68
+msgid "Caution - potential data loss"
+msgstr "Dikkat - potansiyel veri kaybı"
+
+#: src/components/routes/settings/general.tsx:36
+msgid "Change general application options."
+msgstr "Genel uygulama seçeneklerini değiştirin."
+
+#: src/components/routes/settings/general.tsx:78
+msgid "Chart options"
+msgstr "Grafik seçenekleri"
+
+#: src/components/login/forgot-pass-form.tsx:34
+msgid "Check {email} for a reset link."
+msgstr "Sıfırlama bağlantısı için {email} kontrol edin."
+
+#: src/components/routes/settings/layout.tsx:40
+msgid "Check logs for more details."
+msgstr "Daha fazla ayrıntı için günlükleri kontrol edin."
+
+#: src/components/routes/settings/notifications.tsx:183
+msgid "Check your notification service"
+msgstr "Bildirim hizmetinizi kontrol edin"
+
+#: src/components/add-system.tsx:147
+msgid "Click to copy"
+msgstr "Kopyalamak için tıklayın"
+
+#. Context: table columns
+#: src/components/systems-table/systems-table.tsx:328
+msgid "Columns"
+msgstr "Sütunlar"
+
+#: src/components/login/forgot-pass-form.tsx:83
+#: src/components/login/forgot-pass-form.tsx:89
+msgid "Command line instructions"
+msgstr "Komut satırı talimatları"
+
+#: src/components/routes/settings/notifications.tsx:77
+msgid "Configure how you receive alert notifications."
+msgstr "Uyarı bildirimlerini nasıl alacağınızı yapılandırın."
+
+#: src/components/login/auth-form.tsx:189
+#: src/components/login/auth-form.tsx:194
+msgid "Confirm password"
+msgstr "Şifreyi onayla"
+
+#: src/components/systems-table/systems-table.tsx:278
+msgid "Continue"
+msgstr "Devam et"
+
+#: src/lib/utils.ts:25
+msgid "Copied to clipboard"
+msgstr "Panoya kopyalandı"
+
+#: src/components/add-system.tsx:158
+msgid "Copy"
+msgstr "Kopyala"
+
+#: src/components/systems-table/systems-table.tsx:247
+msgid "Copy host"
+msgstr "Ana bilgisayarı kopyala"
+
+#: src/components/add-system.tsx:169
+msgid "Copy Linux command"
+msgstr "Linux komutunu kopyala"
+
+#: src/components/copy-to-clipboard.tsx:13
+msgid "Copy text"
+msgstr "Metni kopyala"
+
+#: src/components/systems-table/systems-table.tsx:152
+msgid "CPU"
+msgstr "CPU"
+
+#: src/components/charts/area-chart.tsx:56
+#: src/components/routes/system.tsx:384
+#: src/lib/utils.ts:289
+msgid "CPU Usage"
+msgstr "CPU Kullanımı"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Create account"
+msgstr "Hesap oluştur"
+
+#. Dark theme
+#: src/components/mode-toggle.tsx:21
+msgid "Dark"
+msgstr "Koyu"
+
+#: src/components/command-palette.tsx:82
+#: src/components/routes/home.tsx:35
+msgid "Dashboard"
+msgstr "Gösterge Paneli"
+
+#: src/components/routes/settings/general.tsx:85
+msgid "Default time period"
+msgstr "Varsayılan zaman dilimi"
+
+#: src/components/systems-table/systems-table.tsx:253
+msgid "Delete"
+msgstr "Sil"
+
+#: src/components/systems-table/systems-table.tsx:166
+msgid "Disk"
+msgstr "Disk"
+
+#: src/components/routes/system.tsx:431
+msgid "Disk I/O"
+msgstr "Disk G/Ç"
+
+#: src/components/charts/disk-chart.tsx:79
+#: src/components/routes/system.tsx:424
+#: src/lib/utils.ts:301
+msgid "Disk Usage"
+msgstr "Disk Kullanımı"
+
+#: src/components/routes/system.tsx:552
+msgid "Disk usage of {extraFsName}"
+msgstr "{extraFsName} disk kullanımı"
+
+#: src/components/routes/system.tsx:395
+msgid "Docker CPU Usage"
+msgstr "Docker CPU Kullanımı"
+
+#: src/components/routes/system.tsx:416
+msgid "Docker Memory Usage"
+msgstr "Docker Bellek Kullanımı"
+
+#: src/components/routes/system.tsx:457
+msgid "Docker Network I/O"
+msgstr "Docker Ağ G/Ç"
+
+#: src/components/command-palette.tsx:125
+msgid "Documentation"
+msgstr "Dokümantasyon"
+
+#: src/components/login/auth-form.tsx:158
+msgid "email"
+msgstr "e-posta"
+
+#: src/components/login/auth-form.tsx:152
+#: src/components/login/forgot-pass-form.tsx:53
+msgid "Email"
+msgstr "E-posta"
+
+#: src/components/routes/settings/notifications.tsx:91
+msgid "Email notifications"
+msgstr "E-posta bildirimleri"
+
+#: src/components/login/login.tsx:38
+msgid "Enter email address to reset password"
+msgstr "Şifreyi sıfırlamak için e-posta adresini girin"
+
+#: src/components/routes/settings/notifications.tsx:111
+msgid "Enter email address..."
+msgstr "E-posta adresini girin..."
+
+#: src/components/login/auth-form.tsx:256
+#: src/components/routes/settings/config-yaml.tsx:28
+#: src/components/routes/settings/notifications.tsx:187
+msgid "Error"
+msgstr "Hata"
+
+#: src/components/routes/home.tsx:81
+msgid "Exceeds {0}{1} in last {2, plural, one {# minute} other {# minutes}}"
+msgstr "Son {2, plural, one {# dakika} other {# dakika}} içinde {0}{1} aşıyor"
+
+#: src/components/routes/settings/config-yaml.tsx:72
+msgid "Existing systems not defined in <0>config.yml</0> will be deleted. Please make regular backups."
+msgstr "<0>config.yml</0> içinde tanımlanmayan mevcut sistemler silinecektir. Lütfen düzenli yedekler alın."
+
+#: src/components/routes/settings/config-yaml.tsx:93
+msgid "Export configuration"
+msgstr "Yapılandırmayı dışa aktar"
+
+#: src/components/routes/settings/config-yaml.tsx:48
+msgid "Export your current systems configuration."
+msgstr "Mevcut sistem yapılandırmanızı dışa aktarın."
+
+#: src/lib/utils.ts:38
+msgid "Failed to authenticate"
+msgstr "Kimlik doğrulama başarısız"
+
+#: src/components/routes/settings/layout.tsx:39
+#: src/components/routes/settings/notifications.tsx:62
+msgid "Failed to save settings"
+msgstr "Ayarlar kaydedilemedi"
+
+#: src/components/routes/settings/notifications.tsx:188
+msgid "Failed to send test notification"
+msgstr "Test bildirimi gönderilemedi"
+
+#: src/components/alerts/alerts-system.tsx:27
+msgid "Failed to update alert"
+msgstr "Uyarı güncellenemedi"
+
+#: src/components/routes/system.tsx:596
+#: src/components/systems-table/systems-table.tsx:324
+msgid "Filter..."
+msgstr "Filtrele..."
+
+#: src/components/alerts/alerts-system.tsx:225
+msgid "For <0>{min}</0> {min, plural, one {minute} other {minutes}}"
+msgstr "<0>{min}</0> {min, plural, one {dakika} other {dakika}} için"
+
+#: src/components/login/auth-form.tsx:337
+msgid "Forgot password?"
+msgstr "Şifrenizi mi unuttunuz?"
+
+#. Context: General settings
+#: src/components/routes/settings/general.tsx:33
+#: src/components/routes/settings/layout.tsx:51
+msgid "General"
+msgstr "Genel"
+
+#: src/components/routes/system.tsx:496
+msgid "GPU Power Draw"
+msgstr ""
+
+#: src/components/add-system.tsx:116
+msgid "Host / IP"
+msgstr "Host / IP"
+
+#: src/components/login/forgot-pass-form.tsx:93
+msgid "If you've lost the password to your admin account, you may reset it using the following command."
+msgstr "Yönetici hesabınızın şifresini kaybettiyseniz, aşağıdaki komutu kullanarak sıfırlayabilirsiniz."
+
+#: src/components/login/auth-form.tsx:16
+msgid "Invalid email address."
+msgstr "Geçersiz e-posta adresi."
+
+#. Linux kernel
+#: src/components/routes/system.tsx:262
+msgid "Kernel"
+msgstr "Çekirdek"
+
+#: src/components/routes/settings/general.tsx:45
+msgid "Language"
+msgstr "Dil"
+
+#. Light theme
+#: src/components/mode-toggle.tsx:16
+msgid "Light"
+msgstr "Açık"
+
+#: src/components/navbar.tsx:113
+msgid "Log Out"
+msgstr "Çıkış Yap"
+
+#: src/components/login/login.tsx:19
+msgid "Login"
+msgstr "Giriş Yap"
+
+#: src/components/login/auth-form.tsx:42
+#: src/components/login/forgot-pass-form.tsx:15
+msgid "Login attempt failed"
+msgstr "Giriş denemesi başarısız"
+
+#: src/components/command-palette.tsx:157
+#: src/components/navbar.tsx:86
+msgid "Logs"
+msgstr "Günlükler"
+
+#: src/components/routes/settings/notifications.tsx:80
+msgid "Looking instead for where to create alerts? Click the bell <0/> icons in the systems table."
+msgstr "Uyarı oluşturma yerini mi arıyorsunuz? Sistemler tablosundaki zil <0/> simgelerine tıklayın."
+
+#: src/components/routes/settings/layout.tsx:85
+msgid "Manage display and notification preferences."
+msgstr "Görüntüleme ve bildirim tercihlerini yönetin."
+
+#. Chart select field. Please try to keep this short.
+#: src/components/routes/system.tsx:628
+msgid "Max 1 min"
+msgstr "Maks 1 dk"
+
+#: src/components/systems-table/systems-table.tsx:159
+msgid "Memory"
+msgstr "Bellek"
+
+#: src/components/routes/system.tsx:406
+#: src/lib/utils.ts:295
+msgid "Memory Usage"
+msgstr "Bellek Kullanımı"
+
+#: src/components/routes/system.tsx:417
+msgid "Memory usage of docker containers"
+msgstr "Docker konteynerlerinin bellek kullanımı"
+
+#: src/components/add-system.tsx:112
+msgid "Name"
+msgstr "Ad"
+
+#: src/components/systems-table/systems-table.tsx:173
+msgid "Net"
+msgstr "Ağ"
+
+#: src/components/routes/system.tsx:458
+msgid "Network traffic of docker containers"
+msgstr "Docker konteynerlerinin ağ trafiği"
+
+#: src/components/routes/system.tsx:443
+msgid "Network traffic of public interfaces"
+msgstr "Genel arayüzlerin ağ trafiği"
+
+#: src/components/command-palette.tsx:50
+msgid "No results found."
+msgstr "Sonuç bulunamadı."
+
+#: src/components/systems-table/systems-table.tsx:400
+msgid "No systems found."
+msgstr "Sistem bulunamadı."
+
+#: src/components/command-palette.tsx:111
+#: src/components/routes/settings/layout.tsx:56
+#: src/components/routes/settings/notifications.tsx:74
+msgid "Notifications"
+msgstr "Bildirimler"
+
+#: src/components/login/auth-form.tsx:308
+msgid "OAuth 2 / OIDC support"
+msgstr "OAuth 2 / OIDC desteği"
+
+#: src/components/routes/settings/config-yaml.tsx:61
+msgid "On each restart, systems in the database will be updated to match the systems defined in the file."
+msgstr "Her yeniden başlatmada, veritabanındaki sistemler dosyada tanımlanan sistemlerle eşleşecek şekilde güncellenecektir."
+
+#: src/components/systems-table/systems-table.tsx:219
+msgid "Open menu"
+msgstr "Menüyü aç"
+
+#: src/components/login/auth-form.tsx:227
+msgid "Or continue with"
+msgstr "Veya devam et"
+
+#: src/components/alerts/alert-button.tsx:109
+msgid "Overwrite existing alerts"
+msgstr "Mevcut uyarıların üzerine yaz"
+
+#: src/components/command-palette.tsx:85
+msgid "Page"
+msgstr "Sayfa"
+
+#: src/components/command-palette.tsx:72
+msgid "Pages / Settings"
+msgstr "Sayfalar / Ayarlar"
+
+#: src/components/login/auth-form.tsx:171
+#: src/components/login/auth-form.tsx:176
+msgid "Password"
+msgstr "Şifre"
+
+#: src/components/login/auth-form.tsx:17
+msgid "Password must be at least 10 characters."
+msgstr "Şifre en az 10 karakter olmalıdır."
+
+#: src/components/login/forgot-pass-form.tsx:33
+msgid "Password reset request received"
+msgstr "Şifre sıfırlama isteği alındı"
+
+#: src/components/systems-table/systems-table.tsx:241
+msgid "Pause"
+msgstr "Duraklat"
+
+#: src/components/routes/settings/notifications.tsx:95
+msgid "Please <0>configure an SMTP server</0> to ensure alerts are delivered."
+msgstr "Uyarıların teslim edilmesini sağlamak için lütfen bir SMTP sunucusu <0>yapılandırın</0>."
+
+#: src/components/alerts/alerts-system.tsx:28
+msgid "Please check logs for more details."
+msgstr "Daha fazla ayrıntı için lütfen günlükleri kontrol edin."
+
+#: src/components/login/auth-form.tsx:43
+#: src/components/login/forgot-pass-form.tsx:16
+msgid "Please check your credentials and try again"
+msgstr "Lütfen kimlik bilgilerinizi kontrol edin ve tekrar deneyin"
+
+#: src/components/login/login.tsx:36
+msgid "Please create an admin account"
+msgstr "Lütfen bir yönetici hesabı oluşturun"
+
+#: src/components/login/auth-form.tsx:257
+msgid "Please enable pop-ups for this site"
+msgstr "Lütfen bu site için açılır pencereleri etkinleştirin"
+
+#: src/lib/utils.ts:39
+msgid "Please log in again"
+msgstr "Lütfen tekrar giriş yapın"
+
+#: src/components/login/auth-form.tsx:316
+msgid "Please see <0>the documentation</0> for instructions."
+msgstr "Talimatlar için lütfen <0>dokümantasyonu</0> inceleyin."
+
+#: src/components/login/login.tsx:40
+msgid "Please sign in to your account"
+msgstr "Lütfen hesabınıza giriş yapın"
+
+#: src/components/add-system.tsx:120
+msgid "Port"
+msgstr "Port"
+
+#: src/components/routes/system.tsx:407
+#: src/components/routes/system.tsx:523
+msgid "Precise utilization at the recorded time"
+msgstr "Kayıtlı zamanda kesin kullanım"
+
+#: src/components/routes/settings/general.tsx:58
+msgid "Preferred Language"
+msgstr "Tercih Edilen Dil"
+
+#. Use 'Key' if your language requires many more characters
+#: src/components/add-system.tsx:124
+msgid "Public Key"
+msgstr "Genel Anahtar"
+
+#. Disk read
+#: src/components/charts/area-chart.tsx:60
+#: src/components/charts/area-chart.tsx:70
+msgid "Read"
+msgstr "Oku"
+
+#. Network bytes received (download)
+#: src/components/charts/area-chart.tsx:65
+msgid "Received"
+msgstr "Alındı"
+
+#: src/components/login/forgot-pass-form.tsx:76
+msgid "Reset Password"
+msgstr "Şifreyi Sıfırla"
+
+#: src/components/systems-table/systems-table.tsx:236
+msgid "Resume"
+msgstr "Devam et"
+
+#: src/components/routes/settings/notifications.tsx:117
+msgid "Save address using enter key or comma. Leave blank to disable email notifications."
+msgstr "Adresleri enter tuşu veya virgül ile kaydedin. E-posta bildirimlerini devre dışı bırakmak için boş bırakın."
+
+#: src/components/routes/settings/general.tsx:106
+#: src/components/routes/settings/notifications.tsx:167
+msgid "Save Settings"
+msgstr "Ayarları Kaydet"
+
+#: src/components/navbar.tsx:142
+msgid "Search"
+msgstr "Ara"
+
+#: src/components/command-palette.tsx:47
+msgid "Search for systems or settings..."
+msgstr "Sistemler veya ayarlar için ara..."
+
+#: src/components/alerts/alert-button.tsx:71
+msgid "See <0>notification settings</0> to configure how you receive alerts."
+msgstr "Uyarıları nasıl alacağınızı yapılandırmak için <0>bildirim ayarlarını</0> inceleyin."
+
+#. Network bytes sent (upload)
+#: src/components/charts/area-chart.tsx:64
+msgid "Sent"
+msgstr "Gönderildi"
+
+#: src/components/routes/settings/general.tsx:100
+msgid "Sets the default time range for charts when a system is viewed."
+msgstr "Bir sistem görüntülendiğinde grafikler için varsayılan zaman aralığını ayarlar."
+
+#: src/components/command-palette.tsx:96
+#: src/components/command-palette.tsx:99
+#: src/components/command-palette.tsx:114
+#: src/components/routes/settings/layout.tsx:71
+#: src/components/routes/settings/layout.tsx:82
+msgid "Settings"
+msgstr "Ayarlar"
+
+#: src/components/routes/settings/layout.tsx:33
+msgid "Settings saved"
+msgstr "Ayarlar kaydedildi"
+
+#: src/components/login/auth-form.tsx:215
+msgid "Sign in"
+msgstr "Giriş yap"
+
+#: src/components/command-palette.tsx:201
+msgid "SMTP settings"
+msgstr "SMTP ayarları"
+
+#: src/lib/utils.ts:282
+msgid "Status"
+msgstr "Durum"
+
+#: src/components/routes/system.tsx:473
+msgid "Swap space used by the system"
+msgstr "Sistem tarafından kullanılan takas alanı"
+
+#: src/components/routes/system.tsx:472
+msgid "Swap Usage"
+msgstr "Takas Kullanımı"
+
+#. System theme
+#: src/components/mode-toggle.tsx:26
+#: src/components/systems-table/systems-table.tsx:110
+#: src/components/systems-table/systems-table.tsx:121
+msgid "System"
+msgstr "Sistem"
+
+#: src/components/navbar.tsx:78
+msgid "Systems"
+msgstr "Sistemler"
+
+#: src/components/routes/settings/config-yaml.tsx:55
+msgid "Systems may be managed in a <0>config.yml</0> file inside your data directory."
+msgstr "Sistemler, veri dizininizdeki bir <0>config.yml</0> dosyasında yönetilebilir."
+
+#: src/components/routes/system.tsx:484
+#: src/lib/utils.ts:314
+msgid "Temperature"
+msgstr "Sıcaklık"
+
+#: src/components/routes/system.tsx:485
+msgid "Temperatures of system sensors"
+msgstr "Sistem sensörlerinin sıcaklıkları"
+
+#: src/components/routes/settings/notifications.tsx:211
+msgid "Test <0>URL</0>"
+msgstr "Test <0>URL</0>"
+
+#: src/components/routes/settings/notifications.tsx:182
+msgid "Test notification sent"
+msgstr "Test bildirimi gönderildi"
+
+#: src/components/add-system.tsx:104
+msgid "The agent must be running on the system to connect. Copy the installation command for the agent below."
+msgstr "Bağlanmak için aracının sistemde çalışıyor olması gerekir. Aşağıdaki aracı kurulum komutunu kopyalayın."
+
+#: src/components/add-system.tsx:95
+msgid "The agent must be running on the system to connect. Copy the<0>docker-compose.yml</0> for the agent below."
+msgstr "Bağlanmak için aracının sistemde çalışıyor olması gerekir. Aşağıdaki <0>docker-compose.yml</0> dosyasını kopyalayın."
+
+#: src/components/login/forgot-pass-form.tsx:98
+msgid "Then log into the backend and reset your user account password in the users table."
+msgstr "Ardından arka uca giriş yapın ve kullanıcılar tablosunda kullanıcı hesabı şifrenizi sıfırlayın."
+
+#: src/components/systems-table/systems-table.tsx:264
+msgid "This action cannot be undone. This will permanently delete all current records for {name} from the database."
+msgstr "Bu işlem geri alınamaz. Bu, veritabanından {name} için tüm mevcut kayıtları kalıcı olarak silecektir."
+
+#: src/components/routes/system.tsx:564
+msgid "Throughput of {extraFsName}"
+msgstr "{extraFsName} verimliliği"
+
+#: src/components/routes/system.tsx:432
+msgid "Throughput of root filesystem"
+msgstr "Kök dosya sisteminin verimliliği"
+
+#: src/components/routes/settings/notifications.tsx:106
+msgid "To email(s)"
+msgstr "E-posta(lar)a"
+
+#: src/components/routes/system.tsx:359
+#: src/components/routes/system.tsx:372
+msgid "Toggle grid"
+msgstr "Izgarayı değiştir"
+
+#: src/components/mode-toggle.tsx:33
+msgid "Toggle theme"
+msgstr "Temayı değiştir"
+
+#: src/lib/utils.ts:317
+msgid "Triggers when any sensor exceeds a threshold"
+msgstr "Herhangi bir sensör bir eşiği aştığında tetiklenir"
+
+#: src/lib/utils.ts:310
+msgid "Triggers when combined up/down exceeds a threshold"
+msgstr "Birleştirilmiş yukarı/aşağı bir eşiği aştığında tetiklenir"
+
+#: src/lib/utils.ts:292
+msgid "Triggers when CPU usage exceeds a threshold"
+msgstr "CPU kullanımı bir eşiği aştığında tetiklenir"
+
+#: src/lib/utils.ts:298
+msgid "Triggers when memory usage exceeds a threshold"
+msgstr "Bellek kullanımı bir eşiği aştığında tetiklenir"
+
+#: src/lib/utils.ts:285
+msgid "Triggers when status switches between up and down"
+msgstr "Durum yukarı ve aşağı arasında değiştiğinde tetiklenir"
+
+#: src/lib/utils.ts:304
+msgid "Triggers when usage of any disk exceeds a threshold"
+msgstr "Herhangi bir diskin kullanımı bir eşiği aştığında tetiklenir"
+
+#: src/components/systems-table/systems-table.tsx:320
+msgid "Updated in real time. Click on a system to view information."
+msgstr "Gerçek zamanlı olarak güncellenir. Bilgileri görüntülemek için bir sisteme tıklayın."
+
+#: src/components/routes/system.tsx:261
+msgid "Uptime"
+msgstr "Çalışma Süresi"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/routes/system.tsx:514
+#: src/components/routes/system.tsx:551
+msgid "Usage"
+msgstr "Kullanım"
+
+#: src/components/routes/system.tsx:424
+msgid "Usage of root partition"
+msgstr "Kök bölümün kullanımı"
+
+#: src/components/charts/area-chart.tsx:73
+#: src/components/charts/mem-chart.tsx:65
+#: src/components/charts/swap-chart.tsx:56
+msgid "Used"
+msgstr "Kullanıldı"
+
+#: src/components/login/auth-form.tsx:138
+msgid "username"
+msgstr "kullanıcı adı"
+
+#: src/components/login/auth-form.tsx:131
+msgid "Username"
+msgstr "Kullanıcı Adı"
+
+#: src/components/command-palette.tsx:143
+#: src/components/navbar.tsx:70
+msgid "Users"
+msgstr "Kullanıcılar"
+
+#: src/components/routes/system.tsx:662
+msgid "Waiting for enough records to display"
+msgstr "Görüntülemek için yeterli kayıt bekleniyor"
+
+#: src/components/routes/settings/general.tsx:48
+msgid "Want to help us make our translations even better? Check out <0>Crowdin</0> for more details."
+msgstr "Çevirilerimizi daha iyi hale getirmemize yardımcı olmak ister misiniz? Daha fazla bilgi için <0>Crowdin</0> inceleyin."
+
+#: src/components/routes/settings/notifications.tsx:124
+msgid "Webhook / Push notifications"
+msgstr "Webhook / Anlık bildirimler"
+
+#. Disk write
+#: src/components/charts/area-chart.tsx:59
+#: src/components/charts/area-chart.tsx:69
+msgid "Write"
+msgstr "Yaz"
+
+#: src/components/routes/settings/layout.tsx:61
+msgid "YAML Config"
+msgstr "YAML Yapılandırması"
+
+#: src/components/routes/settings/config-yaml.tsx:45
+msgid "YAML Configuration"
+msgstr "YAML Yapılandırması"
+
+#: src/components/routes/settings/layout.tsx:34
+msgid "Your user settings have been updated."
+msgstr "Kullanıcı ayarlarınız güncellendi."