Merge pull request #377 from shamoon/unified-infowidget-settings

Feature: Unified info widget settings

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["next/babel"]
+}

.eslintrc.json

@@ -1,3 +1,25 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["airbnb", "next/core-web-vitals", "prettier"],
+  "plugins": ["prettier"],
+  "rules": {
+    "import/no-cycle": [
+      "error",
+      {
+        "maxDepth": 1
+      }
+    ],
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "always"
+      }
+    ]
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "paths": ["src"]
+      }
+    }
+  }
 }

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+github: benphelps
+ko_fi: benphelps
+custom: ["https://paypal.me/phelpsben"]

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,30 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[Bug] "
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Configuration**
+If applicable,
+```yaml
+# Please provide your service, widget or otherwise related configuration here
+```
+
+**Additional context**
+Add any other context about the problem here. This includes things like:
+ - Service version or API version
+ - Docker version
+ - Deployment method
+ - Sample YAML configurations

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,17 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[Feature Request] "
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a service? Please describe.**
+A clear and concise description of what you would like to see from this service.
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I would like it if [...]
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/workflows/docker-publish.yml

@@ -54,13 +54,15 @@ jobs:
       - name: Setup Docker buildx
         uses: docker/setup-buildx-action@v2
         
-      - name: Cache Docker layers
-        uses: actions/cache@v3
-        with:
-          path: /tmp/.buildx-cache
-          key: ${{ runner.os }}-buildx-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-buildx-
+      # This step is being disabled because the runner is on a self-hosted machine
+      # where the cache will stick between runs.
+      # - name: Cache Docker layers
+      #   uses: actions/cache@v3
+      #   with:
+      #     path: /tmp/.buildx-cache
+      #     key: ${{ runner.os }}-buildx-${{ github.sha }}
+      #     restore-keys: |
+      #       ${{ runner.os }}-buildx-
 
       # Login against a Docker registry except on PR
       # https://github.com/docker/login-action
@@ -92,9 +94,13 @@ jobs:
           push: ${{ github.event_name != 'pull_request' }}
           tags: ${{ steps.meta.outputs.tags }}
           labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            BUILDTIME=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.created'] }}
+            VERSION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.version'] }}
+            REVISION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.revision'] }}
           # https://github.com/docker/setup-qemu-action#about
           # platforms: linux/amd64,linux/arm64,linux/riscv64,linux/ppc64le,linux/s390x,linux/386,linux/mips64le,linux/mips64,linux/arm/v7,linux/arm/v6
-          platforms: linux/amd64,linux/arm64,linux/arm/v6,linux/arm/v7
+          platforms: linux/amd64,linux/arm64,linux/arm/v7,linux/arm/v6
           cache-from: type=local,src=/tmp/.buildx-cache
           cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
 

.gitignore

@@ -19,6 +19,10 @@
 .DS_Store
 *.pem
 
+# log files
+error.log
+homepage.log
+
 # debug
 npm-debug.log*
 yarn-debug.log*

.vscode/launch.json

@@ -0,0 +1,19 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node",
+      "request": "launch",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/next",
+      "serverReadyAction": {
+        "pattern": "started server on .+, url: (https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "files.exclude": {
+        "**/.next": true,
+        "**/node_modules": true
+    }
+}

CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+ben@phelps.io.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

CONTRIBUTING.md

