chore(release): automatic release v1.38.0

.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.37.0
         - 1.36.1
         - 1.36.0
         - 1.35.1

.github/workflows/automatic-approval.yml

@@ -3,6 +3,8 @@ on:
   pull_request:
     types: [opened, synchronize]
 
+permissions: {}
+
 jobs:
   approve-automatic-prs:
     runs-on: ubuntu-latest
@@ -12,10 +14,12 @@ jobs:
         uses: actions/checkout@v5
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.RENOVATE_APPROVE_PRIVATE_KEY }}
+          private-key: ${{ secrets.RENOVATE_APPROVE_PRIVATE_KEY }}
-          app_id: ${{ secrets.RENOVATE_APPROVE_APP_ID }}
+          app-id: ${{ secrets.RENOVATE_APPROVE_APP_ID }}
+          permission-pull-requests: write # required to approve pull request
+
       - name: Install GitHub CLI
         run: sudo apt-get install -y gh
       - name: Approve automatic PRs

.github/workflows/crowdin-schedule-download.yml

@@ -5,6 +5,9 @@ on:
   schedule:
     - cron: "0 0 * * *" # every day at midnight
 
+permissions:
+  contents: read # required for code checkout
+
 jobs:
   download-crowdin-translations:
     runs-on: ubuntu-latest
@@ -15,10 +18,12 @@ jobs:
 
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.CROWDIN_APP_PRIVATE_KEY }}
+          private-key: ${{ secrets.CROWDIN_APP_PRIVATE_KEY }}
-          app_id: ${{ secrets.CROWDIN_APP_ID }}
+          app-id: ${{ secrets.CROWDIN_APP_ID }}
+          permission-contents: write # required to commit to crowdin branch
+          permission-pull-requests: write # required to create pull request
 
       - name: Download Crowdin translations
         id: crowdin-download

.github/workflows/deployment-docker-image.yml

@@ -49,18 +49,23 @@ jobs:
       - name: Obtain token
         if: env.SKIP_RELEASE == 'false'
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
+          private-key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
-          app_id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          app-id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          permission-contents: write # required to commit package.json & changelog changes, merge them to dev and publish the release
+
       - uses: actions/checkout@v5
         if: env.SKIP_RELEASE == 'false'
         with:
           persist-credentials: false
-      - uses: actions/setup-node@v4
+      - uses: pnpm/action-setup@v4
+        if: env.SKIP_RELEASE == 'false'
+      - uses: actions/setup-node@v5
         if: env.SKIP_RELEASE == 'false'
         with:
           node-version: 22.19.0
+          cache: "pnpm"
       - run: npm i -g pnpm
         if: env.SKIP_RELEASE == 'false'
       - name: Install dependencies

.github/workflows/deployment-weekly-release.yml

@@ -49,10 +49,11 @@ jobs:
           args: "Created a release PR ${{ steps.create-pull-request.outputs.url }} for version ${{ steps.semver.outputs.next }} (new behaviour: ${{ steps.semver.outputs.bump }})"
       - name: Obtain token
         id: obtainApprovalToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.RENOVATE_APPROVE_PRIVATE_KEY }}
+          private-key: ${{ secrets.RENOVATE_APPROVE_PRIVATE_KEY }}
-          app_id: ${{ secrets.RENOVATE_APPROVE_APP_ID }}
+          app-id: ${{ secrets.RENOVATE_APPROVE_APP_ID }}
+          permission-pull-requests: write
       - name: Approve PR
         env:
           GITHUB_TOKEN: ${{ steps.obtainApprovalToken.outputs.token }}
@@ -60,10 +61,12 @@ jobs:
           gh pr review --approve --body "Automatically approved by GitHub Action"
       - name: Obtain token
         id: obtainMergeToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
+          private-key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
-          app_id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          app-id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          permission-contents: write # write to main branch (due to merge)
+          permission-pull-requests: write # merge pull request
       - id: automerge
         if: ${{ steps.semver.outputs.bump != 'major' }}
         name: automerge

.github/workflows/on-release.yml

@@ -11,12 +11,14 @@ jobs:
     steps:
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.HOMARR_DOCS_RELEASE_APP_PRIVATE_KEY }}
+          private-key: ${{ secrets.HOMARR_DOCS_RELEASE_APP_PRIVATE_KEY }}
-          app_id: ${{ vars.HOMARR_DOCS_RELEASE_APP_ID }}
+          app-id: ${{ vars.HOMARR_DOCS_RELEASE_APP_ID }}
-          installation_retrieval_mode: repository
+          owner: homarr-labs
-          installation_retrieval_payload: homarr-labs/documentation
+          repositories: |
+            documentation
+          permission-contents: write # required to dispatch repository workflow
       - name: Trigger documentation release
         env:
           GITHUB_TOKEN: ${{ steps.obtainToken.outputs.token }}
@@ -40,10 +42,12 @@ jobs:
     steps:
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
+          private-key: ${{ secrets.RENOVATE_MERGE_PRIVATE_KEY }}
-          app_id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          app-id: ${{ secrets.RENOVATE_MERGE_APP_ID }}
+          permission-contents: write # required to commit to branch
+          permission-pull-requests: write # required to create pr & enable automerge
       - name: Checkout code
         uses: actions/checkout@v5
         with:
@@ -57,6 +61,7 @@ jobs:
         run: |
           git config --global user.email "175486441+homarr-releases[bot]@users.noreply.github.com"
           git config --global user.name "Releases Homarr"
+          git checkout -b update-bug-report-template
           git add .
           git commit -m "chore: update bug report template"
 

.github/workflows/skip-renovate-stability-days.yml

@@ -3,11 +3,11 @@ permissions:
 
 on:
   pull_request:
-    branches-ignore: "renovate/*"
     types: [opened, synchronize]
 
 jobs:
   skip-stability-days:
+    if: ${{ !startsWith(github.head_ref, 'renovate/') }}
     name: Skip Stability Days
     runs-on: ubuntu-latest
     steps:

.github/workflows/update-contributors.yml

@@ -9,9 +9,6 @@ env:
   GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
   CROWDIN_TOKEN: "${{ secrets.CROWDIN_UPDATE_CONTRIBUTORS_TOKEN }}"
 
-permissions:
-  contents: write
-
 jobs:
   update-contributors:
     runs-on: ubuntu-latest
@@ -21,20 +18,24 @@ jobs:
     steps:
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.HOMARR_UPDATE_CONTRIBUTORS_PRIVATE_KEY }}
+          private-key: ${{ secrets.HOMARR_UPDATE_CONTRIBUTORS_PRIVATE_KEY }}
-          app_id: ${{ vars.HOMARR_UPDATE_CONTRIBUTORS_APP_ID }}
+          app-id: ${{ vars.HOMARR_UPDATE_CONTRIBUTORS_APP_ID }}
+          permission-contents: write # required to commit to branch
+          permission-pull-requests: write # required to create pr & enable automerge
 
       - name: Checkout repository
         uses: actions/checkout@v5
         env:
           GITHUB_TOKEN: ${{ steps.obtainToken.outputs.token }}
 
+      - uses: pnpm/action-setup@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: ${{ matrix.node-version }}
+          cache: "pnpm"
 
       - name: Run update script
         run: node ./scripts/update-contributors.mjs

.github/workflows/update-integration-list.yml

@@ -1,7 +1,7 @@
 name: Update integration list
 
 on:
-  workflow_dispatch: { }
+  workflow_dispatch: {}
   push:
     paths:
       - packages/definitions/src/integration.ts
@@ -20,10 +20,12 @@ jobs:
     steps:
       - name: Obtain token
         id: obtainToken
-        uses: tibdex/github-app-token@v2
+        uses: actions/create-github-app-token@v2
         with:
-          private_key: ${{ secrets.HOMARR_UPDATE_CONTRIBUTORS_PRIVATE_KEY }}
+          private-key: ${{ secrets.HOMARR_UPDATE_CONTRIBUTORS_PRIVATE_KEY }}
-          app_id: ${{ vars.HOMARR_UPDATE_CONTRIBUTORS_APP_ID }}
+          app-id: ${{ vars.HOMARR_UPDATE_CONTRIBUTORS_APP_ID }}
+          permission-contents: write # required to commit to branch
+          permission-pull-requests: write # required to create pr & enable automerge
       - name: Checkout code
         uses: actions/checkout@v5
         env:

apps/nextjs/package.json

@@ -50,17 +50,17 @@
     "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
     "@homarr/widgets": "workspace:^0.1.0",
-    "@mantine/colors-generator": "^8.2.8",
+    "@mantine/colors-generator": "^8.3.1",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/dropzone": "^8.2.8",
+    "@mantine/dropzone": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
-    "@mantine/modals": "^8.2.8",
+    "@mantine/modals": "^8.3.1",
-    "@mantine/tiptap": "^8.2.8",
+    "@mantine/tiptap": "^8.3.1",
     "@million/lint": "1.0.14",
     "@tabler/icons-react": "^3.34.1",
-    "@tanstack/react-query": "^5.87.1",
+    "@tanstack/react-query": "^5.87.4",
-    "@tanstack/react-query-devtools": "^5.87.1",
+    "@tanstack/react-query-devtools": "^5.87.4",
-    "@tanstack/react-query-next-experimental": "^5.87.1",
+    "@tanstack/react-query-next-experimental": "^5.87.4",
     "@trpc/client": "^11.5.1",
     "@trpc/next": "^11.5.1",
     "@trpc/react-query": "^11.5.1",
@@ -74,9 +74,9 @@
     "dotenv": "^17.2.2",
     "flag-icons": "^7.5.0",
     "glob": "^11.0.3",
-    "jotai": "^2.13.1",
+    "jotai": "^2.14.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "postcss-preset-mantine": "^1.18.0",
     "prismjs": "^1.30.0",
     "react": "19.1.1",
@@ -85,18 +85,18 @@
     "react-simple-code-editor": "^0.14.1",
     "sass": "^1.92.1",
     "superjson": "2.2.2",
-    "swagger-ui-react": "^5.28.1",
+    "swagger-ui-react": "^5.29.0",
     "use-deep-compare-effect": "^1.8.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",
     "@homarr/prettier-config": "workspace:^0.1.0",
     "@homarr/tsconfig": "workspace:^0.1.0",
     "@types/chroma-js": "3.1.1",
-    "@types/node": "^22.18.1",
+    "@types/node": "^22.18.3",
     "@types/prismjs": "^1.26.5",
-    "@types/react": "19.1.12",
+    "@types/react": "19.1.13",
     "@types/react-dom": "19.1.9",
     "@types/swagger-ui-react": "^5.18.0",
     "concurrently": "^9.2.1",

apps/nextjs/src/app/[locale]/manage/integrations/_components/secrets/integration-secret-icons.ts

