chore(release): 1.57.1 [skip ci]

Co-authored-by: Releases Homarr <175486441+homarr-releases[bot]@users.noreply.github.com>

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -33,6 +33,7 @@ body:
       options:
         # The below comment is used to insert a new version with on-release.yml
         #NEXT_VERSION#
+        - 1.57.0
         - 1.56.1
         - 1.56.0
         - 1.55.0

CHANGELOG.md

@@ -1,3 +1,53 @@
+## [1.57.1](https://github.com/homarr-labs/homarr/compare/v1.57.0...v1.57.1) (2026-03-27)
+
+### Bug Fixes
+
+* dashdot gpu ([#5347](https://github.com/homarr-labs/homarr/issues/5347)) ([192a43a](https://github.com/homarr-labs/homarr/commit/192a43a031eb9431da2c11395eda69a6c7236b9b))
+* **deps:** update dependency @t3-oss/env-nextjs to ^0.13.11 ([#5345](https://github.com/homarr-labs/homarr/issues/5345)) ([49d9394](https://github.com/homarr-labs/homarr/commit/49d9394cd78b2a1146c8dc00dd982215a2f9a580))
+* **deps:** update dependency dockerode to ^4.0.10 ([#5327](https://github.com/homarr-labs/homarr/issues/5327)) ([42a3791](https://github.com/homarr-labs/homarr/commit/42a3791e6b5664a0f28d3ee4d29d5257ef3765f6))
+* **deps:** update dependency fast-xml-parser to ^5.5.8 ([#5324](https://github.com/homarr-labs/homarr/issues/5324)) ([7982938](https://github.com/homarr-labs/homarr/commit/798293813cf82e38d7059069823f927b7cdfb3b8))
+
+## [1.57.0](https://github.com/homarr-labs/homarr/compare/v1.56.1...v1.57.0) (2026-03-27)
+
+### Features
+
+* add "allowModals" option for iframe widget ([#5339](https://github.com/homarr-labs/homarr/issues/5339)) ([2fefd9d](https://github.com/homarr-labs/homarr/commit/2fefd9da01c827160fa5fd9b63a38615ea9969e2))
+* add GPU monitoring support via Glances integration ([#5255](https://github.com/homarr-labs/homarr/issues/5255)) ([003dac4](https://github.com/homarr-labs/homarr/commit/003dac4744f2e23535f1cbb7494187201af4b164)), closes [#5102](https://github.com/homarr-labs/homarr/issues/5102)
+* add nextcloud notification provider ([#5343](https://github.com/homarr-labs/homarr/issues/5343)) ([f88bf95](https://github.com/homarr-labs/homarr/commit/f88bf9582e1cf45a6b7fd898e12d227869a3849f))
+
+### Bug Fixes
+
+* **deps:** update dependency @immich/sdk to ^2.6.0 ([#5318](https://github.com/homarr-labs/homarr/issues/5318)) ([20a9b3d](https://github.com/homarr-labs/homarr/commit/20a9b3d556a15e6fdf7d1dbd78b677b5ce219c75))
+* **deps:** update dependency @immich/sdk to ^2.6.1 ([#5319](https://github.com/homarr-labs/homarr/issues/5319)) ([feaf022](https://github.com/homarr-labs/homarr/commit/feaf022965cf4a27112c7e3bcb9ef3ad0dd5c281))
+* **deps:** update dependency @next/eslint-plugin-next to v16.1.7 ([#5289](https://github.com/homarr-labs/homarr/issues/5289)) ([237d11d](https://github.com/homarr-labs/homarr/commit/237d11d2c021e28d58b0d627d2802d509d4c1b2b))
+* **deps:** update dependency @tanstack/react-query to ^5.91.0 ([#5305](https://github.com/homarr-labs/homarr/issues/5305)) ([13b99d0](https://github.com/homarr-labs/homarr/commit/13b99d021b46fe0541ce9b42ba66756fafd26c30))
+* **deps:** update dependency @tanstack/react-query to ^5.91.2 ([#5314](https://github.com/homarr-labs/homarr/issues/5314)) ([6fa6ba3](https://github.com/homarr-labs/homarr/commit/6fa6ba385e6691fefbb9f045a0ff976bcd85de16))
+* **deps:** update dependency drizzle-kit to ^0.31.10 ([#5291](https://github.com/homarr-labs/homarr/issues/5291)) ([09227a3](https://github.com/homarr-labs/homarr/commit/09227a3884d291032f1012b59ce06babc3c87103))
+* **deps:** update dependency fast-xml-parser to ^5.5.6 ([#5297](https://github.com/homarr-labs/homarr/issues/5297)) ([991044e](https://github.com/homarr-labs/homarr/commit/991044ebd78288bea7b441d3c14b159b5e66915b))
+* **deps:** update dependency fast-xml-parser to ^5.5.7 ([#5315](https://github.com/homarr-labs/homarr/issues/5315)) ([2336f9e](https://github.com/homarr-labs/homarr/commit/2336f9ee5e35f7b610743dee55b91caf8434c1e4))
+* **deps:** update dependency ioredis to v5.10.1 ([#5316](https://github.com/homarr-labs/homarr/issues/5316)) ([47b2d36](https://github.com/homarr-labs/homarr/commit/47b2d36f7a0933b6a6bbb61a449888be9304e1c5))
+* **deps:** update dependency isomorphic-dompurify to ^3.4.0 ([#5292](https://github.com/homarr-labs/homarr/issues/5292)) ([6276449](https://github.com/homarr-labs/homarr/commit/62764499e7bbc9995ecf3de7351c9224d6aee4b6))
+* **deps:** update dependency isomorphic-dompurify to ^3.5.0 ([#5299](https://github.com/homarr-labs/homarr/issues/5299)) ([b6b11c3](https://github.com/homarr-labs/homarr/commit/b6b11c39d2b4a33c5732ae239d7c1aaba6003cc6))
+* **deps:** update dependency isomorphic-dompurify to ^3.5.1 ([#5300](https://github.com/homarr-labs/homarr/issues/5300)) ([94dfddf](https://github.com/homarr-labs/homarr/commit/94dfddf8bde2966b46bcd2d30e5e4f886ebe4605))
+* **deps:** update dependency isomorphic-dompurify to ^3.6.0 ([#5334](https://github.com/homarr-labs/homarr/issues/5334)) ([8d64cb8](https://github.com/homarr-labs/homarr/commit/8d64cb8a5e276677b033774152c921aedc1e6c8a))
+* **deps:** update dependency mysql2 to v3.20.0 ([#5283](https://github.com/homarr-labs/homarr/issues/5283)) ([4fb48c2](https://github.com/homarr-labs/homarr/commit/4fb48c23a2ccb1c047bab0d354933561e81cc3ed))
+* **deps:** update dependency swagger-ui-react to ^5.32.1 ([#5296](https://github.com/homarr-labs/homarr/issues/5296)) ([63c55ce](https://github.com/homarr-labs/homarr/commit/63c55cec5711c41544c65ab83f24d09e63b10354))
+* **deps:** update dependency trpc-to-openapi to ^3.2.0 ([#5320](https://github.com/homarr-labs/homarr/issues/5320)) ([22f5d3b](https://github.com/homarr-labs/homarr/commit/22f5d3b95959cf0a835c9750b41106eaafc4432e))
+* **deps:** update dependency typescript-eslint to ^8.57.1 ([#5286](https://github.com/homarr-labs/homarr/issues/5286)) ([d4e4c96](https://github.com/homarr-labs/homarr/commit/d4e4c9669d648632a055b5ec0515821b50821142))
+* **deps:** update dependency undici to v7.24.5 ([#5338](https://github.com/homarr-labs/homarr/issues/5338)) ([22bbef9](https://github.com/homarr-labs/homarr/commit/22bbef9d8e03215abddf6c6e26a5df45f252626d))
+* **deps:** update dependency ws to ^8.20.0 ([#5337](https://github.com/homarr-labs/homarr/issues/5337)) ([d53c922](https://github.com/homarr-labs/homarr/commit/d53c922688606bd7d9494089e1ec43b930ad9923))
+* **deps:** update mantine monorepo to ^8.3.18 ([#5298](https://github.com/homarr-labs/homarr/issues/5298)) ([6f8e629](https://github.com/homarr-labs/homarr/commit/6f8e62963a4eb47cb3095dff46ee0e759e1cbd3c))
+* **deps:** update nextjs monorepo to v16.2.0 ([#5309](https://github.com/homarr-labs/homarr/issues/5309)) ([8831613](https://github.com/homarr-labs/homarr/commit/883161357dab4d94ff794f9444040d88074c464c))
+* **deps:** update nextjs monorepo to v16.2.1 ([#5330](https://github.com/homarr-labs/homarr/issues/5330)) ([e23a397](https://github.com/homarr-labs/homarr/commit/e23a397a80e4409f5da50c737aeb26b295ce79fc))
+* **deps:** update testcontainers-node monorepo to ^11.13.0 ([#5293](https://github.com/homarr-labs/homarr/issues/5293)) ([c009dd7](https://github.com/homarr-labs/homarr/commit/c009dd7de649bf24ab9bcf5ea25c65ebd18540bb))
+* **deps:** update tiptap monorepo to v3.20.4 ([#5287](https://github.com/homarr-labs/homarr/issues/5287)) ([369b4d4](https://github.com/homarr-labs/homarr/commit/369b4d486327d0eaa04b70dd692c426f9a39afd7))
+* **deps:** update trpc monorepo to ^11.14.1 ([#5328](https://github.com/homarr-labs/homarr/issues/5328)) ([d7f0596](https://github.com/homarr-labs/homarr/commit/d7f0596db8e44e2e79bb26095abd142b50675cc3))
+* **deps:** update turbo monorepo to ^2.8.18 ([#5308](https://github.com/homarr-labs/homarr/issues/5308)) ([24694b9](https://github.com/homarr-labs/homarr/commit/24694b92411aae818b97a3a5c9add97d707a2f38))
+* **deps:** update turbo monorepo to ^2.8.19 ([#5310](https://github.com/homarr-labs/homarr/issues/5310)) ([7537184](https://github.com/homarr-labs/homarr/commit/7537184a8168a4837d0a83a925a70c938555f199))
+* **deps:** update turbo monorepo to ^2.8.20 ([#5317](https://github.com/homarr-labs/homarr/issues/5317)) ([5b4e6fc](https://github.com/homarr-labs/homarr/commit/5b4e6fcc11c877815c4730607de84ab70d630fb8))
+* handle null ports in Docker container table ([#5313](https://github.com/homarr-labs/homarr/issues/5313)) ([1639da5](https://github.com/homarr-labs/homarr/commit/1639da57794d2555426e56030b4b34e2cc201aa9)), closes [#5311](https://github.com/homarr-labs/homarr/issues/5311)
+* warnings in code ([4f2b821](https://github.com/homarr-labs/homarr/commit/4f2b8217f819b91ec4b05e32aebd6bc5473db155))
+
 ## [1.56.1](https://github.com/homarr-labs/homarr/compare/v1.56.0...v1.56.1) (2026-03-20)
 
 ### Bug Fixes

apps/nextjs/package.json

@@ -59,10 +59,10 @@
     "@tanstack/react-query": "^5.91.2",
     "@tanstack/react-query-devtools": "^5.91.3",
     "@tanstack/react-query-next-experimental": "^5.91.0",
-    "@trpc/client": "^11.13.4",
-    "@trpc/next": "^11.13.4",
-    "@trpc/react-query": "^11.13.4",
-    "@trpc/server": "^11.13.4",
+    "@trpc/client": "^11.14.1",
+    "@trpc/next": "^11.14.1",
+    "@trpc/react-query": "^11.14.1",
+    "@trpc/server": "^11.14.1",
     "@xterm/addon-canvas": "^0.7.0",
     "@xterm/addon-fit": "0.11.0",
     "@xterm/xterm": "^6.0.0",
@@ -73,10 +73,10 @@
     "dotenv": "^17.3.1",
     "flag-icons": "^7.5.0",
     "glob": "^13.0.6",
-    "isomorphic-dompurify": "^3.5.1",
+    "isomorphic-dompurify": "^3.6.0",
     "jotai": "^2.18.1",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "postcss-preset-mantine": "^1.18.0",
     "prismjs": "^1.30.0",
     "react": "19.2.4",

apps/nextjs/src/app/[locale]/auth/login/_login-form.tsx

@@ -13,6 +13,7 @@ import type { useForm } from "@homarr/form";
 import { useZodForm } from "@homarr/form";
 import { showErrorNotification, showSuccessNotification } from "@homarr/notifications";
 import { useScopedI18n } from "@homarr/translation/client";
+import { sanitizeRedirectionUrl } from "@homarr/validation/redirection-url";
 import { userSignInSchema } from "@homarr/validation/user";
 
 type Provider = "credentials" | "ldap" | "oidc";
@@ -70,7 +71,7 @@ export const LoginForm = ({ providers, oidcClientName, isOidcAutoLoginEnabled, c
 
       // Redirect to the callback URL if the response is defined and comes from a credentials provider (ldap or credentials). oidc is redirected automatically.
       await revalidatePathActionAsync("/");
-      router.push(callbackUrl);
+      router.push(sanitizeRedirectionUrl(callbackUrl));
     },
     [t, router, callbackUrl],
   );

apps/nextjs/src/app/[locale]/auth/login/page.tsx

@@ -4,6 +4,7 @@ import { Card, Center, Stack, Text, Title } from "@mantine/core";
 import { env } from "@homarr/auth/env";
 import { auth } from "@homarr/auth/next";
 import { getScopedI18n } from "@homarr/translation/server";
+import { sanitizeRedirectionUrl } from "@homarr/validation/redirection-url";
 
 import { HomarrLogoWithTitle } from "~/components/layout/logo/homarr-logo";
 import { LoginForm } from "./_login-form";
@@ -19,7 +20,7 @@ export default async function Login(props: LoginProps) {
   const session = await auth();
 
   if (session) {
-    redirect(searchParams.callbackUrl ?? "/");
+    redirect(sanitizeRedirectionUrl(searchParams.callbackUrl));
   }
 
   const t = await getScopedI18n("user.page.login");

apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx

@@ -264,6 +264,5 @@ const usePreventLeaveWithDirty = (isDirty: boolean) => {
       window.removeEventListener("popstate", handlePopState);
       window.removeEventListener("beforeunload", handleBeforeUnload);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDirty]);
 };

apps/nextjs/src/app/[locale]/boards/(content)/_ready-context.tsx

@@ -27,7 +27,6 @@ export const BoardReadyProvider = ({ children }: PropsWithChildren) => {
 
   useEffect(() => {
     setReadySections((previous) => previous.filter((id) => board.sections.some((section) => section.id === id)));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [board.sections.length, setReadySections]);
 
   const markAsReady = useCallback((id: string) => {

apps/nextjs/src/app/[locale]/manage/tools/api/page.tsx

@@ -14,7 +14,7 @@ import { ApiKeysManagement } from "./components/api-keys";
 
 export async function generateMetadata() {
   const session = await auth();
-  if (!session?.user || !session.user.permissions.includes("admin")) {
+  if (!session?.user.permissions.includes("admin")) {
     return {};
   }
 
@@ -27,7 +27,7 @@ export async function generateMetadata() {
 
 export default async function ApiPage() {
   const session = await auth();
-  if (!session?.user || !session.user.permissions.includes("admin")) {
+  if (!session?.user.permissions.includes("admin")) {
     notFound();
   }
   const document = openApiDocument(extractBaseUrlFromHeaders(await headers()));

apps/nextjs/src/app/[locale]/manage/tools/docker/docker-table.tsx

@@ -76,6 +76,7 @@ const createColumns = (
     accessorKey: "ports",
     header: t("docker.field.ports.label"),
     Cell({ cell }) {
+      if (!cell.row.original.ports) return null;
       if (!cell.row.original.ports.length) return null;
       return (
         <OverflowBadge overflowCount={1} data={cell.row.original.ports.map((port) => port.PrivatePort.toString())} />

apps/nextjs/src/app/[locale]/manage/tools/logs/page.tsx

@@ -18,7 +18,7 @@ import { LogContextProvider } from "./log-context";
 
 export async function generateMetadata() {
   const session = await auth();
-  if (!session?.user || !session.user.permissions.includes("admin")) {
+  if (!session?.user.permissions.includes("admin")) {
     return {};
   }
   const t = await getScopedI18n("management");
@@ -30,7 +30,7 @@ export async function generateMetadata() {
 
 export default async function LogsManagementPage() {
   const session = await auth();
-  if (!session?.user || !session.user.permissions.includes("other-view-logs")) {
+  if (!session?.user.permissions.includes("other-view-logs")) {
     notFound();
   }
 

apps/nextjs/src/app/api/health/live/route.ts

@@ -75,7 +75,6 @@ const executeHealthCheckSafelyAsync = async (
       },
     };
   } catch (error) {
-    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
     logger.error(new ErrorWithMetadata("Healthcheck failed", { name }, { cause: error }));
     return {
       status: "unhealthy",

apps/nextjs/src/components/board/items/item-content.tsx

@@ -117,7 +117,6 @@ const InnerContent = ({ item, ...dimensions }: InnerContentProps) => {
             when={
               widgetSupportsIntegrations &&
               item.integrationIds.length === 0 &&
-              // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
               (!("integrationsRequired" in definition) || definition.integrationsRequired !== false)
             }
           />

apps/nextjs/src/components/board/sections/gridstack/use-gridstack.ts

@@ -206,7 +206,6 @@ export const useGridstack = (section: Omit<Section, "items">, itemIds: string[])
     }
 
     // Only run this effect when the section items change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [itemIds.length, columnCount]);
 
   /**

apps/tasks/package.json

@@ -41,7 +41,7 @@
     "dotenv": "^17.3.1",
     "fastify": "^5.8.2",
     "superjson": "2.2.6",
-    "undici": "7.18.2"
+    "undici": "7.24.5"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

apps/websocket/package.json

@@ -27,7 +27,7 @@
     "@homarr/validation": "workspace:^0.1.0",
     "dotenv": "^17.3.1",
     "tsx": "4.20.4",
-    "ws": "^8.19.0"
+    "ws": "^8.20.0"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "homarr",
-  "version": "1.56.1",
+  "version": "1.57.1",
   "private": true,
   "scripts": {
     "build": "cross-env CI=true turbo build",
@@ -88,9 +88,9 @@
       "linkifyjs@<4.3.2": ">=4.3.2",
       "nanoid@>=4.0.0 <5.0.9": ">=5.1.7",
       "prismjs@<1.30.0": ">=1.30.0",
-      "proxmox-api>undici": "7.24.0",
+      "proxmox-api>undici": "7.24.5",
       "react-is": "^19.2.4",
-      "rollup@>=4.0.0 <4.22.4": ">=4.59.0",
+      "rollup@>=4.0.0 <4.22.4": ">=4.60.0",
       "sha.js@<=2.4.11": ">=2.4.12",
       "tar-fs@>=3.0.0 <3.0.9": ">=3.1.2",
       "tar-fs@>=2.0.0 <2.1.3": ">=3.1.2",

packages/api/package.json

@@ -42,16 +42,16 @@
     "@homarr/validation": "workspace:^0.1.0",
     "@kubernetes/client-node": "^1.4.0",
     "@tanstack/react-query": "^5.91.2",
-    "@trpc/client": "^11.13.4",
-    "@trpc/react-query": "^11.13.4",
-    "@trpc/server": "^11.13.4",
-    "@trpc/tanstack-react-query": "^11.13.4",
+    "@trpc/client": "^11.14.1",
+    "@trpc/react-query": "^11.14.1",
+    "@trpc/server": "^11.14.1",
+    "@trpc/tanstack-react-query": "^11.14.1",
     "lodash.clonedeep": "^4.5.0",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "superjson": "2.2.6",
-    "trpc-to-openapi": "^3.1.0",
+    "trpc-to-openapi": "^3.2.0",
     "zod": "^4.2.1"
   },
   "devDependencies": {

packages/api/src/router/docker/docker-router.ts

@@ -140,7 +140,7 @@ interface DockerContainer {
   id: string;
   state: ContainerState;
   image: string;
-  ports: Port[];
+  ports: Port[] | undefined;
   iconUrl: string | null;
   cpuUsage: number;
   memoryUsage: number;

packages/auth/package.json

@@ -34,7 +34,7 @@
     "bcrypt": "^6.0.0",
     "cookies": "^0.9.1",
     "ldapts": "8.1.7",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "next-auth": "5.0.0-beta.30",
     "react": "19.2.4",
     "react-dom": "19.2.4",

packages/common/package.json

@@ -30,11 +30,11 @@
     "@paralleldrive/cuid2": "^3.3.0",
     "cookie": "1.1.1",
     "dayjs": "^1.11.20",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "octokit": "^5.0.5",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "undici": "7.18.2",
+    "undici": "7.24.5",
     "zod": "^4.2.1",
     "zod-validation-error": "^5.0.0"
   },

packages/core/package.json

@@ -37,7 +37,7 @@
   },
   "prettier": "@homarr/prettier-config",
   "dependencies": {
-    "@t3-oss/env-nextjs": "^0.13.10",
+    "@t3-oss/env-nextjs": "^0.13.11",
     "better-sqlite3": "^12.6.2",
     "dns-caching": "^0.2.9",
     "drizzle-orm": "^0.45.1",
@@ -53,7 +53,7 @@
     "@homarr/prettier-config": "workspace:^0.1.0",
     "@homarr/tsconfig": "workspace:^0.1.0",
     "@types/better-sqlite3": "7.6.13",
-    "@types/pg": "^8.18.0",
+    "@types/pg": "^8.20.0",
     "eslint": "^9.39.4",
     "typescript": "^5.9.3"
   }

packages/cron-job-api/package.json

@@ -29,9 +29,9 @@
     "@homarr/core": "workspace:^0.1.0",
     "@homarr/cron-jobs": "workspace:^0.1.0",
     "@tanstack/react-query": "^5.91.2",
-    "@trpc/client": "^11.13.4",
-    "@trpc/server": "^11.13.4",
-    "@trpc/tanstack-react-query": "^11.13.4",
+    "@trpc/client": "^11.14.1",
+    "@trpc/server": "^11.14.1",
+    "@trpc/tanstack-react-query": "^11.14.1",
     "node-cron": "^4.2.1",
     "react": "19.2.4",
     "zod": "^4.2.1"

packages/db/package.json

@@ -65,7 +65,7 @@
     "@homarr/prettier-config": "workspace:^0.1.0",
     "@homarr/tsconfig": "workspace:^0.1.0",
     "@types/better-sqlite3": "7.6.13",
-    "@types/pg": "^8.18.0",
+    "@types/pg": "^8.20.0",
     "dotenv-cli": "^11.0.0",
     "esbuild": "^0.27.4",
     "eslint": "^9.39.4",

packages/definitions/package.json

@@ -24,7 +24,7 @@
   "prettier": "@homarr/prettier-config",
   "dependencies": {
     "@homarr/common": "workspace:^0.1.0",
-    "fast-xml-parser": "^5.5.7",
+    "fast-xml-parser": "^5.5.8",
     "zod": "^4.2.1"
   },
   "devDependencies": {

packages/definitions/src/integration.ts

@@ -217,7 +217,7 @@ export const integrationDefs = {
     name: "Nextcloud",
     secretKinds: [["username", "password"]],
     iconUrl: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/nextcloud.svg",
-    category: ["calendar"],
+    category: ["calendar", "notifications"],
     documentationUrl: createDocumentationLink("/docs/integrations/nextcloud"),
   },
   unifiController: {

packages/docker/package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@homarr/common": "workspace:^0.1.0",
     "@homarr/core": "workspace:^0.1.0",
-    "dockerode": "^4.0.9"
+    "dockerode": "^4.0.10"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/integrations/package.json

@@ -47,7 +47,7 @@
     "octokit": "^5.0.5",
     "proxmox-api": "1.1.1",
     "tsdav": "^2.1.8",
-    "undici": "7.18.2",
+    "undici": "7.24.5",
     "xml2js": "^0.6.2",
     "zod": "^4.2.1"
   },

packages/integrations/src/dashdot/dashdot-integration.ts

@@ -33,6 +33,7 @@ export class DashDotIntegration extends Integration implements ISystemHealthMoni
     const memoryLoad = await this.getCurrentMemoryLoadAsync();
     const storageLoad = await this.getCurrentStorageLoadAsync();
     const networkLoad = await this.getCurrentNetworkLoadAsync();
+    const gpuLoad = await this.getCurrentGpuLoadAsync();
 
     const channel = this.getChannel();
     const history = await channel.getSliceUntilTimeAsync(dayjs().subtract(15, "minutes").toDate());
@@ -56,6 +57,14 @@ export class DashDotIntegration extends Integration implements ISystemHealthMoni
       availablePkgUpdates: 0,
       rebootRequired: false,
       smart: [], // API endpoint does not provide S.M.A.R.T data.
+      gpu: gpuLoad.map((gpu, index) => ({
+        gpuId: `gpu-${index}`,
+        name: info.gpuNames[index] ?? `GPU ${index}`,
+        memoryUtilization: gpu.memory ?? 0,
+        processorUtilization: gpu.load ?? 0,
+        temperature: null,
+        fanSpeed: null,
+      })),
       uptime: info.uptime,
       version: `${info.operatingSystemVersion}`,
       loadAverage: {
@@ -76,6 +85,7 @@ export class DashDotIntegration extends Integration implements ISystemHealthMoni
       cpuModel: serverInfo.cpu.model,
       operatingSystemVersion: `${serverInfo.os.distro} ${serverInfo.os.release} (${serverInfo.os.kernel})`,
       uptime: serverInfo.os.uptime,
+      gpuNames: serverInfo.gpu.layout.map((gpu) => gpu.brand),
     };
   }
 
@@ -150,6 +160,17 @@ export class DashDotIntegration extends Integration implements ISystemHealthMoni
     return await networkLoadApi.parseAsync(JSON.parse(result));
   }
 
+  private async getCurrentGpuLoadAsync() {
+    try {
+      const response = await fetchWithTrustedCertificatesAsync(this.url("/load/gpu"));
+      const result = await response.json();
+      const data = await gpuLoadApi.parseAsync(result);
+      return data.layout;
+    } catch {
+      return [];
+    }
+  }
+
   private getChannel() {
     return createChannelEventHistoryOld<z.infer<typeof cpuLoadPerCoreApiList>>(
       `integration:${this.integration.id}:history:cpu`,
@@ -198,6 +219,25 @@ const internalServerInfoApi = z.object({
       ),
     }),
   ),
+  gpu: z.object({
+    layout: z
+      .array(
+        z.object({
+          brand: z.string(),
+          model: z.string().optional(),
+        }),
+      )
+      .default([]),
+  }),
 });
 
 const cpuLoadPerCoreApiList = z.array(cpuLoadPerCoreApi);
+
+const gpuLoadApi = z.object({
+  layout: z.array(
+    z.object({
+      load: z.number().min(0).optional(),
+      memory: z.number().min(0).optional(),
+    }),
+  ),
+});

packages/integrations/src/glances/glances-integration.ts

@@ -59,6 +59,14 @@ export class GlancesIntegration extends Integration implements ISystemHealthMoni
       loadAverage: null,
       smart: [],
       cpuTemp: undefined,
+      gpu: stats.gpu.map((gpu) => ({
+        gpuId: gpu.gpu_id,
+        name: gpu.name,
+        memoryUtilization: gpu.mem ?? 0,
+        processorUtilization: gpu.proc ?? 0,
+        temperature: gpu.temperature ?? null,
+        fanSpeed: gpu.fan_speed ?? null,
+      })),
     };
   }
 
@@ -150,4 +158,16 @@ const allSchema = z.object({
   quicklook: z.object({
     cpu_name: z.string(),
   }),
+  gpu: z
+    .array(
+      z.object({
+        gpu_id: z.string(),
+        name: z.string(),
+        mem: z.number().nullable().optional(),
+        proc: z.number().nullable().optional(),
+        temperature: z.number().nullable().optional(),
+        fan_speed: z.number().nullable().optional(),
+      }),
+    )
+    .default([]),
 });

packages/integrations/src/interfaces/health-monitoring/health-monitoring-types.ts

@@ -31,6 +31,14 @@ export interface SystemHealthMonitoring {
     overallStatus: string;
     healthy: boolean;
   }[];
+  gpu: {
+    gpuId: string;
+    name: string;
+    memoryUtilization: number;
+    processorUtilization: number;
+    temperature: number | null;
+    fanSpeed: number | null;
+  }[];
 }
 
 // TODO: in the future decouple this from the Proxmox integration

packages/integrations/src/mock/data/system-health-monitoring.ts

@@ -36,6 +36,16 @@ export class SystemHealthMonitoringMockService implements ISystemHealthMonitorin
           healthy: true,
         },
       ],
+      gpu: [
+        {
+          gpuId: "mock0",
+          name: "Mock GPU RTX 4090",
+          memoryUtilization: Math.floor(Math.random() * 100),
+          processorUtilization: Math.floor(Math.random() * 100),
+          temperature: Math.floor(Math.random() * 90),
+          fanSpeed: Math.floor(Math.random() * 2000),
+        },
+      ],
     });
   }
 }

packages/integrations/src/nextcloud/nextcloud.integration.ts

@@ -5,8 +5,10 @@ import utc from "dayjs/plugin/utc";
 import type { RequestInit as NodeFetchRequestInit } from "node-fetch";
 import * as ical from "node-ical";
 import { DAVClient } from "tsdav";
+import { z } from "zod";
 
-import { createHttpsAgentAsync } from "@homarr/core/infrastructure/http";
+import { ResponseError } from "@homarr/common/server";
+import { createHttpsAgentAsync, fetchWithTrustedCertificatesAsync } from "@homarr/core/infrastructure/http";
 import { createLogger } from "@homarr/core/infrastructure/logs";
 
 import { HandleIntegrationErrors } from "../base/errors/decorator";
@@ -16,6 +18,21 @@ import { Integration } from "../base/integration";
 import type { TestingResult } from "../base/test-connection/test-connection-service";
 import type { ICalendarIntegration } from "../interfaces/calendar/calendar-integration";
 import type { CalendarEvent } from "../interfaces/calendar/calendar-types";
+import type { Notification } from "../interfaces/notifications/notification-types";
+import type { INotificationsIntegration } from "../interfaces/notifications/notifications-integration";
+
+const notificationSchema = z.object({
+  ocs: z.object({
+    data: z.array(
+      z.object({
+        notification_id: z.number(),
+        datetime: z.string(),
+        subject: z.string(),
+        message: z.string(),
+      }),
+    ),
+  }),
+});
 
 const logger = createLogger({ module: "nextcloudIntegration" });
 
@@ -23,7 +40,7 @@ dayjs.extend(utc);
 dayjs.extend(timezone);
 
 @HandleIntegrationErrors([integrationTsdavHttpErrorHandler])
-export class NextcloudIntegration extends Integration implements ICalendarIntegration {
+export class NextcloudIntegration extends Integration implements ICalendarIntegration, INotificationsIntegration {
   protected async testingAsync(input: IntegrationTestingInput): Promise<TestingResult> {
     const client = await this.createCalendarClientAsync(await createHttpsAgentAsync(input.options));
     await client.login();
@@ -104,6 +121,29 @@ export class NextcloudIntegration extends Integration implements ICalendarIntegr
       .flat();
   }
 
+  public async getNotificationsAsync(): Promise<Notification[]> {
+    const url = this.url("/ocs/v2.php/apps/notifications/api/v2/notifications", { format: "json" });
+    const response = await fetchWithTrustedCertificatesAsync(url, {
+      headers: {
+        Authorization: `Basic ${Buffer.from(
+          `${this.getSecretValue("username")}:${this.getSecretValue("password")}`,
+        ).toString("base64")}`,
+        "OCS-APIRequest": "true",
+      },
+    });
+
+    if (!response.ok) throw new ResponseError(response);
+
+    const json = notificationSchema.parse(await response.json());
+
+    return json.ocs.data.map((notification) => ({
+      id: String(notification.notification_id),
+      time: new Date(notification.datetime),
+      title: notification.subject,
+      body: notification.message,
+    }));
+  }
+
   private async createCalendarClientAsync(agent?: Agent) {
     return new DAVClient({
       serverUrl: this.integration.url,

packages/integrations/src/openmediavault/openmediavault-integration.ts

@@ -86,6 +86,7 @@ export class OpenMediaVaultIntegration extends Integration implements ISystemHea
       cpuTemp: cpuTempResult.success ? cpuTempResult.data.response.cputemp : undefined,
       fileSystem,
       smart,
+      gpu: [], // OpenMediaVault does not expose GPU monitoring via its RPC API.
     };
   }
 

packages/integrations/src/truenas/truenas-integration.ts

@@ -297,6 +297,7 @@ export class TrueNasIntegration extends Integration implements ISystemHealthMoni
       version: systemInformation.version,
       cpuModelName: systemInformation.model,
       rebootRequired: false,
+      gpu: [],
     };
   }
 

packages/integrations/src/unraid/unraid-integration.ts

@@ -70,6 +70,7 @@ export class UnraidIntegration extends Integration implements ISystemHealthMonit
         // See ArrayDiskStatus from https://studio.apollographql.com/public/Unraid-API/variant/current/explorer
         healthy: disk.status === "DISK_OK",
       })),
+      gpu: [],
     };
   }
 

packages/modals-collection/package.json

@@ -36,7 +36,7 @@
     "@mantine/core": "^8.3.18",
     "@tabler/icons-react": "^3.40.0",
     "dayjs": "^1.11.20",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "zod": "^4.2.1"

packages/modals-collection/src/boards/add-board-modal.tsx

@@ -57,10 +57,12 @@ export const AddBoardModal = createModal(({ actions }) => {
           {...form.getInputProps("name")}
           description={
             boardNameStatus.description ? (
-              <Group c={boardNameStatus.description.color} gap="xs" align="center">
-                {boardNameStatus.description.icon ? <boardNameStatus.description.icon size={16} /> : null}
-                <span>{boardNameStatus.description.label}</span>
-              </Group>
+              <span>
+                <Group c={boardNameStatus.description.color} gap="xs" align="center">
+                  {boardNameStatus.description.icon ? <boardNameStatus.description.icon size={16} /> : null}
+                  <span>{boardNameStatus.description.label}</span>
+                </Group>
+              </span>
             ) : null
           }
         />

packages/modals-collection/src/docker/add-docker-app-to-homarr.tsx

@@ -21,7 +21,7 @@ export const AddDockerAppToHomarrModal = createModal<AddDockerAppToHomarrProps>(
     {
       initialValues: {
         containerUrls: innerProps.selectedContainers.map((container) => {
-          if (container.ports[0]) {
+          if (Array.isArray(container.ports) && container.ports[0]) {
             return `http://${container.ports[0].IP}:${container.ports[0].PublicPort}`;
           }
 

packages/old-import/package.json

@@ -40,7 +40,7 @@
     "@mantine/core": "^8.3.18",
     "@mantine/hooks": "^8.3.18",
     "adm-zip": "0.5.16",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "superjson": "2.2.6",

packages/old-import/src/widgets/options.ts

@@ -101,6 +101,7 @@ const optionMapping: OptionMapping = {
     allowMicrophone: (oldOptions) => oldOptions.allowMicrophone,
     allowGeolocation: (oldOptions) => oldOptions.allowGeolocation,
     allowScrolling: (oldOptions) => oldOptions.allowScrolling,
+    allowModals: () => undefined,
   },
   video: {
     feedUrl: (oldOptions) => oldOptions.FeedUrl,
@@ -161,6 +162,7 @@ const optionMapping: OptionMapping = {
     sectionIndicatorRequirement: (oldOptions) =>
       "sectionIndicatorColor" in oldOptions ? oldOptions.sectionIndicatorColor : undefined,
     showUptime: () => undefined,
+    gpu: () => undefined,
     visibleClusterSections: (oldOptions) => {
       if (!("showNode" in oldOptions)) return undefined;
 

packages/request-handler/package.json

@@ -33,7 +33,7 @@
     "dayjs": "^1.11.20",
     "octokit": "^5.0.5",
     "superjson": "2.2.6",
-    "undici": "7.18.2",
+    "undici": "7.24.5",
     "zod": "^4.2.1"
   },
   "devDependencies": {

packages/request-handler/src/docker.ts

@@ -1,5 +1,6 @@
 import dayjs from "dayjs";
 import type { ContainerInfo, ContainerStats } from "dockerode";
+import type Dockerode from "dockerode";
 
 import { db, like, or } from "@homarr/db";
 import { icons } from "@homarr/db/schema";
@@ -72,7 +73,7 @@ async function getContainersWithStatsAsync() {
       cpuUsage,
       memoryUsage,
       image: container.Image,
-      ports: container.Ports,
+      ports: container.Ports as Dockerode.Port[] | undefined,
     };
   });
 

packages/settings/package.json

@@ -26,7 +26,7 @@
     "@homarr/db": "workspace:^0.1.0",
     "@homarr/server-settings": "workspace:^0.1.0",
     "@mantine/dates": "^8.3.18",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },

packages/spotlight/package.json

@@ -38,7 +38,7 @@
     "@mantine/spotlight": "^8.3.18",
     "@tabler/icons-react": "^3.40.0",
     "jotai": "^2.18.1",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "use-deep-compare-effect": "^1.8.1"

packages/spotlight/src/modes/home/context.tsx

@@ -94,7 +94,6 @@ const createSpotlightContext = (displayName: string) => {
         context.unregisterItems(key);
       };
       // We ignore the results
-      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [...dependencyArray, key]);
   };
 

packages/translation/package.json

@@ -32,7 +32,7 @@
     "dayjs": "^1.11.20",
     "deepmerge": "4.3.1",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "next-intl": "4.8.3",
     "react": "19.2.4",
     "react-dom": "19.2.4"

packages/translation/src/lang/en-gb.json

@@ -1746,114 +1746,114 @@
       "name": "Calendar",
       "description": "Display events from your integrations in a calendar view within a certain relative time period",
       "duration": {
-        "allDay": ""
+        "allDay": "All day"
       },
       "option": {
         "releaseType": {
-          "label": "",
+          "label": "Radarr release type",
           "options": {
-            "inCinemas": "",
-            "digitalRelease": "",
-            "physicalRelease": ""
+            "inCinemas": "In cinemas",
+            "digitalRelease": "Digital release",
+            "physicalRelease": "Physical release"
           }
         },
         "filterPastMonths": {
-          "label": ""
+          "label": "Start from"
         },
         "filterFutureMonths": {
-          "label": ""
+          "label": "End at"
         },
         "showUnmonitored": {
-          "label": ""
+          "label": "Show unmonitored"
         }
       }
     },
     "weather": {
-      "name": "",
-      "description": "",
+      "name": "Weather",
+      "description": "Displays the current weather information of a set location.",
       "option": {
         "isFormatFahrenheit": {
-          "label": ""
+          "label": "Temperature in Fahrenheit"
         },
         "disableTemperatureDecimals": {
-          "label": ""
+          "label": "Disable temperature decimals"
         },
         "showCurrentWindSpeed": {
-          "label": "",
-          "description": ""
+          "label": "Show current wind speed",
+          "description": "Only on current weather"
         },
         "useImperialSpeed": {
-          "label": ""
+          "label": "Use mph for windspeed"
         },
         "location": {
-          "label": ""
+          "label": "Weather location"
         },
         "showCity": {
-          "label": ""
+          "label": "Show city"
         },
         "hasForecast": {
-          "label": ""
+          "label": "Show forecast"
         },
         "forecastDayCount": {
-          "label": "",
-          "description": ""
+          "label": "Amount of forecast days",
+          "description": "When the widget is not wide enough, less days are shown"
         },
         "dateFormat": {
-          "label": "",
-          "description": ""
+          "label": "Date Format",
+          "description": "How the date should look like"
         }
       },
-      "currentWindSpeed": "",
+      "currentWindSpeed": "{currentWindSpeed} {unit}",
       "dailyForecast": {
-        "sunrise": "",
-        "sunset": "",
-        "maxWindSpeed": "",
-        "maxWindGusts": ""
+        "sunrise": "Sunrise",
+        "sunset": "Sunset",
+        "maxWindSpeed": "Max wind speed: {maxWindSpeed} {unit}",
+        "maxWindGusts": "Max wind gusts: {maxWindGusts} {unit}"
       },
       "kind": {
-        "clear": "",
-        "mainlyClear": "",
-        "fog": "",
-        "drizzle": "",
-        "freezingDrizzle": "",
+        "clear": "Clear",
+        "mainlyClear": "Mainly clear",
+        "fog": "Fog",
+        "drizzle": "Drizzle",
+        "freezingDrizzle": "Freezing drizzle",
         "rain": "Rain",
         "freezingRain": "Freezing rain",
         "snowFall": "Snow fall",
-        "snowGrains": "",
-        "rainShowers": "",
-        "snowShowers": "",
-        "thunderstorm": "",
-        "thunderstormWithHail": "",
-        "unknown": ""
+        "snowGrains": "Snow grains",
+        "rainShowers": "Rain showers",
+        "snowShowers": "Snow showers",
+        "thunderstorm": "Thunderstorm",
+        "thunderstormWithHail": "Thunderstorm with hail",
+        "unknown": "Unknown"
       }
     },
     "indexerManager": {
-      "name": "",
-      "description": "",
+      "name": "Indexer manager status",
+      "description": "Status of your indexers",
       "option": {
         "openIndexerSiteInNewTab": {
-          "label": ""
+          "label": "Open indexer site in new tab"
         }
       },
-      "title": "",
-      "testAll": "",
+      "title": "Indexer manager",
+      "testAll": "Test all",
       "error": {
-        "internalServerError": ""
+        "internalServerError": "Failed to fetch indexers status"
       }
     },
     "healthMonitoring": {
-      "name": "",
-      "description": "",
+      "name": "System Health Monitoring",
+      "description": "Displays information showing the health and status of your system(s).",
       "tab": {
-        "system": "",
-        "cluster": ""
+        "system": "System",
+        "cluster": "Cluster"
       },
       "option": {
         "fahrenheit": {
-          "label": ""
+          "label": "CPU Temp in Fahrenheit"
         },
         "cpu": {
-          "label": ""
+          "label": "Show CPU Info"
         },
         "memory": {
           "label": ""

packages/translation/src/lang/en.json

@@ -1625,6 +1625,9 @@
         },
         "allowGeolocation": {
           "label": "Allow geolocation"
+        },
+        "allowModals": {
+          "label": "Allow modals"
         }
       },
       "error": {
@@ -1858,6 +1861,9 @@
         "memory": {
           "label": "Show Memory Info"
         },
+        "gpu": {
+          "label": "Show GPU Info"
+        },
         "showUptime": {
           "label": "Show Uptime"
         },
@@ -2033,7 +2039,6 @@
           "directStream": "Direct Stream"
         }
       },
-
       "recentActivity": {
         "title": "Recent Activity",
         "empty": "No recent activity",
@@ -2726,6 +2731,7 @@
           "option": {
             "cpu": "CPU",
             "memory": "Memory",
+            "gpu": "GPU",
             "network": "Network"
           }
         },
@@ -2742,6 +2748,7 @@
       "card": {
         "cpu": "CPU",
         "memory": "MEM",
+        "gpu": "GPU",
         "network": "NET",
         "up": "UP",
         "down": "DOWN"

packages/translation/src/lang/fr.json

@@ -27,7 +27,7 @@
           "description": "Configurer le comportement d'importation"
         },
         "boardSelection": {
-          "title": "Tableaux {count} trouvés",
+          "title": "{count} tableaux trouvés",
           "description": "Choisissez tous les tableaux avec la taille que vous souhaitez importer",
           "action": {
             "selectAll": "Tout sélectionner",
@@ -1997,20 +1997,20 @@
       }
     },
     "tracearr": {
-      "name": "",
-      "description": "",
+      "name": "Tracearr",
+      "description": "Surveillance avancée du serveur multimédia avec des données détaillées de flux et de transcodage",
       "option": {
         "showStreams": {
           "label": ""
         },
         "showStats": {
-          "label": ""
+          "label": "Afficher le résumé des statistiques"
         },
         "showRecentActivity": {
           "label": "Afficher l'activité récente"
         },
         "showViolations": {
-          "label": ""
+          "label": "Afficher les violations"
         }
       },
       "stats": {
@@ -2022,7 +2022,7 @@
       "streams": {
         "empty": "",
         "user": "Utilisateur",
-        "media": "",
+        "media": "Média",
         "state": "",
         "quality": "Qualité",
         "device": "Appareil",
@@ -2040,15 +2040,15 @@
         "partial": ""
       },
       "violations": {
-        "title": "",
-        "empty": "",
+        "title": "Violations",
+        "empty": "Aucune violation récente",
         "rule": "Règle",
         "user": "Utilisateur"
       },
       "noSectionsEnabled": "",
       "error": {
-        "noIntegration": "",
-        "internalServerError": ""
+        "noIntegration": "Aucune intégration Tracearr configurée",
+        "internalServerError": "Impossible de récupérer les données de Tracearr"
       }
     },
     "common": {
@@ -3575,7 +3575,7 @@
               "label": "Météo"
             },
             "tracearr": {
-              "label": ""
+              "label": "Tracearr"
             }
           },
           "interval": {

packages/ui/package.json

@@ -36,7 +36,7 @@
     "@tabler/icons-react": "^3.40.0",
     "crypto-js": "^4.2.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "svgson": "^5.3.1"

packages/validation/src/redirection-url.ts

@@ -0,0 +1,14 @@
+/**
+ * Sanitizes the URL from malicious payloads.
+ * Prevents open redirects such as //example.com/path
+ * and prevents XSS such as javascript:().
+ * Returns / as a default or when unsafe.
+ * @param url The URL to sanitize
+ */
+export const sanitizeRedirectionUrl = (url?: string) => {
+  if (url && url.startsWith("/") && !url.startsWith("//")) {
+    return url;
+  } else {
+    return "/"; // Safe default
+  }
+};

packages/widgets/package.json

@@ -72,7 +72,7 @@
     "dayjs": "^1.11.20",
     "mantine-form-zod-resolver": "^1.3.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "16.2.0",
+    "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-markdown": "^10.1.0",

packages/widgets/src/health-monitoring/index.ts

@@ -19,6 +19,9 @@ export const { definition, componentLoader } = createWidgetDefinition("healthMon
         memory: factory.switch({
           defaultValue: true,
         }),
+        gpu: factory.switch({
+          defaultValue: true,
+        }),
         showUptime: factory.switch({
           defaultValue: true,
         }),

packages/widgets/src/health-monitoring/rings/gpu-ring.tsx

@@ -0,0 +1,64 @@
+import { Center, RingProgress, Stack, Text, Tooltip } from "@mantine/core";
+import { IconDeviceDesktop } from "@tabler/icons-react";
+
+import { progressColor } from "../system-health";
+
+interface GpuRingProps {
+  gpu: {
+    gpuId: string;
+    name: string;
+    memoryUtilization: number;
+    processorUtilization: number;
+    temperature: number | null;
+    fanSpeed: number | null;
+  };
+  isTiny: boolean;
+  fahrenheit: boolean;
+}
+
+export const GpuRing = ({ gpu, isTiny, fahrenheit }: GpuRingProps) => {
+  const tempDisplay =
+    gpu.temperature != null
+      ? fahrenheit
+        ? `${(gpu.temperature * 1.8 + 32).toFixed(0)}°F`
+        : `${gpu.temperature}°C`
+      : null;
+
+  return (
+    <Tooltip
+      label={
+        <Stack gap={2}>
+          <Text size="xs" fw={600}>
+            {gpu.name}
+          </Text>
+          <Text size="xs">VRAM: {gpu.memoryUtilization.toFixed(1)}%</Text>
+          {tempDisplay && <Text size="xs">Temp: {tempDisplay}</Text>}
+          {gpu.fanSpeed != null && <Text size="xs">Fan: {gpu.fanSpeed} RPM</Text>}
+        </Stack>
+      }
+      multiline
+    >
+      <RingProgress
+        className={`health-monitoring-gpu health-monitoring-gpu-${gpu.gpuId}`}
+        roundCaps
+        size={isTiny ? 50 : 100}
+        thickness={isTiny ? 4 : 8}
+        label={
+          <Center style={{ flexDirection: "column" }}>
+            <Text
+              className="health-monitoring-gpu-utilization-value"
+              size={isTiny ? "8px" : "xs"}
+            >{`${gpu.processorUtilization.toFixed(0)}%`}</Text>
+            <IconDeviceDesktop className="health-monitoring-gpu-utilization-icon" size={isTiny ? 8 : 16} />
+          </Center>
+        }
+        sections={[
+          {
+            value: Number(gpu.processorUtilization.toFixed(2)),
+            color: progressColor(Number(gpu.processorUtilization.toFixed(2))),
+          },
+        ]}
+      />
+    </Tooltip>
+  );
+};

packages/widgets/src/health-monitoring/system-health.tsx

@@ -39,6 +39,7 @@ import { useI18n } from "@homarr/translation/client";
 import type { WidgetComponentProps } from "../definition";
 import { CpuRing } from "./rings/cpu-ring";
 import { CpuTempRing } from "./rings/cpu-temp-ring";
+import { GpuRing } from "./rings/gpu-ring";
 import { formatMemoryUsage, MemoryRing } from "./rings/memory-ring";
 import classes from "./system-health.module.css";
 
@@ -187,6 +188,10 @@ export const SystemHealthMonitoring = ({
                   isTiny={isTiny}
                 />
               )}
+              {options.gpu &&
+                healthInfo.gpu.map((gpu) => (
+                  <GpuRing key={gpu.gpuId} gpu={gpu} isTiny={isTiny} fahrenheit={options.fahrenheit} />
+                ))}
             </Flex>
             {
               <Text className="health-monitoring-status-update-time" c="dimmed" size="xs" ta="center">

packages/widgets/src/iframe/component.tsx

@@ -105,6 +105,10 @@ const getSandboxFlags = (
     baseSandbox.push("allow-popups-to-escape-sandbox");
   }
 
+  if (permissions.allowModals) {
+    baseSandbox.push("allow-modals");
+  }
+
   return baseSandbox;
 };
 
@@ -115,4 +119,5 @@ const permissionMapping = {
   allowGeolocation: "geolocation",
   allowMicrophone: "microphone",
   allowPayment: "payment",
+  allowModals: "allow-modals",
 } satisfies Record<keyof Omit<WidgetComponentProps<"iframe">["options"], "embedUrl" | "allowScrolling">, string>;

packages/widgets/src/iframe/index.ts

@@ -17,6 +17,7 @@ export const { definition, componentLoader } = createWidgetDefinition("iframe",
       allowMicrophone: factory.switch(),
       allowCamera: factory.switch(),
       allowGeolocation: factory.switch(),
+      allowModals: factory.switch(),
     }));
   },
 }).withDynamicImport(() => import("./component"));

packages/widgets/src/system-resources/chart/gpu-chart.tsx

@@ -0,0 +1,52 @@
+import { Paper, Text } from "@mantine/core";
+import { IconDeviceDesktop } from "@tabler/icons-react";
+
+import { useScopedI18n } from "@homarr/translation/client";
+
+import type { LabelDisplayModeOption } from "..";
+import { CommonChart } from "./common-chart";
+
+export const SystemResourceGPUChart = ({
+  gpuUsageOverTime,
+  hasShadow,
+  labelDisplayMode,
+}: {
+  gpuUsageOverTime: number[];
+  hasShadow: boolean;
+  labelDisplayMode: LabelDisplayModeOption;
+}) => {
+  const chartData = gpuUsageOverTime.map((usage, index) => ({ index, usage }));
+  const t = useScopedI18n("widget.systemResources.card");
+
+  return (
+    <CommonChart
+      data={chartData}
+      dataKey={"index"}
+      series={[{ name: "usage", color: "grape.5" }]}
+      title={t("gpu")}
+      icon={IconDeviceDesktop}
+      lastValue={
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        gpuUsageOverTime.length > 0 ? `${Math.round(gpuUsageOverTime[gpuUsageOverTime.length - 1]!)}%` : undefined
+      }
+      chartType={hasShadow ? "area" : "line"}
+      yAxisProps={{ domain: [0, 100] }}
+      labelDisplayMode={labelDisplayMode}
+      tooltipProps={{
+        content: ({ payload }) => {
+          if (!payload) {
+            return null;
+          }
+          const value = payload[0] ? Number(payload[0].value) : 0;
+          return (
+            <Paper px={3} py={2} withBorder shadow="md" radius="md">
+              <Text c="dimmed" size="xs">
+                {value.toFixed(0)}%
+              </Text>
+            </Paper>
+          );
+        },
+      }}
+    />
+  );
+};

packages/widgets/src/system-resources/component.tsx

@@ -9,6 +9,7 @@ import { clientApi } from "@homarr/api/client";
 import type { WidgetComponentProps } from "../definition";
 import { CombinedNetworkTrafficChart } from "./chart/combined-network-traffic";
 import { SystemResourceCPUChart } from "./chart/cpu-chart";
+import { SystemResourceGPUChart } from "./chart/gpu-chart";
 import { SystemResourceMemoryChart } from "./chart/memory-chart";
 import { NetworkTrafficChart } from "./chart/network-traffic";
 
@@ -23,10 +24,16 @@ export default function SystemResources({ integrationIds, options }: WidgetCompo
   const memoryCapacityInBytes =
     (data[0]?.healthInfo.memAvailableInBytes ?? 0) + (data[0]?.healthInfo.memUsedInBytes ?? 0);
 
-  const [items, setItems] = useState<{ cpu: number; memory: number; network: { up: number; down: number } | null }[]>(
+  const [items, setItems] = useState<
+    { cpu: number; memory: number; gpu: number; network: { up: number; down: number } | null }[]
+  >(
     data.map((item) => ({
       cpu: item.healthInfo.cpuUtilization,
       memory: item.healthInfo.memUsedInBytes,
+      gpu:
+        item.healthInfo.gpu.length > 0
+          ? item.healthInfo.gpu.reduce((acc, g) => acc + g.processorUtilization, 0) / item.healthInfo.gpu.length
+          : 0,
       network: item.healthInfo.network,
     })),
   );
@@ -41,6 +48,10 @@ export default function SystemResources({ integrationIds, options }: WidgetCompo
           const next = {
             cpu: data.healthInfo.cpuUtilization,
             memory: data.healthInfo.memUsedInBytes,
+            gpu:
+              data.healthInfo.gpu.length > 0
+                ? data.healthInfo.gpu.reduce((acc, g) => acc + g.processorUtilization, 0) / data.healthInfo.gpu.length
+                : 0,
             network: data.healthInfo.network,
           };
 
@@ -75,6 +86,15 @@ export default function SystemResources({ integrationIds, options }: WidgetCompo
           />
         </Box>
       )}
+      {options.visibleCharts.includes("gpu") && (
+        <Box h={rowHeight}>
+          <SystemResourceGPUChart
+            gpuUsageOverTime={items.map((item) => item.gpu)}
+            hasShadow={options.hasShadow}
+            labelDisplayMode={options.labelDisplayMode}
+          />
+        </Box>
+      )}
       {showNetwork &&
         (width > 256 ? (
           <Group h={rowHeight} gap="xs" grow>

packages/widgets/src/system-resources/index.ts

@@ -19,7 +19,7 @@ export const { definition, componentLoader } = createWidgetDefinition("systemRes
     return optionsBuilder.from((factory) => ({
       hasShadow: factory.switch({ defaultValue: true }),
       visibleCharts: factory.multiSelect({
-        options: (["cpu", "memory", "network"] as const).map((key) => ({
+        options: (["cpu", "memory", "gpu", "network"] as const).map((key) => ({
           value: key,
           label: (t) => t(`widget.systemResources.option.visibleCharts.option.${key}`),
         })),

packages/widgets/src/video/component.tsx

@@ -79,7 +79,6 @@ const Feed = ({ options }: Pick<WidgetComponentProps<"video">, "options">) => {
       ],
     });
     // All other properties are updated with other useEffect
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [videoRef]);
 
   useEffect(() => {

tooling/eslint/package.json

@@ -17,7 +17,7 @@
   },
   "prettier": "@homarr/prettier-config",
   "dependencies": {
-    "@next/eslint-plugin-next": "16.2.0",
+    "@next/eslint-plugin-next": "16.2.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-config-turbo": "^2.8.20",
     "eslint-plugin-import": "^2.32.0",