@@ -0,0 +1,41 @@
+# Contributing to Homepage
+We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:
+
+- Reporting a bug
+- Discussing the current state of the project
+- Submitting a fix
+- Proposing new features
+- Becoming a maintainer
+
+## We Develop with Github
+We use github to host code, to track issues and feature requests, as well as accept pull requests.
+
+## Any contributions you make will be under the GNU General Public License v3.0
+In short, when you submit code changes, your submissions are understood to be under the same [GNU General Public License v3.0](https://choosealicense.com/licenses/gpl-3.0/) that covers the project. Feel free to contact the maintainers if that's a concern.
+
+## Report bugs using Github's [issues](https://github.com/benphelps/homepage/issues)
+We use GitHub issues to track public bugs. Report a bug by [opening a new issue](https://github.com/benphelps/homepage/issues/new); it's that easy!
+
+## Write bug reports with detail, background, and sample configurations
+Homepage includes a lot of configuration options and is often deploying in larger systems.  Please include as much information (configurations, deployment method, Docker & API versions, etc) as you can when reporting an issue.
+
+**Great Bug Reports** tend to have:
+
+- A quick summary and/or background
+- Steps to reproduce
+  - Be specific!
+  - Give example configurations if you can.
+- What you expected would happen
+- What actually happens
+- Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
+
+People *love* thorough bug reports. I'm not even kidding.
+
+## Use a Consistent Coding Style
+This project follows the [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript), please follow it when submitting pull requests.
+
+## License
+By contributing, you agree that your contributions will be licensed under its GNU General Public License.
+
+## References
+This document was adapted from the open-source contribution guidelines for [Facebook's Draft](https://github.com/facebook/draft-js/blob/main/CONTRIBUTING.md)

Dockerfile

@@ -1,4 +1,43 @@
-FROM node:16-alpine AS base
+# syntax = docker/dockerfile:latest
+
+# Install dependencies only when needed
+FROM node:current-alpine AS deps
+
+WORKDIR /app
+
+COPY --link package.json pnpm-lock.yaml* ./
+
+RUN <<EOF
+    set -xe
+    apk add libc6-compat
+    apk add --virtual .gyp python3 make g++
+    yarn global add pnpm
+EOF
+
+RUN --mount=type=cache,id=pnpm-store,target=/root/.local/share/pnpm/store pnpm fetch | grep -v "cross-device link not permitted\|Falling back to copying packages from store"
+
+RUN --mount=type=cache,id=pnpm-store,target=/root/.local/share/pnpm/store pnpm install -r --offline
+
+# Rebuild the source code only when needed
+FROM node:current-alpine AS builder
+WORKDIR /app
+
+ARG BUILDTIME
+ARG VERSION
+ARG REVISION
+
+COPY --link --from=deps /app/node_modules ./node_modules/
+COPY . .
+
+RUN <<EOF
+    set -xe
+    yarn next telemetry disable
+    mkdir config && echo '-' > config/settings.yaml
+    NEXT_PUBLIC_BUILDTIME=$BUILDTIME NEXT_PUBLIC_VERSION=$VERSION NEXT_PUBLIC_REVISION=$REVISION npm run build
+EOF
+
+# Production image, copy all the files and run next
+FROM node:current-alpine AS runner
 LABEL org.opencontainers.image.title "Homepage"
 LABEL org.opencontainers.image.description "A self-hosted services landing page, with docker and service integrations."
 LABEL org.opencontainers.image.url="https://github.com/benphelps/homepage"
@@ -6,33 +45,22 @@ LABEL org.opencontainers.image.documentation='https://github.com/benphelps/homep
 LABEL org.opencontainers.image.source='https://github.com/benphelps/homepage'
 LABEL org.opencontainers.image.licenses='Apache-2.0'
 
-# Install dependencies only when needed
-FROM node:16-alpine AS deps
-RUN apk add --no-cache libc6-compat
-RUN apk add --no-cache --virtual .gyp python3 make g++
-WORKDIR /app
-COPY package.json pnpm-lock.yaml* ./
-RUN yarn global add pnpm
-RUN pnpm install
-RUN apk del .gyp
-
-# Rebuild the source code only when needed
-FROM node:16-alpine AS builder
-WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
-COPY . .
-RUN npm run build
-
-# Production image, copy all the files and run next
-FROM node:16-alpine AS runner
-WORKDIR /app
 ENV NODE_ENV production
-COPY --from=builder /app/next.config.js ./
-COPY --from=builder /app/public ./public
-COPY --from=builder /app/package.json ./package.json
-COPY --from=builder /app/.next/standalone ./
-COPY --from=builder /app/.next/static ./.next/static
 
-EXPOSE 3000
+WORKDIR /app
+
+# Copy files from context (this allows the files to copy before the builder stage is done).
+COPY --link package.json next.config.js ./
+COPY --link /public ./public
+
+# Copy files from builder
+COPY --link --from=builder /app/.next/standalone ./
+COPY --link --from=builder /app/.next/static/ ./.next/static/
+
 ENV PORT 3000
+EXPOSE $PORT
+
+HEALTHCHECK --interval=10s --timeout=3s --start-period=20s \
+  CMD wget --no-verbose --tries=1 --spider --no-check-certificate http://localhost:$PORT/api/healthcheck || exit 1
+
 CMD ["node", "server.js"]

README.md

@@ -1,22 +1,63 @@
-![Homepage Preview](/images/preview.png)
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="images/banner_light@2x.png">
+    <img src="images/banner_dark@2x.png" width="65%">
+  </picture>
+</p>
 
-[![Docker](https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml/badge.svg)](https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml)
+<p align="center">
+  A modern <em>(fully static, fast)</em>, secure <em>(fully proxied)</em>, highly customizable application dashboard with integrations for more than 25 services and translations for over 15 languages. Easily configured via YAML files (or discovery via docker labels).
+</p>
+
+<p align="center">
+  <img src="images/1.png" />
+</p>
+
+<p align="center">
+  <img src="images/2.png" width="19%" />
+  <img src="images/3.png" width="19%" />
+  <img src="images/4.png" width="19%" />
+  <img src="images/5.png" width="19%" />
+  <img src="images/6.png" width="19%" />
+</p>
+
+<p align="center">
+  <a href="https://discord.gg/k4ruYNrudu"><img src="https://img.shields.io/badge/Discord - Chat-blue?logo=discord&logoColor=white" /></a>
+  <a href="https://paypal.me/phelpsben" title="Donate"><img src="https://img.shields.io/badge/PayPal - Donate-blue?logo=paypal&logoColor=white" alt="Linkedin - phelpsben"></a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml"><img src="https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml/badge.svg" alt="Docker"></a>
+  <a href="https://hosted.weblate.org/engage/homepage/"><img src="https://hosted.weblate.org/widgets/homepage/-/homepage/svg-badge.svg" alt="Weblate"></a>
+</p>
 
 ## Features
 
-  * Web Bookmarks
-  * Service Bookmarks
-    - Docker Integration
-      - Status light + CPU, Memory & Network Reporting *(click on the status light)*
-    - Service Integration
-      - Currently supports Sonarr, Radarr, Ombi, Emby, Jellyfin, Jellyseerr ([by ilusi0n](https://github.com/benphelps/homepage/pull/34)), NZBGet, ruTorrent
-      - Portainer, Traefik, Speedtest Tracker, PiHole, Nginx Proxy Manager ([by aidenpwnz](https://github.com/benphelps/homepage/pull/45))
-  * Homepage Widgets
-    - System Stats (Disk, CPU, Memory)
-    - Weather via WeatherAPI.com or OpenWeatherMap ([by AlexFullmoon](https://github.com/benphelps/homepage/pull/25))
-    - Search Bar ([by aidenpwnz](https://github.com/benphelps/homepage/pull/45))
-  * Customizable
-    - 21 theme colors with light and dark mode support
+- **Fast!** The entire site is statically generated at build time, so you can expect instant load times
+- **Secure!** Every API request to backend services goes through a proxy server, so your API keys are never exposed to the frontend client.
+- Images built for AMD64 (x86_64), ARM64, ARMv7 and ARMv6
+  - Supports all Raspberry Pi's, most SBCs & Apple Silicon
+- Full i18n support with automatic language detection
+  - Translantions for Catalan, Chinese, Dutch, Finnish, French, German, Hebrew, Hungarian, Norwegian Bokmål, Polish, Portuguese, Portuguese (Brazil), Romainian, Russian, Spanish, Swedish and Yue
+  - Want to help translate? [Join the Weblate project](https://hosted.weblate.org/engage/homepage/)
+- Service & Web Bookmarks
+- Docker Integration
+  - Container status (Running / Stopped) & statistics (CPU, Memory, Network)
+  - Automatic service discovery (via labels)
+- Service Integration
+  - Sonarr, Radarr, Readarr, Prowlarr, Bazarr, Lidarr, Emby, Jellyfin, Tautulli (Plex)
+  - Ombi, Overseerr, Jellyseerr, Jackett, NZBGet, SABnzbd, ruTorrent, Transmission, qBittorrent
+  - Portainer, Traefik, Speedtest Tracker, PiHole, AdGuard Home, Nginx Proxy Manager, Gotify, Syncthing Relay Server, Authentic, Proxmox
+- Information Providers
+  - Coin Market Cap, Mastodon
+- Information & Utility Widgets
+  - System Stats (Disk, CPU, Memory)
+  - Weather via WeatherAPI.com or OpenWeatherMap
+  - Search Bar
+- Customizable
+  - 21 theme colors with light and dark mode support
+  - Background image support
+  - Column and Row layout options
 
 ## Support & Suggestions
 
@@ -33,16 +74,16 @@ For configuration options, examples and more, [please check out the Wiki](https:
 Using docker compose:
 
 ```yaml
-version: '3.3'
+version: "3.3"
 services:
-    homepage:
-        image: ghcr.io/benphelps/homepage:latest
-        container_name: homepage
-        ports:
-            - 3000:3000
-        volumes:
-            - /path/to/config:/app/config
-            - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
+  homepage:
+    image: ghcr.io/benphelps/homepage:latest
+    container_name: homepage
+    ports:
+      - 3000:3000
+    volumes:
+      - /path/to/config:/app/config # Make sure your local config directory exists
+      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
 ```
 
 or docker run:
@@ -66,6 +107,8 @@ pnpm install
 pnpm build
 ```
 
+If this is your first time starting, copy the `src/skeleton` directory to `config/` to populate initial example config files.
+
 Finally, run the server:
 
 ```bash
@@ -76,9 +119,11 @@ pnpm start
 
 Configuration files will be genereted and placed on the first request.
 
-Configuration is done in the /config directory using .yaml files.  Refer to each config for
+Configuration is done in the /config directory using .yaml files. Refer to each config for
 the specific configuration options.
 
+You may also check [the wiki](https://github.com/benphelps/homepage/wiki) for detailed configuration instructions, examples and more.
+
 ## Development
 
 Install NPM packages, this project uses [pnpm](https://pnpm.io/) (and so should you!):
@@ -96,3 +141,50 @@ pnpm dev
 Open [http://localhost:3000](http://localhost:3000) to start.
 
 This is a [Next.js](https://nextjs.org/) application, see their doucmentation for more information:
+
+## Contributors
+
+Huge thanks to the all the contributors who have helped make this project what it is today! In alphabetical order:
+
+- [aidenpwnz](https://github.com/benphelps/homepage/commits?author=aidenpwnz) - Nginx Proxy Manager, Search Bar Widget
+- [AlexFullmoon](https://github.com/benphelps/homepage/commits?author=AlexFullmoon) - OpenWeatherMap Widget
+- [andrii-kryvoviaz](https://github.com/benphelps/homepage/commits?author=andrii-kryvoviaz) - Background opacity option
+- [DevPGSV](https://github.com/benphelps/homepage/commits?author=DevPGSV) - Syncthing Relay Server & Mastodon widgets
+- [ilusi0n](https://github.com/benphelps/homepage/commits?author=ilusi0n) - Jellyseerr Integration
+- [ItsJustMeChris](https://github.com/benphelps/homepage/commits?author=ItsJustMeChris) - Coin Market Cap Widget
+- [JazzFisch](https://github.com/benphelps/homepage/commits?author=JazzFisch) - Readarr, Bazarr, Lidarr, SABnzbd, Transmission, qBittorrent, Proxmox Integrations & countless more improvements
+- [josways](https://github.com/benphelps/homepage/commits?author=josways) - Baidu search provider
+- [mauricio-kalil](https://github.com/benphelps/homepage/commits?author=mauricio-kalil) - Portuguese (Brazil)
+- [modem7](https://github.com/benphelps/homepage/commits?author=modem7) - Impvoed Docker Image
+- [MountainGod2](https://github.com/benphelps/homepage/discussions/243) - Homepage Logo
+- [quod](https://github.com/benphelps/homepage/commits?author=quod) - Fixed Typos
+- [schklom](https://github.com/benphelps/homepage/commits?author=schklom) - ARM64, ARMv7 and ARMv6
+- [xicopitz](https://github.com/benphelps/homepage/commits?author=xicopitz) - Gotify & Prowlarr Integration
+
+### Translators
+
+- [3vilson](https://github.com/benphelps/homepage/commits?author=3vilson) - German
+- [4lenz1](https://github.com/benphelps/homepage/commits?author=4lenz1) - Chinese
+- [AmadeusGraves](https://github.com/benphelps/homepage/commits?author=AmadeusGraves) - Spanish
+- [boerniee](https://github.com/benphelps/homepage/commits?author=boerniee) - German
+- [brunoccr](https://github.com/benphelps/homepage/commits?author=brunoccr) - Portuguese (Brazil)
+- [C8opmBM](https://github.com/benphelps/homepage/commits?author=C8opmBM) - Romainian
+- [comradekingu](https://github.com/benphelps/homepage/commits?author=comradekingu) - Norwegian Bokmål
+- Daniel Varga - German & Hungarian
+- [deffcolony](https://github.com/benphelps/homepage/commits?author=deffcolony) - Dutch
+- [desolaris](https://github.com/benphelps/homepage/commits?author=desolaris) - Russian
+- [ericlokz](https://github.com/benphelps/homepage/commits?author=ericlokz) - Yue
+- [FunsKiTo](https://github.com/benphelps/homepage/commits?author=FunsKiTo) - Spanish
+- [jackblk](https://github.com/benphelps/homepage/commits?author=jackblk) - Vietnamese
+- [juanmanuelbc](https://github.com/benphelps/homepage/commits?author=juanmanuelbc) - Spanish and Catalan
+- [ling0412](https://github.com/benphelps/homepage/commits?author=ling0412) - Chinese
+- [milotype](https://github.com/benphelps/homepage/commits?author=milotype) - Croatian
+- [nicedc](https://github.com/benphelps/homepage/commits?author=nicedc) - Chinese
+- [Nonoss117](https://github.com/benphelps/homepage/commits?author=Nonoss117) - French
+- [pacoculebras](https://github.com/benphelps/homepage/commits?author=pacoculebras) - Catalan
+- [Prilann](https://github.com/benphelps/homepage/commits?author=Prilann) - German
+- [psychodracon](https://github.com/benphelps/homepage/commits?author=psychodracon) - Polish
+- Sascha Jelinek - German
+- [ShlomiPorush](https://github.com/benphelps/homepage/commits?author=ShlomiPorush) - Hebrew
+- [SuperDOS](https://github.com/benphelps/homepage/commits?author=SuperDOS) - Swedish
+- [kaihu](https://github.com/benphelps/homepage/commits?author=kaihu) - Finnish

docker-entrypoint.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -e
+
+# This is in attempt to preserve the original behavior of the Dockerfile,
+# while also supporting the lscr.io /config directory
+[ ! -d "/app/config" ] && ln -s /config /app/config
+
+node server.js

next-i18next.config.js

@@ -0,0 +1,124 @@
+// prettyBytes taken from https://github.com/sindresorhus/pretty-bytes
+
+/* eslint-disable no-param-reassign */
+const BYTE_UNITS = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+
+const BIBYTE_UNITS = ["B", "kiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+
+const BIT_UNITS = ["b", "kbit", "Mbit", "Gbit", "Tbit", "Pbit", "Ebit", "Zbit", "Ybit"];
+
+const BIBIT_UNITS = ["b", "kibit", "Mibit", "Gibit", "Tibit", "Pibit", "Eibit", "Zibit", "Yibit"];
+
+/*
+Formats the given number using `Number#toLocaleString`.
+- If locale is a string, the value is expected to be a locale-key (for example: `de`).
+- If locale is true, the system default locale is used for translation.
+- If no value for locale is specified, the number is returned unmodified.
+*/
+const toLocaleString = (number, locale, options) => {
+  let result = number;
+  if (typeof locale === "string" || Array.isArray(locale)) {
+    result = number.toLocaleString(locale, options);
+  } else if (locale === true || options !== undefined) {
+    result = number.toLocaleString(undefined, options);
+  }
+
+  return result;
+};
+
+function prettyBytes(number, options) {
+  if (!Number.isFinite(number)) {
+    throw new TypeError(`Expected a finite number, got ${typeof number}: ${number}`);
+  }
+
+  options = {
+    bits: false,
+    binary: false,
+    ...options,
+  };
+
+  // eslint-disable-next-line no-nested-ternary
+  const UNITS = options.bits ? (options.binary ? BIBIT_UNITS : BIT_UNITS) : options.binary ? BIBYTE_UNITS : BYTE_UNITS;
+
+  if (options.signed && number === 0) {
+    return ` 0 ${UNITS[0]}`;
+  }
+
+  const isNegative = number < 0;
+  // eslint-disable-next-line no-nested-ternary
+  const prefix = isNegative ? "-" : options.signed ? "+" : "";
+
+  if (isNegative) {
+    number = -number;
+  }
+
+  let localeOptions;
+
+  if (options.minimumFractionDigits !== undefined) {
+    localeOptions = { minimumFractionDigits: options.minimumFractionDigits };
+  }
+
+  if (options.maximumFractionDigits !== undefined) {
+    localeOptions = { maximumFractionDigits: options.maximumFractionDigits, ...localeOptions };
+  }
+
+  if (number < 1) {
+    const numberString = toLocaleString(number, options.locale, localeOptions);
+    return `${prefix + numberString} ${UNITS[0]}`;
+  }
+
+  const exponent = Math.min(
+    Math.floor(options.binary ? Math.log(number) / Math.log(1024) : Math.log10(number) / 3),
+    UNITS.length - 1
+  );
+  number /= (options.binary ? 1024 : 1000) ** exponent;
+
+  if (!localeOptions) {
+    number = number.toPrecision(3);
+  }
+
+  const numberString = toLocaleString(Number(number), options.locale, localeOptions);
+
+  const unit = UNITS[exponent];
+
+  return `${prefix + numberString} ${unit}`;
+}
+
+module.exports = {
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
+  serializeConfig: false,
+  use: [
+    {
+      init: (i18next) => {
+        i18next.services.formatter.add("bytes", (value, lng, options) =>
+          prettyBytes(parseFloat(value), { locale: lng, ...options })
+        );
+
+        i18next.services.formatter.add("rate", (value, lng, options) => {
+          if (value === 0) return "0 Bps";
+
+          const bits = options.bits ? value : value / 8;
+          const k = 1024;
+          const dm = options.decimals ? options.decimals : 0;
+          const sizes = ["Bps", "Kbps", "Mbps", "Gbps", "Tbps", "Pbps", "Ebps", "Zbps", "Ybps"];
+
+          const i = Math.floor(Math.log(bits) / Math.log(k));
+
+          const formatted = new Intl.NumberFormat(lng, { maximumFractionDigits: dm, minimumFractionDigits: dm }).format(
+            parseFloat(bits / k ** i)
+          );
+
+          return `${formatted} ${sizes[i]}`;
+        });
+
+        i18next.services.formatter.add("percent", (value, lng, options) =>
+          new Intl.NumberFormat(lng, { style: "percent", ...options }).format(parseFloat(value) / 100.0)
+        );
+      },
+      type: "3rdParty",
+    },
+  ],
+};

next.config.js

@@ -1,12 +1,15 @@
+const { i18n } = require("./next-i18next.config");
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   output: "standalone",
   swcMinify: false,
-  experimental: { images: { allowFutureImage: true, unoptimized: true } },
   images: {
     domains: ["cdn.jsdelivr.net"],
+    unoptimized: true,
   },
+  i18n,
 };
 
 module.exports = nextConfig;

package.json

@@ -6,30 +6,51 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "telemetry": "next telemetry disable"
   },
   "dependencies": {
-    "@headlessui/react": "^1.6.6",
-    "@tailwindcss/forms": "^0.5.3",
+    "@headlessui/react": "^1.7.2",
+    "classnames": "^2.3.2",
+    "compare-versions": "^5.0.1",
     "dockerode": "^3.3.4",
+    "follow-redirects": "^1.15.2",
+    "i18next": "^21.9.2",
     "js-yaml": "^4.1.0",
     "json-rpc-2.0": "^1.4.1",
     "memory-cache": "^0.2.0",
-    "next": "12.2.5",
+    "next": "^12.3.1",
+    "next-i18next": "^12.0.1",
     "node-os-utils": "^1.3.7",
+    "pretty-bytes": "^6.0.0",
     "raw-body": "^2.5.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^11.18.6",
     "react-icons": "^4.4.0",
     "rutorrent-promise": "^2.0.0",
-    "swr": "^1.3.0"
+    "shvl": "^3.0.0",
+    "swr": "^1.3.0",
+    "tough-cookie": "^4.1.2",
+    "winston": "^3.8.2",
+    "xml-js": "^1.6.11"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.8",
-    "eslint": "8.22.0",
-    "eslint-config-next": "12.2.5",
+    "@tailwindcss/forms": "^0.5.3",
+    "autoprefixer": "^10.4.12",
+    "eslint": "^8.24.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-next": "^12.3.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "postcss": "^8.4.16",
+    "prettier": "^2.7.1",
+    "tailwind-scrollbar": "^2.0.1",
     "tailwindcss": "^3.1.8",
-    "typescript": "^4.8.2"
+    "typescript": "^4.8.3"
   }
 }

public/locales/bg/common.json

@@ -0,0 +1,205 @@
+{
+    "sabnzbd": {
+        "queue": "Опашка",
+        "timeleft": "Оставащо Време",
+        "rate": "Rate"
+    },
+    "rutorrent": {
+        "active": "Акитивен",
+        "upload": "Споделяне",
+        "download": "Сваляне"
+    },
+    "widget": {
+        "missing_type": "Липсваща приставка: {{type}}",
+        "api_error": "API Грешка",
+        "status": "Статус"
+    },
+    "weather": {
+        "current": "Текущо местоположение",
+        "allow": "Разреши",
+        "updating": "Обновяване",
+        "wait": "Моля изчакайте"
+    },
+    "search": {
+        "placeholder": "Търсене…"
+    },
+    "resources": {
+        "cpu": "CPU",
+        "total": "Общо",
+        "free": "Свободни",
+        "used": "Заети",
+        "load": "Натоварване"
+    },
+    "unifi": {
+        "users": "Потребители",
+        "uptime": "Активен от",
+        "days": "Дни",
+        "wan": "WAN",
+        "lan_users": "LAN Потребители",
+        "wlan_users": "WLAN Потребители",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Моля изчакайте"
+    },
+    "docker": {
+        "offline": "Изключен",
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU"
+    },
+    "emby": {
+        "playing": "Възпроизвежда",
+        "transcoding": "Конвертира",
+        "bitrate": "Bitrate",
+        "no_active": "Няма активни потоци"
+    },
+    "tautulli": {
+        "playing": "Възпроизвежда",
+        "transcoding": "Конвертира",
+        "bitrate": "Честота",
+        "no_active": "Няма активни потоци"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Остава",
+        "downloaded": "Изтеглени"
+    },
+    "plex": {
+        "streams": "Активни Потоци",
+        "movies": "Филми",
+        "tv": "Сериали"
+    },
+    "transmission": {
+        "download": "Сваляне",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "overseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Applications",
+        "clients": "Clients",
+        "messages": "Messages"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "authentik": {
+        "loginsLast24H": "Logins (24h)",
+        "users": "Users",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/ca/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Falta el tipus de widget: {{type}}",
+        "api_error": "Error d'API",
+        "status": "Estat"
+    },
+    "weather": {
+        "allow": "Feu clic per permetre",
+        "updating": "Actualitzant",
+        "wait": "Si us plau, espereu",
+        "current": "Localització actual"
+    },
+    "search": {
+        "placeholder": "Cercar…"
+    },
+    "transmission": {
+        "seed": "Llavors",
+        "download": "Descàrrega",
+        "upload": "Càrrega",
+        "leech": "Companys"
+    },
+    "sonarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "series": "Sèries"
+    },
+    "speedtest": {
+        "ping": "Ping",
+        "upload": "Càrrega",
+        "download": "Descàrrega"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Lliure",
+        "used": "Usat",
+        "load": "Càrrega",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rebut",
+        "tx": "Transmès",
+        "mem": "Memòria",
+        "cpu": "Processador",
+        "offline": "Fora de línia"
+    },
+    "emby": {
+        "playing": "Reproduint",
+        "transcoding": "Transcodificant",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sense transmissions actives"
+    },
+    "tautulli": {
+        "playing": "Reproduint",
+        "transcoding": "Transcodificant",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sense transmissions actives"
+    },
+    "nzbget": {
+        "rate": "Taxa",
+        "remaining": "Restant",
+        "downloaded": "Descarregat"
+    },
+    "sabnzbd": {
+        "rate": "Taxa",
+        "queue": "Cua",
+        "timeleft": "Temps restant"
+    },
+    "rutorrent": {
+        "active": "Actiu",
+        "upload": "Càrrega",
+        "download": "Descàrrega"
+    },
+    "radarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "movies": "Pel·lícules"
+    },
+    "readarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "books": "Llibres"
+    },
+    "ombi": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "jellyseerr": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "overseerr": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "pihole": {
+        "queries": "Consultes",
+        "blocked": "Bloquejat",
+        "gravity": "Gravity"
+    },
+    "portainer": {
+        "running": "Executant",
+        "stopped": "Aturat",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Encaminadors",
+        "services": "Serveis",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "total": "Total",
+        "enabled": "Activat",
+        "disabled": "Desactivat"
+    },
+    "coinmarketcap": {
+        "configure": "Configura una o més criptomonedes per fer el seguiment",
+        "1hour": "1 Hora",
+        "1day": "1 Dia",
+        "7days": "7 Dies",
+        "30days": "30 Dies"
+    },
+    "gotify": {
+        "apps": "Aplicacions",
+        "clients": "Clients",
+        "messages": "Missatges"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexadors",
+        "numberOfGrabs": "Captures",
+        "numberOfQueries": "Consultes",
+        "numberOfFailGrabs": "Captures fallides",
+        "numberOfFailQueries": "Consultes fallides"
+    },
+    "jackett": {
+        "configured": "Configurat",
+        "errored": "Amb errors"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episodis que falten",
+        "missingMovies": "Pel·lícules que falten"
+    },
+    "lidarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "albums": "Àlbums"
+    },
+    "adguard": {
+        "queries": "Consultes",
+        "blocked": "Bloquejat",
+        "filtered": "Filtrat",
+        "latency": "Latència"
+    },
+    "qbittorrent": {
+        "download": "Descàrrega",
+        "upload": "Càrrega",
+        "leech": "Companys",
+        "seed": "Llavors"
+    },
+    "mastodon": {
+        "user_count": "Usuaris",
+        "status_count": "Publicacions",
+        "domain_count": "Dominis"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connexions",
+        "dataRelayed": "Transmès",
+        "transferRate": "Velocitat"
+    },
+    "authentik": {
+        "users": "Usuaris",
+        "loginsLast24H": "Inicis de sessió (24h)",
+        "failedLoginsLast24H": "Errors d'inici de sessió (24h)"
+    },
+    "proxmox": {
+        "vms": "VMs",
+        "mem": "Memòria",
+        "cpu": "Processador",
+        "lxc": "LXC"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/de/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Fehlender Widget-Typ: {{type}}",
+        "api_error": "API-Fehler",
+        "status": "Status"
+    },
+    "search": {
+        "placeholder": "Suche…"
+    },
+    "resources": {
+        "total": "Gesamt",
+        "free": "Frei",
+        "used": "Gebraucht",
+        "load": "Belastung",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rx",
+        "tx": "Tx",
+        "mem": "Mem",
+        "cpu": "Prozessor",
+        "offline": "Offline"
+    },
+    "emby": {
+        "playing": "Spielen",
+        "transcoding": "Transcodierung",
+        "bitrate": "Bitrate",
+        "no_active": "Keine aktive Streams"
+    },
+    "tautulli": {
+        "playing": "Spielen",
+        "transcoding": "Transcodierung",
+        "bitrate": "Bitrate",
+        "no_active": "Keine aktiven streamen"
+    },
+    "rutorrent": {
+        "active": "Aktiv",
+        "upload": "Hochladen",
+        "download": "Download"
+    },
+    "sonarr": {
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "series": "Serie"
+    },
+    "radarr": {
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "movies": "Filme"
+    },
+    "readarr": {
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "books": "Bücher"
+    },
+    "ombi": {
+        "pending": "Ausstehend",
+        "approved": "Genehmigt",
+        "available": "Verfügbar"
+    },
+    "jellyseerr": {
+        "pending": "Ausstehend",
+        "approved": "Genehmigt",
+        "available": "Verfügbar"
+    },
+    "pihole": {
+        "queries": "Abfragen",
+        "blocked": "Blockiert",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Betrieb",
+        "stopped": "Gestoppt",
+        "total": "Gesamt"
+    },
+    "traefik": {
+        "routers": "Router",
+        "services": "Dienste",
+        "middleware": "Zwischenanwendung"
+    },
+    "npm": {
+        "enabled": "Aktiviert",
+        "disabled": "Deaktiviert",
+        "total": "Gesamt"
+    },
+    "weather": {
+        "current": "Aktueller Standort",
+        "allow": "Zum Zulassen anklicken",
+        "updating": "Aktualisieren",
+        "wait": "Bitte warten"
+    },
+    "overseerr": {
+        "pending": "Ausstehend",
+        "approved": "Genehmigt",
+        "available": "Verfügbar"
+    },
+    "sabnzbd": {
+        "rate": "Geschwindigkeit",
+        "queue": "Warteschlange",
+        "timeleft": "Verbleibende Zeit"
+    },
+    "nzbget": {
+        "rate": "Geschwindigkeit",
+        "remaining": "Verbleibend",
+        "downloaded": "Heruntergeladen"
+    },
+    "coinmarketcap": {
+        "configure": "Konfiguriere eine oder mehrere Kryptowährungen zur Verfolgung",
+        "1hour": "1 Stunde",
+        "1day": "1 Tag",
+        "7days": "7 Tage",
+        "30days": "30 Tage"
+    },
+    "gotify": {
+        "apps": "Programme",
+        "clients": "Benutzer",
+        "messages": "Nachrichten"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexer",
+        "numberOfGrabs": "Abrufungen",
+        "numberOfQueries": "Anfragen",
+        "numberOfFailGrabs": "Fehlgeschlagene Abrufungen",
+        "numberOfFailQueries": "Fehlgeschlagene Anfragen"
+    },
+    "transmission": {
+        "download": "Herunterladen",
+        "upload": "Hochladen",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Konfiguriert",
+        "errored": "Fehlerhaft"
+    },
+    "bazarr": {
+        "missingEpisodes": "Fehlende Episoden",
+        "missingMovies": "Fehlende Filme"
+    },
+    "lidarr": {
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "albums": "Alben"
+    },
+    "adguard": {
+        "queries": "Anfragen",
+        "blocked": "Blockiert",
+        "filtered": "Gefiltert",
+        "latency": "Latenz"
+    },
+    "qbittorrent": {
+        "download": "Herunterladen",
+        "upload": "Hochladen",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Nutzer",
+        "status_count": "Beiträge",
+        "domain_count": "Domänen"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sitzungen",
+        "numConnections": "Verbindungen",
+        "dataRelayed": "Weitergeleitet",
+        "transferRate": "Bewerten"
+    },
+    "authentik": {
+        "users": "Benutzer",
+        "loginsLast24H": "Anmeldungen (24h)",
+        "failedLoginsLast24H": "fehlerhafte Anmeldungen (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/en/common.json

@@ -0,0 +1,216 @@
+{
+    "common": {
+        "bytes": "{{value, bytes}}",
+        "bits": "{{value, bytes(bits: true)}}",
+        "bbytes": "{{value, bytes(binary: true)}}",
+        "bbits": "{{value, bytes(bits: true, binary: true)}}",
+        "byterate": "{{value, rate}}",
+        "bitrate": "{{value, rate(bits: true)}}",
+        "percent": "{{value, percent}}",
+        "number": "{{value, number}}",
+        "ms": "{{value, number}}"
+    },
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "weather": {
+      "current": "Current Location",
+      "allow": "Click to allow",
+      "updating": "Updating",
+      "wait": "Please wait"
+    },
+    "search": {
+        "placeholder": "Search…"
+    },
+    "resources": {
+        "cpu": "CPU",
+        "total": "Total",
+        "free": "Free",
+        "used": "Used",
+        "load": "Load"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "emby": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "rutorrent": {
+        "active": "Active",
+        "upload": "Upload",
+        "download": "Download"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "overseerr": {
+      "pending": "Pending",
+      "approved": "Approved",
+      "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+      "queries": "Queries",
+      "blocked": "Blocked",
+      "filtered": "Filtered",
+      "latency": "Latency"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Applications",
+        "clients": "Clients",
+        "messages": "Messages"
+    },
+    "prowlarr":{
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/es/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Falta el tipo de widget: {{type}}",
+        "api_error": "Error de API",
+        "status": "Estado"
+    },
+    "search": {
+        "placeholder": "Buscar…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Libre",
+        "used": "Usado",
+        "load": "Carga",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Recibido",
+        "tx": "Transmitido",
+        "mem": "Memoria",
+        "cpu": "Procesador",
+        "offline": "Desconectado"
+    },
+    "emby": {
+        "playing": "Reproduciendo",
+        "transcoding": "Transcodificando",
+        "bitrate": "Tasa de bits",
+        "no_active": "Sin transmisiones activas"
+    },
+    "tautulli": {
+        "playing": "Reproduciendo",
+        "transcoding": "Transcodificando",
+        "bitrate": "Tasa de bits",
+        "no_active": "Sin transmisiones activas"
+    },
+    "rutorrent": {
+        "active": "Activo",
+        "upload": "Subida",
+        "download": "Bajada"
+    },
+    "sonarr": {
+        "wanted": "Buscando",
+        "queued": "En cola",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Buscando",
+        "queued": "En cola",
+        "movies": "Películas"
+    },
+    "readarr": {
+        "wanted": "Buscando",
+        "queued": "En cola",
+        "books": "Libros"
+    },
+    "ombi": {
+        "pending": "Pendiente",
+        "approved": "Aprobado",
+        "available": "Disponible"
+    },
+    "jellyseerr": {
+        "pending": "Pendiente",
+        "approved": "Aprobado",
+        "available": "Disponible"
+    },
+    "pihole": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "gravity": "Gravedad"
+    },
+    "speedtest": {
+        "upload": "Subida",
+        "download": "Bajada",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "En ejecución",
+        "stopped": "Detenido",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Enrutadores",
+        "services": "Servicios",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Activado",
+        "disabled": "Desactivado",
+        "total": "Total"
+    },
+    "weather": {
+        "current": "Ubicación actual",
+        "allow": "Clic para permitir",
+        "updating": "Actualizando",
+        "wait": "Espere, por favor"
+    },
+    "overseerr": {
+        "pending": "Pendiente",
+        "approved": "Aprobado",
+        "available": "Disponible"
+    },
+    "sabnzbd": {
+        "rate": "Tasa",
+        "queue": "En cola",
+        "timeleft": "Tiempo restante"
+    },
+    "nzbget": {
+        "rate": "Tasa",
+        "remaining": "Restante",
+        "downloaded": "Descargado"
+    },
+    "coinmarketcap": {
+        "configure": "Configurar una o más criptomonedas para rastrear",
+        "1hour": "1 Hora",
+        "1day": "1 Día",
+        "7days": "7 Días",
+        "30days": "30 Días"
+    },
+    "gotify": {
+        "apps": "Aplicaciones",
+        "clients": "Clientes",
+        "messages": "Mensajes"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexadores",
+        "numberOfGrabs": "Capturas",
+        "numberOfQueries": "Consultas",
+        "numberOfFailGrabs": "Capturas fallidas",
+        "numberOfFailQueries": "Consultas fallidas"
+    },
+    "transmission": {
+        "download": "Bajada",
+        "upload": "Subida",
+        "leech": "Compañeros",
+        "seed": "Semillas"
+    },
+    "jackett": {
+        "configured": "Configurado",
+        "errored": "Con errores"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episodios perdidos",
+        "missingMovies": "Películas perdidas"
+    },
+    "lidarr": {
+        "queued": "En cola",
+        "wanted": "Buscando",
+        "albums": "Álbumes"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latencia"
+    },
+    "qbittorrent": {
+        "download": "Bajada",
+        "upload": "Subida",
+        "leech": "Compañeros",
+        "seed": "Semillas"
+    },
+    "mastodon": {
+        "user_count": "Usuarios",
+        "status_count": "Publicaciones",
+        "domain_count": "Dominios"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sesiones",
+        "numConnections": "Conexiones",
+        "dataRelayed": "Retransmitido",
+        "transferRate": "Velocidad"
+    },
+    "authentik": {
+        "users": "Usuarios",
+        "loginsLast24H": "Inicios de sesión (24h)",
+        "failedLoginsLast24H": "Inicios de sesión fallidos (24h)"
+    },
+    "proxmox": {
+        "mem": "Memoria",
+        "cpu": "Procesador",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "up": "UP",
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/fi/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Puuttuva härpäkkeen tyyppi: {{type}}",
+        "api_error": "API-virhe",
+        "status": "Tila"
+    },
+    "weather": {
+        "current": "Nykyinen sijainti",
+        "allow": "Klikkaa salliaksesi",
+        "updating": "Päivitetään",
+        "wait": "Odota, ole hyvä"
+    },
+    "search": {
+        "placeholder": "Hae…"
+    },
+    "resources": {
+        "cpu": "CPU",
+        "total": "Yhteensä",
+        "free": "Vapaana",
+        "used": "Käytetty",
+        "load": "Kuorma"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "RAM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "emby": {
+        "playing": "Toistaa",
+        "transcoding": "Transkoodaa",
+        "bitrate": "Bittinopeus",
+        "no_active": "Ei aktiivisia striimejä"
+    },
+    "tautulli": {
+        "playing": "Toistaa",
+        "transcoding": "Transkoodaa",
+        "bitrate": "Bittinopeus",
+        "no_active": "Ei aktiivisia striimejä"
+    },
+    "nzbget": {
+        "rate": "Nopeus",
+        "remaining": "Jäljellä",
+        "downloaded": "Ladattu"
+    },
+    "sabnzbd": {
+        "rate": "Nopeus",
+        "queue": "Jono",
+        "timeleft": "Aikaa jäljellä"
+    },
+    "rutorrent": {
+        "active": "Aktiivinen",
+        "upload": "Lähetys",
+        "download": "Lataus"
+    },
+    "transmission": {
+        "download": "Lataus",
+        "upload": "Lähetys",
+        "leech": "Lataajia",
+        "seed": "Lähettäjiä"
+    },
+    "qbittorrent": {
+        "download": "Lataus",
+        "upload": "Lähetys",
+        "leech": "Lataajia",
+        "seed": "Lähettäjiä"
+    },
+    "sonarr": {
+        "wanted": "Haluttu",
+        "queued": "Jonossa",
+        "series": "Sarja"
+    },
+    "radarr": {
+        "wanted": "Haluttu",
+        "queued": "Jonossa",
+        "movies": "Elokuvia"
+    },
+    "lidarr": {
+        "wanted": "Haluttu",
+        "queued": "Jonossa",
+        "albums": "Albumeja"
+    },
+    "readarr": {
+        "wanted": "Haluttu",
+        "queued": "Jonossa",
+        "books": "Kirjoja"
+    },
+    "bazarr": {
+        "missingEpisodes": "Puuttuvia jaksoja",
+        "missingMovies": "Puuttuvia elokuvia"
+    },
+    "ombi": {
+        "pending": "Vireillä",
+        "approved": "Hyväksytty",
+        "available": "Saatavilla"
+    },
+    "jellyseerr": {
+        "pending": "Vireillä",
+        "approved": "Hyväksytty",
+        "available": "Saatavilla"
+    },
+    "overseerr": {
+        "pending": "Vireillä",
+        "approved": "Hyväksytty",
+        "available": "Saatavilla"
+    },
+    "pihole": {
+        "queries": "Kyselyjä",
+        "blocked": "Estetty",
+        "gravity": "Vakavuus"
+    },
+    "adguard": {
+        "queries": "Kyselyjä",
+        "blocked": "Estetty",
+        "filtered": "Suodatettu",
+        "latency": "Viive"
+    },
+    "speedtest": {
+        "upload": "Lähetys",
+        "download": "Lataus",
+        "ping": "Viive"
+    },
+    "portainer": {
+        "running": "Käynnissä",
+        "stopped": "Pysäytetty",
+        "total": "Yhteensä"
+    },
+    "traefik": {
+        "routers": "Reitittimiä",
+        "services": "Palveluja",
+        "middleware": "Middlewareja"
+    },
+    "npm": {
+        "enabled": "Käytössä",
+        "disabled": "Poissa käytöstä",
+        "total": "Yhteensä"
+    },
+    "coinmarketcap": {
+        "configure": "Määritä yksi tai useampi kryptovaluutta seurattavaksi",
+        "1hour": "1 tunti",
+        "1day": "1 päivä",
+        "7days": "7 päivää",
+        "30days": "30 päivää"
+    },
+    "gotify": {
+        "apps": "Sovelluksia",
+        "clients": "Asiakasohjelmia",
+        "messages": "Viestejä"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indeksoijia",
+        "numberOfGrabs": "Nappauksia",
+        "numberOfQueries": "Hakuja",
+        "numberOfFailGrabs": "Epäonnistuneita nappauksia",
+        "numberOfFailQueries": "Epäonnistuneita kyselyjä"
+    },
+    "jackett": {
+        "configured": "Määritettyjä",
+        "errored": "Virheellisiä"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Istuntoja",
+        "numConnections": "Yhteyksiä",
+        "dataRelayed": "Välitetty",
+        "transferRate": "Nopeus"
+    },
+    "mastodon": {
+        "user_count": "Käyttäjiä",
+        "status_count": "Kirjoituksia",
+        "domain_count": "Verkkotunnuksia"
+    },
+    "authentik": {
+        "users": "Käyttäjiä",
+        "loginsLast24H": "Kirjautumisia (24h)",
+        "failedLoginsLast24H": "Epäonnistuneita kirjautumisia (24h)"
+    },
+    "proxmox": {
+        "mem": "RAM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VKt"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "wait": "Please wait",
+        "days": "Days",
+        "wan": "WAN",
+        "up": "UP",
+        "down": "DOWN"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "wait": "Please wait",
+        "cpu": "CPU",
+        "mem": "MEM"
+    }
+}

public/locales/fr/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Type de widget manquant: {{type}}",
+        "api_error": "Erreur de l'API",
+        "status": "Statut"
+    },
+    "search": {
+        "placeholder": "Recherche…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Libre",
+        "used": "Utilisé",
+        "load": "Charge",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rx",
+        "tx": "Tx",
+        "mem": "Mém",
+        "cpu": "Cpu",
+        "offline": "Hors ligne"
+    },
+    "emby": {
+        "playing": "En lecture",
+        "transcoding": "Transcodage",
+        "bitrate": "Débit",
+        "no_active": "Aucun flux actif"
+    },
+    "tautulli": {
+        "playing": "En lecture",
+        "transcoding": "Transcodage",
+        "bitrate": "Débit",
+        "no_active": "Aucun flux actif"
+    },
+    "rutorrent": {
+        "active": "Actif",
+        "upload": "Envoi",
+        "download": "Réception"
+    },
+    "sonarr": {
+        "wanted": "Demande",
+        "queued": "En attente",
+        "series": "Séries"
+    },
+    "radarr": {
+        "wanted": "Demande",
+        "queued": "En attente",
+        "movies": "Films"
+    },
+    "readarr": {
+        "wanted": "Demande",
+        "queued": "Attente",
+        "books": "Livres"
+    },
+    "ombi": {
+        "pending": "En attente",
+        "approved": "Validé",
+        "available": "Disponible"
+    },
+    "jellyseerr": {
+        "pending": "En attente",
+        "approved": "Validé",
+        "available": "Disponible"
+    },
+    "pihole": {
+        "queries": "Requêtes",
+        "blocked": "Bloqué",
+        "gravity": "Listes dom. bloqués"
+    },
+    "speedtest": {
+        "upload": "Envoi",
+        "download": "Récep.",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Démarré",
+        "stopped": "Arrêté",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routeurs",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Activé",
+        "disabled": "Désactivé",
+        "total": "Total"
+    },
+    "weather": {
+        "current": "Localisation actuelle",
+        "allow": "Cliquez pour autoriser",
+        "updating": "Mise à jour",
+        "wait": "Veuillez patienter"
+    },
+    "overseerr": {
+        "pending": "En attente",
+        "approved": "Demande",
+        "available": "Disponible"
+    },
+    "sabnzbd": {
+        "rate": "Débit",
+        "queue": "Queue",
+        "timeleft": "Temps restant"
+    },
+    "nzbget": {
+        "remaining": "Restant",
+        "downloaded": "Téléchargé",
+        "rate": "Débit"
+    },
+    "coinmarketcap": {
+        "configure": "Configurer une ou plusieurs crypto-monnaies à suivre",
+        "1hour": "1 Heure",
+        "1day": "1 Jour",
+        "7days": "7 Jours",
+        "30days": "30 Jours"
+    },
+    "gotify": {
+        "apps": "Applis",
+        "clients": "Clients",
+        "messages": "Msg"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexeur",
+        "numberOfGrabs": "Capture",
+        "numberOfQueries": "Demande",
+        "numberOfFailGrabs": "Capt. échouée",
+        "numberOfFailQueries": "Dem. échouée"
+    },
+    "transmission": {
+        "download": "Réception",
+        "upload": "Envoi",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configuré",
+        "errored": "En erreur"
+    },
+    "bazarr": {
+        "missingEpisodes": "Épisodes manquants",
+        "missingMovies": "Films manquants"
+    },
+    "lidarr": {
+        "wanted": "Demandé",
+        "queued": "En queue",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Requêtes",
+        "blocked": "Bloquées",
+        "filtered": "Filtrées",
+        "latency": "Latence"
+    },
+    "qbittorrent": {
+        "download": "Récep.",
+        "upload": "Envoi",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Utilisateurs",
+        "status_count": "Messages",
+        "domain_count": "Domaines"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Cnx",
+        "dataRelayed": "Relayé",
+        "transferRate": "Débit"
+    },
+    "authentik": {
+        "users": "Utilisateurs",
+        "loginsLast24H": "Cnx. (24h)",
+        "failedLoginsLast24H": "Cnx. échouées (24h)"
+    },
+    "proxmox": {
+        "mem": "Mém",
+        "cpu": "Cpu",
+        "lxc": "LxC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Utilisateurs",
+        "uptime": "Disponibilité du système",
+        "days": "Jours",
+        "wan": "WAN",
+        "lan_users": "Utilisateurs LAN",
+        "wlan_users": "Utilisateurs WLAN",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Merci de patienter"
+    },
+    "plex": {
+        "streams": "Flux actif",
+        "movies": "Films",
+        "tv": "Séries TV"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/he/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "סוג ווידג'ט חסר: {{type}}",
+        "api_error": "שגיאת API",
+        "status": "סטטוס"
+    },
+    "weather": {
+        "current": "מיקום נוכחי",
+        "allow": "יש ללחוץ כדי לאשר",
+        "updating": "מעדכן",
+        "wait": "המתן בבקשה"
+    },
+    "search": {
+        "placeholder": "חיפוש…"
+    },
+    "resources": {
+        "total": "סה\"כ",
+        "free": "פנוי",
+        "used": "בשימוש",
+        "load": "עומס",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "זיכרון",
+        "cpu": "מעבד",
+        "offline": "כבוי"
+    },
+    "emby": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "tautulli": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "nzbget": {
+        "rate": "יחס",
+        "remaining": "נותר",
+        "downloaded": "הורד"
+    },
+    "sabnzbd": {
+        "rate": "יחס",
+        "queue": "תור",
+        "timeleft": "זמן שנותר"
+    },
+    "rutorrent": {
+        "active": "פעיל",
+        "upload": "העלאה",
+        "download": "הורדה"
+    },
+    "transmission": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "qbittorrent": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "sonarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "series": "סדרות"
+    },
+    "radarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "movies": "סרטים"
+    },
+    "lidarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "albums": "אלבומים"
+    },
+    "readarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "books": "ספרים"
+    },
+    "bazarr": {
+        "missingEpisodes": "פרקים חסרים",
+        "missingMovies": "סרטים חסרים"
+    },
+    "ombi": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "jellyseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "overseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "pihole": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "filtered": "מסונן",
+        "latency": "השהיה"
+    },
+    "speedtest": {
+        "upload": "העלאה",
+        "download": "הורדה",
+        "ping": "פינג"
+    },
+    "portainer": {
+        "running": "פעיל",
+        "stopped": "נעצר",
+        "total": "סה\"כ"
+    },
+    "traefik": {
+        "routers": "ניתובים",
+        "services": "שירותים",
+        "middleware": "מתווך"
+    },
+    "npm": {
+        "enabled": "מופעל",
+        "disabled": "מבוטל",
+        "total": "סה\"כ"
+    },
+    "coinmarketcap": {
+        "configure": "קבע את התצורה של מטבע קריפטו אחד או יותר למעקב",
+        "1hour": "שעה אחת",
+        "1day": "יום 1",
+        "7days": "7 יום",
+        "30days": "30 יום"
+    },
+    "gotify": {
+        "apps": "אפליקציות",
+        "clients": "לקוחות",
+        "messages": "הודעות"
+    },
+    "prowlarr": {
+        "enableIndexers": "אינדקסים",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "שאילתות",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "מוגדר",
+        "errored": "שגיאה"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/hr/common.json

@@ -0,0 +1,205 @@
+{
+    "weather": {
+        "current": "Tranutačna lokacija",
+        "allow": "Pritisni za dozvoljavanje",
+        "updating": "Aktualiziranje",
+        "wait": "Pričekaj"
+    },
+    "search": {
+        "placeholder": "Traži …"
+    },
+    "resources": {
+        "total": "Ukupno",
+        "free": "Slobodno",
+        "used": "Korišteno",
+        "load": "Opterećenje",
+        "cpu": "CPU"
+    },
+    "sabnzbd": {
+        "rate": "Stopa",
+        "queue": "Red",
+        "timeleft": "Preostalo vrijeme"
+    },
+    "overseerr": {
+        "available": "Dostupno",
+        "pending": "Predstoji",
+        "approved": "Odobreno"
+    },
+    "pihole": {
+        "queries": "Upiti",
+        "blocked": "Blokirano",
+        "gravity": "Ozbiljnost"
+    },
+    "adguard": {
+        "latency": "Kašnjenje",
+        "queries": "Upiti",
+        "blocked": "Blokirano",
+        "filtered": "Filtrirano"
+    },
+    "npm": {
+        "total": "Ukupno",
+        "enabled": "Aktivirano",
+        "disabled": "Deaktivirano"
+    },
+    "coinmarketcap": {
+        "configure": "Konfiguriraj jednu ili više kripto valuta za praćenje",
+        "1hour": "1 sat",
+        "1day": "1 dan",
+        "7days": "7 dana",
+        "30days": "30 dana"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indeksatori",
+        "numberOfGrabs": "Dohvaćanja",
+        "numberOfQueries": "Upiti",
+        "numberOfFailGrabs": "Neuspjela dohvaćanja",
+        "numberOfFailQueries": "Neuspjeli upiti"
+    },
+    "widget": {
+        "missing_type": "Nedostajuća vrsta widgeta: {{type}}",
+        "api_error": "API greška",
+        "status": "Stanje"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Odspojen"
+    },
+    "emby": {
+        "playing": "Reprodukcija",
+        "transcoding": "Prekodiranje",
+        "bitrate": "Brzina prijenosa",
+        "no_active": "Nema aktivnih prijenosa"
+    },
+    "tautulli": {
+        "playing": "Reprodukcija",
+        "transcoding": "Prekodiranje",
+        "bitrate": "Brzina prijenosa",
+        "no_active": "Nema aktivnih prijenosa"
+    },
+    "nzbget": {
+        "rate": "Stopa",
+        "remaining": "Preostalo",
+        "downloaded": "Preuzeto"
+    },
+    "rutorrent": {
+        "upload": "Prijenos",
+        "download": "Preuzimanje",
+        "active": "Aktivno"
+    },
+    "transmission": {
+        "download": "Preuzimanje",
+        "upload": "Prijenos",
+        "leech": "Krvopija",
+        "seed": "Prijenos preuzetog sadržaja"
+    },
+    "sonarr": {
+        "wanted": "Željeno",
+        "queued": "U redu čekanja",
+        "series": "Serije"
+    },
+    "radarr": {
+        "wanted": "Željeno",
+        "queued": "U redu čekanja",
+        "movies": "Filmovi"
+    },
+    "lidarr": {
+        "wanted": "Željeno",
+        "queued": "U redu čekanja",
+        "albums": "Albumi"
+    },
+    "readarr": {
+        "wanted": "Željeno",
+        "queued": "U redu čekanja",
+        "books": "Knjige"
+    },
+    "bazarr": {
+        "missingEpisodes": "Nedostajuće epizode",
+        "missingMovies": "Nedostajući filmovi"
+    },
+    "ombi": {
+        "pending": "Predstoji",
+        "approved": "Odobreno",
+        "available": "Dostupno"
+    },
+    "jellyseerr": {
+        "pending": "Predstoji",
+        "approved": "Odobreno",
+        "available": "Dostupno"
+    },
+    "speedtest": {
+        "upload": "Prijenos",
+        "download": "Preuzimanje",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Pokrenuto",
+        "stopped": "Prekinuto",
+        "total": "Ukupno"
+    },
+    "traefik": {
+        "routers": "Ruteri",
+        "services": "Usluge",
+        "middleware": "Middleware"
+    },
+    "gotify": {
+        "clients": "Klijenti",
+        "messages": "Poruke",
+        "apps": "Programi"
+    },
+    "jackett": {
+        "configured": "Konfigurirano",
+        "errored": "S greškom"
+    },
+    "qbittorrent": {
+        "download": "Preuzimanje",
+        "upload": "Prijenos",
+        "leech": "Krvopija",
+        "seed": "Prijenos preuzetog sadržaja"
+    },
+    "mastodon": {
+        "user_count": "Korisnici",
+        "status_count": "Objave",
+        "domain_count": "Domene"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sesije",
+        "numConnections": "Veze",
+        "dataRelayed": "Proslijeđeno",
+        "transferRate": "Stopa"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/hu/common.json

@@ -0,0 +1,205 @@
+{
+    "resources": {
+        "total": "Összes",
+        "free": "Szabad",
+        "used": "Használt",
+        "load": "Terhelés",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "lidarr": {
+        "albums": "Albumok",
+        "wanted": "Keresett",
+        "queued": "Sorban áll"
+    },
+    "readarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "books": "Könyvek"
+    },
+    "bazarr": {
+        "missingEpisodes": "Hiányzó epizódok",
+        "missingMovies": "Hiányzó filmek"
+    },
+    "widget": {
+        "missing_type": "Hiányzó Widget Típus: {{type}}",
+        "api_error": "API Hiba",
+        "status": "Státusz"
+    },
+    "weather": {
+        "current": "Aktuális hely",
+        "allow": "Kattints az engedélyezéshez",
+        "updating": "Frissítés",
+        "wait": "Kérlek várj"
+    },
+    "search": {
+        "placeholder": "Keresés…"
+    },
+    "emby": {
+        "playing": "Lejátszás",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "tautulli": {
+        "playing": "Lejátszás folyamatban",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "nzbget": {
+        "rate": "Ráta",
+        "remaining": "Hátralévő",
+        "downloaded": "Letöltött"
+    },
+    "sabnzbd": {
+        "rate": "Ráta",
+        "queue": "Sor",
+        "timeleft": "Hátralévő idő"
+    },
+    "rutorrent": {
+        "active": "Aktív",
+        "upload": "Feltöltés",
+        "download": "Letöltés"
+    },
+    "transmission": {
+        "leech": "Leechelés",
+        "seed": "Seedelés",
+        "download": "Letöltés",
+        "upload": "Feltöltés"
+    },
+    "qbittorrent": {
+        "download": "Letöltés",
+        "upload": "Feltöltés",
+        "leech": "Leechelés",
+        "seed": "Seedelés"
+    },
+    "sonarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "series": "Sorozat"
+    },
+    "radarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "movies": "Filmek"
+    },
+    "ombi": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "jellyseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "overseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "pihole": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "gravity": "Gravitáció"
+    },
+    "adguard": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "filtered": "Szűrt",
+        "latency": "Késleltetés"
+    },
+    "speedtest": {
+        "upload": "Feltöltés",
+        "download": "Letöltés",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Futó",
+        "stopped": "Megállított",
+        "total": "Összes"
+    },
+    "traefik": {
+        "routers": "Routerek",
+        "services": "Folyamatok",
+        "middleware": "Közvetítő"
+    },
+    "npm": {
+        "enabled": "Bekapcsolva",
+        "disabled": "Kikapcsolva",
+        "total": "Összes"
+    },
+    "coinmarketcap": {
+        "configure": "Állíts be egy vagy több Cryptovalutát a követéshez",
+        "1hour": "1 Óra",
+        "1day": "1 Nap",
+        "7days": "7 Nap",
+        "30days": "30 Nap"
+    },
+    "gotify": {
+        "apps": "Applikációk",
+        "clients": "Kliensek",
+        "messages": "Üzenetek"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerek",
+        "numberOfGrabs": "Fogott",
+        "numberOfFailGrabs": "Hibás fogások",
+        "numberOfQueries": "Lekérdezések",
+        "numberOfFailQueries": "Hibás lekérdezések"
+    },
+    "jackett": {
+        "configured": "Beállított",
+        "errored": "Hibás"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/it/common.json

@@ -0,0 +1,205 @@
+{
+    "docker": {
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline",
+        "rx": "RX"
+    },
+    "emby": {
+        "playing": "In riproduzione",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "Nessuno Stream Attivo"
+    },
+    "tautulli": {
+        "playing": "In riproduzione",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "Nessuno Stream Attivo"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "In esecuzione",
+        "stopped": "Fermati",
+        "total": "Totali"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Servizi",
+        "middleware": "Middleware"
+    },
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "Errore API",
+        "status": "Stato"
+    },
+    "search": {
+        "placeholder": "Cerca…"
+    },
+    "resources": {
+        "total": "Totale",
+        "free": "Libero",
+        "used": "In utilizzo",
+        "load": "Load",
+        "cpu": "CPU"
+    },
+    "rutorrent": {
+        "active": "Attivo",
+        "upload": "Upload",
+        "download": "Download"
+    },
+    "sonarr": {
+        "series": "Serie",
+        "wanted": "Rchiesti",
+        "queued": "In coda"
+    },
+    "radarr": {
+        "wanted": "Richiesti",
+        "queued": "In coda",
+        "movies": "Film"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "ombi": {
+        "pending": "In attesa",
+        "approved": "Approvati",
+        "available": "Disponibili"
+    },
+    "jellyseerr": {
+        "pending": "In attesa",
+        "approved": "Approvati",
+        "available": "Disponibili"
+    },
+    "pihole": {
+        "queries": "Richieste",
+        "blocked": "Bloccati",
+        "gravity": "Severità"
+    },
+    "npm": {
+        "enabled": "Attivi",
+        "disabled": "Disabilitati",
+        "total": "Totali"
+    },
+    "weather": {
+        "current": "Posizione Attuale",
+        "allow": "Clicca per consentire",
+        "updating": "Aggiornamento in corso",
+        "wait": "Attendi per favore"
+    },
+    "overseerr": {
+        "pending": "In attesa",
+        "approved": "Approvati",
+        "available": "Disponibili"
+    },
+    "sabnzbd": {
+        "rate": "Rapporto",
+        "queue": "Coda",
+        "timeleft": "Tempo Rimanente"
+    },
+    "nzbget": {
+        "rate": "Rapporto",
+        "remaining": "Rimanente",
+        "downloaded": "Scaricato"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "1hour": "1 Hour",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Applicazioni",
+        "clients": "Clients",
+        "messages": "Messaggi"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "leech": "Leech",
+        "upload": "Upload",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wait": "Please wait",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/nb-NO/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Manglende miniprogramstype: {{type}}",
+        "api_error": "API-feil",
+        "status": "Status"
+    },
+    "search": {
+        "placeholder": "Søk …"
+    },
+    "resources": {
+        "total": "Totalt",
+        "free": "Ledig",
+        "used": "Brukt",
+        "load": "Last inn",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Mottatt",
+        "tx": "Sendt",
+        "mem": "Minne",
+        "cpu": "Prosessor",
+        "offline": "Frakoblet"
+    },
+    "emby": {
+        "playing": "Spiller",
+        "transcoding": "Transkoding",
+        "bitrate": "Bitrate",
+        "no_active": "Ingen aktive strømmer"
+    },
+    "tautulli": {
+        "playing": "Spiller",
+        "transcoding": "Transkoding",
+        "bitrate": "Bitrate",
+        "no_active": "Ingen aktive strømmer"
+    },
+    "rutorrent": {
+        "active": "Aktiv",
+        "upload": "Opplasting",
+        "download": "Nedlasting"
+    },
+    "sonarr": {
+        "wanted": "Ønsket",
+        "queued": "I kø",
+        "series": "Serie"
+    },
+    "radarr": {
+        "wanted": "Ønsket",
+        "queued": "I kø",
+        "movies": "Filmer"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "ombi": {
+        "pending": "Venter",
+        "approved": "Godkjent",
+        "available": "Tilgjengelig"
+    },
+    "jellyseerr": {
+        "pending": "Venter",
+        "approved": "Godkjent",
+        "available": "Tilgjengelig"
+    },
+    "pihole": {
+        "queries": "Spørringer",
+        "blocked": "Blokkert",
+        "gravity": "Gravitet"
+    },
+    "speedtest": {
+        "upload": "Opplasting",
+        "download": "Nedlasting",
+        "ping": "Ekkoforespørsel"
+    },
+    "portainer": {
+        "running": "Kjører",
+        "stopped": "Stoppet",
+        "total": "Totalt"
+    },
+    "traefik": {
+        "routers": "Rutere",
+        "services": "Tjenester",
+        "middleware": "Midtvare"
+    },
+    "npm": {
+        "enabled": "Påskrudd",
+        "disabled": "Avskrudd",
+        "total": "Totalt"
+    },
+    "weather": {
+        "allow": "Klikk for å tillate",
+        "updating": "Oppdaterer …",
+        "wait": "Vent litt …",
+        "current": "Nåværende posisjon"
+    },
+    "overseerr": {
+        "pending": "Venter",
+        "approved": "Godkjent",
+        "available": "Tilgjengelig"
+    },
+    "sabnzbd": {
+        "rate": "Takt",
+        "queue": "Kø",
+        "timeleft": "Gjenstående tid"
+    },
+    "nzbget": {
+        "rate": "Takt",
+        "downloaded": "Nedlastet",
+        "remaining": "Gjenstående"
+    },
+    "coinmarketcap": {
+        "configure": "Sett opp én eller flere kryptovalutaer å holde øye med",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Programmer",
+        "clients": "Klienter",
+        "messages": "Meldinger"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indekserere",
+        "numberOfGrabs": "Hentninger",
+        "numberOfQueries": "Spørringer",
+        "numberOfFailGrabs": "Mislykkede hentinger",
+        "numberOfFailQueries": "Mislykkede spørringer"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/nl/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "resources": {
+        "total": "Totaal",
+        "free": "Vrij",
+        "used": "Gebruikt",
+        "load": "Load",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Draaiend",
+        "stopped": "Gestopt",
+        "total": "Totaal"
+    },
+    "weather": {
+        "updating": "Updaten",
+        "wait": "Even geduld",
+        "current": "Huidige Locatie",
+        "allow": "Klik om toe te staan"
+    },
+    "search": {
+        "placeholder": "Zoeken…"
+    },
+    "emby": {
+        "playing": "Afspelen",
+        "transcoding": "Transcodering",
+        "bitrate": "Bitsnelheid",
+        "no_active": "Geen Actieve Steams"
+    },
+    "tautulli": {
+        "playing": "Afspelen",
+        "transcoding": "Transcodering",
+        "bitrate": "Bitsnelheid",
+        "no_active": "No Active Streams"
+    },
+    "rutorrent": {
+        "active": "Actief",
+        "upload": "Upload",
+        "download": "Download"
+    },
+    "sonarr": {
+        "wanted": "Gezocht",
+        "queued": "In de wachtrij",
+        "series": "Series"
+    },
+    "radarr": {
+        "movies": "Films",
+        "wanted": "Gezocht",
+        "queued": "In de wachtrij"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "ombi": {
+        "pending": "In afwachting",
+        "approved": "Goedgekeurd",
+        "available": "Beschikbaar"
+    },
+    "jellyseerr": {
+        "pending": "In afwachting",
+        "approved": "Goedgekeurd",
+        "available": "Beschikbaar"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Geblokkeerd",
+        "gravity": "Gravity"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Ingeschakeld",
+        "disabled": "Uitgeschakeld",
+        "total": "Totaal"
+    },
+    "overseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "7days": "7 Days",
+        "1day": "1 Day",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Applications",
+        "clients": "Clients",
+        "messages": "Messages"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "lan_users": "LAN Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/pl/common.json

@@ -0,0 +1,205 @@
+{
+    "weather": {
+        "allow": "Kliknij, aby zezwolić",
+        "updating": "Aktualizacja",
+        "wait": "Proszę czekać",
+        "current": "Aktualna lokalizacja"
+    },
+    "search": {
+        "placeholder": "Szukaj…"
+    },
+    "resources": {
+        "used": "Użyte",
+        "load": "Obciążenie",
+        "total": "Całkowite",
+        "free": "Wolne",
+        "cpu": "CPU"
+    },
+    "emby": {
+        "no_active": "Brak aktywnych strumieni",
+        "playing": "Odtwarzanie",
+        "transcoding": "Transkodowanie",
+        "bitrate": "Bitrate"
+    },
+    "tautulli": {
+        "playing": "Odtwarzanie",
+        "transcoding": "Transkodowanie",
+        "bitrate": "Bitrate",
+        "no_active": "Brak aktywnych strumieni"
+    },
+    "speedtest": {
+        "download": "Pobieranie",
+        "ping": "Ping",
+        "upload": "Wysyłanie"
+    },
+    "portainer": {
+        "running": "Działające",
+        "stopped": "Zatrzymane",
+        "total": "Ogólnie"
+    },
+    "coinmarketcap": {
+        "1day": "1 dzień",
+        "7days": "7 dni",
+        "30days": "30 dni",
+        "1hour": "1 godzina",
+        "configure": "Wybierz jedną lub więcej kryptowalut do śledzenia"
+    },
+    "gotify": {
+        "apps": "Aplikacje",
+        "clients": "Klienci",
+        "messages": "Wiadomości"
+    },
+    "widget": {
+        "missing_type": "Brakujący typ widżetu: {{type}}",
+        "api_error": "Błąd API",
+        "status": "Stan"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "nzbget": {
+        "rate": "Szybkość",
+        "remaining": "Pozostało",
+        "downloaded": "Pobrano"
+    },
+    "sabnzbd": {
+        "rate": "Szybkość",
+        "queue": "Kolejka",
+        "timeleft": "Pozostało"
+    },
+    "rutorrent": {
+        "active": "Aktywny",
+        "upload": "Wysyłanie",
+        "download": "Pobieranie"
+    },
+    "transmission": {
+        "download": "Pobieranie",
+        "upload": "Wysyłanie",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "series": "Seriale"
+    },
+    "radarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "movies": "Filmy"
+    },
+    "lidarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "albums": "Albumy"
+    },
+    "readarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "books": "Książki"
+    },
+    "bazarr": {
+        "missingEpisodes": "Brakujące odcinki",
+        "missingMovies": "Brakujące filmy"
+    },
+    "ombi": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "jellyseerr": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "overseerr": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "pihole": {
+        "queries": "Zapytania",
+        "blocked": "Zablokowane",
+        "gravity": "Gravity"
+    },
+    "traefik": {
+        "routers": "Routery",
+        "services": "Serwisy",
+        "middleware": "Pośrednicy"
+    },
+    "npm": {
+        "enabled": "Włączone",
+        "disabled": "Wyłączone",
+        "total": "Ogólnie"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indeksery",
+        "numberOfGrabs": "Pochwycenia",
+        "numberOfQueries": "Zapytania",
+        "numberOfFailGrabs": "Nieudane pochwycenia",
+        "numberOfFailQueries": "Nieudane zapytania"
+    },
+    "jackett": {
+        "configured": "Skonfigurowane",
+        "errored": "Błędne"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/pt-BR/common.json

@@ -0,0 +1,205 @@
+{
+    "sabnzbd": {
+        "timeleft": "Tempo restante",
+        "rate": "Taxa",
+        "queue": "Fila"
+    },
+    "rutorrent": {
+        "active": "Ativo",
+        "upload": "Envio",
+        "download": "Download"
+    },
+    "portainer": {
+        "total": "Total",
+        "running": "Funcionando",
+        "stopped": "Parado"
+    },
+    "coinmarketcap": {
+        "7days": "7 Dias",
+        "configure": "Configure uma ou mais criptomoedas para rastrear",
+        "1hour": "1 Hora",
+        "1day": "1 Dia",
+        "30days": "30 Dias"
+    },
+    "strelaysrv": {
+        "numConnections": "Conexões",
+        "numActiveSessions": "Sessões",
+        "dataRelayed": "Retransmitido",
+        "transferRate": "Taxa"
+    },
+    "widget": {
+        "missing_type": "Tipo de Widget ausente: {{type}}",
+        "api_error": "Erro da API",
+        "status": "Status"
+    },
+    "weather": {
+        "current": "Localização atual",
+        "allow": "Clique para permitir",
+        "updating": "Atualizando",
+        "wait": "Aguarde, por favor"
+    },
+    "search": {
+        "placeholder": "Buscar…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Livre",
+        "used": "Usado",
+        "load": "Carregamento",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rx",
+        "tx": "Tx",
+        "mem": "Mem",
+        "cpu": "CPU",
+        "offline": "Desligado"
+    },
+    "emby": {
+        "playing": "Reproduzindo",
+        "transcoding": "Transcodificando",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sem transmissões ativas"
+    },
+    "tautulli": {
+        "playing": "Reproduzindo",
+        "transcoding": "Transcodificando",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sem transmissões ativas"
+    },
+    "nzbget": {
+        "rate": "Taxa",
+        "remaining": "Restando",
+        "downloaded": "Baixado"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Desejado",
+        "queued": "Na fila",
+        "series": "Séries"
+    },
+    "radarr": {
+        "wanted": "Desejado",
+        "queued": "Na fila",
+        "movies": "Filmes"
+    },
+    "lidarr": {
+        "wanted": "Desejado",
+        "queued": "Na fila",
+        "albums": "Álbuns"
+    },
+    "readarr": {
+        "wanted": "Desejado",
+        "queued": "Na fila",
+        "books": "Livros"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episódios Ausentes",
+        "missingMovies": "Filmes Ausentes"
+    },
+    "ombi": {
+        "pending": "Pendente",
+        "approved": "Aprovado",
+        "available": "Disponível"
+    },
+    "jellyseerr": {
+        "pending": "Pendente",
+        "approved": "Aprovado",
+        "available": "Disponível"
+    },
+    "overseerr": {
+        "pending": "Pendente",
+        "approved": "Aprovado",
+        "available": "Disponível"
+    },
+    "pihole": {
+        "queries": "Consultas",
+        "blocked": "Bloquado",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latência"
+    },
+    "speedtest": {
+        "upload": "Envio",
+        "download": "Receber",
+        "ping": "Ping"
+    },
+    "traefik": {
+        "routers": "Rotas",
+        "services": "Serviços",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Habilitado",
+        "disabled": "Desabilitado",
+        "total": "Total"
+    },
+    "gotify": {
+        "apps": "Aplicações",
+        "clients": "Clientes",
+        "messages": "Mensagens"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexadores",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "Configurado",
+        "errored": "Erro"
+    },
+    "mastodon": {
+        "user_count": "Usuários",
+        "status_count": "Postagens",
+        "domain_count": "Domínios"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/pt/common.json

@@ -0,0 +1,216 @@
+{
+    "widget": {
+        "missing_type": "Widget ausente: {{type}}",
+        "api_error": "Erro da API",
+        "status": "Status"
+    },
+    "search": {
+        "placeholder": "Pesquisar…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Livre",
+        "used": "Usado",
+        "load": "Carregar",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rx",
+        "tx": "Tx",
+        "mem": "Mem",
+        "cpu": "CPU",
+        "offline": "Desligado"
+    },
+    "emby": {
+        "playing": "A reproduzir",
+        "transcoding": "Transcodificação",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sem streams ativas"
+    },
+    "tautulli": {
+        "playing": "Reproduzindo",
+        "transcoding": "Transcodificação",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sem streams ativas"
+    },
+    "rutorrent": {
+        "active": "Ativo",
+        "upload": "Enviando",
+        "download": "Baixando"
+    },
+    "sonarr": {
+        "wanted": "Desejada",
+        "queued": "Em fila",
+        "series": "Séries"
+    },
+    "radarr": {
+        "wanted": "Desejado",
+        "queued": "Fila",
+        "movies": "Filmes"
+    },
+    "readarr": {
+        "wanted": "Desejados",
+        "queued": "Em fila",
+        "books": "Livros"
+    },
+    "ombi": {
+        "pending": "Pendente",
+        "approved": "Aprovada",
+        "available": "Disponível"
+    },
+    "jellyseerr": {
+        "pending": "Pendente",
+        "approved": "Aprovada",
+        "available": "Disponível"
+    },
+    "pihole": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "gravity": "Gravidade"
+    },
+    "speedtest": {
+        "upload": "Envio",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "A correr",
+        "stopped": "Parado",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Roteadores",
+        "services": "Serviços",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Ativo",
+        "disabled": "Desabilitado",
+        "total": "Total"
+    },
+    "common": {
+        "bytes": "{{value, bytes}}",
+        "bbytes": "{{value, bytes(binary: true)}}",
+        "bits": "{{value, bytes(bits: true)}}",
+        "bbits": "{{value, bytes(bits: true, binary: true)}}",
+        "number": "{{value, number}}",
+        "byterate": "{{value, bytes}}",
+        "ms": "{{value, number}}",
+        "bitrate": "{{value, bytes(bits: true)}}",
+        "percent": "{{value, percent}}"
+    },
+    "weather": {
+        "current": "Localização atual",
+        "allow": "Clicar para permitir",
+        "updating": "A atualizar",
+        "wait": "Por favor aguarde"
+    },
+    "overseerr": {
+        "pending": "Pendente",
+        "approved": "Aprovado",
+        "available": "Disponível"
+    },
+    "sabnzbd": {
+        "rate": "Taxa",
+        "queue": "Fila",
+        "timeleft": "Tempo restante"
+    },
+    "nzbget": {
+        "rate": "Taxa",
+        "remaining": "Restante",
+        "downloaded": "Baixado"
+    },
+    "coinmarketcap": {
+        "configure": "Configurar uma ou mais moedas",
+        "1hour": "1 Hora",
+        "1day": "1 Dia",
+        "7days": "7 Dias",
+        "30days": "30 Dias"
+    },
+    "gotify": {
+        "apps": "Aplicações",
+        "clients": "Clientes",
+        "messages": "Mensagens"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexadores",
+        "numberOfGrabs": "Agarrados",
+        "numberOfQueries": "Consultas",
+        "numberOfFailGrabs": "Falhados",
+        "numberOfFailQueries": "Pesquisas falhadas"
+    },
+    "transmission": {
+        "download": "Baixando",
+        "upload": "Enviando",
+        "leech": "Sanguessugas",
+        "seed": "Semeadores"
+    },
+    "jackett": {
+        "configured": "Configurado",
+        "errored": "Errado"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episódios Faltantes",
+        "missingMovies": "Filmes Faltantes"
+    },
+    "lidarr": {
+        "queued": "Enfileirado",
+        "wanted": "Desejado",
+        "albums": "Álbuns"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latência"
+    },
+    "qbittorrent": {
+        "download": "Baixando",
+        "upload": "Enviando",
+        "leech": "Sanguessugas",
+        "seed": "Semeadores"
+    },
+    "mastodon": {
+        "user_count": "Usuários",
+        "status_count": "Postagens",
+        "domain_count": "Domínios"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessões",
+        "numConnections": "Conexões",
+        "dataRelayed": "Retransmitido",
+        "transferRate": "Taxa"
+    },
+    "authentik": {
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)",
+        "users": "Users"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/ro/common.json

@@ -0,0 +1,205 @@
+{
+    "resources": {
+        "used": "Utilizați",
+        "load": "Sarcină",
+        "total": "Total",
+        "free": "Disponibili",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "jellyseerr": {
+        "approved": "Aprobate",
+        "available": "Disponibile",
+        "pending": "În așteptare"
+    },
+    "overseerr": {
+        "pending": "În așteptare",
+        "approved": "Aprobate",
+        "available": "Disponibile"
+    },
+    "pihole": {
+        "queries": "Cereri",
+        "blocked": "Blocate",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "blocked": "Blocate",
+        "filtered": "Filtrate",
+        "queries": "Cereri",
+        "latency": "Latentă"
+    },
+    "traefik": {
+        "services": "Servicii",
+        "middleware": "Middleware",
+        "routers": "Routere"
+    },
+    "npm": {
+        "enabled": "Activat",
+        "disabled": "Dezactivat",
+        "total": "Total"
+    },
+    "coinmarketcap": {
+        "configure": "Configurați una sau mai multe criptomonede pe care să le urmăriți",
+        "1hour": "1 Oră",
+        "1day": "1 Zi",
+        "7days": "7 Zile",
+        "30days": "30 Zile"
+    },
+    "weather": {
+        "allow": "Click pentru a permite",
+        "updating": "Se actualizează",
+        "current": "Locația Curentă",
+        "wait": "Va rugăm așteptați"
+    },
+    "widget": {
+        "missing_type": "Lipsește Tipul de Widget: {{type}}",
+        "api_error": "Eroare API",
+        "status": "Status"
+    },
+    "search": {
+        "placeholder": "Caută…"
+    },
+    "tautulli": {
+        "no_active": "Niciun stream activ",
+        "playing": "Activ",
+        "transcoding": "Transcodare",
+        "bitrate": "Bitrate"
+    },
+    "nzbget": {
+        "rate": "Rată",
+        "remaining": "Rămas",
+        "downloaded": "Descărcat"
+    },
+    "emby": {
+        "playing": "Activ",
+        "transcoding": "Transcodare",
+        "bitrate": "Bitrate",
+        "no_active": "Niciun stream activ"
+    },
+    "sabnzbd": {
+        "rate": "Rată",
+        "queue": "Coadă",
+        "timeleft": "Timp rămas"
+    },
+    "transmission": {
+        "leech": "Leech",
+        "seed": "Seed",
+        "download": "Descarcă",
+        "upload": "Încarcă"
+    },
+    "rutorrent": {
+        "active": "Activ",
+        "upload": "Încarcă",
+        "download": "Descarcă"
+    },
+    "qbittorrent": {
+        "download": "Descarcă",
+        "upload": "Încarcă",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Dorite",
+        "queued": "În coadă",
+        "series": "Seriale"
+    },
+    "radarr": {
+        "queued": "În coadă",
+        "wanted": "Dorite",
+        "movies": "Filme"
+    },
+    "lidarr": {
+        "wanted": "Dorite",
+        "queued": "În coadă",
+        "albums": "Albume"
+    },
+    "readarr": {
+        "wanted": "Dorite",
+        "queued": "În coadă",
+        "books": "Cărți"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episoade lipsă",
+        "missingMovies": "Filme lipsă"
+    },
+    "ombi": {
+        "pending": "În așteptare",
+        "approved": "Aprobate",
+        "available": "Disponibile"
+    },
+    "speedtest": {
+        "upload": "Încarcă",
+        "download": "Descarcă",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Activ",
+        "stopped": "Oprit",
+        "total": "Total"
+    },
+    "gotify": {
+        "apps": "Aplicații",
+        "clients": "Clienți",
+        "messages": "Mesaje"
+    },
+    "prowlarr": {
+        "numberOfFailGrabs": "Descărcări eșuate",
+        "numberOfFailQueries": "Cereri eșuate",
+        "enableIndexers": "Indexatori",
+        "numberOfGrabs": "Descărcate",
+        "numberOfQueries": "Cereri"
+    },
+    "jackett": {
+        "configured": "Configurat",
+        "errored": "Cu erori"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sesiuni",
+        "numConnections": "Conexiuni",
+        "dataRelayed": "Retransmise",
+        "transferRate": "Rată"
+    },
+    "mastodon": {
+        "user_count": "Utilizatori",
+        "status_count": "Postări",
+        "domain_count": "Domenii"
+    },
+    "authentik": {
+        "users": "Utilizatori",
+        "loginsLast24H": "Autentificări (24h)",
+        "failedLoginsLast24H": "Conectări eșuate (24h)"
+    },
+    "proxmox": {
+        "vms": "VMs",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/ru/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Отсутствует тип виджета: {{type}}",
+        "api_error": "Ошибка API",
+        "status": "Статус"
+    },
+    "search": {
+        "placeholder": "Поиск…"
+    },
+    "resources": {
+        "total": "Всего",
+        "free": "Свободно",
+        "used": "Использовано",
+        "load": "Load",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "Rx",
+        "tx": "Тx",
+        "mem": "Память",
+        "cpu": "Процессор",
+        "offline": "Не в сети"
+    },
+    "emby": {
+        "playing": "Воспроизведение",
+        "transcoding": "Транскодирование",
+        "bitrate": "Битрейт",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Воспроизведение",
+        "transcoding": "Транскодирование",
+        "bitrate": "Битрейт",
+        "no_active": "No Active Streams"
+    },
+    "rutorrent": {
+        "active": "Активный",
+        "upload": "Загрузить",
+        "download": "Скачать"
+    },
+    "sonarr": {
+        "wanted": "Хотел",
+        "queued": "В очереди",
+        "series": "Серии"
+    },
+    "radarr": {
+        "wanted": "Хотел",
+        "queued": "В очереди",
+        "movies": "Фильмы"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "ombi": {
+        "pending": "Ожидание",
+        "approved": "Одобрено",
+        "available": "Доступно"
+    },
+    "jellyseerr": {
+        "pending": "Ожидание",
+        "approved": "Одобрено",
+        "available": "Доступно"
+    },
+    "pihole": {
+        "queries": "Запросы",
+        "blocked": "Заблокировано",
+        "gravity": "Сила тяжести"
+    },
+    "speedtest": {
+        "upload": "Загрузка",
+        "download": "Скачать",
+        "ping": "пинг"
+    },
+    "portainer": {
+        "running": "Запущено",
+        "stopped": "Остановлено",
+        "total": "Всего"
+    },
+    "traefik": {
+        "routers": "Маршрутизаторы",
+        "services": "Сервисы",
+        "middleware": "Промежуточное программное обеспечение"
+    },
+    "npm": {
+        "enabled": "Включено",
+        "disabled": "Отключено",
+        "total": "Всего"
+    },
+    "weather": {
+        "wait": "Пожалуйста подождите",
+        "current": "Текущая локация",
+        "allow": "Нажмите, чтобы разрешить",
+        "updating": "Обновление"
+    },
+    "overseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Дней"
+    },
+    "gotify": {
+        "apps": "Applications",
+        "clients": "Clients",
+        "messages": "Messages"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate",
+        "numActiveSessions": "Sessions"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/sv/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Saknar Widget-typ: {{type}}",
+        "api_error": "API-fel",
+        "status": "Status"
+    },
+    "weather": {
+        "current": "Nuvarande plats",
+        "allow": "Klicka för att tillåta",
+        "updating": "Uppdaterar",
+        "wait": "Vänligen vänta"
+    },
+    "resources": {
+        "load": "Laddar",
+        "total": "Total",
+        "free": "Ledigt",
+        "used": "Använt",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "search": {
+        "placeholder": "Sök…"
+    },
+    "emby": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "tautulli": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "nzbget": {
+        "rate": "Hastighet",
+        "remaining": "Återstående",
+        "downloaded": "Nedladdat"
+    },
+    "sabnzbd": {
+        "rate": "Hastighet",
+        "queue": "Kö",
+        "timeleft": "Tid kvar"
+    },
+    "rutorrent": {
+        "active": "Aktiva",
+        "upload": "Uppladdning",
+        "download": "Nedladdning"
+    },
+    "transmission": {
+        "download": "Nedladdning",
+        "upload": "Uppladdning",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "series": "Serier"
+    },
+    "radarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "movies": "Filmer"
+    },
+    "lidarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "albums": "Album"
+    },
+    "readarr": {
+        "wanted": "Eftersökt",
+        "queued": "I kö",
+        "books": "Böcker"
+    },
+    "bazarr": {
+        "missingEpisodes": "Saknade program",
+        "missingMovies": "Saknade filmer"
+    },
+    "ombi": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "jellyseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "overseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "pihole": {
+        "blocked": "Blockerad",
+        "queries": "Förfrågningar",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Uppladdning",
+        "download": "Nedladdning",
+        "ping": "Svarstid"
+    },
+    "portainer": {
+        "running": "Körs",
+        "stopped": "Stoppade",
+        "total": "Totalt"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Tjänster",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Aktiverad",
+        "disabled": "Inaktiverad",
+        "total": "Totalt"
+    },
+    "coinmarketcap": {
+        "configure": "Konfigurera en eller flera kryptovalutor att följa",
+        "1hour": "1 timme",
+        "1day": "1 dag",
+        "7days": "7 dagar",
+        "30days": "30 dagar"
+    },
+    "gotify": {
+        "apps": "Program",
+        "clients": "Klienter",
+        "messages": "Meddelande"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerare",
+        "numberOfGrabs": "Hämtningar",
+        "numberOfQueries": "Hämtningar",
+        "numberOfFailGrabs": "Misslyckade hämtningar",
+        "numberOfFailQueries": "Misslyckade hämtningar"
+    },
+    "jackett": {
+        "configured": "Konfigurerade",
+        "errored": "Felaktiga"
+    },
+    "adguard": {
+        "queries": "Förfrågningar",
+        "blocked": "Blockerad",
+        "filtered": "Filtrerad",
+        "latency": "Svarstid"
+    },
+    "qbittorrent": {
+        "download": "Nedladdning",
+        "upload": "Uppladdning",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Användare",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessioner",
+        "numConnections": "Anslutningar",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/te/common.json

@@ -0,0 +1,205 @@
+{
+    "readarr": {
+        "books": "పుస్తకాలు",
+        "wanted": "కావలెను",
+        "queued": "క్యూయూఎడ్"
+    },
+    "adguard": {
+        "blocked": "నిరోధించబడింది",
+        "filtered": "ఫిల్టర్ చేయబడింది",
+        "latency": "జాప్యం",
+        "queries": "ప్రశ్నలు"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "సెషన్స్",
+        "numConnections": "కనెక్షన్లు",
+        "dataRelayed": "రెలయెడఁ",
+        "transferRate": "రేటు"
+    },
+    "widget": {
+        "missing_type": "విడ్జెట్ లేదు: {{type}}",
+        "api_error": "API లోపం",
+        "status": "హోదా"
+    },
+    "weather": {
+        "current": "ప్రస్తుత స్తలం",
+        "allow": "అనుమతించడానికి క్లిక్ చేయండి",
+        "updating": "నవీకరిస్తోంది",
+        "wait": "దయచేసి వేచి ఉండండి"
+    },
+    "search": {
+        "placeholder": "వెతకండి…"
+    },
+    "resources": {
+        "cpu": "సీపియూ",
+        "total": "మొత్తం",
+        "free": "మిగిలింది",
+        "used": "ఉపయోగించబడిన",
+        "load": "లోడ్"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "సీపియూ",
+        "offline": "ఆఫ్‌లైన్"
+    },
+    "emby": {
+        "playing": "ఆడుతున్నారు",
+        "transcoding": "ట్రాన్స్‌కోడింగ్",
+        "bitrate": "బిట్రేట్",
+        "no_active": "యాక్టివ్ స్ట్రీమ్‌లు లేవు"
+    },
+    "tautulli": {
+        "playing": "ఆడుతున్నారు",
+        "transcoding": "ట్రాన్స్‌కోడింగ్",
+        "bitrate": "బిట్రేట్",
+        "no_active": "యాక్టివ్ స్ట్రీమ్‌లు లేవు"
+    },
+    "nzbget": {
+        "rate": "రేట్",
+        "remaining": "మిగిలింది",
+        "downloaded": "డౌన్‌లోడ్ చేయబడింది"
+    },
+    "sabnzbd": {
+        "rate": "రేట్",
+        "queue": "వరుస",
+        "timeleft": "మిగిలి వున్న సమయం"
+    },
+    "rutorrent": {
+        "active": "చురుకుగా",
+        "upload": "అప్‌లోడ్",
+        "download": "డౌన్‌లోడ్"
+    },
+    "transmission": {
+        "download": "డౌన్‌లోడ్",
+        "upload": "అప్‌లోడ్",
+        "leech": "జలగ",
+        "seed": "సీడ్"
+    },
+    "qbittorrent": {
+        "download": "డౌన్‌లోడ్",
+        "upload": "అప్లోడ్",
+        "leech": "లీచ్",
+        "seed": "సీడ్"
+    },
+    "sonarr": {
+        "wanted": "కావలెను",
+        "queued": "క్యూయూఎడ్",
+        "series": "సిరీస్"
+    },
+    "radarr": {
+        "wanted": "కావలెను",
+        "queued": "క్యూయూఎడ్",
+        "movies": "సినిమాలు"
+    },
+    "lidarr": {
+        "wanted": "కావలెను",
+        "queued": "క్యూయూఎడ్",
+        "albums": "ఆల్బములు"
+    },
+    "bazarr": {
+        "missingEpisodes": "ఎపిసోడ్‌లు లేవు",
+        "missingMovies": "సినిమాలు లేవు"
+    },
+    "ombi": {
+        "pending": "పెండింగ్",
+        "approved": "ఆమోదించబడింది",
+        "available": "అందుబాటులో వున్నవి"
+    },
+    "jellyseerr": {
+        "pending": "పెండింగ్",
+        "approved": "ఆమోదించబడింది",
+        "available": "అందుబాటులో"
+    },
+    "overseerr": {
+        "pending": "పెండింగ్",
+        "approved": "ఆమోదించబడింది",
+        "available": "అందుబాటులో"
+    },
+    "pihole": {
+        "queries": "ప్రశ్నలు",
+        "blocked": "నిరోధించబడింది",
+        "gravity": "గురుత్వాకర్షణ"
+    },
+    "speedtest": {
+        "upload": "అప్లోడ్",
+        "download": "డౌన్‌లోడ్",
+        "ping": "పింగ్"
+    },
+    "portainer": {
+        "running": "నడుస్తున్నవి",
+        "stopped": "ఆగిపోయినవి",
+        "total": "మొత్తం"
+    },
+    "traefik": {
+        "routers": "రౌటర్లు",
+        "services": "సేవలు",
+        "middleware": "మిడిల్వేర్"
+    },
+    "npm": {
+        "enabled": "ప్రారంభించబడింది",
+        "disabled": "డిసేబ్లెడ్",
+        "total": "మొత్తం"
+    },
+    "coinmarketcap": {
+        "configure": "ట్రాక్ చేయడానికి ఒకటి లేదా అంతకంటే ఎక్కువ క్రిప్టో కరెన్సీలను కాన్ఫిగర్ చేయండి",
+        "1hour": "1 గంట",
+        "1day": "1 రోజు",
+        "7days": "7 రోజులు",
+        "30days": "30 రోజులు"
+    },
+    "gotify": {
+        "apps": "అప్లికేషన్లు",
+        "clients": "ఖాతాదారులు",
+        "messages": "సందేశాలు"
+    },
+    "prowlarr": {
+        "enableIndexers": "సూచికలు",
+        "numberOfGrabs": "గ్రాబ్స్",
+        "numberOfQueries": "ప్రశ్నలు",
+        "numberOfFailGrabs": "ఫెయిల్ గ్రాబ్స్",
+        "numberOfFailQueries": "విఫలమైన ప్రశ్నలు"
+    },
+    "jackett": {
+        "configured": "కాన్ఫిగర్ చేయబడింది",
+        "errored": "పొరపాటు జరిగింది"
+    },
+    "mastodon": {
+        "user_count": "వినియోగదారులు",
+        "status_count": "పోస్ట్‌లు",
+        "domain_count": "డొమైన్‌లు"
+    },
+    "authentik": {
+        "users": "వినియోగదారులు",
+        "loginsLast24H": "లాగిన్లు (24గం)",
+        "failedLoginsLast24H": "విఫలమైన లాగిన్‌లు (24గం)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "సీపియూ",
+        "lxc": "LXC",
+        "vms": "విఎంలు"
+    },
+    "unifi": {
+        "users": "వినియోగదారులు",
+        "uptime": "సిస్టమ్ సమయము",
+        "days": "రోజులు",
+        "wan": "WAN",
+        "lan_users": "LAN వినియోగదారులు",
+        "wlan_users": "WLAN వినియోగదారులు",
+        "up": "అప్",
+        "down": "డౌన్",
+        "wait": "దయచేసి వేచి ఉండండి"
+    },
+    "plex": {
+        "streams": "యాక్టివ్ స్ట్రీమ్‌లు",
+        "movies": "సినిమాలు",
+        "tv": "దూరదర్శిని కార్యక్రమాలు"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/vi/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Thiếu loại Widget: {{type}}",
+        "api_error": "Lỗi API",
+        "status": "Trạng thái"
+    },
+    "search": {
+        "placeholder": "Tìm kiếm…"
+    },
+    "resources": {
+        "total": "Tổng",
+        "free": "Dư",
+        "used": "Đã dùng",
+        "load": "Load",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "BỘ NHỚ",
+        "cpu": "CPU",
+        "offline": "Ngoại tuyến"
+    },
+    "emby": {
+        "playing": "Đang chơi",
+        "transcoding": "Chuyển định dạng",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Đang chơi",
+        "transcoding": "Chuyển định dạng",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "rutorrent": {
+        "active": "Hoạt động",
+        "upload": "Tải lên",
+        "download": "Tải xuống"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Phim"
+    },
+    "readarr": {
+        "wanted": "Đang tìm",
+        "queued": "Đang chờ",
+        "books": "Sách"
+    },
+    "ombi": {
+        "pending": "Đang xử lý",
+        "approved": "Đã duyệt",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    },
+    "weather": {
+        "current": "Vị trí hiện tại",
+        "allow": "Bấm để đồng ý",
+        "updating": "Đang cập nhật",
+        "wait": "Vui lòng chờ"
+    },
+    "overseerr": {
+        "pending": "Pending",
+        "approved": "Đã duyệt",
+        "available": "Available"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Hàng chờ",
+        "timeleft": "Thời gian còn lại"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Đã tải"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "gotify": {
+        "apps": "Applications",
+        "clients": "Clients",
+        "messages": "Messages"
+    },
+    "prowlarr": {
+        "numberOfFailGrabs": "Fail Grabs",
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/yue/common.json

@@ -0,0 +1,205 @@
+{
+    "emby": {
+        "transcoding": "轉碼緊",
+        "bitrate": "比特率",
+        "playing": "播放緊",
+        "no_active": "無任何活動"
+    },
+    "tautulli": {
+        "playing": "播放緊",
+        "no_active": "無任何活動",
+        "transcoding": "轉碼緊",
+        "bitrate": "比特率"
+    },
+    "transmission": {
+        "download": "下載速度",
+        "upload": "上傳速度",
+        "leech": "下載緊",
+        "seed": "做種緊"
+    },
+    "widget": {
+        "missing_type": "缺少小部件類型：{{type}}",
+        "api_error": "API 錯誤",
+        "status": "狀況"
+    },
+    "weather": {
+        "current": "依家位置",
+        "allow": "點擊允許",
+        "updating": "更新緊",
+        "wait": "請稍後"
+    },
+    "search": {
+        "placeholder": "搜索緊…"
+    },
+    "resources": {
+        "total": "全部",
+        "free": "剩餘",
+        "used": "用咗",
+        "load": "負荷",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "接收",
+        "tx": "發送",
+        "mem": "內存",
+        "cpu": "處理器",
+        "offline": "離線"
+    },
+    "nzbget": {
+        "rate": "速度",
+        "remaining": "剩餘",
+        "downloaded": "下載咗"
+    },
+    "sabnzbd": {
+        "rate": "速度",
+        "queue": "隊列",
+        "timeleft": "用時"
+    },
+    "rutorrent": {
+        "active": "激活",
+        "upload": "上傳",
+        "download": "下載"
+    },
+    "qbittorrent": {
+        "download": "下載速度",
+        "upload": "上傳速度",
+        "leech": "下載緊",
+        "seed": "做種緊"
+    },
+    "sonarr": {
+        "wanted": "想睇",
+        "queued": "排緊隊",
+        "series": "電視劇"
+    },
+    "radarr": {
+        "wanted": "想睇",
+        "queued": "排緊隊",
+        "movies": "電影"
+    },
+    "lidarr": {
+        "wanted": "想睇",
+        "queued": "排緊隊",
+        "albums": "專輯"
+    },
+    "readarr": {
+        "wanted": "想睇",
+        "queued": "排緊隊",
+        "books": "書"
+    },
+    "bazarr": {
+        "missingEpisodes": "缺少嘅劇集",
+        "missingMovies": "缺少電影"
+    },
+    "ombi": {
+        "pending": "待定",
+        "approved": "批准",
+        "available": "可用"
+    },
+    "jellyseerr": {
+        "pending": "提交咗",
+        "approved": "批准咗",
+        "available": "可睇嘅總量"
+    },
+    "overseerr": {
+        "pending": "待定",
+        "approved": "批准",
+        "available": "可用"
+    },
+    "pihole": {
+        "queries": "查詢",
+        "blocked": "封鎖",
+        "gravity": "重力"
+    },
+    "adguard": {
+        "queries": "查詢",
+        "blocked": "封鎖",
+        "filtered": "過濾",
+        "latency": "延遲"
+    },
+    "speedtest": {
+        "upload": "上傳速率",
+        "download": "下載速率",
+        "ping": "Ping值"
+    },
+    "portainer": {
+        "running": "運行緊",
+        "stopped": "暫停",
+        "total": "全部"
+    },
+    "traefik": {
+        "routers": "路由器",
+        "services": "服務項",
+        "middleware": "中間件"
+    },
+    "coinmarketcap": {
+        "1day": "1 日",
+        "configure": "配置一個或多個加密貨幣以進行跟蹤",
+        "1hour": "1 個鐘",
+        "7days": "7 日",
+        "30days": "30日"
+    },
+    "npm": {
+        "enabled": "啟用",
+        "disabled": "停用咗",
+        "total": "全部"
+    },
+    "gotify": {
+        "apps": "應用",
+        "clients": "客戶端",
+        "messages": "消息"
+    },
+    "prowlarr": {
+        "enableIndexers": "索引",
+        "numberOfGrabs": "抓住",
+        "numberOfQueries": "查詢",
+        "numberOfFailGrabs": "失敗抓取",
+        "numberOfFailQueries": "查詢失敗"
+    },
+    "jackett": {
+        "configured": "配置",
+        "errored": "已錯誤"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "會話",
+        "numConnections": "連接",
+        "dataRelayed": "傳遞",
+        "transferRate": "速度"
+    },
+    "mastodon": {
+        "user_count": "用戶",
+        "status_count": "職位",
+        "domain_count": "域"
+    },
+    "authentik": {
+        "users": "用戶",
+        "loginsLast24H": "登錄（ 24小时）",
+        "failedLoginsLast24H": "登錄失敗（ 24鐘頭）"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/zh-CN/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "缺少小部件类型：{{type}}",
+        "api_error": "API错误",
+        "status": "状态"
+    },
+    "search": {
+        "placeholder": "搜索…"
+    },
+    "resources": {
+        "total": "共",
+        "free": "空闲",
+        "used": "已用",
+        "load": "负载",
+        "cpu": "CPU"
+    },
+    "docker": {
+        "rx": "接收",
+        "tx": "发送",
+        "mem": "内存",
+        "cpu": "处理器",
+        "offline": "离线"
+    },
+    "emby": {
+        "playing": "播放中",
+        "transcoding": "转码",
+        "bitrate": "比特率",
+        "no_active": "暂无播放"
+    },
+    "tautulli": {
+        "playing": "播放中",
+        "transcoding": "转码",
+        "bitrate": "比特率",
+        "no_active": "暂无播放"
+    },
+    "rutorrent": {
+        "active": "活动中",
+        "upload": "上传",
+        "download": "下载"
+    },
+    "sonarr": {
+        "wanted": "想看",
+        "queued": "排队",
+        "series": "系列"
+    },
+    "radarr": {
+        "wanted": "想看",
+        "queued": "队列",
+        "movies": "电影"
+    },
+    "readarr": {
+        "wanted": "订阅",
+        "queued": "队列",
+        "books": "书籍"
+    },
+    "ombi": {
+        "pending": "待办的",
+        "approved": "已批准",
+        "available": "可用的"
+    },
+    "jellyseerr": {
+        "pending": "待办的",
+        "approved": "得到正式认可的",
+        "available": "可用的"
+    },
+    "pihole": {
+        "queries": "查询",
+        "blocked": "阻止",
+        "gravity": "重力"
+    },
+    "speedtest": {
+        "upload": "上传",
+        "download": "下载",
+        "ping": "ping"
+    },
+    "portainer": {
+        "running": "运行中",
+        "stopped": "停止",
+        "total": "总计"
+    },
+    "traefik": {
+        "routers": "路由器",
+        "services": "服务",
+        "middleware": "中间件"
+    },
+    "npm": {
+        "enabled": "已启用",
+        "disabled": "禁用",
+        "total": "全部的"
+    },
+    "weather": {
+        "current": "当前定位",
+        "allow": "点击并允许",
+        "updating": "更新中",
+        "wait": "请稍候"
+    },
+    "overseerr": {
+        "pending": "待办",
+        "approved": "已批准",
+        "available": "可用"
+    },
+    "sabnzbd": {
+        "rate": "速率",
+        "queue": "队列",
+        "timeleft": "剩余时间"
+    },
+    "nzbget": {
+        "rate": "速率",
+        "remaining": "剩余",
+        "downloaded": "下载"
+    },
+    "coinmarketcap": {
+        "configure": "配置一个或多个需要追踪的加密",
+        "1hour": "1小时",
+        "1day": "1天",
+        "7days": "7天",
+        "30days": "30天"
+    },
+    "gotify": {
+        "apps": "应用",
+        "clients": "客户端",
+        "messages": "信息"
+    },
+    "prowlarr": {
+        "enableIndexers": "索引器",
+        "numberOfGrabs": "抓取",
+        "numberOfQueries": "查询",
+        "numberOfFailGrabs": "抓取失败",
+        "numberOfFailQueries": "查询失败"
+    },
+    "transmission": {
+        "download": "下载",
+        "upload": "上传",
+        "leech": "下载中",
+        "seed": "做种"
+    },
+    "jackett": {
+        "configured": "已配置",
+        "errored": "出错了"
+    },
+    "bazarr": {
+        "missingEpisodes": "缺少的剧集",
+        "missingMovies": "缺少的电影"
+    },
+    "lidarr": {
+        "wanted": "订阅",
+        "queued": "队列",
+        "albums": "相册"
+    },
+    "adguard": {
+        "queries": "查询",
+        "blocked": "阻止",
+        "filtered": "过滤",
+        "latency": "延迟"
+    },
+    "qbittorrent": {
+        "download": "下载",
+        "upload": "上传",
+        "leech": "下载中",
+        "seed": "做种"
+    },
+    "mastodon": {
+        "user_count": "用户",
+        "status_count": "Posts",
+        "domain_count": "域"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "会话",
+        "dataRelayed": "中继",
+        "numConnections": "连接",
+        "transferRate": "速度"
+    },
+    "authentik": {
+        "users": "用户",
+        "loginsLast24H": "登录 (24h)",
+        "failedLoginsLast24H": "登录失败 (24h)"
+    },
+    "proxmox": {
+        "mem": "内存",
+        "cpu": "处理器",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "请稍候"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/locales/zh-Hant/common.json

@@ -0,0 +1,205 @@
+{
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
+    },
+    "docker": {
+        "rx": "RX",
+        "offline": "Offline",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU"
+    },
+    "emby": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "search": {
+        "placeholder": "Search…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Free",
+        "used": "Used",
+        "load": "Load",
+        "cpu": "CPU"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "rutorrent": {
+        "active": "Active",
+        "upload": "Upload",
+        "download": "Download"
+    },
+    "radarr": {
+        "movies": "Movies",
+        "wanted": "Wanted",
+        "queued": "Queued"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "overseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "gotify": {
+        "clients": "Clients",
+        "apps": "Applications",
+        "messages": "Messages"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "authentik": {
+        "users": "Users",
+        "loginsLast24H": "Logins (24h)",
+        "failedLoginsLast24H": "Failed Logins (24h)"
+    },
+    "proxmox": {
+        "mem": "MEM",
+        "cpu": "CPU",
+        "lxc": "LXC",
+        "vms": "VMs"
+    },
+    "unifi": {
+        "users": "Users",
+        "uptime": "System Uptime",
+        "days": "Days",
+        "wan": "WAN",
+        "lan_users": "LAN Users",
+        "wlan_users": "WLAN Users",
+        "up": "UP",
+        "down": "DOWN",
+        "wait": "Please wait"
+    },
+    "plex": {
+        "streams": "Active Streams",
+        "movies": "Movies",
+        "tv": "TV Shows"
+    },
+    "glances": {
+        "cpu": "CPU",
+        "mem": "MEM",
+        "wait": "Please wait"
+    }
+}

public/safari-pinned-tab.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1682 5688 c-141 -24 -253 -147 -287 -316 -5 -24 -10 -3658 -5 -4029
+0 -33 0 -33 168 108 92 77 178 151 192 162 14 12 75 64 136 114 62 51 114 99
+116 105 2 7 4 209 3 449 l-1 436 276 0 c151 0 277 -4 280 -8 3 -4 5 -98 4
+-208 0 -111 2 -201 4 -201 3 0 117 95 132 110 3 3 73 61 155 130 168 140 167
+139 250 209 51 43 62 48 75 37 13 -12 524 -441 654 -550 28 -22 68 -57 91 -76
+23 -19 66 -55 95 -80 30 -25 86 -72 125 -105 38 -33 140 -118 225 -190 85 -71
+166 -139 180 -151 14 -13 70 -60 124 -106 55 -46 133 -111 174 -145 41 -35 77
+-61 80 -59 4 2 7 607 7 1344 -1 1197 1 1341 15 1344 8 2 163 3 343 3 l328 0
+-4 685 c-1 377 -6 695 -9 706 -26 90 -93 186 -161 233 -86 58 30 55 -1924 55
+-991 1 -1819 -2 -1841 -6z"/>
+</g>
+</svg>

src/components/bookmarks/group.jsx

@@ -1,15 +1,13 @@
+import ErrorBoundary from "components/errorboundry";
 import List from "components/bookmarks/list";
 
 export default function BookmarksGroup({ group }) {
   return (
-    <div
-      key={group.name}
-      className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1 p-1"
-    >
-      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">
-        {group.name}
-      </h2>
-      <List bookmarks={group.bookmarks} />
+    <div key={group.name} className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1">
+      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{group.name}</h2>
+      <ErrorBoundary>
+        <List bookmarks={group.bookmarks} />
+      </ErrorBoundary>
     </div>
   );
 }

src/components/bookmarks/item.jsx

@@ -1,21 +1,29 @@
+import { useContext } from "react";
+
+import { SettingsContext } from "utils/contexts/settings";
+
 export default function Item({ bookmark }) {
   const { hostname } = new URL(bookmark.href);
+  const { settings } = useContext(SettingsContext);
 
   return (
-    <li
-      onClick={() => {
-        window.open(bookmark.href, "_blank").focus();
-      }}
-      key={bookmark.name}
-      className="mb-3 cursor-pointer flex rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/50 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10"
-    >
-      <div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">
-        {bookmark.abbr}
-      </div>
-      <div className="flex-1 flex items-center justify-between rounded-r-md ">
-        <div className="flex-1 grow pl-3 py-2 text-xs">{bookmark.name}</div>
-        <div className="px-2 py-2 truncate text-theme-500 dark:text-theme-400 opacity-50 text-xs">{hostname}</div>
-      </div>
+    <li key={bookmark.name}>
+      <a
+        href={bookmark.href}
+        title={bookmark.name}
+        target={settings.target ?? "_blank"}
+        className="block w-full text-left cursor-pointer transition-all h-15 mb-3 rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/20 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10"
+      >
+        <div className="flex">
+          <div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">
+            {bookmark.abbr}
+          </div>
+          <div className="flex-1 flex items-center justify-between rounded-r-md ">
+            <div className="flex-1 grow pl-3 py-2 text-xs">{bookmark.name}</div>
+            <div className="px-2 py-2 truncate text-theme-500 dark:text-theme-300 text-xs">{hostname}</div>
+          </div>
+        </div>
+      </a>
     </li>
   );
 }

src/components/bookmarks/list.jsx

@@ -2,7 +2,7 @@ import Item from "components/bookmarks/item";
 
 export default function List({ bookmarks }) {
   return (
-    <ul role="list" className="mt-3 flex flex-col">
+    <ul className="mt-3 flex flex-col">
       {bookmarks.map((bookmark) => (
         <Item key={bookmark.name} bookmark={bookmark} />
       ))}

src/components/color-toggle.jsx

@@ -1,81 +0,0 @@
-import { useContext } from "react";
-import { IoColorPalette } from "react-icons/io5";
-import { Popover, Transition } from "@headlessui/react";
-import { Fragment } from "react";
-
-import { ColorContext } from "utils/color-context";
-
-const colors = [
-  "slate",
-  "gray",
-  "zinc",
-  "neutral",
-  "stone",
-  "amber",
-  "yellow",
-  "lime",
-  "green",
-  "emerald",
-  "teal",
-  "cyan",
-  "sky",
-  "blue",
-  "indigo",
-  "violet",
-  "purple",
-  "fuchsia",
-  "pink",
-  "rose",
-  "red",
-];
-
-export default function ColorToggle() {
-  const { color: active, setColor } = useContext(ColorContext);
-
-  if (!active) {
-    return null;
-  }
-
-  return (
-    <div className="w-full self-center">
-      <Popover className="relative flex items-center">
-        {({ open }) => (
-          <>
-            <Popover.Button className="outline-none">
-              <IoColorPalette
-                className="h-5 w-5 text-theme-800 dark:text-theme-200 transition duration-150 ease-in-out"
-                aria-hidden="true"
-              />
-            </Popover.Button>
-            <Transition
-              as={Fragment}
-              enter="transition ease-out duration-200"
-              enterFrom="opacity-0 translate-y-1"
-              enterTo="opacity-100 translate-y-0"
-              leave="transition ease-in duration-150"
-              leaveFrom="opacity-100 translate-y-0"
-              leaveTo="opacity-0 translate-y-1"
-            >
-              <Popover.Panel className="absolute -top-[75px] left-0">
-                <div className="rounded-md shadow-lg ring-1 ring-black ring-opacity-5">
-                  <div className="relative grid gap-2 p-2 grid-cols-11 shadow-theme-900/10 dark:shadow-theme-900 rounded-md shadow-md">
-                    {colors.map((color) => (
-                      <button role="button" onClick={() => setColor(color)} key={color}>
-                        <div
-                          className={
-                            (active == color ? "border-2" : "border-0") +
-                            ` rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${color} bg-theme-500`
-                          }
-                        />
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              </Popover.Panel>
-            </Transition>
-          </>
-        )}
-      </Popover>
-    </div>
-  );
-}

src/components/errorboundry.jsx

@@ -0,0 +1,40 @@
+import React from "react";
+
+export default class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null, errorInfo: null };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    // Catch errors in any components below and re-render with error message
+    this.setState({
+      error,
+      errorInfo,
+    });
+
+    // You can also log error messages to an error reporting service here
+    // eslint-disable-next-line no-console
+    console.error(error, errorInfo);
+  }
+
+  render() {
+    const { error, errorInfo } = this.state;
+    if (errorInfo) {
+      // Error path
+      return (
+        <div className="inline-block text-sm bg-rose-100 text-rose-900 dark:bg-rose-900 dark:text-rose-100 rounded-md p-2 m-1">
+          <div className="font-medium mb-1">Something went wrong.</div>
+          <details className="text-xs font-mono whitespace-pre">
+            <summary>{error && error.toString()}</summary>
+            {errorInfo.componentStack}
+          </details>
+        </div>
+      );
+    }
+
+    // Normally, just render children
+    const { children } = this.props;
+    return children;
+  }
+}

src/components/favicon.jsx

@@ -0,0 +1,114 @@
+/* eslint-disable @next/next/no-img-element */
+/* eslint-disable jsx-a11y/alt-text */
+import { useRef, useEffect, useContext } from "react";
+
+import themes from "utils/styles/themes";
+import { ColorContext } from "utils/contexts/color";
+
+export function Svg({ svgRef = null }) {
+  const { color } = useContext(ColorContext);
+
+  const { iconStart, iconEnd } = themes[color];
+
+  return (
+    <svg
+      ref={svgRef}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 1024 1024"
+      style={{
+        enableBackground: "new 0 0 1024 1024",
+      }}
+      xmlSpace="preserve"
+      className="w-full h-full"
+    >
+      <style>
+        {
+          ".st0{display:none}.st3{stroke-linecap:square}.st3,.st4{fill:none;stroke:#fff;stroke-miterlimit:10}.st6{display:inline;fill:#333}.st7{fill:#fff}"
+        }
+      </style>
+      <g id="Icon">
+        <path
+          d="M771.9 191c27.7 0 50.1 26.5 50.1 59.3v186.4l-100.2.3V250.3c0-32.8 22.4-59.3 50.1-59.3z"
+          style={{
+            fill: iconStart,
+          }}
+        />
+        <linearGradient
+          id="homepage_favicon_gradient"
+          gradientUnits="userSpaceOnUse"
+          x1={200.746}
+          y1={225.015}
+          x2={764.986}
+          y2={789.255}
+        >
+          <stop
+            offset={0}
+            style={{
+              stopColor: iconStart,
+            }}
+          />
+          <stop
+            offset={1}
+            style={{
+              stopColor: iconEnd,
+            }}
+          />
+        </linearGradient>
+        <path
+          d="M721.8 250.3c0-32.7 22.4-59.3 50.1-59.3H253.1c-27.7 0-50.1 26.5-50.1 59.3v582.2l90.2-75.7-.1-130.3H375v61.8l88-73.8 258.8 217.9V250.6"
+          style={{
+            fill: "url(#homepage_favicon_gradient})",
+          }}
+        />
+      </g>
+    </svg>
+  );
+}
+
+export default function Favicon() {
+  const svgRef = useRef();
+  const imgRef = useRef();
+  const canvasRef = useRef();
+
+  useEffect(() => {
+    const svg = svgRef.current;
+    const img = imgRef.current;
+    const canvas = canvasRef.current;
+
+    if (!svg || !img || !canvas) {
+      return;
+    }
+
+    const xml = new XMLSerializer().serializeToString(svg);
+
+    const svg64 = Buffer.from(xml).toString("base64");
+    const b64Start = "data:image/svg+xml;base64,";
+
+    // prepend a "header"
+    const image64 = b64Start + svg64;
+
+    // set it as the source of the img element
+    img.onload = () => {
+      // draw the image onto the canvas
+      canvas.getContext("2d").drawImage(img, 0, 0);
+      // canvas.width = 256;
+      // canvas.height = 256;
+
+      const link = window.document.createElement("link");
+      link.type = "image/x-icon";
+      link.rel = "shortcut icon";
+      link.href = canvas.toDataURL("image/x-icon");
+      document.getElementsByTagName("head")[0].appendChild(link);
+    };
+
+    img.src = image64;
+  }, []);
+
+  return (
+    <div className="hidden">
+      <Svg svgRef={svgRef} />
+      <img width={64} height={64} ref={imgRef} />
+      <canvas width={64} height={64} ref={canvasRef} />
+    </div>
+  );
+}

src/components/greeting.jsx

@@ -1,20 +0,0 @@
-export default function Greeting() {
-  const name = process.env.NEXT_PUBLIC_DISPLAY_NAME;
-  const hour = new Date().getHours();
-
-  let day = "day";
-
-  if (hour < 12) {
-    day = "morning";
-  } else if (hour < 17) {
-    day = "afternoon";
-  } else {
-    day = "evening";
-  }
-
-  return (
-    <div className="self-end grow text-2xl font-thin text-theme-800 dark:text-theme-200">
-      Good {day}
-    </div>
-  );
-}

src/components/modal.jsx

@@ -1,68 +0,0 @@
-import { Fragment, useRef, useState, Children } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-
-function classNames(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-
-const Modal = ({ Toggle, Content }) => {
-  const [open, setOpen] = useState(false);
-  const cancelButtonRef = useRef(null);
-
-  return (
-    <>
-      <Toggle open={open} setOpen={setOpen} />
-      <Transition.Root show={open} as={Fragment}>
-        <Dialog
-          as="div"
-          className="relative z-10"
-          initialFocus={cancelButtonRef}
-          onClose={setOpen}
-        >
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-theme-900/90 transition-opacity" />
-          </Transition.Child>
-
-          <div className="fixed z-10 inset-0 overflow-y-auto">
-            <div className="flex items-center justify-center min-h-full">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-                enterTo="opacity-100 translate-y-0 sm:scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-                leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              >
-                <Dialog.Panel className="relative rounded-lg shadow-xl transform transition-all my-8 max-w-lg w-full">
-                  <Content open={open} setOpen={setOpen} />
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition.Root>
-    </>
-  );
-};
-
-const ModalToggle = ({ open, setOpen, children }) => (
-  <div onClick={() => setOpen(!open)}>{children}</div>
-);
-
-const ModalContent = ({ open, setOpen, children }) => (
-  <div className="body">{children}</div>
-);
-
-Modal.Toggle = ModalToggle;
-Modal.Content = ModalContent;
-
-export default Modal;

src/components/services/dropdown.jsx

@@ -0,0 +1,48 @@
+import { Fragment } from "react";
+import { Menu, Transition } from "@headlessui/react";
+import { BiCog } from "react-icons/bi";
+import classNames from "classnames";
+
+export default function Dropdown({ options, value, setValue }) {
+  return (
+    <Menu as="div" className="relative inline-block text-left">
+      <div>
+        <Menu.Button className="text-xs inline-flex w-full items-center rounded bg-theme-200/50 dark:bg-theme-900/20 px-3 py-1.5">
+          {options.find((option) => option.value === value).label}
+          <BiCog className="-mr-1 ml-2 h-4 w-4" aria-hidden="true" />
+        </Menu.Button>
+      </div>
+
+      <Transition
+        as={Fragment}
+        enter="transition ease-out duration-100"
+        enterFrom="transform opacity-0 scale-95"
+        enterTo="transform opacity-100 scale-100"
+        leave="transition ease-in duration-75"
+        leaveFrom="transform opacity-100 scale-100"
+        leaveTo="transform opacity-0 scale-95"
+      >
+        <Menu.Items className="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-theme-200/50 dark:bg-theme-900/50 backdrop-blur shadow-md focus:outline-none text-theme-700 dark:text-theme-200">
+          <div className="py-1">
+            {options.map((option) => (
+              <Menu.Item key={option.value} as={Fragment}>
+                <button
+                  onClick={() => {
+                    setValue(option.value);
+                  }}
+                  type="button"
+                  className={classNames(
+                    value === option.value ? "bg-theme-300/40 dark:bg-theme-900/40" : "",
+                    "w-full block px-3 py-1.5 text-sm hover:bg-theme-300/70 hover:dark:bg-theme-900/70 text-left"
+                  )}
+                >
+                  {option.label}
+                </button>
+              </Menu.Item>
+            ))}
+          </div>
+        </Menu.Items>
+      </Transition>
+    </Menu>
+  );
+}

src/components/services/group.jsx

@@ -1,15 +1,18 @@
+import classNames from "classnames";
+
 import List from "components/services/list";
 
-export default function ServicesGroup({ services }) {
+export default function ServicesGroup({ services, layout }) {
   return (
     <div
       key={services.name}
-      className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1 p-1"
+      className={classNames(
+        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4",
+        "flex-1 p-1"
+      )}
     >
-      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">
-        {services.name}
-      </h2>
-      <List services={services.services} />
+      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{services.name}</h2>
+      <List services={services.services} layout={layout} />
     </div>
   );
 }

src/components/services/item.jsx

@@ -1,75 +1,132 @@
 import Image from "next/future/image";
-import { Disclosure } from "@headlessui/react";
+import classNames from "classnames";
+import { useContext, useState } from "react";
 
 import Status from "./status";
 import Widget from "./widget";
-import Docker from "./widgets/service/docker";
+
+import Docker from "widgets/docker/component";
+import { SettingsContext } from "utils/contexts/settings";
 
 function resolveIcon(icon) {
-  if (icon.startsWith("http")) {
-    return `/api/proxy?url=${encodeURIComponent(icon)}`;
-  } else if (icon.startsWith("/")) {
-    return icon;
-  } else {
-    if (icon.endsWith(".png")) {
-      return `https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/${icon}`;
-    } else {
-      return `https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/${icon}.png`;
-    }
+  // direct or relative URLs
+  if (icon.startsWith("http") || icon.startsWith("/")) {
+    return <Image src={`${icon}`} width={32} height={32} alt="logo" />;
   }
+
+  // mdi- prefixed, material design icons
+  if (icon.startsWith("mdi-")) {
+    const iconName = icon.replace("mdi-", "").replace(".svg", "");
+    return (
+      <div
+        style={{
+          width: 32,
+          height: 32,
+          background: "linear-gradient(180deg, rgb(var(--color-logo-start)), rgb(var(--color-logo-stop)))",
+          mask: `url(https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/${iconName}.svg) no-repeat center / contain`,
+          WebkitMask: `url(https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/${iconName}.svg) no-repeat center / contain`,
+        }}
+      />
+    );
+  }
+
+  // fallback to dashboard-icons
+  const iconName = icon.replace(".png", "");
+  return (
+    <Image
+      src={`https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/${iconName}.png`}
+      width={32}
+      height={32}
+      alt="logo"
+    />
+  );
 }
 
 export default function Item({ service }) {
+  const hasLink = service.href && service.href !== "#";
+  const { settings } = useContext(SettingsContext);
+  const [statsOpen, setStatsOpen] = useState(false);
+  const [statsClosing, setStatsClosing] = useState(false);
+
+  // set stats to closed after 300ms
+  const closeStats = () => {
+    if (statsOpen) {
+      setStatsClosing(true);
+      setTimeout(() => {
+        setStatsOpen(false);
+        setStatsClosing(false);
+      }, 300);
+    }
+  };
+
   return (
     <li key={service.name}>
-      <Disclosure>
-        <div className={
-          (service.href && service.href !== "#" ? 'cursor-pointer ' : 'cursor-default ') +
-          'transition-all h-15 overflow-hidden mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10'
-          }>
-          <div className="flex">
-            {service.icon && (
-              <div
-                onClick={() => {
-                  if (service.href && service.href !== "#") {
-                    window.open(service.href, "_blank").focus();
-                  }
-                }}
+      <div
+        className={`${
+          hasLink ? "cursor-pointer " : " "
+        }transition-all h-15 mb-3 p-1 rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/20 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10`}
+      >
+        <div className="flex select-none">
+          {service.icon &&
+            (hasLink ? (
+              <a
+                href={service.href}
+                target={settings.target ?? "_blank"}
+                rel="noreferrer"
                 className="flex-shrink-0 flex items-center justify-center w-12 "
               >
-                <Image src={resolveIcon(service.icon)} width={32} height={32} alt="logo" />
-              </div>
-            )}
+                {resolveIcon(service.icon)}
+              </a>
+            ) : (
+              <div className="flex-shrink-0 flex items-center justify-center w-12 ">{resolveIcon(service.icon)}</div>
+            ))}
 
-            <div
-              onClick={() => {
-                if (service.href && service.href !== "#") {
-                  window.open(service.href, "_blank").focus();
-                }
-              }}
+          {hasLink ? (
+            <a
+              href={service.href}
+              target={settings.target ?? "_blank"}
+              rel="noreferrer"
               className="flex-1 flex items-center justify-between rounded-r-md "
             >
-              <div className="flex-1 px-2 py-2 text-sm">
+              <div className="flex-1 px-2 py-2 text-sm text-left">
                 {service.name}
-                <p className="text-theme-500 dark:text-theme-400 text-xs font-extralight">{service.description}</p>
+                <p className="text-theme-500 dark:text-theme-300 text-xs font-light">{service.description}</p>
+              </div>
+            </a>
+          ) : (
+            <div className="flex-1 flex items-center justify-between rounded-r-md ">
+              <div className="flex-1 px-2 py-2 text-sm text-left">
+                {service.name}
+                <p className="text-theme-500 dark:text-theme-300 text-xs font-light">{service.description}</p>
               </div>
             </div>
-            {service.container && (
-              <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer">
-                <Status service={service} />
-              </Disclosure.Button>
-            )}
-          </div>
+          )}
 
-          <Disclosure.Panel>
-            <div className="w-full">
-              <Docker service={{ widget: { container: service.container, server: service.server } }} />
-            </div>
-          </Disclosure.Panel>
-
-          {service.widget && <Widget service={service} />}
+          {service.container && (
+            <button
+              type="button"
+              onClick={() => (statsOpen ? closeStats() : setStatsOpen(true))}
+              className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer"
+            >
+              <Status service={service} />
+              <span className="sr-only">View container stats</span>
+            </button>
+          )}
         </div>
-      </Disclosure>
+
+        {service.container && service.server && (
+          <div
+            className={classNames(
+              statsOpen && !statsClosing ? "max-h-[55px] opacity-100" : " max-h-[0] opacity-0",
+              "w-full overflow-hidden transition-all duration-300 ease-in-out"
+            )}
+          >
+            {statsOpen && <Docker service={{ widget: { container: service.container, server: service.server } }} />}
+          </div>
+        )}
+
+        {service.widget && <Widget service={service} />}
+      </div>
     </li>
   );
 }

src/components/services/list.jsx

@@ -1,8 +1,27 @@
+import classNames from "classnames";
+
 import Item from "components/services/item";
 
-export default function List({ services }) {
+const columnMap = [
+  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
+];
+
+export default function List({ services, layout }) {
   return (
-    <ul role="list" className="mt-3 flex flex-col">
+    <ul
+      className={classNames(
+        layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col",
+        "mt-3"
+      )}
+    >
       {services.map((service) => (
         <Item key={service.name} service={service} />
       ))}

src/components/services/status.jsx

@@ -1,28 +1,18 @@
 import useSWR from "swr";
 
 export default function Status({ service }) {
-  const { data, error } = useSWR(
-    `/api/docker/status/${service.container}/${service.server || ""}`
-  );
+  const { data, error } = useSWR(`/api/docker/status/${service.container}/${service.server || ""}`);
 
   if (error) {
-    return (
-      <div className="w-3 h-3 bg-rose-300 dark:bg-rose-500 rounded-full" />
-    );
+    return <div className="w-3 h-3 bg-rose-300 dark:bg-rose-500 rounded-full" />;
   }
 
   if (data && data.status === "running") {
-    return (
-      <div className="w-3 h-3 bg-emerald-300 dark:bg-emerald-500 rounded-full" />
-    );
+    return <div className="w-3 h-3 bg-emerald-300 dark:bg-emerald-500 rounded-full" />;
   }
 
   if (data && data.status === "not found") {
-    return (
-      <>
-        <div className="h-2.5 w-2.5 bg-orange-400/50 dark:bg-yellow-200/40 -rotate-45"></div>
-      </>
-    );
+    return <div className="h-2.5 w-2.5 bg-orange-400/50 dark:bg-yellow-200/40 -rotate-45" />;
   }
 
   return <div className="w-3 h-3 bg-black/20 dark:bg-white/40 rounded-full" />;

src/components/services/widget.jsx

@@ -1,49 +1,24 @@
-import Sonarr from "./widgets/service/sonarr";
-import Radarr from "./widgets/service/radarr";
-import Ombi from "./widgets/service/ombi";
-import Portainer from "./widgets/service/portainer";
-import Emby from "./widgets/service/emby";
-import Nzbget from "./widgets/service/nzbget";
-import Docker from "./widgets/service/docker";
-import Pihole from "./widgets/service/pihole";
-import Rutorrent from "./widgets/service/rutorrent";
-import Jellyfin from "./widgets/service/jellyfin";
-import Speedtest from "./widgets/service/speedtest";
-import Traefik from "./widgets/service/traefik";
-import Jellyseerr from "./widgets/service/jellyseerr";
-import Npm from "./widgets/service/npm";
-import Tautulli from "./widgets/service/tautulli";
+import { useTranslation } from "next-i18next";
 
-const widgetMappings = {
-  docker: Docker,
-  sonarr: Sonarr,
-  radarr: Radarr,
-  ombi: Ombi,
-  portainer: Portainer,
-  emby: Emby,
-  jellyfin: Jellyfin,
-  nzbget: Nzbget,
-  pihole: Pihole,
-  rutorrent: Rutorrent,
-  speedtest: Speedtest,
-  traefik: Traefik,
-  jellyseerr: Jellyseerr,
-  npm: Npm,
-  tautulli: Tautulli,
-};
+import ErrorBoundary from "components/errorboundry";
+import components from "widgets/components";
 
 export default function Widget({ service }) {
-  const ServiceWidget = widgetMappings[service.widget.type];
+  const { t } = useTranslation("common");
+
+  const ServiceWidget = components[service.widget.type];
 
   if (ServiceWidget) {
-    return <ServiceWidget service={service} />;
+    return (
+      <ErrorBoundary>
+        <ServiceWidget service={service} />
+      </ErrorBoundary>
+    );
   }
 
   return (
     <div className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1">
-      <div className="font-thin text-sm">
-        Missing Widget Type: <strong>{service.widget.type}</strong>
-      </div>
+      <div className="font-thin text-sm">{t("widget.missing_type", { type: service.widget.type })}</div>
     </div>
   );
 }

src/components/services/widget/block.jsx

@@ -0,0 +1,18 @@
+import { useTranslation } from "next-i18next";
+import classNames from "classnames";
+
+export default function Block({ value, label }) {
+  const { t } = useTranslation();
+
+  return (
+    <div
+      className={classNames(
+        "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1",
+        value === undefined ? "animate-pulse" : ""
+      )}
+    >
+      <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
+      <div className="font-bold text-xs uppercase">{t(label)}</div>
+    </div>
+  );
+}

src/components/services/widget/container.jsx

@@ -0,0 +1,18 @@
+export default function Container({ error = false, children, service }) {
+  if (error) {
+    return (
+      <div className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1">
+        <div className="font-thin text-sm">{error}</div>
+      </div>
+    );
+  }
+
+  let visibleChildren = children;
+  const fields = service?.widget?.fields;
+  const type = service?.widget?.type;
+  if (fields && type) {
+    visibleChildren = children.filter(child => fields.some(field => `${type}.${field}` === child.props?.label));
+  }
+
+  return <div className="relative flex flex-row w-full">{visibleChildren}</div>;
+}

src/components/services/widgets/block.jsx

@@ -1,8 +0,0 @@
-export default function Block({ value, label }) {
-  return (
-    <div className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1">
-      <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
-      <div className="font-bold text-xs uppercase">{label}</div>
-    </div>
-  );
-}

src/components/services/widgets/service/docker.jsx

@@ -1,60 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { calculateCPUPercent, formatBytes } from "utils/stats-helpers";
-
-export default function Docker({ service }) {
-  const config = service.widget;
-
-  const { data: statusData, error: statusError } = useSWR(
-    `/api/docker/status/${config.container}/${config.server || ""}`,
-    {
-      refreshInterval: 5000,
-    }
-  );
-
-  const { data: statsData, error: statsError } = useSWR(
-    `/api/docker/stats/${config.container}/${config.server || ""}`,
-    {
-      refreshInterval: 5000,
-    }
-  );
-
-  if (statsError || statusError) {
-    return <Widget error="Error Fetching Data" />;
-  }
-
-  if (statusData && statusData.status !== "running") {
-    return (
-      <Widget>
-        <Block label="Status" value="Offline" />
-      </Widget>
-    );
-  }
-
-  if (!statsData || !statusData) {
-    return (
-      <Widget>
-        <Block label="CPU" />
-        <Block label="MEM" />
-        <Block label="RX" />
-        <Block label="TX" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="CPU" value={`${calculateCPUPercent(statsData.stats)}%`} />
-      <Block label="MEM" value={formatBytes(statsData.stats.memory_stats.usage, 0)} />
-      {statsData.stats.networks && (
-        <>
-          <Block label="RX" value={formatBytes(statsData.stats.networks.eth0.rx_bytes, 0)} />
-          <Block label="TX" value={formatBytes(statsData.stats.networks.eth0.tx_bytes, 0)} />
-        </>
-      )}
-    </Widget>
-  );
-}

src/components/services/widgets/service/emby.jsx

@@ -1,40 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Emby({ service, title = "Emby" }) {
-  const config = service.widget;
-
-  const { data: sessionsData, error: sessionsError } = useSWR(formatApiUrl(config, "Sessions"));
-
-  if (sessionsError) {
-    return <Widget error={`${title} API Error`} />;
-  }
-
-  if (!sessionsData) {
-    return (
-      <Widget>
-        <Block label="Playing" />
-        <Block label="Transcoding" />
-        <Block label="Bitrate" />
-      </Widget>
-    );
-  }
-
-  const playing = sessionsData.filter((session) => session.hasOwnProperty("NowPlayingItem"));
-  const transcoding = sessionsData.filter(
-    (session) => session.hasOwnProperty("PlayState") && session.PlayState.PlayMethod === "Transcode"
-  );
-  const bitrate = playing.reduce((acc, session) => acc + session.NowPlayingItem.Bitrate, 0);
-
-  return (
-    <Widget>
-      <Block label="Playing" value={playing.length} />
-      <Block label="Transcoding" value={transcoding.length} />
-      <Block label="Bitrate" value={`${Math.round((bitrate / 1024 / 1024) * 100) / 100} Mbps`} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/jellyfin.jsx

@@ -1,6 +0,0 @@
-import Emby from "./emby";
-
-// Jellyfin and Emby share the same API, so proxy the Emby widget to Jellyfin.
-export default function Jellyfin({ service }) {
-  return <Emby service={service} title="Jellyfin" />;
-}

src/components/services/widgets/service/jellyseerr.jsx

@@ -1,34 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Jellyseerr({ service }) {
-  const config = service.widget;
-
-  const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, `request/count`));
-
-  if (statsError) {
-    return <Widget error="Jellyseerr API Error" />;
-  }
-
-  if (!statsData) {
-    return (
-      <Widget>
-        <Block label="Pending" />
-        <Block label="Approved" />
-        <Block label="Available" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Pending" value={statsData.pending} />
-      <Block label="Approved" value={statsData.approved} />
-      <Block label="Available" value={statsData.available} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/npm.jsx

@@ -1,38 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Npm({ service }) {
-  const config = service.widget;
-
-  const { data: infoData, error: infoError } = useSWR(formatApiUrl(config, "nginx/proxy-hosts"));
-
-  if (infoError) {
-    return <Widget error="NGINX Proxy Manager API Error" />;
-  }
-
-  if (!infoData) {
-    return (
-      <Widget>
-        <Block label="Enabled" />
-        <Block label="Disabled" />
-        <Block label="Total" />
-      </Widget>
-    );
-  }
-
-  const enabled = infoData.filter((c) => c.enabled === 1).length;
-  const disabled = infoData.filter((c) => c.enabled === 0).length;
-  const total = infoData.length;
-
-  return (
-    <Widget>
-      <Block label="Enabled" value={enabled} />
-      <Block label="Disabled" value={disabled} />
-      <Block label="Total" value={total} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/nzbget.jsx

@@ -1,35 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-import { formatBytes } from "utils/stats-helpers";
-
-export default function Nzbget({ service }) {
-  const config = service.widget;
-
-  const { data: statusData, error: statusError } = useSWR(formatApiUrl(config, "status"));
-
-  if (statusError) {
-    return <Widget error="Nzbget API Error" />;
-  }
-
-  if (!statusData) {
-    return (
-      <Widget>
-        <Block label="Rate" />
-        <Block label="Remaining" />
-        <Block label="Downloaded" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Rate" value={`${formatBytes(statusData.DownloadRate)}/s`} />
-      <Block label="Remaining" value={`${Math.round((statusData.RemainingSizeMB / 1024) * 100) / 100} GB`} />
-      <Block label="Downloaded" value={`${Math.round((statusData.DownloadedSizeMB / 1024) * 100) / 100} GB`} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/ombi.jsx

@@ -1,34 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Ombi({ service }) {
-  const config = service.widget;
-
-  const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, `Request/count`));
-
-  if (statsError) {
-    return <Widget error="Ombi API Error" />;
-  }
-
-  if (!statsData) {
-    return (
-      <Widget>
-        <Block label="Pending" />
-        <Block label="Approved" />
-        <Block label="Available" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Pending" value={statsData.pending} />
-      <Block label="Approved" value={statsData.approved} />
-      <Block label="Available" value={statsData.available} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/pihole.jsx

@@ -1,34 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Pihole({ service }) {
-  const config = service.widget;
-
-  const { data: piholeData, error: piholeError } = useSWR(formatApiUrl(config, "api.php"));
-
-  if (piholeError) {
-    return <Widget error="PiHole API Error" />;
-  }
-
-  if (!piholeData) {
-    return (
-      <Widget>
-        <Block label="Queries" />
-        <Block label="Blocked" />
-        <Block label="Gravity" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Queries" value={piholeData.dns_queries_today.toLocaleString()} />
-      <Block label="Blocked" value={piholeData.ads_blocked_today.toLocaleString()} />
-      <Block label="Gravity" value={piholeData.domains_being_blocked.toLocaleString()} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/portainer.jsx

@@ -1,42 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Portainer({ service }) {
-  const config = service.widget;
-
-  const { data: containersData, error: containersError } = useSWR(formatApiUrl(config, `docker/containers/json?all=1`));
-
-  if (containersError) {
-    return <Widget error="Portainer API Error" />;
-  }
-
-  if (!containersData) {
-    return (
-      <Widget>
-        <Block label="Running" />
-        <Block label="Stopped" />
-        <Block label="Total" />
-      </Widget>
-    );
-  }
-
-  if (containersData.error) {
-    return <Widget error="Portainer API Error" />;
-  }
-
-  const running = containersData.filter((c) => c.State === "running").length;
-  const stopped = containersData.filter((c) => c.State === "exited").length;
-  const total = containersData.length;
-
-  return (
-    <Widget>
-      <Block label="Running" value={running} />
-      <Block label="Stopped" value={stopped} />
-      <Block label="Total" value={total} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/radarr.jsx

@@ -1,38 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Radarr({ service }) {
-  const config = service.widget;
-
-  const { data: moviesData, error: moviesError } = useSWR(formatApiUrl(config, "movie"));
-  const { data: queuedData, error: queuedError } = useSWR(formatApiUrl(config, "queue/status"));
-
-  if (moviesError || queuedError) {
-    return <Widget error="Radarr API Error" />;
-  }
-
-  if (!moviesData || !queuedData) {
-    return (
-      <Widget>
-        <Block label="Wanted" />
-        <Block label="Queued" />
-        <Block label="Movies" />
-      </Widget>
-    );
-  }
-
-  const wanted = moviesData.filter((movie) => movie.isAvailable === false);
-  const have = moviesData.filter((movie) => movie.isAvailable === true);
-
-  return (
-    <Widget>
-      <Block label="Wanted" value={wanted.length} />
-      <Block label="Queued" value={queuedData.totalCount} />
-      <Block label="Movies" value={have.length} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/rutorrent.jsx

@@ -1,45 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-import { formatBytes } from "utils/stats-helpers";
-
-export default function Rutorrent({ service }) {
-  const config = service.widget;
-
-  const { data: statusData, error: statusError } = useSWR(formatApiUrl(config));
-
-  if (statusError) {
-    return <Widget error="Nzbget API Error" />;
-  }
-
-  if (!statusData) {
-    return (
-      <Widget>
-        <Block label="Active" />
-        <Block label="Upload" />
-        <Block label="Download" />
-      </Widget>
-    );
-  }
-
-  const upload = statusData.reduce((acc, torrent) => {
-    return acc + parseInt(torrent["d.get_up_rate"]);
-  }, 0);
-
-  const download = statusData.reduce((acc, torrent) => {
-    return acc + parseInt(torrent["d.get_down_rate"]);
-  }, 0);
-
-  const active = statusData.filter((torrent) => torrent["d.get_state"] === "1");
-
-  return (
-    <Widget>
-      <Block label="Active" value={active.length} />
-      <Block label="Upload" value={`${formatBytes(upload)}/s`} />
-      <Block label="Download" value={`${formatBytes(download)}/s`} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/sonarr.jsx

@@ -1,36 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Sonarr({ service }) {
-  const config = service.widget;
-
-  const { data: wantedData, error: wantedError } = useSWR(formatApiUrl(config, "wanted/missing"));
-  const { data: queuedData, error: queuedError } = useSWR(formatApiUrl(config, "queue"));
-  const { data: seriesData, error: seriesError } = useSWR(formatApiUrl(config, "series"));
-
-  if (wantedError || queuedError || seriesError) {
-    return <Widget error="Sonar API Error" />;
-  }
-
-  if (!wantedData || !queuedData || !seriesData) {
-    return (
-      <Widget>
-        <Block label="Wanted" />
-        <Block label="Queued" />
-        <Block label="Series" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Wanted" value={wantedData.totalRecords} />
-      <Block label="Queued" value={queuedData.totalRecords} />
-      <Block label="Series" value={seriesData.length} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/speedtest.jsx

@@ -1,35 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatBits } from "utils/stats-helpers";
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Speedtest({ service }) {
-  const config = service.widget;
-
-  const { data: speedtestData, error: speedtestError } = useSWR(formatApiUrl(config, "speedtest/latest"));
-
-  if (speedtestError) {
-    return <Widget error="Speedtest API Error" />;
-  }
-
-  if (!speedtestData) {
-    return (
-      <Widget>
-        <Block label="Download" />
-        <Block label="Upload" />
-        <Block label="Ping" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Download" value={`${formatBits(speedtestData.data.download * 1024 * 1024, 0)}ps`} />
-      <Block label="Upload" value={`${formatBits(speedtestData.data.upload * 1024 * 1024, 0)}ps`} />
-      <Block label="Ping" value={`${speedtestData.data.ping} ms`} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/tautulli.jsx

@@ -1,37 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Tautulli({ service }) {
-  const config = service.widget;
-
-  const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, "get_activity"));
-
-  if (statsError) {
-    return <Widget error="Tautulli API Error" />;
-  }
-
-  if (!statsData) {
-    return (
-      <Widget>
-        <Block label="Playing" />
-        <Block label="Transcoding" />
-        <Block label="Bitrate" />
-      </Widget>
-    );
-  }
-
-  const data = statsData.response.data;
-
-  return (
-    <Widget>
-      <Block label="Playing" value={data.stream_count} />
-      <Block label="Transcoding" value={data.stream_count_transcode} />
-      {/* We divide by 1000 here because thats how Tautulli reports it on its own dashboard */}
-      <Block label="Bitrate" value={`${Math.round((data.total_bandwidth / 1000) * 100) / 100} Mbps`} />
-    </Widget>
-  );
-}

src/components/services/widgets/service/traefik.jsx

@@ -1,34 +0,0 @@
-import useSWR from "swr";
-
-import Widget from "../widget";
-import Block from "../block";
-
-import { formatApiUrl } from "utils/api-helpers";
-
-export default function Traefik({ service }) {
-  const config = service.widget;
-
-  const { data: traefikData, error: traefikError } = useSWR(formatApiUrl(config, "overview"));
-
-  if (traefikError) {
-    return <Widget error="Traefik API Error" />;
-  }
-
-  if (!traefikData) {
-    return (
-      <Widget>
-        <Block label="Routers" />
-        <Block label="Services" />
-        <Block label="Middleware" />
-      </Widget>
-    );
-  }
-
-  return (
-    <Widget>
-      <Block label="Routers" value={traefikData.http.routers.total} />
-      <Block label="Services" value={traefikData.http.services.total} />
-      <Block label="Middleware" value={traefikData.http.middlewares.total} />
-    </Widget>
-  );
-}

src/components/services/widgets/widget.jsx

@@ -1,11 +0,0 @@
-export default function Widget({ error = false, children }) {
-  if (error) {
-    return (
-      <div className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1">
-        <div className="font-thin text-sm">{error}</div>
-      </div>
-    );
-  }
-
-  return <div className="flex flex-row w-full">{children}</div>;
-}

src/components/toggles/color.jsx

@@ -0,0 +1,81 @@
+import { useContext, Fragment } from "react";
+import { IoColorPalette } from "react-icons/io5";
+import { Popover, Transition } from "@headlessui/react";
+import classNames from "classnames";
+
+import { ColorContext } from "utils/contexts/color";
+
+const colors = [
+  "slate",
+  "gray",
+  "zinc",
+  "neutral",
+  "stone",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose",
+  "red",
+  "white",
+];
+
+export default function ColorToggle() {
+  const { color: active, setColor } = useContext(ColorContext);
+
+  if (!active) {
+    return null;
+  }
+
+  return (
+    <div className="w-full self-center">
+      <Popover className="relative flex items-center">
+        <Popover.Button className="outline-none">
+          <IoColorPalette
+            className="h-5 w-5 text-theme-800 dark:text-theme-200 transition duration-150 ease-in-out"
+            aria-hidden="true"
+          />
+          <span className="sr-only">Change color</span>
+        </Popover.Button>
+        <Transition
+          as={Fragment}
+          enter="transition ease-out duration-200"
+          enterFrom="opacity-0 translate-y-1"
+          enterTo="opacity-100 translate-y-0"
+          leave="transition ease-in duration-150"
+          leaveFrom="opacity-100 translate-y-0"
+          leaveTo="opacity-0 translate-y-1"
+        >
+          <Popover.Panel className="absolute -top-[75px] left-0">
+            <div className="rounded-md shadow-lg ring-1 ring-black ring-opacity-5 w-[85vw] sm:w-full">
+              <div className="relative grid gap-2 p-2 grid-cols-11 bg-white/50 dark:bg-white/10 shadow-black/10 dark:shadow-black/20 rounded-md shadow-md">
+                {colors.map((color) => (
+                  <button type="button" onClick={() => setColor(color)} key={color}>
+                    <div
+                      title={color}
+                      className={classNames(
+                        active === color ? "border-2" : "border-0",
+                        `rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${color} bg-theme-400`
+                      )}
+                    />
+                    <span className="sr-only">{color}</span>
+                  </button>
+                ))}
+              </div>
+            </div>
+          </Popover.Panel>
+        </Transition>
+      </Popover>
+    </div>
+  );
+}

src/components/toggles/revalidate.jsx

@@ -0,0 +1,17 @@
+import { MdRefresh } from "react-icons/md";
+
+export default function Revalidate() {
+  const revalidate = () => {
+    fetch("/api/revalidate").then((res) => {
+      if (res.ok) {
+        window.location.reload();
+      }
+    });
+  };
+
+  return (
+    <div className="rounded-full flex align-middle self-center mr-3">
+      <MdRefresh onClick={() => revalidate()} className="text-theme-800 dark:text-theme-200 w-6 h-6 cursor-pointer" />
+    </div>
+  );
+}