@@ -2,6 +2,7 @@ import {
   IconCode,
   IconGrid3x3,
   IconKey,
+  IconLink,
   IconMessage,
   IconPassword,
   IconPasswordUser,
@@ -21,6 +22,7 @@ export const integrationSecretIcons = {
   tokenId: IconGrid3x3,
   personalAccessToken: IconPasswordUser,
   topic: IconMessage,
+  url: IconLink,
   opnsenseApiKey: IconKey,
   opnsenseApiSecret: IconPassword,
   githubAppId: IconCode,

apps/nextjs/src/app/[locale]/manage/integrations/edit/[id]/_integration-edit-form.tsx

@@ -33,6 +33,8 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
       integration.secrets.every((secret) => secretKinds.includes(secret.kind)),
     ) ?? getDefaultSecretKinds(integration.kind);
 
+  const hasUrlSecret = secretsKinds.includes("url");
+
   const router = useRouter();
   const form = useZodForm(integrationUpdateSchema.omit({ id: true }), {
     initialValues: {
@@ -50,10 +52,14 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
   const secretsMap = new Map(integration.secrets.map((secret) => [secret.kind, secret]));
 
   const handleSubmitAsync = async (values: FormType) => {
+    const url = hasUrlSecret
+      ? new URL(values.secrets.find((secret) => secret.kind === "url")?.value ?? values.url).origin
+      : values.url;
     await mutateAsync(
       {
         id: integration.id,
         ...values,
+        url,
         secrets: values.secrets.map((secret) => ({
           kind: secret.kind,
           value: secret.value === "" ? null : secret.value,
@@ -92,7 +98,9 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
       <Stack>
         <TextInput withAsterisk label={t("integration.field.name.label")} {...form.getInputProps("name")} />
 
-        <TextInput withAsterisk label={t("integration.field.url.label")} {...form.getInputProps("url")} />
+        {hasUrlSecret ? null : (
+          <TextInput withAsterisk label={t("integration.field.url.label")} {...form.getInputProps("url")} />
+        )}
 
         <Fieldset legend={t("integration.secrets.title")}>
           <Stack gap="sm">

apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx

@@ -55,12 +55,19 @@ const formSchema = integrationCreateSchema.omit({ kind: true }).and(
 export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) => {
   const t = useI18n();
   const secretKinds = getAllSecretKindOptions(searchParams.kind);
+  const hasUrlSecret = secretKinds.some((kinds) => kinds.includes("url"));
   const router = useRouter();
   const [opened, setOpened] = useState(false);
+
+  let url = searchParams.url ?? getIntegrationDefaultUrl(searchParams.kind) ?? "";
+  if (hasUrlSecret) {
+    // Placeholder Url, replaced with origin of the secret Url on submit
+    url = "http://localhost";
+  }
   const form = useZodForm(formSchema, {
     initialValues: {
       name: searchParams.name ?? getIntegrationName(searchParams.kind),
-      url: searchParams.url ?? getIntegrationDefaultUrl(searchParams.kind) ?? "",
+      url,
       secrets: secretKinds[0].map((kind) => ({
         kind,
         value: "",
@@ -83,10 +90,14 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
   const [error, setError] = useState<null | AnyMappedTestConnectionError>(null);
 
   const handleSubmitAsync = async (values: FormType) => {
+    const url = hasUrlSecret
+      ? new URL(values.secrets.find((secret) => secret.kind === "url")?.value ?? values.url).origin
+      : values.url;
     await createIntegrationAsync(
       {
         kind: searchParams.kind,
         ...values,
+        url,
       },
       {
         async onSuccess(data) {
@@ -114,10 +125,10 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
           await createAppAsync(
             {
               name: values.name,
-              href: hasCustomHref ? values.appHref : values.url,
+              href: hasCustomHref ? values.appHref : url,
               iconUrl: getIconUrl(searchParams.kind),
               description: null,
-              pingUrl: values.url,
+              pingUrl: url,
             },
             {
               async onSettled() {
@@ -149,7 +160,9 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
       <Stack>
         <TextInput withAsterisk label={t("integration.field.name.label")} autoFocus {...form.getInputProps("name")} />
 
-        <TextInput withAsterisk label={t("integration.field.url.label")} {...form.getInputProps("url")} />
+        {hasUrlSecret ? null : (
+          <TextInput withAsterisk label={t("integration.field.url.label")} {...form.getInputProps("url")} />
+        )}
 
         <Fieldset legend={t("integration.secrets.title")}>
           <Stack gap="sm">

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

@@ -17,6 +17,10 @@ import { useTranslatedMantineReactTable } from "@homarr/ui/hooks";
 import { IconPowerOff } from "@homarr/ui/icons";
 
 const cronExpressions = [
+  {
+    value: "*/1 * * * * *",
+    label: (t: TranslationFunction) => t("management.page.tool.tasks.interval.seconds", { interval: 1 }),
+  },
   {
     value: "*/5 * * * * *",
     label: (t: TranslationFunction) => t("management.page.tool.tasks.interval.seconds", { interval: 5 }),

apps/tasks/package.json

@@ -41,13 +41,13 @@
     "dotenv": "^17.2.2",
     "fastify": "^5.6.0",
     "superjson": "2.2.2",
-    "undici": "7.15.0"
+    "undici": "7.16.0"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",
     "@homarr/prettier-config": "workspace:^0.1.0",
     "@homarr/tsconfig": "workspace:^0.1.0",
-    "@types/node": "^22.18.1",
+    "@types/node": "^22.18.3",
     "dotenv-cli": "^10.0.0",
     "esbuild": "^0.25.9",
     "eslint": "^9.35.0",

docs/README.md

@@ -30,6 +30,8 @@
   </a>
 </p>
 
+![](img/screenshot.png)
+
 ![](img/headers/features.png)
 
 - 🖌️ Highly customizable with an extensive drag and drop grid system
@@ -132,6 +134,13 @@
 </a>
 </td>
 <td align="center">
+<a href="https://homarr.dev/docs/integrations/ical" target="_blank" rel="noreferrer noopener">
+  <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/ical.svg" alt="iCal" width="90" height="90" />
+  <br/>  
+  <p align="center">iCal</p>
+</a>
+</td>
+<td align="center">
 <a href="https://homarr.dev/docs/integrations/jellyfin" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/jellyfin.svg" alt="Jellyfin" width="90" height="90" />
   <br/>  
@@ -144,15 +153,15 @@
   <br/>  
   <p align="center">Jellyseerr</p>
 </a>
-</td>
+</td></tr>
-<td align="center">
+<tr><td align="center">
 <a href="https://homarr.dev/docs/integrations/lidarr" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/lidarr.svg" alt="Lidarr" width="90" height="90" />
   <br/>  
   <p align="center">Lidarr</p>
 </a>
-</td></tr>
+</td>
-<tr><td align="center">
+<td align="center">
 <a href="https://homarr.dev/docs/integrations/linux-server-io" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/linuxserver-io.svg" alt="LinuxServer.io" width="90" height="90" />
   <br/>  
@@ -193,15 +202,15 @@
   <br/>  
   <p align="center">OpenMediaVault</p>
 </a>
-</td>
+</td></tr>
-<td align="center">
+<tr><td align="center">
 <a href="https://homarr.dev/docs/integrations/opnsense" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/opnsense.svg" alt="OPNsense" width="90" height="90" />
   <br/>  
   <p align="center">OPNsense</p>
 </a>
-</td></tr>
+</td>
-<tr><td align="center">
+<td align="center">
 <a href="https://homarr.dev/docs/integrations/overseerr" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/overseerr.svg" alt="Overseerr" width="90" height="90" />
   <br/>  
@@ -242,15 +251,15 @@
   <br/>  
   <p align="center">qBittorrent</p>
 </a>
-</td>
+</td></tr>
-<td align="center">
+<tr><td align="center">
 <a href="https://homarr.dev/docs/integrations/quay" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/png/quay.png" alt="Quay" width="90" height="90" />
   <br/>  
   <p align="center">Quay</p>
 </a>
-</td></tr>
+</td>
-<tr><td align="center">
+<td align="center">
 <a href="https://homarr.dev/docs/integrations/radarr" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/radarr.svg" alt="Radarr" width="90" height="90" />
   <br/>  
@@ -291,15 +300,15 @@
   <br/>  
   <p align="center">Transmission</p>
 </a>
-</td>
+</td></tr>
-<td align="center">
+<tr><td align="center">
 <a href="https://homarr.dev/docs/integrations/truenas" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/truenas.svg" alt="TrueNAS" width="90" height="90" />
   <br/>  
   <p align="center">TrueNAS</p>
 </a>
-</td></tr>
+</td>
-<tr><td align="center">
+<td align="center">
 <a href="https://homarr.dev/docs/integrations/unifi-controller" target="_blank" rel="noreferrer noopener">
   <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/png/unifi.png" alt="Unifi Controller" width="90" height="90" />
   <br/>  

package.json

@@ -39,7 +39,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.5",
+    "@semantic-release/github": "^11.0.6",
     "@semantic-release/npm": "^12.0.2",
     "@semantic-release/release-notes-generator": "^14.1.0",
     "@testcontainers/redis": "^11.5.1",
@@ -49,7 +49,7 @@
     "@vitest/ui": "^3.2.4",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "cross-env": "^10.0.0",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.0.0",
     "prettier": "^3.6.2",
     "semantic-release": "^24.2.8",
     "testcontainers": "^11.5.1",
@@ -58,7 +58,7 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4"
   },
-  "packageManager": "pnpm@10.15.1",
+  "packageManager": "pnpm@10.16.1",
   "engines": {
     "node": ">=22.19.0"
   },
@@ -77,16 +77,17 @@
     "overrides": {
       "@babel/helpers@<7.26.10": ">=7.28.4",
       "@babel/runtime@<7.26.10": ">=7.28.4",
-      "axios@>=1.0.0 <1.8.2": ">=1.12.1",
+      "axios@>=1.0.0 <1.8.2": ">=1.12.2",
       "brace-expansion@>=2.0.0 <=2.0.1": ">=4.0.1",
       "brace-expansion@>=1.0.0 <=1.1.11": ">=4.0.1",
       "esbuild@<=0.24.2": ">=0.25.9",
       "form-data@>=4.0.0 <4.0.4": ">=4.0.4",
-      "hono@<4.6.5": ">=4.9.6",
+      "hono@<4.6.5": ">=4.9.7",
       "linkifyjs@<4.3.2": ">=4.3.2",
       "nanoid@>=4.0.0 <5.0.9": ">=5.1.5",
       "prismjs@<1.30.0": ">=1.30.0",
-      "proxmox-api>undici": "7.15.0",
+      "proxmox-api>undici": "7.16.0",
+      "react-is": "^19.1.1",
       "rollup@>=4.0.0 <4.22.4": ">=4.50.1",
       "sha.js@<=2.4.11": ">=2.4.12",
       "tar-fs@>=3.0.0 <3.0.9": ">=3.1.0",

packages/api/package.json

@@ -42,18 +42,18 @@
     "@homarr/server-settings": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
     "@kubernetes/client-node": "^1.3.0",
-    "@tanstack/react-query": "^5.87.1",
+    "@tanstack/react-query": "^5.87.4",
     "@trpc/client": "^11.5.1",
     "@trpc/react-query": "^11.5.1",
     "@trpc/server": "^11.5.1",
     "@trpc/tanstack-react-query": "^11.5.1",
     "lodash.clonedeep": "^4.5.0",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "superjson": "2.2.2",
     "trpc-to-openapi": "^3.0.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/auth/package.json

@@ -35,11 +35,11 @@
     "bcrypt": "^6.0.0",
     "cookies": "^0.9.1",
     "ldapts": "8.0.9",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "next-auth": "5.0.0-beta.29",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/certificates/package.json

@@ -24,7 +24,7 @@
   "dependencies": {
     "@homarr/common": "workspace:^0.1.0",
     "@homarr/db": "workspace:^0.1.0",
-    "undici": "7.15.0"
+    "undici": "7.16.0"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/common/package.json

@@ -32,12 +32,12 @@
     "@paralleldrive/cuid2": "^2.2.2",
     "dayjs": "^1.11.18",
     "dns-caching": "^0.2.5",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "octokit": "^5.0.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "undici": "7.15.0",
+    "undici": "7.16.0",
-    "zod": "^4.1.5",
+    "zod": "^4.1.8",
     "zod-validation-error": "^4.0.1"
   },
   "devDependencies": {

packages/common/src/fetch-agent.ts

@@ -12,7 +12,11 @@ export class LoggingAgent extends Agent {
   }
 
   dispatch(options: Dispatcher.DispatchOptions, handler: Dispatcher.DispatchHandler): boolean {
-    const url = new URL(`${options.origin as string}${options.path}`);
+    const path = options.path
+      .split("/")
+      .map((segment) => (segment.length >= 32 && !segment.startsWith("?") ? "REDACTED" : segment))
+      .join("/");
+    const url = new URL(`${options.origin as string}${path}`);
 
     // The below code should prevent sensitive data from being logged as
     // some integrations use query parameters for auth

packages/common/src/test/fetch-agent.spec.ts

@@ -66,6 +66,7 @@ describe("LoggingAgent should log all requests", () => {
     ["/?one=a1&two=b2&three=c3", `/?one=${REDACTED}&two=${REDACTED}&three=${REDACTED}`],
     ["/?numberWith13Chars=1234567890123", `/?numberWith13Chars=${REDACTED}`],
     [`/?stringWith13Chars=${"a".repeat(13)}`, `/?stringWith13Chars=${REDACTED}`],
+    [`/${"a".repeat(32)}/?param=123`, `/${REDACTED}/?param=123`],
   ])("should redact sensitive data in url https://homarr.dev%s", (path, expected) => {
     // Arrange
     const infoLogSpy = vi.spyOn(logger, "debug");

packages/core/package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@t3-oss/env-nextjs": "^0.13.8",
     "ioredis": "5.7.0",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/core/src/infrastructure/redis/client.ts

@@ -15,6 +15,7 @@ export const createRedisClient = () =>
         ...defaultRedisOptions,
         host: redisEnv.HOST,
         port: redisEnv.PORT,
+        db: redisEnv.DATABASE_INDEX,
         tls: redisEnv.TLS_CA
           ? {
               ca: redisEnv.TLS_CA,

packages/core/src/infrastructure/redis/env.ts

@@ -12,6 +12,7 @@ export const redisEnv = createEnv({
     TLS_CA: z.string().optional(),
     USERNAME: z.string().optional(),
     PASSWORD: z.string().optional(),
+    DATABASE_INDEX: z.coerce.number().optional(),
   },
   runtimeEnv: runtimeEnvWithPrefix("REDIS_"),
 });

packages/cron-job-api/package.json

@@ -29,20 +29,20 @@
     "@homarr/core": "workspace:^0.1.0",
     "@homarr/cron-jobs": "workspace:^0.1.0",
     "@homarr/log": "workspace:^0.1.0",
-    "@tanstack/react-query": "^5.87.1",
+    "@tanstack/react-query": "^5.87.4",
     "@trpc/client": "^11.5.1",
     "@trpc/server": "^11.5.1",
     "@trpc/tanstack-react-query": "^11.5.1",
     "node-cron": "^4.2.1",
     "react": "19.1.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",
     "@homarr/prettier-config": "workspace:^0.1.0",
     "@homarr/tsconfig": "workspace:^0.1.0",
     "@types/node-cron": "^3.0.11",
-    "@types/react": "19.1.12",
+    "@types/react": "19.1.13",
     "eslint": "^9.35.0",
     "typescript": "^5.9.2"
   }

packages/db/package.json

@@ -49,7 +49,7 @@
     "@homarr/definitions": "workspace:^0.1.0",
     "@homarr/log": "workspace:^0.1.0",
     "@homarr/server-settings": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
     "@paralleldrive/cuid2": "^2.2.2",
     "@testcontainers/mysql": "^11.5.1",
     "@testcontainers/postgresql": "^11.5.1",
@@ -58,7 +58,7 @@
     "drizzle-kit": "^0.31.4",
     "drizzle-orm": "^0.44.5",
     "drizzle-zod": "^0.8.3",
-    "mysql2": "3.14.4",
+    "mysql2": "3.14.5",
     "pg": "^8.16.3",
     "superjson": "2.2.2"
   },

packages/definitions/package.json

@@ -25,7 +25,7 @@
   "dependencies": {
     "@homarr/common": "workspace:^0.1.0",
     "fast-xml-parser": "^5.2.5",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/definitions/src/docs/homarr-docs-sitemap.ts

@@ -183,6 +183,7 @@ export type HomarrDocumentationPath =
   | "/docs/integrations/sonarr"
   | "/docs/integrations/tdarr"
   | "/docs/integrations/transmission"
+  | "/docs/integrations/truenas"
   | "/docs/integrations/unifi-controller"
   | "/docs/management/api"
   | "/docs/management/apps"

packages/definitions/src/integration.ts

@@ -13,6 +13,7 @@ export const integrationSecretKindObject = {
   topic: { isPublic: true, multiline: false },
   opnsenseApiKey: { isPublic: false, multiline: false },
   opnsenseApiSecret: { isPublic: false, multiline: false },
+  url: { isPublic: false, multiline: false },
   privateKey: { isPublic: false, multiline: true },
   githubAppId: { isPublic: true, multiline: false },
   githubInstallationId: { isPublic: true, multiline: false },
@@ -283,6 +284,13 @@ export const integrationDefs = {
     category: ["notifications"],
     documentationUrl: createDocumentationLink("/docs/integrations/ntfy"),
   },
+  ical: {
+    name: "iCal",
+    secretKinds: [["url"]],
+    iconUrl: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons@master/svg/ical.svg",
+    category: ["calendar"],
+    documentationUrl: createDocumentationLink("/docs/integrations/ical"),
+  },
   truenas: {
     name: "TrueNAS",
     secretKinds: [["username", "password"]],

packages/docker/package.json

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

packages/form/package.json

@@ -26,9 +26,9 @@
     "@homarr/common": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/form": "^8.2.8",
+    "@mantine/form": "^8.3.1",
     "mantine-form-zod-resolver": "^1.3.0",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/forms-collection/package.json

@@ -29,9 +29,9 @@
     "@homarr/notifications": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
     "react": "19.1.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/integrations/package.json

@@ -41,14 +41,15 @@
     "@homarr/validation": "workspace:^0.1.0",
     "@jellyfin/sdk": "^0.11.0",
     "@octokit/auth-app": "^8.1.0",
+    "ical.js": "^2.2.1",
     "maria2": "^0.4.1",
     "node-ical": "^0.20.1",
     "octokit": "^5.0.3",
     "proxmox-api": "1.1.1",
     "tsdav": "^2.1.5",
-    "undici": "7.15.0",
+    "undici": "7.16.0",
     "xml2js": "^0.6.2",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/integrations/src/base/creator.ts

@@ -18,6 +18,7 @@ import { GitHubContainerRegistryIntegration } from "../github-container-registry
 import { GithubIntegration } from "../github/github-integration";
 import { GitlabIntegration } from "../gitlab/gitlab-integration";
 import { HomeAssistantIntegration } from "../homeassistant/homeassistant-integration";
+import { ICalIntegration } from "../ical/ical-integration";
 import { JellyfinIntegration } from "../jellyfin/jellyfin-integration";
 import { JellyseerrIntegration } from "../jellyseerr/jellyseerr-integration";
 import { LinuxServerIOIntegration } from "../linuxserverio/linuxserverio-integration";
@@ -112,6 +113,7 @@ export const integrationCreators = {
   codeberg: CodebergIntegration,
   linuxServerIO: LinuxServerIOIntegration,
   gitHubContainerRegistry: GitHubContainerRegistryIntegration,
+  ical: ICalIntegration,
   quay: QuayIntegration,
   ntfy: NTFYIntegration,
   mock: MockIntegration,

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

@@ -0,0 +1,67 @@
+import ICAL from "ical.js";
+
+import { fetchWithTrustedCertificatesAsync } from "@homarr/certificates/server";
+
+import type { IntegrationTestingInput } from "../base/integration";
+import { Integration } from "../base/integration";
+import { TestConnectionError } from "../base/test-connection/test-connection-error";
+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";
+
+export class ICalIntegration extends Integration implements ICalendarIntegration {
+  async getCalendarEventsAsync(start: Date, end: Date): Promise<CalendarEvent[]> {
+    const response = await fetchWithTrustedCertificatesAsync(super.getSecretValue("url"));
+    const result = await response.text();
+    const jcal = ICAL.parse(result) as unknown[];
+    const comp = new ICAL.Component(jcal);
+
+    return comp.getAllSubcomponents("vevent").reduce((prev, vevent) => {
+      const event = new ICAL.Event(vevent);
+      const startDate = event.startDate.toJSDate();
+      const endDate = event.endDate.toJSDate();
+
+      if (startDate > end) return prev;
+      if (endDate < start) return prev;
+
+      return prev.concat({
+        title: event.summary,
+        subTitle: null,
+        description: event.description,
+        startDate,
+        endDate,
+        image: null,
+        location: event.location,
+        indicatorColor: "red",
+        links: [],
+      });
+    }, [] as CalendarEvent[]);
+  }
+
+  protected async testingAsync(input: IntegrationTestingInput): Promise<TestingResult> {
+    const response = await input.fetchAsync(super.getSecretValue("url"));
+    if (!response.ok) return TestConnectionError.StatusResult(response);
+
+    const result = await response.text();
+
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      const jcal = ICAL.parse(result);
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      const comp = new ICAL.Component(jcal);
+      return comp.getAllSubcomponents("vevent").length > 0
+        ? { success: true }
+        : TestConnectionError.ParseResult({
+            name: "Calendar parse error",
+            message: "No events found",
+            cause: new Error("No events found"),
+          });
+    } catch (error) {
+      return TestConnectionError.ParseResult({
+        name: "Calendar parse error",
+        message: "Failed to parse calendar",
+        cause: error as Error,
+      });
+    }
+  }
+}

packages/integrations/src/index.ts

@@ -23,6 +23,7 @@ export { PlexIntegration } from "./plex/plex-integration";
 export { ProwlarrIntegration } from "./prowlarr/prowlarr-integration";
 export { TrueNasIntegration } from "./truenas/truenas-integration";
 export { OPNsenseIntegration } from "./opnsense/opnsense-integration";
+export { ICalIntegration } from "./ical/ical-integration";
 
 // Types
 export type { IntegrationInput } from "./base/integration";

packages/integrations/src/interfaces/calendar/calendar-types.ts

@@ -1,24 +1,41 @@
 export const radarrReleaseTypes = ["inCinemas", "digitalRelease", "physicalRelease"] as const;
 export type RadarrReleaseType = (typeof radarrReleaseTypes)[number];
 
-export interface CalendarEvent {
+export interface RadarrMetadata {
-  name: string;
+  type: "radarr";
-  subName: string;
+  releaseType: RadarrReleaseType;
-  date: Date;
+}
-  dates?: { type: RadarrReleaseType; date: Date }[];
+
-  description?: string;
+export type CalendarMetadata = RadarrMetadata;
-  thumbnail?: string;
+
-  mediaInformation?: {
+export interface CalendarLink {
-    type: "audio" | "video" | "tv" | "movie";
+  name: string;
-    seasonNumber?: number;
+  isDark: boolean;
-    episodeNumber?: number;
+  href: string;
-  };
+  color?: string;
-  links: {
+  logo?: string;
-    href: string;
+}
-    name: string;
+
-    color: string | undefined;
+export interface CalendarImageBadge {
-    notificationColor?: string | undefined;
+  content: string;
-    isDark: boolean | undefined;
+  color: string;
-    logo: string;
+}
-  }[];
+
+export interface CalendarImage {
+  src: string;
+  badge?: CalendarImageBadge;
+  aspectRatio?: { width: number; height: number };
+}
+
+export interface CalendarEvent {
+  title: string;
+  subTitle: string | null;
+  description: string | null;
+  startDate: Date;
+  endDate: Date | null;
+  image: CalendarImage | null;
+  location: string | null;
+  metadata?: CalendarMetadata;
+  indicatorColor: string;
+  links: CalendarLink[];
 }

packages/integrations/src/media-organizer/lidarr/lidarr-integration.ts

@@ -8,7 +8,7 @@ import type { IntegrationTestingInput } from "../../base/integration";
 import { TestConnectionError } from "../../base/test-connection/test-connection-error";
 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 { CalendarEvent, CalendarLink } from "../../interfaces/calendar/calendar-types";
 import { mediaOrganizerPriorities } from "../media-organizer";
 
 export class LidarrIntegration extends Integration implements ICalendarIntegration {
@@ -44,22 +44,28 @@ export class LidarrIntegration extends Integration implements ICalendarIntegrati
     const lidarrCalendarEvents = await z.array(lidarrCalendarEventSchema).parseAsync(await response.json());
 
     return lidarrCalendarEvents.map((lidarrCalendarEvent): CalendarEvent => {
+      const imageSrc = this.chooseBestImage(lidarrCalendarEvent);
       return {
-        name: lidarrCalendarEvent.title,
+        title: lidarrCalendarEvent.title,
-        subName: lidarrCalendarEvent.artist.artistName,
+        subTitle: lidarrCalendarEvent.artist.artistName,
-        description: lidarrCalendarEvent.overview,
+        description: lidarrCalendarEvent.overview ?? null,
-        thumbnail: this.chooseBestImageAsURL(lidarrCalendarEvent),
+        startDate: lidarrCalendarEvent.releaseDate,
-        date: lidarrCalendarEvent.releaseDate,
+        endDate: null,
-        mediaInformation: {
+        image: imageSrc
-          type: "audio",
+          ? {
-        },
+              src: imageSrc.remoteUrl,
+              aspectRatio: { width: 7, height: 12 },
+            }
+          : null,
+        location: null,
+        indicatorColor: "cyan",
         links: this.getLinksForLidarrCalendarEvent(lidarrCalendarEvent),
       };
     });
   }
 
   private getLinksForLidarrCalendarEvent = (event: z.infer<typeof lidarrCalendarEventSchema>) => {
-    const links: CalendarEvent["links"] = [];
+    const links: CalendarLink[] = [];
 
     for (const link of event.artist.links) {
       switch (link.name) {
@@ -70,7 +76,6 @@ export class LidarrIntegration extends Integration implements ICalendarIntegrati
             color: "#f5c518",
             isDark: false,
             logo: "/images/apps/vgmdb.svg",
-            notificationColor: "cyan",
           });
           break;
         case "imdb":
@@ -80,7 +85,6 @@ export class LidarrIntegration extends Integration implements ICalendarIntegrati
             color: "#f5c518",
             isDark: false,
             logo: "/images/apps/imdb.png",
-            notificationColor: "cyan",
           });
           break;
         case "last":
@@ -90,7 +94,6 @@ export class LidarrIntegration extends Integration implements ICalendarIntegrati
             color: "#cf222a",
             isDark: false,
             logo: "/images/apps/lastfm.svg",
-            notificationColor: "cyan",
           });
           break;
       }

packages/integrations/src/media-organizer/radarr/radarr-integration.ts

@@ -1,15 +1,14 @@
 import { z } from "zod/v4";
 
 import { fetchWithTrustedCertificatesAsync } from "@homarr/certificates/server";
-import type { AtLeastOneOf } from "@homarr/common/types";
 import { logger } from "@homarr/log";
 
-import { Integration } from "../../base/integration";
 import type { IntegrationTestingInput } from "../../base/integration";
+import { Integration } from "../../base/integration";
 import { TestConnectionError } from "../../base/test-connection/test-connection-error";
 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 { CalendarEvent, CalendarLink } from "../../interfaces/calendar/calendar-types";
 import { radarrReleaseTypes } from "../../interfaces/calendar/calendar-types";
 import { mediaOrganizerPriorities } from "../media-organizer";
 
@@ -34,33 +33,44 @@ export class RadarrIntegration extends Integration implements ICalendarIntegrati
     });
     const radarrCalendarEvents = await z.array(radarrCalendarEventSchema).parseAsync(await response.json());
 
-    return radarrCalendarEvents.map((radarrCalendarEvent): CalendarEvent => {
+    return radarrCalendarEvents.flatMap((radarrCalendarEvent): CalendarEvent[] => {
-      const dates = radarrReleaseTypes
+      const imageSrc = this.chooseBestImageAsURL(radarrCalendarEvent);
-        .map((type) => (radarrCalendarEvent[type] ? { type, date: radarrCalendarEvent[type] } : undefined))
+
-        .filter((date) => date) as AtLeastOneOf<Exclude<CalendarEvent["dates"], undefined>[number]>;
+      return radarrReleaseTypes
-      return {
+        .map((releaseType) => ({ type: releaseType, date: radarrCalendarEvent[releaseType] }))
-        name: radarrCalendarEvent.title,
+        .filter((item) => item.date !== undefined)
-        subName: radarrCalendarEvent.originalTitle,
+        .map((item) => ({
-        description: radarrCalendarEvent.overview,
+          title: radarrCalendarEvent.title,
-        thumbnail: this.chooseBestImageAsURL(radarrCalendarEvent),
+          subTitle: radarrCalendarEvent.originalTitle,
-        date: dates[0].date,
+          description: radarrCalendarEvent.overview ?? null,
-        dates,
+          // Check is done above in the filter
-        mediaInformation: {
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          type: "movie",
+          startDate: item.date!,
-        },
+          endDate: null,
-        links: this.getLinksForRadarrCalendarEvent(radarrCalendarEvent),
+          image: imageSrc
-      };
+            ? {
+                src: imageSrc,
+                aspectRatio: { width: 7, height: 12 },
+              }
+            : null,
+          location: null,
+          metadata: {
+            type: "radarr",
+            releaseType: item.type,
+          },
+          indicatorColor: "yellow",
+          links: this.getLinksForRadarrCalendarEvent(radarrCalendarEvent),
+        }));
     });
   }
 
   private getLinksForRadarrCalendarEvent = (event: z.infer<typeof radarrCalendarEventSchema>) => {
-    const links: CalendarEvent["links"] = [
+    const links: CalendarLink[] = [
       {
         href: this.url(`/movie/${event.titleSlug}`).toString(),
         name: "Radarr",
         logo: "/images/apps/radarr.svg",
         color: undefined,
-        notificationColor: "yellow",
         isDark: true,
       },
     ];

packages/integrations/src/media-organizer/readarr/readarr-integration.ts

@@ -8,7 +8,7 @@ import type { IntegrationTestingInput } from "../../base/integration";
 import { TestConnectionError } from "../../base/test-connection/test-connection-error";
 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 { CalendarEvent, CalendarLink } from "../../interfaces/calendar/calendar-types";
 import { mediaOrganizerPriorities } from "../media-organizer";
 
 export class ReadarrIntegration extends Integration implements ICalendarIntegration {
@@ -50,15 +50,22 @@ export class ReadarrIntegration extends Integration implements ICalendarIntegrat
     const readarrCalendarEvents = await z.array(readarrCalendarEventSchema).parseAsync(await response.json());
 
     return readarrCalendarEvents.map((readarrCalendarEvent): CalendarEvent => {
+      const imageSrc = this.chooseBestImageAsURL(readarrCalendarEvent);
+
       return {
-        name: readarrCalendarEvent.title,
+        title: readarrCalendarEvent.title,
-        subName: readarrCalendarEvent.author.authorName,
+        subTitle: readarrCalendarEvent.author.authorName,
-        description: readarrCalendarEvent.overview,
+        description: readarrCalendarEvent.overview ?? null,
-        thumbnail: this.chooseBestImageAsURL(readarrCalendarEvent),
+        startDate: readarrCalendarEvent.releaseDate,
-        date: readarrCalendarEvent.releaseDate,
+        endDate: null,
-        mediaInformation: {
+        image: imageSrc
-          type: "audio",
+          ? {
-        },
+              src: imageSrc,
+              aspectRatio: { width: 7, height: 12 },
+            }
+          : null,
+        location: null,
+        indicatorColor: "#f5c518",
         links: this.getLinksForReadarrCalendarEvent(readarrCalendarEvent),
       };
     });
@@ -72,9 +79,8 @@ export class ReadarrIntegration extends Integration implements ICalendarIntegrat
         isDark: false,
         logo: "/images/apps/readarr.svg",
         name: "Readarr",
-        notificationColor: "#f5c518",
       },
-    ] satisfies CalendarEvent["links"];
+    ] satisfies CalendarLink[];
   };
 
   private chooseBestImage = (

packages/integrations/src/media-organizer/sonarr/sonarr-integration.ts

@@ -8,7 +8,7 @@ import type { IntegrationTestingInput } from "../../base/integration";
 import { TestConnectionError } from "../../base/test-connection/test-connection-error";
 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 { CalendarEvent, CalendarLink } from "../../interfaces/calendar/calendar-types";
 import { mediaOrganizerPriorities } from "../media-organizer";
 
 export class SonarrIntegration extends Integration implements ICalendarIntegration {
@@ -33,33 +33,36 @@ export class SonarrIntegration extends Integration implements ICalendarIntegrati
         "X-Api-Key": super.getSecretValue("apiKey"),
       },
     });
-    const sonarCalendarEvents = await z.array(sonarrCalendarEventSchema).parseAsync(await response.json());
+    const sonarrCalendarEvents = await z.array(sonarrCalendarEventSchema).parseAsync(await response.json());
 
-    return sonarCalendarEvents.map(
+    return sonarrCalendarEvents.map((event): CalendarEvent => {
-      (sonarCalendarEvent): CalendarEvent => ({
+      const imageSrc = this.chooseBestImageAsURL(event);
-        name: sonarCalendarEvent.title,
+      return {
-        subName: sonarCalendarEvent.series.title,
+        title: event.title,
-        description: sonarCalendarEvent.series.overview,
+        subTitle: event.series.title,
-        thumbnail: this.chooseBestImageAsURL(sonarCalendarEvent),
+        description: event.series.overview ?? null,
-        date: sonarCalendarEvent.airDateUtc,
+        startDate: event.airDateUtc,
-        mediaInformation: {
+        endDate: null,
-          type: "tv",
+        image: imageSrc
-          episodeNumber: sonarCalendarEvent.episodeNumber,
+          ? {
-          seasonNumber: sonarCalendarEvent.seasonNumber,
+              src: imageSrc,
-        },
+              aspectRatio: { width: 7, height: 12 },
-        links: this.getLinksForSonarCalendarEvent(sonarCalendarEvent),
+            }
-      }),
+          : null,
-    );
+        location: null,
+        indicatorColor: "blue",
+        links: this.getLinksForSonarrCalendarEvent(event),
+      };
+    });
   }
 
-  private getLinksForSonarCalendarEvent = (event: z.infer<typeof sonarrCalendarEventSchema>) => {
+  private getLinksForSonarrCalendarEvent = (event: z.infer<typeof sonarrCalendarEventSchema>) => {
-    const links: CalendarEvent["links"] = [
+    const links: CalendarLink[] = [
       {
         href: this.url(`/series/${event.series.titleSlug}`).toString(),
         name: "Sonarr",
         logo: "/images/apps/sonarr.svg",
         color: undefined,
-        notificationColor: "blue",
         isDark: true,
       },
     ];

packages/integrations/src/mock/data/calendar.ts

@@ -8,32 +8,46 @@ export class CalendarMockService implements ICalendarIntegration {
   }
 }
 
-const homarrMeetup = (start: Date, end: Date): CalendarEvent => ({
+const homarrMeetup = (start: Date, end: Date): CalendarEvent => {
-  name: "Homarr Meetup",
+  const startDate = randomDateBetween(start, end);
-  subName: "",
+  const endDate = new Date(startDate.getTime() + 2 * 60 * 60 * 1000); // 2 hours later
-  description: "Yearly meetup of the Homarr community",
+  return {
-  date: randomDateBetween(start, end),
+    title: "Homarr Meetup",
-  links: [
+    subTitle: "",
-    {
+    description: "Yearly meetup of the Homarr community",
-      href: "https://homarr.dev",
+    startDate,
-      name: "Homarr",
+    endDate,
-      logo: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/homarr.svg",
+    image: null,
-      color: "#000000",
+    location: "Mountains",
-      notificationColor: "#fa5252",
+    indicatorColor: "#fa5252",
-      isDark: true,
+    links: [
-    },
+      {
-  ],
+        href: "https://homarr.dev",
-});
+        name: "Homarr",
+        logo: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/homarr.svg",
+        color: "#000000",
+        isDark: true,
+      },
+    ],
+  };
+};
 
 const titanicRelease = (start: Date, end: Date): CalendarEvent => ({
-  name: "Titanic",
+  title: "Titanic",
-  subName: "A classic movie",
+  subTitle: "A classic movie",
   description: "A tragic love story set on the ill-fated RMS Titanic.",
-  date: randomDateBetween(start, end),
+  startDate: randomDateBetween(start, end),
-  thumbnail: "https://image.tmdb.org/t/p/original/5bTWA20cL9LCIGNpde4Epc2Ijzn.jpg",
+  endDate: null,
-  mediaInformation: {
+  image: {
-    type: "movie",
+    src: "https://image.tmdb.org/t/p/original/5bTWA20cL9LCIGNpde4Epc2Ijzn.jpg",
+    aspectRatio: { width: 7, height: 12 },
   },
+  location: null,
+  metadata: {
+    type: "radarr",
+    releaseType: "inCinemas",
+  },
+  indicatorColor: "cyan",
   links: [
     {
       href: "https://www.imdb.com/title/tt0120338/",
@@ -41,22 +55,26 @@ const titanicRelease = (start: Date, end: Date): CalendarEvent => ({
       color: "#f5c518",
       isDark: false,
       logo: "/images/apps/imdb.svg",
-      notificationColor: "cyan",
     },
   ],
 });
 
 const seriesRelease = (start: Date, end: Date): CalendarEvent => ({
-  name: "The Mandalorian",
+  title: "The Mandalorian",
-  subName: "A Star Wars Series",
+  subTitle: "A Star Wars Series",
   description: "A lone bounty hunter in the outer reaches of the galaxy.",
-  date: randomDateBetween(start, end),
+  startDate: randomDateBetween(start, end),
-  thumbnail: "https://image.tmdb.org/t/p/original/ztvm7C7hiUpS3CZRXFmJxljICzK.jpg",
+  endDate: null,
-  mediaInformation: {
+  image: {
-    type: "tv",
+    src: "https://image.tmdb.org/t/p/original/sWgBv7LV2PRoQgkxwlibdGXKz1S.jpg",
-    seasonNumber: 1,
+    aspectRatio: { width: 7, height: 12 },
-    episodeNumber: 1,
+    badge: {
+      content: "S1:E1",
+      color: "red",
+    },
   },
+  location: null,
+  indicatorColor: "blue",
   links: [
     {
       href: "https://www.imdb.com/title/tt8111088/",
@@ -64,7 +82,6 @@ const seriesRelease = (start: Date, end: Date): CalendarEvent => ({
       color: "#f5c518",
       isDark: false,
       logo: "/images/apps/imdb.svg",
-      notificationColor: "blue",
     },
   ],
 });

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

@@ -63,17 +63,20 @@ export class NextcloudIntegration extends Integration implements ICalendarIntegr
       );
 
       return {
-        name: veventObject.summary,
+        title: veventObject.summary,
-        date,
+        subTitle: null,
-        subName: "",
         description: veventObject.description,
+        startDate: date,
+        endDate: veventObject.end,
+        image: null,
+        location: veventObject.location || null,
+        indicatorColor: "#ff8600",
         links: [
           {
             href: url.toString(),
             name: "Nextcloud",
             logo: "/images/apps/nextcloud.svg",
             color: undefined,
-            notificationColor: "#ff8600",
             isDark: true,
           },
         ],

packages/log/package.json

@@ -27,7 +27,7 @@
     "@homarr/core": "workspace:^0.1.0",
     "superjson": "2.2.2",
     "winston": "3.17.0",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/modals-collection/package.json

@@ -33,13 +33,13 @@
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
     "@tabler/icons-react": "^3.34.1",
     "dayjs": "^1.11.18",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/modals/package.json

@@ -24,8 +24,8 @@
   "dependencies": {
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
     "react": "19.1.1"
   },
   "devDependencies": {

packages/notifications/package.json

@@ -24,7 +24,7 @@
   "prettier": "@homarr/prettier-config",
   "dependencies": {
     "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/notifications": "^8.2.8",
+    "@mantine/notifications": "^8.3.1",
     "@tabler/icons-react": "^3.34.1"
   },
   "devDependencies": {

packages/old-import/package.json

@@ -37,14 +37,14 @@
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
     "adm-zip": "0.5.16",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "superjson": "2.2.2",
-    "zod": "^4.1.5",
+    "zod": "^4.1.8",
     "zod-form-data": "^3.0.1"
   },
   "devDependencies": {

packages/old-schema/package.json

@@ -23,7 +23,7 @@
   "prettier": "@homarr/prettier-config",
   "dependencies": {
     "@homarr/common": "workspace:^0.1.0",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/request-handler/package.json

@@ -32,7 +32,7 @@
     "dayjs": "^1.11.18",
     "octokit": "^5.0.3",
     "superjson": "2.2.2",
-    "undici": "7.15.0"
+    "undici": "7.16.0"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/settings/package.json

@@ -26,8 +26,8 @@
     "@homarr/api": "workspace:^0.1.0",
     "@homarr/db": "workspace:^0.1.0",
     "@homarr/server-settings": "workspace:^0.1.0",
-    "@mantine/dates": "^8.2.8",
+    "@mantine/dates": "^8.3.1",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1"
   },

packages/spotlight/package.json

@@ -33,12 +33,12 @@
     "@homarr/settings": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
-    "@mantine/spotlight": "^8.2.8",
+    "@mantine/spotlight": "^8.3.1",
     "@tabler/icons-react": "^3.34.1",
-    "jotai": "^2.13.1",
+    "jotai": "^2.14.0",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "use-deep-compare-effect": "^1.8.1"

packages/translation/package.json

@@ -32,8 +32,8 @@
     "dayjs": "^1.11.18",
     "deepmerge": "4.3.1",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.2",
+    "next": "15.5.3",
-    "next-intl": "4.3.7",
+    "next-intl": "4.3.8",
     "react": "19.1.1",
     "react-dom": "19.1.1"
   },

packages/translation/src/lang/ca.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/cn.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole 数据"
             },
-            "sessionCleanup": {
-              "label": "会话清理"
-            },
             "updateChecker": {
               "label": "更新检查"
             },

packages/translation/src/lang/cs.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/da.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole Data"
             },
-            "sessionCleanup": {
-              "label": "Sessions Oprydning"
-            },
             "updateChecker": {
               "label": "Opdaterings checker"
             },

packages/translation/src/lang/de-CH.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole Daten"
             },
-            "sessionCleanup": {
-              "label": "Sitzung bereinigen"
-            },
             "updateChecker": {
               "label": "Updateprüfer"
             },

packages/translation/src/lang/de.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole Daten"
             },
-            "sessionCleanup": {
-              "label": "Sitzung bereinigen"
-            },
             "updateChecker": {
               "label": "Updateprüfer"
             },

packages/translation/src/lang/el.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

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

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/en.json

@@ -945,6 +945,10 @@
           "label": "Topic",
           "newLabel": "New topic"
         },
+        "url": {
+          "label": "Url",
+          "newLabel": "New url"
+        },
         "opnsenseApiKey": {
           "label": "API Key (Key)",
           "newLabel": "New API Key (Key)"
@@ -1543,7 +1547,15 @@
         "width": "Width",
         "height": "Height"
       },
-      "placeholder": "Start writing your notes"
+      "placeholder": "Start writing your notes",
+      "dismiss": {
+        "title": "Dismiss changes?",
+        "message": "You have unsaved changes in your notebook. Are you sure you want to discard them?",
+        "action": {
+          "discard": "Discard changes",
+          "keepEditing": "Keep editing"
+        }
+      }
     },
     "iframe": {
       "name": "iFrame",
@@ -2490,7 +2502,29 @@
     "systemResources": {
       "name": "System resources",
       "description": "CPU, Memory, Disk and other hardware usage of your system",
-      "option": {},
+      "option": {
+        "hasShadow": {
+          "label": "Enable chart shading"
+        },
+        "visibleCharts": {
+          "label": "Visible charts",
+          "description": "Select the charts you want to be visible.",
+          "option": {
+            "cpu": "CPU",
+            "memory": "Memory",
+            "network": "Network"
+          }
+        },
+        "labelDisplayMode": {
+          "label": "Label display mode",
+          "option": {
+            "textWithIcon": "Show text with icon",
+            "text": "Show only text",
+            "icon": "Show only icon",
+            "hidden": "Hide label"
+          }
+        }
+      },
       "card": {
         "cpu": "CPU",
         "memory": "MEM",

packages/translation/src/lang/es.json

@@ -954,16 +954,16 @@
           "newLabel": "Nueva clave API (Credencial)"
         },
         "githubAppId": {
-          "label": "",
+          "label": "ID de aplicación",
-          "newLabel": ""
+          "newLabel": "Nuevo ID de aplicación"
         },
         "githubInstallationId": {
-          "label": "",
+          "label": "ID de instalación",
-          "newLabel": ""
+          "newLabel": "Nuevo ID de instalación"
         },
         "privateKey": {
-          "label": "",
+          "label": "Clave privada",
-          "newLabel": ""
+          "newLabel": "Nueva clave privada"
         }
       }
     },
@@ -975,7 +975,7 @@
   },
   "media": {
     "plural": "Imágenes",
-    "search": "Encuentra una imagen",
+    "search": "Buscar una imagen",
     "field": {
       "name": "Nombre",
       "size": "Tamaño",
@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "Datos de agujero DNS"
             },
-            "sessionCleanup": {
-              "label": "Limpieza de sesión"
-            },
             "updateChecker": {
               "label": "Comprobador de actualización"
             },
@@ -3893,16 +3890,16 @@
             "label": "Credenciales"
           },
           "volumes": {
-            "label": ""
+            "label": "Volúmenes"
           }
         },
         "logs": {
-          "label": ""
+          "label": "Registros"
         },
         "certificates": {
-          "label": "",
+          "label": "Certificados",
           "hostnames": {
-            "label": ""
+            "label": "Nombres de host"
           }
         }
       },
@@ -3915,28 +3912,28 @@
     }
   },
   "search": {
-    "placeholder": "",
+    "placeholder": "Busca lo que quieras",
-    "nothingFound": "",
+    "nothingFound": "Ningún resultado encontrado",
     "error": {
-      "fetch": ""
+      "fetch": "Se produjo un error al recuperar los datos"
     },
     "mode": {
       "appIntegrationBoard": {
-        "help": "",
+        "help": "Buscar aplicaciones, integraciones o tableros",
         "group": {
           "app": {
             "title": "Aplicaciones",
             "children": {
               "action": {
                 "open": {
-                  "label": ""
+                  "label": "Abrir URL de aplicación"
                 },
                 "edit": {
-                  "label": ""
+                  "label": "Editar aplicación"
                 }
               },
               "detail": {
-                "title": ""
+                "title": "Seleccionar una acción para la aplicación"
               }
             }
           },
@@ -3945,122 +3942,122 @@
             "children": {
               "action": {
                 "open": {
-                  "label": ""
+                  "label": "Abrir tablero"
                 },
                 "homeBoard": {
-                  "label": ""
+                  "label": "Establecer como tablero de inicio"
                 },
                 "mobileBoard": {
-                  "label": ""
+                  "label": "Establecer como tablero móvil"
                 },
                 "settings": {
-                  "label": ""
+                  "label": "Abrir ajustes"
                 }
               },
               "detail": {
-                "title": ""
+                "title": "Seleccionar una acción para el tablero"
               }
             }
           },
           "integration": {
-            "title": ""
+            "title": "Integraciones"
           }
         }
       },
       "command": {
-        "help": "",
+        "help": "Activar modo comando",
         "group": {
           "localCommand": {
-            "title": ""
+            "title": "Comandos locales"
           },
           "globalCommand": {
-            "title": "",
+            "title": "Comandos globales",
             "option": {
               "colorScheme": {
-                "light": "",
+                "light": "Cambiar a modo claro",
-                "dark": ""
+                "dark": "Cambiar a modo oscuro"
               },
               "language": {
-                "label": "",
+                "label": "Cambiar idioma",
                 "children": {
                   "detail": {
-                    "title": ""
+                    "title": "Selecciona tu idioma preferido"
                   }
                 }
               },
               "newBoard": {
-                "label": ""
+                "label": "Crear un nuevo tablero"
               },
               "importBoard": {
-                "label": ""
+                "label": "Importar un tablero"
               },
               "newApp": {
-                "label": ""
+                "label": "Crear una nueva aplicación"
               },
               "newIntegration": {
-                "label": "",
+                "label": "Crear una nueva integración",
                 "children": {
                   "detail": {
-                    "title": ""
+                    "title": "Selecciona el tipo de integración que deseas crear"
                   }
                 }
               },
               "newUser": {
-                "label": ""
+                "label": "Crear un nuevo usuario"
               },
               "newInvite": {
-                "label": ""
+                "label": "Crear una nueva invitación"
               },
               "newGroup": {
-                "label": ""
+                "label": "Crear un nuevo grupo"
               }
             }
           }
         }
       },
       "media": {
-        "requestMovie": "",
+        "requestMovie": "Solicitar película",
-        "requestSeries": "",
+        "requestSeries": "Solicitar serie",
-        "openIn": ""
+        "openIn": "Abrir en {kind}"
       },
       "external": {
-        "help": "",
+        "help": "Usar un motor de búsqueda externo",
         "group": {
           "searchEngine": {
-            "title": "",
+            "title": "Motores de búsqueda",
             "children": {
               "action": {
                 "search": {
-                  "label": ""
+                  "label": "Buscar con {name}"
                 }
               },
               "detail": {
-                "title": ""
+                "title": "Selecciona una acción para el motor de búsqueda"
               },
               "searchResults": {
-                "title": ""
+                "title": "Selecciona un resultado de búsqueda para acciones"
               }
             },
             "option": {
               "google": {
-                "name": "",
+                "name": "Google",
-                "description": ""
+                "description": "Buscar en la web con Google"
               },
               "bing": {
-                "name": "",
+                "name": "Bing",
-                "description": ""
+                "description": "Buscar en la web con Bing"
               },
               "duckduckgo": {
-                "name": "",
+                "name": "DuckDuckGo",
-                "description": ""
+                "description": "Buscar en la web con DuckDuckGo"
               },
               "torrent": {
-                "name": "",
+                "name": "Torrents",
-                "description": ""
+                "description": "Buscar torrents en torrentdownloads.pro"
               },
               "youTube": {
-                "name": "",
+                "name": "YouTube",
-                "description": ""
+                "description": "Buscar vídeos en YouTube"
               }
             }
           }
@@ -4069,7 +4066,7 @@
       "help": {
         "group": {
           "mode": {
-            "title": ""
+            "title": "Modos"
           },
           "help": {
             "title": "Ayuda",
@@ -4078,7 +4075,7 @@
                 "label": "Documentación"
               },
               "submitIssue": {
-                "label": ""
+                "label": "Enviar una incidencia"
               },
               "discord": {
                 "label": "Comunidad de Discord"
@@ -4090,81 +4087,81 @@
       "home": {
         "group": {
           "search": {
-            "title": "",
+            "title": "Buscar",
             "option": {
               "other": {
-                "label": ""
+                "label": "Buscar con otro motor de búsqueda"
               },
               "no-default": {
-                "label": "",
+                "label": "Ningún motor de búsqueda por defecto",
-                "description": ""
+                "description": "Establece un motor de búsqueda predeterminado en las preferencias"
               },
               "search": {
-                "label": ""
+                "label": "Buscar \"{query}\" con {name}"
               },
               "from-integration": {
-                "description": ""
+                "description": "Empieza a escribir para buscar"
               }
             }
           },
           "local": {
-            "title": ""
+            "title": "Resultados locales"
           }
         }
       },
       "page": {
-        "help": "",
+        "help": "Buscar páginas",
         "group": {
           "page": {
-            "title": "",
+            "title": "Páginas",
             "option": {
               "manageHome": {
-                "label": ""
+                "label": "Administrar página de inicio"
               },
               "manageBoard": {
-                "label": ""
+                "label": "Administrar tableros"
               },
               "manageApp": {
-                "label": ""
+                "label": "Administrar aplicaciones"
               },
               "manageIntegration": {
-                "label": ""
+                "label": "Administrar integraciones"
               },
               "manageSearchEngine": {
-                "label": ""
+                "label": "Administrar motores de búsqueda"
               },
               "manageMedia": {
-                "label": ""
+                "label": "Administrar imágenes"
               },
               "manageUser": {
                 "label": "Administrar usuarios"
               },
               "manageInvite": {
-                "label": ""
+                "label": "Administrar invitaciones"
               },
               "manageGroup": {
-                "label": ""
+                "label": "Administrar grupos"
               },
               "manageDocker": {
-                "label": ""
+                "label": "Administrar docker"
               },
               "manageApi": {
-                "label": ""
+                "label": "Swagger API"
               },
               "manageLog": {
-                "label": ""
+                "label": "Ver registros"
               },
               "manageTask": {
-                "label": ""
+                "label": "Administrar tareas"
               },
               "manageSettings": {
-                "label": ""
+                "label": "Ajustes globales"
               },
               "about": {
                 "label": "Acerca de"
               },
               "homeBoard": {
-                "label": ""
+                "label": "Tablero de inicio"
               },
               "preferences": {
                 "label": "Tus preferencias"
@@ -4174,37 +4171,37 @@
         }
       },
       "userGroup": {
-        "help": "",
+        "help": "Buscar usuarios o grupos",
         "group": {
           "user": {
             "title": "Usuarios",
             "children": {
               "action": {
                 "detail": {
-                  "label": ""
+                  "label": "Mostrar detalles de usuario"
                 }
               },
               "detail": {
-                "title": ""
+                "title": "Selecciona una acción para el usuario"
               }
             }
           },
           "group": {
-            "title": "",
+            "title": "Grupos",
             "children": {
               "action": {
                 "detail": {
-                  "label": ""
+                  "label": "Mostrar detalles del grupo"
                 },
                 "manageMember": {
-                  "label": ""
+                  "label": "Administrar usuarios"
                 },
                 "managePermission": {
-                  "label": ""
+                  "label": "Administrar permisos"
                 }
               },
               "detail": {
-                "title": ""
+                "title": "Selecciona una acción para el grupo"
               }
             }
           }
@@ -4212,72 +4209,72 @@
       }
     },
     "engine": {
-      "search": "",
+      "search": "Buscar un motor de búsqueda",
       "field": {
         "name": {
           "label": "Nombre"
         },
         "short": {
-          "label": ""
+          "label": "Abreviatura"
         },
         "urlTemplate": {
-          "label": ""
+          "label": "Plantilla de búsqueda de URL"
         },
         "description": {
-          "label": ""
+          "label": "Descripción"
         }
       },
       "page": {
         "list": {
-          "title": "",
+          "title": "Motores de búsqueda",
           "noResults": {
-            "title": "",
+            "title": "Todavía no hay motores de búsqueda",
-            "action": ""
+            "action": "Crea tu primer motor de búsqueda"
           },
-          "interactive": ""
+          "interactive": "Interactivo, utiliza una integración"
         },
         "create": {
-          "title": "",
+          "title": "Nuevo motor de búsqueda",
           "notification": {
             "success": {
-              "title": "",
+              "title": "Motor de búsqueda creado",
-              "message": ""
+              "message": "El motor de búsqueda fue creado con éxito"
             },
             "error": {
-              "title": "",
+              "title": "No se creó el motor de búsqueda",
-              "message": ""
+              "message": "El motor de búsqueda no pudo ser creado"
             }
           }
         },
         "edit": {
-          "title": "",
+          "title": "Editar motor de búsqueda",
           "notification": {
             "success": {
-              "title": "",
+              "title": "Cambios aplicados con éxito",
-              "message": ""
+              "message": "El motor de búsqueda se guardó con éxito"
             },
             "error": {
-              "title": "",
+              "title": "No se pudieron aplicar los cambios",
-              "message": ""
+              "message": "No se pudo guardar el motor de búsqueda"
             }
           },
-          "configControl": "",
+          "configControl": "Configuración",
           "searchEngineType": {
-            "generic": "",
+            "generic": "Genérico",
-            "fromIntegration": ""
+            "fromIntegration": "Desde integración"
           }
         },
         "delete": {
-          "title": "",
+          "title": "Eliminar motor de búsqueda",
-          "message": "",
+          "message": "¿Estás seguro de que quieres eliminar el motor de búsqueda {name}?",
           "notification": {
             "success": {
-              "title": "",
+              "title": "Motor de búsqueda eliminado",
-              "message": ""
+              "message": "El motor de búsqueda fue eliminado con éxito"
             },
             "error": {
-              "title": "",
+              "title": "Motor de búsqueda no eliminado",
-              "message": ""
+              "message": "No se ha podido eliminar el motor de búsqueda"
             }
           }
         }
@@ -4285,15 +4282,15 @@
       "media": {
         "request": {
           "modal": {
-            "title": "",
+            "title": "Solicitar \"{name}\"",
             "table": {
               "header": {
-                "season": "",
+                "season": "Temporada",
-                "episodes": ""
+                "episodes": "Episodios"
               }
             },
             "button": {
-              "send": ""
+              "send": "Enviar solicitud"
             }
           }
         }
@@ -4303,89 +4300,89 @@
   "certificate": {
     "field": {
       "hostname": {
-        "label": ""
+        "label": "Nombre de host"
       },
       "subject": {
-        "label": ""
+        "label": "Sujeto"
       },
       "issuer": {
-        "label": ""
+        "label": "Emisor"
       },
       "validFrom": {
-        "label": ""
+        "label": "Válido desde"
       },
       "validTo": {
-        "label": ""
+        "label": "Válido hasta"
       },
       "serialNumber": {
-        "label": ""
+        "label": "Número de serie"
       },
       "fingerprint": {
-        "label": ""
+        "label": "Huella digital"
       }
     },
     "page": {
       "list": {
-        "title": "",
+        "title": "Certificados de confianza",
-        "description": "",
+        "description": "Utilizado por Homarr para solicitar datos de las integraciones.",
         "noResults": {
-          "title": ""
+          "title": "Aún no hay certificados"
         },
         "invalid": {
           "title": "Certificado no válido",
           "description": "Error al analizar el certificado"
         },
-        "expires": "",
+        "expires": "Expira {when}",
-        "toHostnames": ""
+        "toHostnames": "Nombres de host de confianza"
       },
       "hostnames": {
-        "title": "",
+        "title": "Nombres de host de certificado de confianza",
-        "description": "",
+        "description": "Algunos certificados no permiten que el dominio específico que utiliza Homarr los solicite, debido a esto todos los nombres de host de confianza con sus huellas digitales de certificado se utilizan para eludir estas restricciones.",
         "noResults": {
-          "title": ""
+          "title": "Aún no hay nombres de host"
         },
-        "toCertificates": ""
+        "toCertificates": "Certificados"
       }
     },
     "action": {
       "create": {
-        "label": "",
+        "label": "Añadir certificado",
         "notification": {
           "success": {
-            "title": "",
+            "title": "Certificado añadido",
-            "message": ""
+            "message": "El certificado fue añadido con éxito"
           },
           "error": {
-            "title": "",
+            "title": "Error al añadir el certificado",
-            "message": ""
+            "message": "No se ha podido añadir el certificado"
           }
         }
       },
       "remove": {
-        "label": "",
+        "label": "Eliminar certificado",
-        "confirm": "",
+        "confirm": "¿Estás seguro de que deseas eliminar el certificado?",
         "notification": {
           "success": {
-            "title": "",
+            "title": "Certificado eliminado",
-            "message": ""
+            "message": "El certificado fue eliminado con éxito"
           },
           "error": {
-            "title": "",
+            "title": "Certificado no eliminado",
-            "message": ""
+            "message": "No se ha podido eliminar el certificado"
           }
         }
       },
       "removeHostname": {
-        "label": "",
+        "label": "Eliminar nombre de host de confianza",
-        "confirm": "",
+        "confirm": "¿Estás seguro de que quieres eliminar este nombre de host de confianza? Esto puede causar que algunas integraciones dejen de funcionar.",
         "notification": {
           "success": {
-            "title": "",
+            "title": "Nombre de host eliminado",
-            "message": ""
+            "message": "El nombre de host fue eliminado con éxito"
           },
           "error": {
-            "title": "",
+            "title": "Nombre de host no eliminado",
-            "message": ""
+            "message": "El nombre de host no pudo ser eliminado"
           }
         }
       }
@@ -4394,10 +4391,10 @@
   "log": {
     "level": {
       "option": {
-        "debug": "",
+        "debug": "Depuración",
-        "info": "",
+        "info": "Información",
-        "warn": "",
+        "warn": "Advertencia",
-        "error": ""
+        "error": "Error"
       }
     }
   }

packages/translation/src/lang/et.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/fr.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "Données du puit DNS"
             },
-            "sessionCleanup": {
-              "label": "Nettoyage de session"
-            },
             "updateChecker": {
               "label": "Vérificateur de mise à jour"
             },

packages/translation/src/lang/he.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "נתוני חור DNS"
             },
-            "sessionCleanup": {
-              "label": "ניקוי סשן"
-            },
             "updateChecker": {
               "label": "בודק עדכונים"
             },

packages/translation/src/lang/hr.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/hu.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/it.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/ja.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Holeデータ"
             },
-            "sessionCleanup": {
-              "label": "セッションのクリーンアップ"
-            },
             "updateChecker": {
               "label": "アップデートチェッカー"
             },

packages/translation/src/lang/ko.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/lt.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/lv.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/nl.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS-hole gegevens"
             },
-            "sessionCleanup": {
-              "label": "Sessie opruimen"
-            },
             "updateChecker": {
               "label": "Update checker"
             },

packages/translation/src/lang/no.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole Data"
             },
-            "sessionCleanup": {
-              "label": "Økt opprydding"
-            },
             "updateChecker": {
               "label": "Oppdateringssjekk"
             },

packages/translation/src/lang/pl.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "Dane DNS Hole"
             },
-            "sessionCleanup": {
-              "label": "Czyszczenie sesji"
-            },
             "updateChecker": {
               "label": "Sprawdzanie aktualizacji"
             },

packages/translation/src/lang/pt.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/ro.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/ru.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "Данные DNS-фильтра"
             },
-            "sessionCleanup": {
-              "label": "Очистка сессий"
-            },
             "updateChecker": {
               "label": "Проверка обновлений"
             },

packages/translation/src/lang/sk.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "Údaje o dierach DNS"
             },
-            "sessionCleanup": {
-              "label": "Čistenie relácie"
-            },
             "updateChecker": {
               "label": "Kontrola aktualizácií"
             },

packages/translation/src/lang/sl.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/sv.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/tr.json

@@ -954,16 +954,16 @@
           "newLabel": "Yeni API Anahtarı (Gizli Anahtar)"
         },
         "githubAppId": {
-          "label": "",
+          "label": "Uygulama Kimliği",
-          "newLabel": ""
+          "newLabel": "Yeni Uygulama Kimliği"
         },
         "githubInstallationId": {
-          "label": "",
+          "label": "Kurulum Kimliği",
-          "newLabel": ""
+          "newLabel": "Yeni Kurulum Kimliği"
         },
         "privateKey": {
-          "label": "",
+          "label": "Özel Anahtar",
-          "newLabel": ""
+          "newLabel": "Yeni özel anahtar"
         }
       }
     },
@@ -2273,7 +2273,7 @@
           "label": "Gönderi sayısı sınırı"
         },
         "hideDescription": {
-          "label": ""
+          "label": "Açıklamayı gizle"
         }
       }
     },
@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Çözümleyici Verileri"
             },
-            "sessionCleanup": {
-              "label": "Oturum Temizleme"
-            },
             "updateChecker": {
               "label": "Güncelleme denetleyicisi"
             },

packages/translation/src/lang/uk.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/vi.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": ""
             },
-            "sessionCleanup": {
-              "label": ""
-            },
             "updateChecker": {
               "label": ""
             },

packages/translation/src/lang/zh.json

@@ -3255,9 +3255,6 @@
             "dnsHole": {
               "label": "DNS Hole 數據"
             },
-            "sessionCleanup": {
-              "label": "會話清理"
-            },
             "updateChecker": {
               "label": "更新檢查"
             },

packages/ui/package.json

@@ -30,12 +30,12 @@
     "@homarr/log": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/dates": "^8.2.8",
+    "@mantine/dates": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
     "@tabler/icons-react": "^3.34.1",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "svgson": "^5.3.1"

packages/validation/package.json

@@ -24,7 +24,7 @@
   "dependencies": {
     "@homarr/definitions": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
-    "zod": "^4.1.5",
+    "zod": "^4.1.8",
     "zod-form-data": "^3.0.1"
   },
   "devDependencies": {

packages/widgets/package.json

@@ -48,9 +48,9 @@
     "@homarr/translation": "workspace:^0.1.0",
     "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/charts": "^8.2.8",
+    "@mantine/charts": "^8.3.1",
-    "@mantine/core": "^8.2.8",
+    "@mantine/core": "^8.3.1",
-    "@mantine/hooks": "^8.2.8",
+    "@mantine/hooks": "^8.3.1",
     "@tabler/icons-react": "^3.34.1",
     "@tiptap/extension-color": "2.26.1",
     "@tiptap/extension-highlight": "2.26.1",
@@ -72,13 +72,13 @@
     "dayjs": "^1.11.18",
     "mantine-form-zod-resolver": "^1.3.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.2",
+    "next": "15.5.3",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-markdown": "^10.1.0",
     "recharts": "^2.15.4",
     "video.js": "^8.23.4",
-    "zod": "^4.1.5"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@homarr/eslint-config": "workspace:^0.2.0",

packages/widgets/src/calendar/calendar-event-list.tsx

@@ -11,9 +11,10 @@ import {
   Text,
   useMantineColorScheme,
 } from "@mantine/core";
-import { IconClock } from "@tabler/icons-react";
+import { IconClock, IconPin } from "@tabler/icons-react";
 import dayjs from "dayjs";
 
+import { isNullOrWhitespace } from "@homarr/common";
 import type { CalendarEvent } from "@homarr/integrations/types";
 import { useI18n } from "@homarr/translation/client";
 
@@ -40,85 +41,108 @@ export const CalendarEventList = ({ events }: CalendarEventListProps) => {
       <Stack>
         {events.map((event, eventIndex) => (
           <Group key={`event-${eventIndex}`} align={"stretch"} wrap="nowrap">
-            <Box pos={"relative"} w={70} h={120}>
+            {event.image !== null && (
-              <Image
+              <Box pos="relative">
-                src={event.thumbnail}
+                <Image
-                w={70}
+                  src={event.image.src}
-                h={120}
+                  w={70}
-                radius={"sm"}
+                  mah={150}
-                fallbackSrc={"https://placehold.co/400x600?text=No%20image"}
+                  style={{
-              />
+                    aspectRatio: event.image.aspectRatio
-              {event.mediaInformation?.type === "tv" && (
+                      ? `${event.image.aspectRatio.width} / ${event.image.aspectRatio.height}`
-                <Badge
+                      : "1/1",
-                  pos={"absolute"}
+                  }}
-                  bottom={-6}
+                  radius="sm"
-                  left={"50%"}
+                  fallbackSrc="https://placehold.co/400x400?text=No%20image"
-                  w={"inherit"}
+                />
-                  className={classes.badge}
+                {event.image.badge !== undefined && (
-                >{`S${event.mediaInformation.seasonNumber} / E${event.mediaInformation.episodeNumber}`}</Badge>
+                  <Badge pos="absolute" bottom={-6} left="50%" w="90%" className={classes.badge}>
-              )}
+                    {event.image.badge.content}
-            </Box>
+                  </Badge>
+                )}
+              </Box>
+            )}
             <Stack style={{ flexGrow: 1 }} gap={0}>
-              <Group justify={"space-between"} align={"start"} mb={"xs"} wrap="nowrap">
+              <Group justify="space-between" align="start" mb="xs" wrap="nowrap">
                 <Stack gap={0}>
-                  {event.subName && (
+                  {event.subTitle !== null && (
                     <Text lineClamp={1} size="sm">
-                      {event.subName}
+                      {event.subTitle}
                     </Text>
                   )}
                   <Text fw={"bold"} lineClamp={1} size="sm">
-                    {event.name}
+                    {event.title}
                   </Text>
                 </Stack>
-                {event.dates ? (
+                {event.metadata?.type === "radarr" && (
                   <Group wrap="nowrap">
                     <Text c="dimmed" size="sm">
-                      {t(
+                      {t(`widget.calendar.option.releaseType.options.${event.metadata.releaseType}`)}
-                        `widget.calendar.option.releaseType.options.${event.dates.find(({ date }) => event.date === date)?.type ?? "inCinemas"}`,
-                      )}
-                    </Text>
-                  </Group>
-                ) : (
-                  <Group gap={3} wrap="nowrap" align={"center"}>
-                    <IconClock opacity={0.7} size={"1rem"} />
-                    <Text c={"dimmed"} size={"sm"}>
-                      {dayjs(event.date).format("HH:mm")}
                     </Text>
                   </Group>
                 )}
+
+                <Group gap={3} wrap="nowrap" align={"center"}>
+                  <IconClock opacity={0.7} size={"1rem"} />
+                  <Text c={"dimmed"} size={"sm"}>
+                    {dayjs(event.startDate).format("HH:mm")}
+                  </Text>
+
+                  {event.endDate !== null && (
+                    <>
+                      -{" "}
+                      <Text c={"dimmed"} size={"sm"}>
+                        {dayjs(event.endDate).format("HH:mm")}
+                      </Text>
+                    </>
+                  )}
+                </Group>
               </Group>
-              {event.description && (
+
+              {event.location !== null && (
+                <Group gap={4} mb={isNullOrWhitespace(event.description) ? 0 : "sm"}>
+                  <IconPin opacity={0.7} size={"1rem"} />
+                  <Text size={"xs"} c={"dimmed"} lineClamp={1}>
+                    {event.location}
+                  </Text>
+                </Group>
+              )}
+
+              {!isNullOrWhitespace(event.description) && (
                 <Text size={"xs"} c={"dimmed"} lineClamp={2}>
                   {event.description}
                 </Text>
               )}
+
               {event.links.length > 0 && (
                 <Group pt={5} gap={5} mt={"auto"} wrap="nowrap">
-                  {event.links.map((link) => (
+                  {event.links
-                    <Button
+                    .filter((link) => link.href)
-                      key={link.href}
+                    .map((link) => (
-                      component={"a"}
+                      <Button
-                      href={link.href.toString()}
+                        key={link.href}
-                      target={"_blank"}
+                        component={"a"}
-                      size={"xs"}
+                        href={link.href.toString()}
-                      radius={"xl"}
+                        target={"_blank"}
-                      variant={link.color ? undefined : "default"}
+                        size={"xs"}
-                      styles={{
+                        radius={"xl"}
-                        root: {
+                        variant={link.color ? undefined : "default"}
-                          backgroundColor: link.color,
+                        styles={{
-                          color: link.isDark && colorScheme === "dark" ? "white" : "black",
+                          root: {
-                          "&:hover": link.color
+                            backgroundColor: link.color,
-                            ? {
+                            color: link.isDark && colorScheme === "dark" ? "white" : "black",
-                                backgroundColor: link.isDark ? lighten(link.color, 0.1) : darken(link.color, 0.1),
+                            "&:hover": link.color
-                              }
+                              ? {
-                            : undefined,
+                                  backgroundColor: link.isDark ? lighten(link.color, 0.1) : darken(link.color, 0.1),
-                        },
+                                }
-                      }}
+                              : undefined,
-                      leftSection={link.logo ? <Image src={link.logo} w={20} h={20} /> : undefined}
+                          },
-                    >
+                        }}
-                      <Text>{link.name}</Text>
+                        leftSection={link.logo ? <Image src={link.logo} fit="contain" w={20} h={20} /> : undefined}
-                    </Button>
+                      >
-                  ))}
+                        <Text>{link.name}</Text>
+                      </Button>
+                    ))}
                 </Group>
               )}
             </Stack>

packages/widgets/src/calendar/calender-day.tsx

@@ -79,7 +79,7 @@ interface NotificationIndicatorProps {
 }
 
 const NotificationIndicator = ({ events, isSmall }: NotificationIndicatorProps) => {
-  const notificationEvents = [...new Set(events.map((event) => event.links[0]?.notificationColor))].filter(String);
+  const notificationEvents = [...new Set(events.map((event) => event.indicatorColor))].filter(String);
   /* position bottom is lower when small to not be on top of number*/
   return (
     <Flex w="75%" pos={"absolute"} bottom={isSmall ? 4 : 10} left={"12.5%"} p={0} direction={"row"} justify={"center"}>

packages/widgets/src/calendar/component.tsx

@@ -10,7 +10,6 @@ import dayjs from "dayjs";
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
 import { useRequiredBoard } from "@homarr/boards/context";
-import type { CalendarEvent } from "@homarr/integrations/types";
 import { useSettings } from "@homarr/settings";
 
 import type { WidgetComponentProps } from "../definition";
@@ -124,13 +123,11 @@ const CalendarBase = ({ isEditMode, events, month, setMonth, options }: Calendar
       }}
       renderDay={(tileDate) => {
         const eventsForDate = events
-          .map((event) => ({
+          .filter((event) => dayjs(event.startDate).isSame(tileDate, "day"))
-            ...event,
+          .filter(
-            date: (event.dates?.filter(({ type }) => options.releaseType.includes(type)) ?? [event]).find(({ date }) =>
+            (event) => event.metadata?.type !== "radarr" || options.releaseType.includes(event.metadata.releaseType),
-              dayjs(date).isSame(tileDate, "day"),
+          )
-            )?.date,
+          .sort((eventA, eventB) => eventA.startDate.getTime() - eventB.startDate.getTime());
-          }))
-          .filter((event): event is CalendarEvent => Boolean(event.date));
 
         return (
           <CalendarDay

packages/widgets/src/notebook/notebook.tsx

@@ -72,6 +72,7 @@ import "./notebook.css";
 import { useSession } from "@homarr/auth/client";
 import { constructBoardPermissions } from "@homarr/auth/shared";
 import { useRequiredBoard } from "@homarr/boards/context";
+import { useConfirmModal } from "@homarr/modals";
 
 const iconProps = {
   size: 30,
@@ -240,9 +241,20 @@ export function Notebook({ options, setOptions, isEditMode, boardId, itemId }: W
     return false;
   }, [editor]);
 
+  const { openConfirmModal } = useConfirmModal();
   const handleEditCancel = useCallback(() => {
-    setIsEditing(handleEditCancelCallback);
+    openConfirmModal({
-  }, [setIsEditing, handleEditCancelCallback]);
+      title: t("widget.notebook.dismiss.title"),
+      children: t("widget.notebook.dismiss.message"),
+      labels: {
+        confirm: t("widget.notebook.dismiss.action.discard"),
+        cancel: t("widget.notebook.dismiss.action.keepEditing"),
+      },
+      onConfirm: () => {
+        setIsEditing(handleEditCancelCallback);
+      },
+    });
+  }, [setIsEditing, handleEditCancelCallback, openConfirmModal, t]);
 
   const handleEditToggle = useCallback(() => {
     setIsEditing(handleEditToggleCallback);

packages/widgets/src/system-resources/chart/combined-network-traffic.tsx

@@ -1,17 +1,23 @@
 import { Box, Group, Paper, Stack, Text } from "@mantine/core";
+import { IconNetwork } from "@tabler/icons-react";
 
 import { humanFileSize } from "@homarr/common";
 import { useScopedI18n } from "@homarr/translation/client";
 
+import type { LabelDisplayModeOption } from "..";
 import { CommonChart } from "./common-chart";
 
 export const CombinedNetworkTrafficChart = ({
   usageOverTime,
+  hasShadow,
+  labelDisplayMode,
 }: {
   usageOverTime: {
     up: number;
     down: number;
   }[];
+  hasShadow: boolean;
+  labelDisplayMode: LabelDisplayModeOption;
 }) => {
   const chartData = usageOverTime.map((usage, index) => ({ index, up: usage.up, down: usage.down }));
   const t = useScopedI18n("widget.systemResources.card");
@@ -25,7 +31,10 @@ export const CombinedNetworkTrafficChart = ({
         { name: "down", color: "yellow.5" },
       ]}
       title={t("network")}
+      icon={IconNetwork}
       yAxisProps={{ domain: [0, "dataMax"] }}
+      chartType={hasShadow ? "area" : "line"}
+      labelDisplayMode={labelDisplayMode}
       tooltipProps={{
         content: ({ payload }) => {
           if (!payload) {

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

@@ -1,28 +1,38 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { LineChartSeries } from "@mantine/charts";
+import type { ReactNode } from "react";
-import { LineChart } from "@mantine/charts";
+import type { AreaChartSeries } from "@mantine/charts";
+import { AreaChart, LineChart } from "@mantine/charts";
 import { Card, Center, Group, Loader, Stack, Text, useMantineColorScheme, useMantineTheme } from "@mantine/core";
 import { useElementSize, useHover, useMergedRef } from "@mantine/hooks";
 import type { TooltipProps, YAxisProps } from "recharts";
 
 import { useRequiredBoard } from "@homarr/boards/context";
+import type { TablerIcon } from "@homarr/ui";
+
+import type { LabelDisplayModeOption } from "..";
 
 export const CommonChart = ({
   data,
   dataKey,
   series,
   title,
+  icon: Icon,
+  labelDisplayMode,
   tooltipProps,
   yAxisProps,
   lastValue,
+  chartType = "line",
 }: {
   data: Record<string, any>[];
   dataKey: string;
-  series: LineChartSeries[];
+  series: AreaChartSeries[];
-  title: string;
+  title: ReactNode;
+  icon: TablerIcon;
+  labelDisplayMode: LabelDisplayModeOption;
   tooltipProps?: TooltipProps<number, any>;
   yAxisProps?: Omit<YAxisProps, "ref">;
   lastValue?: string;
+  chartType?: "line" | "area";
 }) => {
   const { ref: elementSizeRef, height } = useElementSize();
   const theme = useMantineTheme();
@@ -35,6 +45,10 @@ export const CommonChart = ({
   const backgroundColor =
     scheme.colorScheme === "dark" ? `rgba(57, 57, 57, ${opacity})` : `rgba(246, 247, 248, ${opacity})`;
 
+  const ChartComponent = chartType === "line" ? LineChart : AreaChart;
+  const showIcon = labelDisplayMode === "icon" || labelDisplayMode === "textWithIcon";
+  const showText = labelDisplayMode === "text" || labelDisplayMode === "textWithIcon";
+
   return (
     <Card
       ref={ref}
@@ -55,10 +69,14 @@ export const CommonChart = ({
           gap={5}
           wrap={"nowrap"}
           style={{ zIndex: 2, pointerEvents: "none" }}
+          align="center"
         >
-          <Text c={"dimmed"} size={height > 100 ? "md" : "xs"} fw={"bold"}>
+          {showIcon && <Icon color={"var(--mantine-color-dimmed)"} size={height > 100 ? 20 : 14} stroke={1.5} />}
-            {title}
+          {showText && (
-          </Text>
+            <Text c={"dimmed"} size={height > 100 ? "md" : "xs"} fw={"bold"}>
+              {title}
+            </Text>
+          )}
           {lastValue && (
             <Text c={"dimmed"} size={height > 100 ? "md" : "xs"} lineClamp={1}>
               {lastValue}
@@ -73,7 +91,7 @@ export const CommonChart = ({
           </Stack>
         </Center>
       ) : (
-        <LineChart
+        <ChartComponent
           data={data}
           dataKey={dataKey}
           h={"100%"}
@@ -90,6 +108,7 @@ export const CommonChart = ({
           tooltipProps={tooltipProps}
           withTooltip={height >= 64}
           yAxisProps={yAxisProps}
+          fillOpacity={chartType === "area" ? 0.3 : undefined}
         />
       )}
     </Card>

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

@@ -1,10 +1,20 @@
 import { Paper, Text } from "@mantine/core";
+import { IconCpu } from "@tabler/icons-react";
 
 import { useScopedI18n } from "@homarr/translation/client";
 
+import type { LabelDisplayModeOption } from "..";
 import { CommonChart } from "./common-chart";
 
-export const SystemResourceCPUChart = ({ cpuUsageOverTime }: { cpuUsageOverTime: number[] }) => {
+export const SystemResourceCPUChart = ({
+  cpuUsageOverTime,
+  hasShadow,
+  labelDisplayMode,
+}: {
+  cpuUsageOverTime: number[];
+  hasShadow: boolean;
+  labelDisplayMode: LabelDisplayModeOption;
+}) => {
   const chartData = cpuUsageOverTime.map((usage, index) => ({ index, usage }));
   const t = useScopedI18n("widget.systemResources.card");
 
@@ -14,11 +24,14 @@ export const SystemResourceCPUChart = ({ cpuUsageOverTime }: { cpuUsageOverTime:
       dataKey={"index"}
       series={[{ name: "usage", color: "blue.5" }]}
       title={t("cpu")}
+      icon={IconCpu}
       lastValue={
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         cpuUsageOverTime.length > 0 ? `${Math.round(cpuUsageOverTime[cpuUsageOverTime.length - 1]!)}%` : undefined
       }
+      chartType={hasShadow ? "area" : "line"}
       yAxisProps={{ domain: [0, 100] }}
+      labelDisplayMode={labelDisplayMode}
       tooltipProps={{
         content: ({ payload }) => {
           if (!payload) {

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

@@ -1,16 +1,22 @@
 import { Paper, Text } from "@mantine/core";
+import { IconBrain } from "@tabler/icons-react";
 
 import { humanFileSize } from "@homarr/common";
 import { useScopedI18n } from "@homarr/translation/client";
 
+import type { LabelDisplayModeOption } from "..";
 import { CommonChart } from "./common-chart";
 
 export const SystemResourceMemoryChart = ({
   memoryUsageOverTime,
   totalCapacityInBytes,
+  hasShadow,
+  labelDisplayMode,
 }: {
   memoryUsageOverTime: number[];
   totalCapacityInBytes: number;
+  hasShadow: boolean;
+  labelDisplayMode: LabelDisplayModeOption;
 }) => {
   const chartData = memoryUsageOverTime.map((usage, index) => ({ index, usage }));
   const t = useScopedI18n("widget.systemResources.card");
@@ -27,8 +33,11 @@ export const SystemResourceMemoryChart = ({
       dataKey={"index"}
       series={[{ name: "usage", color: "red.6" }]}
       title={t("memory")}
+      icon={IconBrain}
+      labelDisplayMode={labelDisplayMode}
       yAxisProps={{ domain: [0, totalCapacityInBytes] }}
       lastValue={percentageUsed !== undefined ? `${Math.round(percentageUsed * 100)}%` : undefined}
+      chartType={hasShadow ? "area" : "line"}
       tooltipProps={{
         content: ({ payload }) => {
           if (!payload) {