New Crowdin translations by GitHub Action

Feature: feeds widget (#7170 )
Chore(deps): Bump crowdin/github-action from 3.0.2 to 3.1.0 (#7183 )
2026-09-25 13:31:20 -07:00 · 2026-09-25 12:30:03 +00:00 · 2026-09-24 21:47:15 -07:00 · 2026-09-24 17:17:23 +00:00 · 2026-09-24 17:11:27 +00:00 · 2026-09-24 17:04:48 +00:00
115 changed files with 2218 additions and 391 deletions
@@ -23,7 +23,7 @@ jobs:
    - name: Checkout
      uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
    - name: crowdin action
-      uses: crowdin/github-action@71fdb8814261dd703be4ca7c6450d21b1868da4b # v3.0.1
+      uses: crowdin/github-action@9af557de76d70c480f88065d336f445a362f402b # v3.1.0
      with:
        upload_translations: false
        download_translations: true
@@ -62,7 +62,7 @@ jobs:
            nextjs-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}

      - name: Install pnpm
-        uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+        uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
        with:
          version: 10
          run_install: false
@@ -99,14 +99,14 @@ jobs:
          password: ${{ secrets.DOCKERHUB_TOKEN }}

      - name: Setup QEMU
-        uses: docker/setup-qemu-action@1f40c72289eff860ee54a304f1438e3cff362e0a # v4.3.0
+        uses: docker/setup-qemu-action@99012661954931238ded8c8b007157a8430204e1 # v4.4.0

      - name: Setup Docker buildx
-        uses: docker/setup-buildx-action@37fe631027851001ddb9b187196cc803df7f5f0e # v4
+        uses: docker/setup-buildx-action@f87e5991a6d7451dcb8d9637bfbc97413f497069 # v4

      - name: Build and push Docker image
        id: build-and-push
-        uses: docker/build-push-action@53b7df96c91f9c12dcc8a07bcb9ccacbed38856a # v7
+        uses: docker/build-push-action@c3c9e263c25d99ce0380d002d59b67737d91b0dc # v7
        with:
          context: .
          push: ${{ github.event_name != 'pull_request' }}
@@ -23,7 +23,7 @@ jobs:
        with:
          python-version-file: ".python-version"
      - name: Install uv
-        uses: astral-sh/setup-uv@20cfd1bf945f4377ade1205e4dbc17946fc9a30d # v10.0.1
+        uses: astral-sh/setup-uv@bec219d24cd3e171d82865faccec33120bb574f4 # v10.1.0
      - run: sudo apt-get install pngquant
      - name: Test Docs Build
        run: uv run --frozen zensical build --clean
@@ -45,7 +45,7 @@ jobs:
        with:
          python-version-file: ".python-version"
      - name: Install uv
-        uses: astral-sh/setup-uv@20cfd1bf945f4377ade1205e4dbc17946fc9a30d # v10.0.1
+        uses: astral-sh/setup-uv@bec219d24cd3e171d82865faccec33120bb574f4 # v10.1.0
      - run: sudo apt-get install pngquant
      - name: Build Docs
        run: uv run --frozen zensical build --clean
@@ -26,7 +26,7 @@ jobs:
        uses: pre-commit/action@2c7b3805fd2a0fd8c1884dcaebf91fc102a13ecd # v3.0.1

      - name: Install pnpm
-        uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+        uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
        with:
          version: 10
          run_install: false
@@ -18,7 +18,7 @@ jobs:
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1

-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
        with:
          version: 9

@@ -31,7 +31,7 @@ jobs:
      # Run Vitest directly so `--shard` is parsed as an option
      - run: pnpm -s exec vitest run --coverage --shard ${{ matrix.shard }}/4 --pool forks
      - name: Upload coverage reports to Codecov
-        uses: codecov/codecov-action@fb8b3582c8e4def4969c97caa2f19720cb33a72f # v7.0.0
+        uses: codecov/codecov-action@303a32d7a59b442fa8d48b6a1cc6825c09c847a5 # v7.1.1
        with:
          token: ${{ secrets.CODECOV_TOKEN }}
          files: ./coverage/lcov.info
@@ -430,6 +430,64 @@ headerStyle: clean
 headerStyle: boxedWidgets
 ```

+## Card Style
+
+Service and bookmark cards use a drop shadow by default. The `hairline` style replaces it with a thin border that brightens on hover.
+
+<img width="896" alt="default cards" src="../../assets/style-default.webp">
+
+```yaml
+# default, shadowed cards
+```
+
+---
+
+<img width="896" alt="hairline cards" src="../../assets/card-style-hairline.webp">
+
+```yaml
+cardStyle: hairline
+```
+
+## Block Style
+
+Widget blocks (the value / label pairs inside a service card) can use the `refined` style to make values heavier and easier to read.
+
+<img width="896" alt="default blocks" src="../../assets/style-default.webp">
+
+```yaml
+# default, standard blocks
+```
+
+---
+
+<img width="896" alt="refined blocks" src="../../assets/block-style-refined.webp">
+
+```yaml
+blockStyle: refined
+```
+
+## Font
+
+Homepage uses Manrope by default. You can switch to IBM Plex Mono instead, either everywhere or for data only.
+
+<img width="896" alt="IBM Plex Mono everywhere" src="../../assets/font-plex.webp">
+
+```yaml
+font: plex # the whole dashboard
+```
+
+---
+
+<img width="896" alt="IBM Plex Mono for data only" src="../../assets/font-plex-data.webp">
+
+```yaml
+font: plexData # only values, stats, the clock and status tags
+```
+
+With `plexData`, labels and names stay in Manrope while numbers line up in columns.
+
+Both fonts are bundled with Homepage, so no external requests are made.
+
 ## Base URL

 In some proxy configurations, it may be necessary to set the documents base URL. You can do this by providing a `base` value, like so:
@@ -0,0 +1,36 @@
+---
+title: Custom API
+description: Custom API Information Widget Configuration
+---
+
+_(Find the Custom API service widget [here](../services/customapi.md))_
+
+The Custom API information widget shows values from a custom self-hosted or third party API in your Homepage header, alongside an icon.
+
+```yaml
+- customapi:
+    url: http://custom.api.host.or.ip:port/path/to/exact/api/endpoint
+    icon: mdi-api # optional, see below
+    label: My API # optional, shown below the values
+    href: https://custom.api.host # optional, makes the widget a link
+    refreshInterval: 10000 # optional - in milliseconds, defaults to 10s
+    username: username # auth - optional
+    password: password # auth - optional
+    method: GET # optional, e.g. POST
+    headers: # optional, must be object
+      X-API-Token: token
+    requestBody: # optional, can be string or object
+    mappings:
+      - field: key
+        label: Field 1
+      - field: path.to.key2
+        label: Field 2
+        format: number # optional - defaults to text
+      - field: path.to.key3
+        label: Field 3
+        format: percent
+```
+
+The `icon` accepts the same values as [service icons](../../configs/services.md#icons), e.g. `mdi-api`, `si-github`, `sh-homepage`, a dashboard icon name like `homepage.png`, or a full URL. If no icon is set, a generic API icon is shown.
+
+Mappings support the same `field`, `format`, `remap`, `scale`, `prefix` and `suffix` options as the [Custom API service widget](../services/customapi.md). The `additionalField` option and the `display` modes are not supported.
@@ -7,6 +7,7 @@ search:

 You can also find a list of all available info widgets in the sidebar navigation.

+- [Custom API](customapi.md)
 - [Date & Time](datetime.md)
 - [Glances](glances.md)
 - [Greeting](greeting.md)
@@ -6,6 +6,7 @@ description: Arcane Widget Configuration
 Learn more about [Arcane](https://github.com/getarcaneapp/arcane).

 **Allowed fields** (max 4): `running`, `stopped`, `total`, `images`, `images_used`, `images_unused`, `image_updates`.
+
 **Default fields**: `running`, `stopped`, `total`, `image_updates`.

 ```yaml
@@ -17,4 +18,4 @@ widget:
  fields: ["running", "stopped", "total", "image_updates"] # optional
 ```

-Using an api key for the widget requires permissions for: `containers:list` `images:list and `image-updates:read`
+Using an API key for the widget requires permissions for: `containers:list`, `images:list`, and `image-updates:read`.
@@ -3,6 +3,8 @@ title: Custom API
 description: Custom Widget Configuration from the API
 ---

+_(Find the Custom API information widget [here](../info/customapi.md))_
+
 This widget can show information from custom self-hosted or third party API.

 Fields need to be defined in the `mappings` section YAML object to correlate with the value in the APIs JSON object. Final field definition needs to be the key with the desired value information.
@@ -0,0 +1,46 @@
+---
+title: Feed
+description: RSS / Atom feed widget
+---
+
+This widget shows the latest items from an RSS 2.0 or Atom feed.
+
+```yaml
+widget:
+  type: feed
+  url: https://feeds.bbci.co.uk/news/rss.xml
+  maxItems: 5 # optional - defaults to 5
+  layout: list # optional - possible values list, grid - defaults to list
+  images: true # optional - set to false to hide images - defaults to true
+```
+
+## Layouts
+
+`list` shows one row per item. Items with an image get a small thumbnail.
+
+![Feed widget list layout](../../assets/widget_feed_list.webp)
+
+![Feed widget list layout with thumbnails](../../assets/widget_feed_thumbnails.webp)
+
+`grid` shows image tiles that re-flow to fit the width of the widget, e.g.:
+
+```yaml
+- NASA Image of the Day:
+    widget:
+      type: feed
+      url: https://www.nasa.gov/feeds/iotd-feed/
+      layout: grid
+      maxItems: 8
+```
+
+![Feed widget grid layout](../../assets/widget_feed_grid.webp)
+
+## Images
+
+Images are taken from the feed's `media:thumbnail` / `media:content` tags or image enclosures, falling back to the first image in the item's content. Some feeds do not include images at all.
+
+Images are loaded by your browser directly from the feed's host, at whatever size the feed provides. Feeds that link full-size originals can be slow to load; set `images: false` for those.
+
+## Notes
+
+Feeds are fetched by homepage, not your browser, and cached for 10 minutes.
@@ -39,6 +39,7 @@ You can also find a list of all available service widgets in the sidebar navigat
 - [Emby](emby.md)
 - [ESPHome](esphome.md)
 - [EVCC](evcc.md)
+- [Feed](feed.md)
 - [Filebrowser](filebrowser.md)
 - [Fileflows](fileflows.md)
 - [Firefly III](firefly.md)
@@ -65,6 +65,7 @@ nav:
          - widgets/services/emby.md
          - widgets/services/esphome.md
          - widgets/services/evcc.md
+          - widgets/services/feed.md
          - widgets/services/filebrowser.md
          - widgets/services/fileflows.md
          - widgets/services/firefly.md
@@ -194,6 +195,7 @@ nav:
          - widgets/services/zabbix.md
      - "Information Widgets":
          - widgets/info/index.md
+          - widgets/info/customapi.md
          - widgets/info/datetime.md
          - widgets/info/glances.md
          - widgets/info/greeting.md
@@ -106,6 +106,12 @@ function relativeDate(date, formatter) {
  const unitIndex = cutoffs.findIndex((cutoff) => cutoff > Math.abs(delta));
  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 1;

+  if (units[unitIndex] === "day") {
+    // compare calendar days, not elapsed 24h blocks
+    const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+    return formatter.format(Math.round((startOfDay(date) - startOfDay(new Date())) / 86400000), "day");
+  }
+
  return formatter.format(Math.floor(delta / divisor), units[unitIndex]);
 }

@@ -39,6 +39,7 @@
    "react-i18next": "^17.0.12",
    "react-icons": "^5.6.0",
    "recharts": "^3.1.2",
+    "sax": "^1.6.1",
    "swr": "^2.5.1",
    "systeminformation": "^5.33.1",
    "tough-cookie": "^6.0.2",
@@ -83,6 +83,9 @@ importers:
      recharts:
        specifier: ^3.1.2
        version: 3.10.1(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@17.0.2)(react@19.2.8)(redux@5.0.1)
+      sax:
+        specifier: ^1.6.1
+        version: 1.6.1
      swr:
        specifier: ^2.5.1
        version: 2.5.1(react@19.2.8)
@@ -1258,5 +1258,8 @@
        "wanted": "Gesoek",
        "queued": "In ry",
        "leagues": "Ligas"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Pendents",
        "queued": "En cua",
        "leagues": "Lligues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Požadované",
        "queued": "Ve frontě",
        "leagues": "Ligy"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -21,7 +21,7 @@
        "seconds": "s"
    },
    "auth": {
-        "signout": "Sign out"
+        "signout": "Log af"
    },
    "widget": {
        "missing_type": "Manglende Widget Type: {{type}}",
@@ -40,8 +40,8 @@
    },
    "search": {
        "placeholder": "Søg…",
-        "provider": "Search engine: {{name}}",
-        "select_provider": "Select search engine"
+        "provider": "Søgemaskine: {{name}}",
+        "select_provider": "Vælg søgemaskine"
    },
    "resources": {
        "cpu": "CPU",
@@ -66,29 +66,29 @@
        "wlan_devices": "WLAN Enheder",
        "lan_users": "LAN Brugere",
        "wlan_users": "WLAN Brugere",
-        "up": "UP",
+        "up": "OP",
        "down": "NED",
-        "wait": "Please wait",
+        "wait": "Vent",
        "empty_data": "Subsystem status ukendt"
    },
    "unifi_drive": {
-        "healthy": "Healthy",
-        "degraded": "Degraded",
-        "no_data": "No storage data available"
+        "healthy": "Sund",
+        "degraded": "Forringet",
+        "no_data": "Ingen lagringsdata tilgængelige"
    },
    "duplicati": {
        "jobs": "Jobs",
-        "stored": "Stored",
-        "lastBackup": "Last Run",
-        "nextRun": "Next Run",
-        "running": "Running",
-        "warnings": "Warnings",
-        "errors": "Errors"
+        "stored": "Gemte",
+        "lastBackup": "Sidste kørsel",
+        "nextRun": "Næste kørsel",
+        "running": "Kører",
+        "warnings": "Advarsel",
+        "errors": "Fejl"
    },
    "docker": {
        "rx": "RX",
        "tx": "TX",
-        "mem": "MEM",
+        "mem": "RAM",
        "cpu": "CPU",
        "running": "Kører",
        "offline": "Offline",
@@ -100,14 +100,14 @@
        "not_found": "Ikke Fundet",
        "exited": "Forladt",
        "partial": "Delvis",
-        "created": "Created",
-        "paused": "Paused",
-        "restarting": "Restarting",
-        "removing": "Removing",
-        "dead": "Dead"
+        "created": "Oprettet",
+        "paused": "Sat på pause",
+        "restarting": "Genstarter",
+        "removing": "Fjerner",
+        "dead": "Død"
    },
    "ping": {
-        "error": "Error",
+        "error": "Fejl",
        "ping": "Ping",
        "down": "Ned",
        "up": "Op",
@@ -115,11 +115,11 @@
    },
    "siteMonitor": {
        "http_status": "HTTP-status",
-        "error": "Error",
-        "response": "Response",
-        "down": "Down",
-        "up": "Up",
-        "not_available": "Not Available"
+        "error": "Fejl",
+        "response": "Svar",
+        "down": "Ned",
+        "up": "Op",
+        "not_available": "Ikke tilgængelig"
    },
    "emby": {
        "playing": "Afspiller",
@@ -132,22 +132,22 @@
        "songs": "Sange"
    },
    "jellyfin": {
-        "playing": "Playing",
-        "transcoding": "Transcoding",
+        "playing": "Afspiller",
+        "transcoding": "Transcoder",
        "bitrate": "Bitrate",
-        "no_active": "No Active Streams",
-        "movies": "Movies",
-        "series": "Series",
-        "episodes": "Episodes",
-        "songs": "Songs",
-        "albums": "Albums"
+        "no_active": "Ingen Aktive Streams",
+        "movies": "Film",
+        "series": "Serier",
+        "episodes": "Episoder",
+        "songs": "Sange",
+        "albums": "Album"
    },
    "esphome": {
        "offline": "Offline",
        "offline_alt": "Offline",
        "online": "Online",
        "total": "Total",
-        "unknown": "Unknown"
+        "unknown": "Ukendt"
    },
    "evcc": {
        "pv_power": "Produktion",
@@ -169,22 +169,22 @@
    },
    "fritzbox": {
        "connectionStatus": "Status",
-        "connectionStatusUnconfigured": "Unconfigured",
-        "connectionStatusConnecting": "Connecting",
-        "connectionStatusAuthenticating": "Authenticating",
-        "connectionStatusPendingDisconnect": "Pending Disconnect",
-        "connectionStatusDisconnecting": "Disconnecting",
-        "connectionStatusDisconnected": "Disconnected",
-        "connectionStatusConnected": "Connected",
-        "uptime": "Uptime",
-        "maxDown": "Max. Down",
-        "maxUp": "Max. Up",
-        "down": "Down",
-        "up": "Up",
+        "connectionStatusUnconfigured": "Ikke konfigureret",
+        "connectionStatusConnecting": "Forbinder",
+        "connectionStatusAuthenticating": "Godkender",
+        "connectionStatusPendingDisconnect": "Afventer Afbrydelse",
+        "connectionStatusDisconnecting": "Afbryder forbindelsen",
+        "connectionStatusDisconnected": "Afbrudt",
+        "connectionStatusConnected": "Forbundet",
+        "uptime": "Oppetid",
+        "maxDown": "Maks. Ned",
+        "maxUp": "Maks. Op",
+        "down": "Ned",
+        "up": "Op",
        "received": "Modtaget",
        "sent": "Sendt",
        "externalIPAddress": "Ekstern IP",
-        "externalIPv6Address": "Ext. IPv6",
+        "externalIPv6Address": "Ekstern IPv6",
        "externalIPv6Prefix": "Ext. IPv6-Prefix"
    },
    "caddy": {
@@ -203,24 +203,24 @@
        "passes": "Bestået"
    },
    "tautulli": {
-        "playing": "Playing",
-        "transcoding": "Transcoding",
+        "playing": "Afspiller",
+        "transcoding": "Transcoder",
        "bitrate": "Bitrate",
-        "no_active": "No Active Streams",
+        "no_active": "Ingen Aktive Streams",
        "plex_connection_error": "Tjek Plex-forbindelse"
    },
    "tracearr": {
-        "no_active": "No Active Streams",
+        "no_active": "Ingen Aktive Streams",
        "streams": "Streams",
-        "transcodes": "Transcodes",
-        "directplay": "Direct Play",
+        "transcodes": "Transkoder",
+        "directplay": "Direkte afspilning",
        "bitrate": "Bitrate"
    },
    "omada": {
        "connectedAp": "Forbundne APs",
        "activeUser": "Aktive enheder",
        "alerts": "Advarsler",
-        "connectedGateways": "Connected gateways",
+        "connectedGateways": "Forbundne gateways",
        "connectedSwitches": "Forbundne switches"
    },
    "nzbget": {
@@ -231,7 +231,7 @@
    "plex": {
        "streams": "Aktive Streams",
        "albums": "Albums",
-        "movies": "Movies",
+        "movies": "Film",
        "tv": "TV-Shows"
    },
    "sabnzbd": {
@@ -283,17 +283,17 @@
    "sonarr": {
        "wanted": "Ønsket",
        "queued": "I Kø",
-        "series": "Series",
-        "queue": "Queue",
-        "unknown": "Unknown"
+        "series": "Serier",
+        "queue": "Kø",
+        "unknown": "Ukendt"
    },
    "radarr": {
        "wanted": "Wanted",
        "missing": "Mangler",
        "queued": "Queued",
-        "movies": "Movies",
-        "queue": "Queue",
-        "unknown": "Unknown"
+        "movies": "Film",
+        "queue": "Kø",
+        "unknown": "Ukendt"
    },
    "lidarr": {
        "wanted": "Wanted",
@@ -315,18 +315,18 @@
        "available": "Tilgængelig"
    },
    "seerr": {
-        "pending": "Pending",
-        "approved": "Approved",
-        "available": "Available",
-        "completed": "Completed",
-        "processing": "Processing",
-        "issues": "Open Issues"
+        "pending": "Afventer",
+        "approved": "Godkendt",
+        "available": "Tilgængelig",
+        "completed": "Udført",
+        "processing": "Behandler",
+        "issues": "Åbne problemer"
    },
    "netalertx": {
        "total": "Total",
-        "connected": "Connected",
-        "new_devices": "New Devices",
-        "down_alerts": "Down Alerts"
+        "connected": "Forbundet",
+        "new_devices": "Nye Enheder",
+        "down_alerts": "Nede Advarsler"
    },
    "pihole": {
        "queries": "Forespørgsler",
@@ -335,8 +335,8 @@
        "gravity": "Tyngdekraft"
    },
    "adguard": {
-        "queries": "Queries",
-        "blocked": "Blocked",
+        "queries": "Forespørgsler",
+        "blocked": "Blokerede",
        "filtered": "Filtreret",
        "latency": "Latenstid"
    },
@@ -346,33 +346,33 @@
        "ping": "Ping"
    },
    "portainer": {
-        "running": "Running",
+        "running": "Kører",
        "stopped": "Stoppede",
        "total": "Total"
    },
    "suwayomi": {
-        "download": "Downloaded",
-        "nondownload": "Non-Downloaded",
-        "read": "Read",
-        "unread": "Unread",
-        "downloadedread": "Downloaded & Read",
-        "downloadedunread": "Downloaded & Unread",
-        "nondownloadedread": "Non-Downloaded & Read",
-        "nondownloadedunread": "Non-Downloaded & Unread"
+        "download": "Hentet",
+        "nondownload": "Ikke-Downloadet",
+        "read": "Læst",
+        "unread": "Ulæst",
+        "downloadedread": "Downloadet Og Læst",
+        "downloadedunread": "Downloadet & Ulæst",
+        "nondownloadedread": "Ikke-Downloadet & Læst",
+        "nondownloadedunread": "Ikke-Downloadet & Ulæst"
    },
    "tailscale": {
        "address": "Adresse",
        "expires": "Udløber",
        "never": "Aldrig",
-        "user": "User",
-        "hostname": "Hostname",
-        "name": "Name",
-        "client_version": "Client Version",
-        "os": "OS",
-        "created": "Created",
-        "authorized": "Authorized",
-        "is_external": "Is External",
-        "update_available": "Update Available",
+        "user": "Bruger",
+        "hostname": "Værtsnavn",
+        "name": "Navn",
+        "client_version": "Klientversion",
+        "os": "Styresystem",
+        "created": "Oprettet",
+        "authorized": "Autoriseret",
+        "is_external": "Er ekstern",
+        "update_available": "Opdatering tilgængelig",
        "tags": "Tags",
        "last_seen": "Sidst Set",
        "now": "Nu",
@@ -383,24 +383,24 @@
        "minutes": "{{number}}m",
        "seconds": "{{number}}s",
        "ago": "{{value}} Siden",
-        "true": "Yes",
-        "false": "No"
+        "true": "Ja",
+        "false": "Nej"
    },
    "technitium": {
-        "totalQueries": "Queries",
-        "totalNoError": "Success",
-        "totalServerFailure": "Failures",
-        "totalNxDomain": "NX Domains",
-        "totalRefused": "Refused",
-        "totalAuthoritative": "Authoritative",
-        "totalRecursive": "Recursive",
-        "totalCached": "Cached",
-        "totalBlocked": "Blocked",
-        "totalDropped": "Dropped",
+        "totalQueries": "Forespørgsler",
+        "totalNoError": "Succes",
+        "totalServerFailure": "Fejl",
+        "totalNxDomain": "Domæner",
+        "totalRefused": "Nægtede",
+        "totalAuthoritative": "Autorativ",
+        "totalRecursive": "Rekursivt",
+        "totalCached": "Cachet",
+        "totalBlocked": "Blokeret",
+        "totalDropped": "Tabt",
        "totalClients": "Klienter"
    },
    "tdarr": {
-        "queue": "Queue",
+        "queue": "Kø",
        "processed": "Behandlet",
        "errored": "Fejlet",
        "saved": "Gemt"
@@ -412,12 +412,12 @@
    },
    "trilium": {
        "version": "Version",
-        "notesCount": "Notes",
-        "dbSize": "Database Size",
-        "unknown": "Unknown"
+        "notesCount": "Noter",
+        "dbSize": "Databasestørrelse",
+        "unknown": "Ukendt"
    },
    "navidrome": {
-        "nothing_streaming": "No Active Streams",
+        "nothing_streaming": "Ingen Aktive Streams",
        "please_wait": "Vent venligst"
    },
    "npm": {
@@ -482,31 +482,31 @@
        "authorizationsLast24H": "Auths (24h)"
    },
    "proxmox": {
-        "mem": "MEM",
+        "mem": "RAM",
        "cpu": "CPU",
        "lxc": "LXC",
        "vms": "VMs"
    },
    "pulse": {
-        "nodes": "Nodes",
+        "nodes": "Noder",
        "vms": "VMs",
-        "lxcs": "LXCs"
+        "lxcs": "LXC"
    },
    "glances": {
        "cpu": "CPU",
-        "load": "Load",
-        "wait": "Please wait",
+        "load": "Indlæs",
+        "wait": "Vent venligst",
        "temp": "TEMP",
        "_temp": "Temp",
        "warn": "Advar",
-        "uptime": "UP",
+        "uptime": "OP",
        "total": "Total",
-        "free": "Free",
-        "used": "Used",
+        "free": "Fri",
+        "used": "Brugt",
        "days": "d",
-        "hours": "h",
+        "hours": "t",
        "crit": "Crit",
-        "read": "Read",
+        "read": "Læst",
        "write": "Skriv",
        "gpu": "GPU",
        "mem": "Ram",
@@ -519,7 +519,7 @@
        "custom": "Brugerdefinerede",
        "visit": "Besøg",
        "url": "URL",
-        "searchsuggestion": "Suggestion"
+        "searchsuggestion": "Forslag"
    },
    "wmo": {
        "0-day": "Solrig",
@@ -527,57 +527,57 @@
        "1-day": "Overvejende Solrigt",
        "1-night": "Overvejende Skyfrit",
        "2-day": "Delvist Overskyet",
-        "2-night": "Partly Cloudy",
+        "2-night": "Delvist Overskyet",
        "3-day": "Skyet",
-        "3-night": "Cloudy",
+        "3-night": "Skyet",
        "45-day": "Tåget",
-        "45-night": "Foggy",
-        "48-day": "Foggy",
-        "48-night": "Foggy",
+        "45-night": "Tåget",
+        "48-day": "Tåget",
+        "48-night": "Tåget",
        "51-day": "Let Støvregn",
-        "51-night": "Light Drizzle",
+        "51-night": "Let Støvregn",
        "53-day": "Støvregn",
-        "53-night": "Drizzle",
+        "53-night": "Støvregn",
        "55-day": "Kraftig Støvregn",
-        "55-night": "Heavy Drizzle",
+        "55-night": "Kraftig Støvregn",
        "56-day": "Let Frysende Støvregn",
        "56-night": "Light Freezing Drizzle",
        "57-day": "Frysende Støvregn",
        "57-night": "Freezing Drizzle",
        "61-day": "Let Regn",
-        "61-night": "Light Rain",
+        "61-night": "Let Regn",
        "63-day": "Regn",
-        "63-night": "Rain",
+        "63-night": "Regn",
        "65-day": "Kraftig Regn",
-        "65-night": "Heavy Rain",
+        "65-night": "Kraftig Regn",
        "66-day": "Frysende Regn",
        "66-night": "Freezing Rain",
        "67-day": "Freezing Rain",
        "67-night": "Freezing Rain",
        "71-day": "Let Sne",
-        "71-night": "Light Snow",
+        "71-night": "Let Sne",
        "73-day": "Sne",
-        "73-night": "Snow",
+        "73-night": "Sne",
        "75-day": "Kraftig Sne",
-        "75-night": "Heavy Snow",
+        "75-night": "Kraftig Sne",
        "77-day": "Snekorn",
-        "77-night": "Snow Grains",
+        "77-night": "Mildt snefald",
        "80-day": "Lette Byger",
-        "80-night": "Light Showers",
+        "80-night": "Lette Byger",
        "81-day": "Byger",
-        "81-night": "Showers",
+        "81-night": "Byger",
        "82-day": "Kraftige Byger",
-        "82-night": "Heavy Showers",
+        "82-night": "Kraftige Byger",
        "85-day": "Snebyger",
-        "85-night": "Snow Showers",
-        "86-day": "Snow Showers",
-        "86-night": "Snow Showers",
+        "85-night": "Snebyger",
+        "86-day": "Snebyger",
+        "86-night": "Snebyger",
        "95-day": "Tordenvejr",
-        "95-night": "Thunderstorm",
+        "95-night": "Tordenvejr",
        "96-day": "Tordenvejr Med Hagl",
-        "96-night": "Thunderstorm With Hail",
-        "99-day": "Thunderstorm With Hail",
-        "99-night": "Thunderstorm With Hail"
+        "96-night": "Tordenvejr Med Hagl",
+        "99-day": "Tordenvejr Med Hagl",
+        "99-night": "Tordenvejr Med Hagl"
    },
    "homebridge": {
        "available_update": "System",
@@ -586,16 +586,16 @@
        "up_to_date": "Opdateret",
        "child_bridges": "Underbroer",
        "child_bridges_status": "{{ok}}/{{total}}",
-        "up": "Up",
-        "pending": "Pending",
-        "down": "Down",
+        "up": "Op",
+        "pending": "Afventer",
+        "down": "Ned",
        "ok": "Ok"
    },
    "healthchecks": {
        "new": "Ny",
-        "up": "Up",
+        "up": "Op",
        "grace": "Henstandsperiode",
-        "down": "Down",
+        "down": "Ned",
        "paused": "Pause",
        "status": "Status",
        "last_ping": "Sidste Ping",
@@ -607,85 +607,85 @@
        "containers_failed": "Fejlet"
    },
    "autobrr": {
-        "approvedPushes": "Approved",
+        "approvedPushes": "Godkendt",
        "rejectedPushes": "Afviste",
        "filters": "Filtre",
-        "indexers": "Indexers"
+        "indexers": "Indeksører"
    },
    "tubearchivist": {
-        "downloads": "Queue",
+        "downloads": "Kø",
        "videos": "Videoer",
        "channels": "Kanaler",
        "playlists": "Afspilningslister"
    },
    "truenas": {
        "load": "Systembelastning",
-        "uptime": "Uptime",
-        "alerts": "Alerts"
+        "uptime": "Oppetid",
+        "alerts": "Advarsler"
    },
    "pyload": {
        "speed": "Hastighed",
-        "active": "Active",
-        "queue": "Queue",
+        "active": "Aktive",
+        "queue": "Kø",
        "total": "Total"
    },
    "gluetun": {
        "public_ip": "Offentlig IP",
        "region": "Område",
        "country": "Land",
-        "port_forwarded": "Port Forwarded"
+        "port_forwarded": "Port Viderestillet"
    },
    "hdhomerun": {
-        "channels": "Channels",
+        "channels": "Kanaler",
        "hd": "HD",
-        "tunerCount": "Tuners",
-        "channelNumber": "Channel",
-        "channelNetwork": "Network",
-        "signalStrength": "Strength",
-        "signalQuality": "Quality",
-        "symbolQuality": "Quality",
+        "tunerCount": "Tunere",
+        "channelNumber": "Kanal",
+        "channelNetwork": "Netværk",
+        "signalStrength": "Styrke",
+        "signalQuality": "Kvalitet",
+        "symbolQuality": "Kvalitet",
        "networkRate": "Bitrate",
-        "clientIP": "Client"
+        "clientIP": "Klient"
    },
    "scrutiny": {
        "passed": "Bestået",
-        "failed": "Failed",
-        "unknown": "Unknown"
+        "failed": "Fejlet",
+        "unknown": "Ukendt"
    },
    "paperlessngx": {
        "inbox": "Indbakke",
        "total": "Total"
    },
    "pangolin": {
-        "orgs": "Orgs",
-        "sites": "Sites",
-        "resources": "Resources",
-        "targets": "Targets",
-        "traffic": "Traffic",
-        "in": "In",
-        "out": "Out"
+        "orgs": "Organisationer",
+        "sites": "Websteder",
+        "resources": "Ressourcer",
+        "targets": "Mål",
+        "traffic": "Trafik",
+        "in": "Ind",
+        "out": "Ud"
    },
    "peanut": {
        "battery_charge": "Batteriniveau",
-        "ups_load": "UPS Load",
+        "ups_load": "Ups Belastning",
        "ups_status": "UPS Status",
        "online": "Online",
        "on_battery": "På batteri",
        "low_battery": "Lavt batteriniveau"
    },
    "nextdns": {
-        "wait": "Please Wait",
+        "wait": "Vent venligst",
        "no_devices": "Ingen Enhedsdata Modtaget"
    },
    "mikrotik": {
        "cpuLoad": "CPU Belastning",
        "memoryUsed": "Hukommelse Brugt",
-        "uptime": "Uptime",
+        "uptime": "Oppetid",
        "numberOfLeases": "Leasinger"
    },
    "xteve": {
        "streams_all": "Alle Streams",
-        "streams_active": "Active Streams",
+        "streams_active": "Aktive Streams",
        "streams_xepg": "XEPG Kanaler"
    },
    "opendtu": {
@@ -695,7 +695,7 @@
        "limit": "Begrænsning"
    },
    "opnsense": {
-        "cpu": "CPU Load",
+        "cpu": "CPU Belastning",
        "memory": "Aktiv Hukommelse",
        "wanUpload": "WAN Upload",
        "wanDownload": "WAN Download"
@@ -720,8 +720,8 @@
        "load": "Belastning Gns",
        "memory": "Hukommelse Forbrug",
        "wanStatus": "WAN Status",
-        "up": "Up",
-        "down": "Down",
+        "up": "Op",
+        "down": "Ned",
        "temp": "Temp",
        "disk": "Disk Forbrug",
        "wanIP": "WAN IP"
@@ -733,15 +733,15 @@
        "memory_usage": "Hukommelse"
    },
    "immich": {
-        "users": "Users",
+        "users": "Brugere",
        "photos": "Billeder",
-        "videos": "Videos",
+        "videos": "Videoer",
        "storage": "Lager"
    },
    "uptimekuma": {
        "up": "Sider Oppe",
        "down": "Sider Nede",
-        "uptime": "Uptime",
+        "uptime": "Oppetid",
        "incident": "Hændelse",
        "m": "m"
    },
@@ -889,7 +889,7 @@
        "name": "Navn",
        "map": "Kort",
        "currentPlayers": "Nuværende Spillere",
-        "players": "Players",
+        "players": "Spillere",
        "maxPlayers": "Maks spillere",
        "bots": "Bots",
        "ping": "Ping"
@@ -902,22 +902,22 @@
    },
    "mealie": {
        "recipes": "Opskrifter",
-        "users": "Users",
-        "categories": "Categories",
+        "users": "Brugere",
+        "categories": "Kategorier",
        "tags": "Tags"
    },
    "openmediavault": {
        "downloading": "Downloader",
        "total": "Total",
-        "running": "Running",
+        "running": "Kører",
        "stopped": "Stopped",
        "passed": "Passed",
-        "failed": "Failed"
+        "failed": "Fejlet"
    },
    "openwrt": {
-        "uptime": "Uptime",
+        "uptime": "Oppetid",
        "cpuLoad": "CPU Load Avg (5m)",
-        "up": "Up",
+        "up": "Op",
        "down": "Down",
        "bytesTx": "Transmitted",
        "bytesRx": "Received"
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Buscado",
        "queued": "En cola",
        "leagues": "Ligas"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Recherché",
        "queued": "En file d'attente",
        "leagues": "Ligues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Željeno",
        "queued": "U redu čekanja",
        "leagues": "Lige"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "募集中",
        "queued": "処理待ち",
        "leagues": "リーグ"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Gewenst",
        "queued": "In de wachtrij",
        "leagues": "Competities"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Poszukiwane",
        "queued": "W kolejce",
        "leagues": "Ligi"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Procurado",
        "queued": "Em fila de espera",
        "leagues": "Ligas"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Desejado",
        "queued": "Na fila",
        "leagues": "Ligas"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Требуется",
        "queued": "В очереди",
        "leagues": "Лиги"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "V poradí",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Cần tải",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -1258,5 +1258,8 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "leagues": "Leagues"
+    },
+    "feed": {
+        "noItems": "No items"
    }
 }
@@ -0,0 +1,118 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import createMockRes from "test-utils/create-mock-res";
+
+const { getPrivateWidgetOptions, httpProxy, logger } = vi.hoisted(() => ({
+  getPrivateWidgetOptions: vi.fn(),
+  httpProxy: vi.fn(),
+  logger: { debug: vi.fn() },
+}));
+
+vi.mock("utils/config/widget-helpers", () => ({
+  getPrivateWidgetOptions,
+}));
+
+vi.mock("utils/proxy/http", () => ({
+  httpProxy,
+}));
+
+vi.mock("utils/logger", () => ({
+  default: () => logger,
+}));
+
+import handler from "pages/api/widgets/customapi";
+
+const json = (body) => Buffer.from(JSON.stringify(body));
+
+async function callRoute(options, index = "0") {
+  getPrivateWidgetOptions.mockResolvedValueOnce(options);
+  const res = createMockRes();
+  await handler({ query: { index } }, res);
+  return res;
+}
+
+describe("pages/api/widgets/customapi", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it.each([
+    ["no widget at that index", undefined],
+    ["a widget without a url", { method: "GET" }],
+    ["an invalid url", { url: "api.local/data" }],
+  ])("returns 400 without calling upstream for %s", async (_, options) => {
+    const res = await callRoute(options, "3");
+
+    expect(getPrivateWidgetOptions).toHaveBeenCalledWith("customapi", "3");
+    expect(res.statusCode).toBe(400);
+    expect(httpProxy).not.toHaveBeenCalled();
+  });
+
+  it("proxies an authenticated POST with custom headers and a JSON body", async () => {
+    httpProxy.mockResolvedValueOnce([200, "application/json", json({ json: { hello: "world" } })]);
+
+    const res = await callRoute({
+      url: "https://httpbin.org/post",
+      username: "admin",
+      password: "hunter2",
+      method: "POST",
+      headers: { "X-Secret-Token": "super-secret", "Content-Type": "application/json" },
+      requestBody: { hello: "world" },
+    });
+
+    expect(httpProxy).toHaveBeenCalledWith(new URL("https://httpbin.org/post"), {
+      method: "POST",
+      headers: {
+        "User-Agent": "homepage",
+        Accept: "application/json",
+        "X-Secret-Token": "super-secret",
+        "Content-Type": "application/json",
+        Authorization: `Basic ${Buffer.from("admin:hunter2").toString("base64")}`,
+      },
+      body: '{"hello":"world"}',
+    });
+    expect(res.statusCode).toBe(200);
+    expect(res.body).toEqual({ json: { hello: "world" } });
+  });
+
+  it("sends a string body as-is and lets config override default headers", async () => {
+    httpProxy.mockResolvedValueOnce([200, "application/json", json({ data: { viewer: { login: "shamoon" } } })]);
+    const query = '{"query":"{ viewer { login } }"}';
+
+    const res = await callRoute({
+      url: "https://api.github.com/graphql",
+      method: "POST",
+      headers: { Authorization: "Bearer ghp_token", "User-Agent": "my-dashboard" },
+      requestBody: query,
+    });
+
+    expect(httpProxy).toHaveBeenCalledWith(expect.any(URL), {
+      method: "POST",
+      headers: { "User-Agent": "my-dashboard", Accept: "application/json", Authorization: "Bearer ghp_token" },
+      body: query,
+    });
+    expect(res.body).toEqual({ data: { viewer: { login: "shamoon" } } });
+  });
+
+  it.each([
+    ["an HTTP error", [403, "application/json", json({ message: "API rate limit exceeded for 1.2.3.4" })]],
+    [
+      "a network failure",
+      [500, "application/json", { error: { message: "connect ECONNREFUSED", rawError: { address: "10.0.0.5" } } }],
+    ],
+    ["a non-JSON response", [200, "text/html", Buffer.from("<html><body>Login</body></html>")]],
+  ])("returns only a sanitized error for %s", async (_, upstream) => {
+    httpProxy.mockResolvedValueOnce(upstream);
+
+    const res = await callRoute({ url: "https://api.github.com/repos/gethomepage/homepage?token=abc" });
+
+    expect(httpProxy).toHaveBeenCalledWith(expect.any(URL), {
+      method: "GET",
+      headers: { "User-Agent": "homepage", Accept: "application/json" },
+    });
+    expect(res.statusCode).toBe(upstream[0] === 200 ? 500 : upstream[0]);
+    expect(res.body.error.url).toBe("api.github.com (see logs for details)");
+    expect(JSON.stringify(res.body)).not.toMatch(/rate limit|ECONNREFUSED|10\.0\.0\.5|<html>|token=abc/);
+    expect(res.setHeader).not.toHaveBeenCalled();
+  });
+});
@@ -7,6 +7,10 @@ import { SettingsContext } from "utils/contexts/settings";
 export default function Item({ bookmark, iconOnly = false }) {
  const description = bookmark.description ?? new URL(bookmark.href).hostname;
  const { settings } = useContext(SettingsContext);
+  const cardStyle =
+    settings.cardStyle === "hairline"
+      ? "shadow-xs inset-ring inset-ring-black/5 dark:inset-ring-white/5 hover:inset-ring-black/10 dark:hover:inset-ring-white/10"
+      : "shadow-md shadow-theme-900/10 dark:shadow-theme-900/20";

  return (
    <li
@@ -22,7 +26,8 @@ export default function Item({ bookmark, iconOnly = false }) {
        target={bookmark.target ?? settings.target ?? "_blank"}
        className={classNames(
          settings.cardBlur !== undefined && `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
-          "text-left cursor-pointer transition-all 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",
+          cardStyle,
+          "text-left cursor-pointer transition-all rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10",
          iconOnly ? "h-[60px] w-[60px] grid" : "block w-full mb-3",
        )}
      >
@@ -21,6 +21,16 @@ describe("components/bookmarks/item", () => {
    expect(screen.getByRole("link").getAttribute("target")).toBe("_self");
  });

+  it("applies hairline card styles when cardStyle is set", () => {
+    renderWithProviders(<Item bookmark={{ name: "A", href: "http://example.com/x", abbr: "A" }} iconOnly={false} />, {
+      settings: { cardStyle: "hairline" },
+    });
+
+    const className = screen.getByRole("link").className;
+    expect(className).toContain("inset-ring");
+    expect(className).not.toContain("shadow-md");
+  });
+
  it("renders icon-only layout with icon when provided", () => {
    renderWithProviders(
      <Item bookmark={{ name: "A", href: "http://example.com/x", abbr: "A", icon: "mdi-home" }} iconOnly />,
@@ -19,6 +19,10 @@ export default function Item({ service, groupName, useEqualHeights }) {
  const { settings } = useContext(SettingsContext);
  const showStats = service.showStats === false ? false : settings.showStats;
  const statusStyle = service.statusStyle !== undefined ? service.statusStyle : settings.statusStyle;
+  const cardStyle =
+    settings.cardStyle === "hairline"
+      ? "shadow-xs inset-ring inset-ring-black/5 dark:inset-ring-white/5 hover:inset-ring-black/10 dark:hover:inset-ring-white/10"
+      : "shadow-md shadow-theme-900/10 dark:shadow-theme-900/20";
  const [statsOpen, setStatsOpen] = useState(service.showStats);
  const [statsClosing, setStatsClosing] = useState(false);

@@ -39,7 +43,8 @@ export default function Item({ service, groupName, useEqualHeights }) {
        className={classNames(
          settings.cardBlur !== undefined && `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
          useEqualHeights && "h-[calc(100%-0.5rem)]",
-          "transition-all mb-2 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 relative overflow-clip service-card",
+          cardStyle,
+          "transition-all mb-2 p-1 rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10 relative overflow-clip service-card",
        )}
      >
        <div className="flex select-none z-0 service-title">
@@ -4,11 +4,14 @@ import { useContext, useMemo } from "react";

 import { BlockHighlightContext } from "./highlight-context";

+import { SettingsContext } from "utils/contexts/settings";
 import { evaluateHighlight, getHighlightClass } from "utils/highlights";

 export default function Block({ value, highlightValue, label, field }) {
  const { t } = useTranslation();
  const highlightConfig = useContext(BlockHighlightContext);
+  const { settings } = useContext(SettingsContext);
+  const refined = settings?.blockStyle === "refined";

  const highlight = useMemo(() => {
    if (!highlightConfig) return null;
@@ -45,9 +48,20 @@ export default function Block({ value, highlightValue, label, field }) {
      data-highlight-level={highlight?.level}
      data-highlight-source={highlight?.source}
    >
-      <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
      <div
-        className={classNames("font-bold text-xs uppercase", applyToValueOnly && "text-theme-700 dark:text-theme-200")}
+        className={classNames(
+          refined ? "text-[13px] font-medium tabular-nums" : "font-thin text-sm",
+          "service-block-value",
+        )}
+      >
+        {value === undefined || value === null ? "-" : value}
+      </div>
+      <div
+        className={classNames(
+          refined ? "text-[10px] font-semibold uppercase tracking-wider opacity-60" : "font-bold text-xs uppercase",
+          applyToValueOnly && "text-theme-700 dark:text-theme-200",
+          "service-block-label",
+        )}
      >
        {t(label)}
      </div>
@@ -39,6 +39,24 @@ describe("components/services/widget/block", () => {
    expect(el.className).toContain("danger-class");
  });

+  it("uses the standard block styles by default", () => {
+    const { container } = renderWithProviders(<Block label="some.label" value="1" />, { settings: {} });
+
+    expect(container.querySelector(".service-block-value").className).toContain("font-thin");
+    expect(container.querySelector(".service-block-label").className).toContain("font-bold");
+  });
+
+  it("applies refined block styles when blockStyle is set", () => {
+    const { container } = renderWithProviders(<Block label="some.label" value="1" />, {
+      settings: { blockStyle: "refined" },
+    });
+
+    const value = container.querySelector(".service-block-value");
+    expect(value.className).toContain("tabular-nums");
+    expect(value.className).not.toContain("font-thin");
+    expect(container.querySelector(".service-block-label").className).toContain("tracking-wider");
+  });
+
  it("prefers highlightValue over the rendered value for numeric highlighting", () => {
    const highlightConfig = {
      levels: { warn: "warn-class" },
@@ -0,0 +1,53 @@
+import classNames from "classnames";
+import { useTranslation } from "next-i18next/pages";
+import { TbApi } from "react-icons/tb";
+import useSWR from "swr";
+
+import Container from "../widget/container";
+import Error from "../widget/error";
+import Raw from "../widget/raw";
+import WidgetLabel from "../widget/widget_label";
+
+import ResolvedIcon from "components/resolvedicon";
+import { formatValue, getValue } from "widgets/customapi/utils";
+
+export default function CustomApi({ options }) {
+  const { t } = useTranslation();
+
+  const { index, icon, label, mappings = [], refreshInterval = 10000 } = options;
+
+  const { data, error } = useSWR(`/api/widgets/customapi?${new URLSearchParams({ index }).toString()}`, {
+    refreshInterval: Math.max(1000, refreshInterval),
+  });
+
+  if (error || (data?.error && !mappings.some((mapping) => mapping.field === "error"))) {
+    return <Error options={options} />;
+  }
+
+  return (
+    <Container options={options} additionalClassNames="information-widget-customapi">
+      <Raw>
+        <div className="flex flex-row items-center">
+          <div className="flex-none mr-2">
+            {icon ? (
+              <ResolvedIcon icon={icon} width={24} height={24} />
+            ) : (
+              <TbApi className="w-6 h-6 text-theme-800 dark:text-theme-200" />
+            )}
+          </div>
+          <div className={classNames("flex flex-wrap items-center gap-0.5", !data && "animate-pulse")}>
+            {mappings.map((mapping) => (
+              <div key={mapping.label} className="flex flex-col items-center justify-center px-1 text-xs">
+                <span className="text-theme-800 dark:text-theme-200">{mapping.label}</span>
+                <span className="text-theme-800/70 dark:text-theme-200/50">
+                  {data ? formatValue(t, mapping, getValue(mapping.field, data)) : "-"}
+                </span>
+              </div>
+            ))}
+          </div>
+        </div>
+        {label && <WidgetLabel label={label} />}
+      </Raw>
+    </Container>
+  );
+}
@@ -0,0 +1,117 @@
+// @vitest-environment jsdom
+
+import { screen } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import { renderWithProviders } from "test-utils/render-with-providers";
+
+const { useSWR } = vi.hoisted(() => ({ useSWR: vi.fn() }));
+vi.mock("swr", () => ({ default: useSWR }));
+
+vi.mock("components/resolvedicon", () => ({
+  default: ({ icon }) => <div data-testid="resolved-icon" data-icon={icon} />,
+}));
+
+import CustomApi from "./customapi";
+
+const settings = { settings: { target: "_self" } };
+
+describe("components/widgets/customapi", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("shows GitHub repo stats once loaded, with the fallback icon and a label", () => {
+    const options = {
+      index: 6,
+      label: "Homepage",
+      refreshInterval: 300000,
+      mappings: [
+        { field: "stargazers_count", label: "Stars", format: "number" },
+        { field: "open_issues_count", label: "Open", format: "number" },
+        { field: "forks_count", label: "Forks", format: "number" },
+      ],
+    };
+
+    useSWR.mockReturnValue({ data: undefined, error: undefined });
+    const { container, rerender } = renderWithProviders(<CustomApi options={options} />, settings);
+
+    expect(useSWR).toHaveBeenCalledWith("/api/widgets/customapi?index=6", { refreshInterval: 300000 });
+    expect(screen.getAllByText("-")).toHaveLength(3);
+    expect(screen.queryByTestId("resolved-icon")).toBeNull();
+    expect(container.querySelector("svg")).not.toBeNull();
+
+    useSWR.mockReturnValue({
+      data: { stargazers_count: 32809, open_issues_count: 1, forks_count: 2127, owner: { login: "gethomepage" } },
+      error: undefined,
+    });
+    rerender(<CustomApi options={options} />);
+
+    expect(screen.queryByText("-")).toBeNull();
+    expect(screen.getByText("Stars").nextSibling).toHaveTextContent("32809");
+    expect(screen.getByText("Open").nextSibling).toHaveTextContent("1");
+    expect(screen.getByText("Forks").nextSibling).toHaveTextContent("2127");
+    expect(screen.getByText("Homepage")).toHaveClass("information-widget-label");
+  });
+
+  it("shows a nested weather value with a configured icon and suffix", () => {
+    useSWR.mockReturnValue({
+      data: { current: { time: "2026-09-22T20:15", temperature_2m: 7.8, wind_speed_10m: 12.4 } },
+      error: undefined,
+    });
+
+    renderWithProviders(
+      <CustomApi
+        options={{
+          index: 7,
+          icon: "mdi-thermometer",
+          mappings: [{ field: "current.temperature_2m", label: "Temp", format: "float", suffix: "°C" }],
+        }}
+      />,
+      settings,
+    );
+
+    expect(useSWR).toHaveBeenCalledWith("/api/widgets/customapi?index=7", { refreshInterval: 10000 });
+    expect(screen.getByTestId("resolved-icon")).toHaveAttribute("data-icon", "mdi-thermometer");
+    expect(screen.getByText("7.8 °C")).toBeInTheDocument();
+  });
+
+  it("shows a status API's error field as data when it is mapped", () => {
+    useSWR.mockReturnValue({ data: { error: "E_NONE", pending: 3 }, error: undefined });
+
+    renderWithProviders(
+      <CustomApi
+        options={{
+          index: 0,
+          mappings: [
+            { field: "error", label: "Status", remap: [{ value: "E_NONE", to: "OK" }] },
+            { field: "pending", label: "Queue", format: "number" },
+          ],
+        }}
+      />,
+      settings,
+    );
+
+    expect(screen.queryByText("widget.api_error")).toBeNull();
+    expect(screen.getByText("OK")).toBeInTheDocument();
+    expect(screen.getByText("3")).toBeInTheDocument();
+  });
+
+  it("shows the error state when the upstream API fails, clamping a too-fast refresh", () => {
+    useSWR.mockReturnValue({
+      data: { error: { message: "HTTP Error", url: "api.github.com (see logs for details)" } },
+      error: undefined,
+    });
+
+    renderWithProviders(
+      <CustomApi
+        options={{ index: 6, refreshInterval: 500, mappings: [{ field: "stargazers_count", label: "Stars" }] }}
+      />,
+      settings,
+    );
+
+    expect(useSWR).toHaveBeenCalledWith("/api/widgets/customapi?index=6", { refreshInterval: 1000 });
+    expect(screen.getByText("widget.api_error")).toBeInTheDocument();
+    expect(screen.queryByText("Stars")).toBeNull();
+  });
+});
@@ -16,6 +16,7 @@ const widgetMappings = {
  longhorn: dynamic(() => import("components/widgets/longhorn/longhorn")),
  kubernetes: dynamic(() => import("components/widgets/kubernetes/kubernetes")),
  stocks: dynamic(() => import("components/widgets/stocks/stocks")),
+  customapi: dynamic(() => import("components/widgets/customapi/customapi")),
 };

 export default function Widget({ widget, style }) {
@@ -25,12 +25,12 @@ export default function Resource({
        }`}
      >
        <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between gap-2">
-          <div className="pl-0.5">{value}</div>
+          <div className="pl-0.5 resource-value">{value}</div>
          <div className="pr-1">{label}</div>
        </div>
        {expanded && (
          <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between gap-2">
-            <div className="pl-0.5">{expandedValue}</div>
+            <div className="pl-0.5 resource-value">{expandedValue}</div>
            <div className="pr-1">{expandedLabel}</div>
          </div>
        )}
@@ -3,6 +3,7 @@ import { appWithTranslation } from "next-i18next/pages";
 import Head from "next/head";
 import "styles/globals.css";
 import "styles/manrope.css";
+import "styles/plex-mono.css";
 import "styles/theme.css";
 import { SWRConfig } from "swr";

@@ -0,0 +1,46 @@
+import { getPrivateWidgetOptions } from "utils/config/widget-helpers";
+import createLogger from "utils/logger";
+import { sanitizeErrorURL } from "utils/proxy/api-helpers";
+import { httpProxy } from "utils/proxy/http";
+
+const logger = createLogger("customapi");
+
+export default async function handler(req, res) {
+  const { index } = req.query;
+
+  const options = await getPrivateWidgetOptions("customapi", index);
+
+  if (!options?.url) {
+    return res.status(400).json({ error: "Missing Custom API URL" });
+  }
+
+  let url;
+  try {
+    url = new URL(options.url);
+  } catch {
+    return res.status(400).json({ error: "Invalid Custom API URL" });
+  }
+
+  const headers = { "User-Agent": "homepage", Accept: "application/json", ...(options.headers ?? {}) };
+  if (options.username && options.password) {
+    headers.Authorization = `Basic ${Buffer.from(`${options.username}:${options.password}`).toString("base64")}`;
+  }
+
+  const params = { method: options.method ?? "GET", headers };
+  if (options.requestBody) {
+    params.body = typeof options.requestBody === "object" ? JSON.stringify(options.requestBody) : options.requestBody;
+  }
+
+  const [status, , data] = await httpProxy(url, params);
+
+  if (status >= 400) {
+    logger.debug("HTTP Error %d calling %s//%s%s", status, url.protocol, url.host, url.pathname);
+    return res.status(status).json({ error: { message: "HTTP Error", url: sanitizeErrorURL(url) } });
+  }
+
+  try {
+    return res.status(status).json(JSON.parse(Buffer.from(data).toString()));
+  } catch {
+    return res.status(500).json({ error: { message: "Invalid JSON", url: sanitizeErrorURL(url) } });
+  }
+}
@@ -552,7 +552,9 @@ export default function Wrapper({ initialSettings, fallback }) {
    const html = document.documentElement;
    const body = document.body;

-    html.classList.remove("dark", "scheme-dark", "scheme-light");
+    html.classList.remove("dark", "scheme-dark", "scheme-light", "font-plex", "font-plex-data");
+    if (initialSettings.font === "plex") html.classList.add("font-plex");
+    if (initialSettings.font === "plexData") html.classList.add("font-plex-data");
    html.classList.toggle("dark", theme === "dark");
    html.classList.add(theme === "dark" ? "scheme-dark" : "scheme-light");

@@ -571,7 +573,7 @@ export default function Wrapper({ initialSettings, fallback }) {
    body.style.backgroundImage = "";
    body.style.backgroundColor = "";
    body.style.backgroundAttachment = "";
-  }, [backgroundImage, opacity, theme, color, initialSettings.color]);
+  }, [backgroundImage, opacity, theme, color, initialSettings.color, initialSettings.font]);

  return (
    <>
@@ -0,0 +1,93 @@
+Copyright © 2017 IBM Corp. with Reserved Font Name "Plex"
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -0,0 +1,56 @@
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-weight: 400;
+  font-style: normal;
+  src:
+    local("IBM Plex Mono"),
+    url("./font/IBMPlexMono-Regular.woff2") format("woff2");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-weight: 500;
+  font-style: normal;
+  src:
+    local("IBM Plex Mono Medium"),
+    url("./font/IBMPlexMono-Medium.woff2") format("woff2");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-weight: 600;
+  font-style: normal;
+  src:
+    local("IBM Plex Mono SemiBold"),
+    url("./font/IBMPlexMono-SemiBold.woff2") format("woff2");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-weight: 700;
+  font-style: normal;
+  src:
+    local("IBM Plex Mono Bold"),
+    url("./font/IBMPlexMono-Bold.woff2") format("woff2");
+  font-display: swap;
+}
+
+/* font-size-adjust keeps mono from reading larger than Manrope at the same size */
+.font-plex,
+.font-plex body {
+  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size-adjust: 0.5;
+  letter-spacing: -0.01em;
+}
+
+.font-plex-data .service-block-value,
+.font-plex-data .service-tags,
+.font-plex-data .tabular-nums,
+.font-plex-data .information-widget-resource .resource-value,
+.font-plex-data .service-container {
+  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size-adjust: 0.5;
+}
@@ -9,5 +9,7 @@ export function renderWithProviders(ui, { settings = {} } = {}) {
    setSettings: () => {},
  };

-  return render(<SettingsContext.Provider value={value}>{ui}</SettingsContext.Provider>);
+  const wrapper = ({ children }) => <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;
+
+  return render(ui, { wrapper });
 }
@@ -353,6 +353,9 @@ export function cleanServiceGroups(groups) {
          expandOneStreamToTwoRows,
          showEpisodeNumber,

+          // feed
+          layout,
+
          // frigate
          enableRecentEvents,

@@ -675,6 +678,9 @@ export function cleanServiceGroups(groups) {
          if (showTime) widget.showTime = showTime;
          if (timezone) widget.timezone = timezone;
        }
+        if (type === "feed") {
+          if (layout) widget.layout = layout;
+        }
        if (type === "dockhand") {
          if (environment) widget.environment = environment;
        }
@@ -524,6 +524,38 @@ describe("utils/config/service-helpers", () => {
    ]);
  });

+  it("cleanServiceGroups keeps feed layout and drops server-side options", async () => {
+    const mod = await import("./service-helpers");
+    const { cleanServiceGroups } = mod;
+
+    const rawGroups = [
+      {
+        name: "Core",
+        services: [
+          {
+            name: "News",
+            widgets: [
+              {
+                type: "feed",
+                url: "https://example.com/feed.xml?token=secret",
+                maxItems: 3,
+                images: false,
+                layout: "grid",
+              },
+            ],
+          },
+        ],
+        groups: [],
+      },
+    ];
+
+    const feedWidget = cleanServiceGroups(rawGroups)[0].services[0].widgets[0];
+    expect(feedWidget).toEqual(expect.objectContaining({ type: "feed", layout: "grid" }));
+    expect(feedWidget).not.toHaveProperty("url");
+    expect(feedWidget).not.toHaveProperty("maxItems");
+    expect(feedWidget).not.toHaveProperty("images");
+  });
+
  it("findGroupByName deep-searches and annotates parent", async () => {
    const mod = await import("./service-helpers");
    const { findGroupByName } = mod;
@@ -31,7 +31,7 @@ export async function cleanWidgetGroups(widgets) {
    const optionKeys = Object.keys(sanitizedOptions);

    // delete private options from the sanitized options
-    ["username", "password", "key", "apiKey"].forEach((pO) => {
+    ["username", "password", "key", "apiKey", "headers", "requestBody", "method"].forEach((pO) => {
      if (optionKeys.includes(pO)) {
        delete sanitizedOptions[pO];
      }
@@ -57,7 +57,7 @@ export async function getPrivateWidgetOptions(type, widgetIndex) {

  const privateOptions =
    widgets.map((widget) => {
-      const { index, url, username, password, key, apiKey } = widget.options;
+      const { index, url, username, password, key, apiKey, headers, requestBody, method } = widget.options;

      return {
        type: widget.type,
@@ -68,6 +68,9 @@ export async function getPrivateWidgetOptions(type, widgetIndex) {
          password,
          key,
          apiKey,
+          headers,
+          requestBody,
+          method,
        },
      };
    }) || {};
@@ -60,6 +60,17 @@ describe("utils/config/widget-helpers", () => {
    expect(cleaned[2].options.apiKey).toBeUndefined();
  });

+  it("cleanWidgetGroups removes customapi request options", async () => {
+    const cleaned = await cleanWidgetGroups([
+      {
+        type: "customapi",
+        options: { index: 0, url: "http://x", headers: { a: "b" }, requestBody: "body", method: "POST", icon: "mdi-x" },
+      },
+    ]);
+
+    expect(cleaned[0].options).toEqual({ index: 0, icon: "mdi-x" });
+  });
+
  it("getPrivateWidgetOptions returns private options for a specific widget", async () => {
    fs.readFile.mockResolvedValueOnce("ignored");
    yaml.load.mockReturnValueOnce([{ search: { url: "http://x", username: "u", password: "p", key: "k" } }]);
@@ -0,0 +1,46 @@
+import { createRequire } from "node:module";
+
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+const require = createRequire(import.meta.url);
+const i18nextConfig = require("../../next-i18next.config.js");
+
+function getRelativeDateFormatter() {
+  let relativeDateFormatter;
+
+  i18nextConfig.use[0].init({
+    services: {
+      formatter: {
+        add(name, formatter) {
+          if (name === "relativeDate") relativeDateFormatter = formatter;
+        },
+      },
+    },
+  });
+
+  return relativeDateFormatter;
+}
+
+describe("relativeDate formatter", () => {
+  const formatRelativeDate = getRelativeDateFormatter();
+  const options = { numeric: "auto" };
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    vi.setSystemTime(new Date(2026, 8, 23, 16, 0));
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it.each([
+    ["hours away on the same day", new Date(2026, 8, 23, 20, 0), "in 4 hours"],
+    ["next calendar day", new Date(2026, 8, 24, 20, 0), "tomorrow"],
+    ["two calendar days away but under 48h", new Date(2026, 8, 25, 10, 40), "in 2 days"],
+    ["previous calendar day", new Date(2026, 8, 22, 10, 0), "yesterday"],
+    ["two calendar days ago but under 48h", new Date(2026, 8, 21, 20, 0), "2 days ago"],
+  ])("formats %s", (_description, value, expected) => {
+    expect(formatRelativeDate(value.toISOString(), "en", options)).toBe(expected);
+  });
+});
@@ -37,6 +37,7 @@ const components = {
  emby: dynamic(() => import("./emby/component")),
  esphome: dynamic(() => import("./esphome/component")),
  evcc: dynamic(() => import("./evcc/component")),
+  feed: dynamic(() => import("./feed/component")),
  filebrowser: dynamic(() => import("./filebrowser/component")),
  fileflows: dynamic(() => import("./fileflows/component")),
  firefly: dynamic(() => import("./firefly/component")),
@@ -1,161 +1,13 @@
 import classNames from "classnames";
 import { useTranslation } from "next-i18next/pages";

+import { formatValue, getColor, getValue } from "./utils";
+
 import Block from "components/services/widget/block";
 import Container from "components/services/widget/container";
 import * as shvl from "utils/config/shvl";
 import useWidgetAPI from "utils/proxy/use-widget-api";

-function getValue(field, data) {
-  let value = data;
-  let lastField = field;
-  let key = "";
-
-  // Support APIs that return arrays or scalars directly.
-  if (typeof field === "undefined") {
-    return value;
-  }
-
-  // shvl is easier, everything else is kept for backwards compatibility.
-  if (typeof field === "string") {
-    return shvl.get(data, field, null) ?? data[field] ?? null;
-  }
-
-  while (typeof lastField === "object") {
-    key = Object.keys(lastField)[0] ?? null;
-
-    if (key === null) {
-      break;
-    }
-
-    value = value[key];
-    lastField = lastField[key];
-  }
-
-  if (typeof value === "undefined") {
-    return null;
-  }
-
-  return value[lastField] ?? null;
-}
-
-function getSize(data) {
-  if (Array.isArray(data) || typeof data === "string") {
-    return data.length;
-  } else if (typeof data === "object" && data !== null) {
-    return Object.keys(data).length;
-  }
-
-  return NaN;
-}
-
-function formatValue(t, mapping, rawValue) {
-  let value = rawValue;
-
-  // Remap the value.
-  const remaps = mapping?.remap ?? [];
-  for (let i = 0; i < remaps.length; i += 1) {
-    const remap = remaps[i];
-    if (remap?.any || remap?.value === value) {
-      value = remap.to;
-      break;
-    }
-  }
-
-  // Scale the value. Accepts either a number to multiply by or a string
-  // like "12/345".
-  const scale = mapping?.scale;
-  if (typeof scale === "number") {
-    value *= scale;
-  } else if (typeof scale === "string") {
-    const parts = scale.split("/");
-    const numerator = parts[0] ? parseFloat(parts[0]) : 1;
-    const denominator = parts[1] ? parseFloat(parts[1]) : 1;
-    value = (value * numerator) / denominator;
-  }
-
-  // Format the value using a known type.
-  switch (mapping?.format) {
-    case "number":
-      value = t("common.number", { value: parseInt(value, 10) });
-      break;
-    case "float":
-      value = t("common.number", { value });
-      break;
-    case "percent":
-      value = t("common.percent", { value });
-      break;
-    case "duration":
-      value = t("common.duration", { value });
-      break;
-    case "bytes":
-      value = t("common.bytes", { value });
-      break;
-    case "bitrate":
-      value = t("common.bitrate", { value });
-      break;
-    case "date":
-      value = t("common.date", {
-        value,
-        lng: mapping?.locale,
-        dateStyle: mapping?.dateStyle ?? "long",
-        timeStyle: mapping?.timeStyle,
-      });
-      break;
-    case "relativeDate":
-      value = t("common.relativeDate", {
-        value,
-        lng: mapping?.locale,
-        style: mapping?.style,
-        numeric: mapping?.numeric,
-      });
-      break;
-    case "size":
-      value = t("common.number", { value: getSize(value) });
-      break;
-    case "text":
-    default:
-    // nothing
-  }
-
-  // Apply fixed prefix.
-  const prefix = mapping?.prefix;
-  if (prefix) {
-    value = `${prefix} ${value}`;
-  }
-
-  // Apply fixed suffix.
-  const suffix = mapping?.suffix;
-  if (suffix) {
-    value = `${value} ${suffix}`;
-  }
-
-  return value;
-}
-
-function getColor(mapping, customData) {
-  const value = getValue(mapping.additionalField.field, customData);
-  const { color } = mapping.additionalField;
-
-  switch (color) {
-    case "adaptive":
-      try {
-        const number = parseFloat(value);
-        return number > 0 ? "text-emerald-300" : "text-rose-300";
-      } catch (e) {
-        return "";
-      }
-    case "black":
-      return `text-black`;
-    case "white":
-      return `text-white`;
-    case "theme":
-      return `text-theme-500`;
-    default:
-      return "";
-  }
-}
-
 export default function Component({ service }) {
  const { t } = useTranslation();

@@ -0,0 +1,151 @@
+import * as shvl from "utils/config/shvl";
+
+export function getValue(field, data) {
+  let value = data;
+  let lastField = field;
+  let key = "";
+
+  // Support APIs that return arrays or scalars directly.
+  if (typeof field === "undefined") {
+    return value;
+  }
+
+  // shvl is easier, everything else is kept for backwards compatibility.
+  if (typeof field === "string") {
+    return shvl.get(data, field, null) ?? data[field] ?? null;
+  }
+
+  while (typeof lastField === "object") {
+    key = Object.keys(lastField)[0] ?? null;
+
+    if (key === null) {
+      break;
+    }
+
+    value = value[key];
+    lastField = lastField[key];
+  }
+
+  if (typeof value === "undefined") {
+    return null;
+  }
+
+  return value[lastField] ?? null;
+}
+
+export function getSize(data) {
+  if (Array.isArray(data) || typeof data === "string") {
+    return data.length;
+  } else if (typeof data === "object" && data !== null) {
+    return Object.keys(data).length;
+  }
+
+  return NaN;
+}
+
+export function formatValue(t, mapping, rawValue) {
+  let value = rawValue;
+
+  // Remap the value.
+  const remaps = mapping?.remap ?? [];
+  for (let i = 0; i < remaps.length; i += 1) {
+    const remap = remaps[i];
+    if (remap?.any || remap?.value === value) {
+      value = remap.to;
+      break;
+    }
+  }
+
+  // Scale the value. Accepts either a number to multiply by or a string
+  // like "12/345".
+  const scale = mapping?.scale;
+  if (typeof scale === "number") {
+    value *= scale;
+  } else if (typeof scale === "string") {
+    const parts = scale.split("/");
+    const numerator = parts[0] ? parseFloat(parts[0]) : 1;
+    const denominator = parts[1] ? parseFloat(parts[1]) : 1;
+    value = (value * numerator) / denominator;
+  }
+
+  // Format the value using a known type.
+  switch (mapping?.format) {
+    case "number":
+      value = t("common.number", { value: parseInt(value, 10) });
+      break;
+    case "float":
+      value = t("common.number", { value });
+      break;
+    case "percent":
+      value = t("common.percent", { value });
+      break;
+    case "duration":
+      value = t("common.duration", { value });
+      break;
+    case "bytes":
+      value = t("common.bytes", { value });
+      break;
+    case "bitrate":
+      value = t("common.bitrate", { value });
+      break;
+    case "date":
+      value = t("common.date", {
+        value,
+        lng: mapping?.locale,
+        dateStyle: mapping?.dateStyle ?? "long",
+        timeStyle: mapping?.timeStyle,
+      });
+      break;
+    case "relativeDate":
+      value = t("common.relativeDate", {
+        value,
+        lng: mapping?.locale,
+        style: mapping?.style,
+        numeric: mapping?.numeric,
+      });
+      break;
+    case "size":
+      value = t("common.number", { value: getSize(value) });
+      break;
+    case "text":
+    default:
+    // nothing
+  }
+
+  // Apply fixed prefix.
+  const prefix = mapping?.prefix;
+  if (prefix) {
+    value = `${prefix} ${value}`;
+  }
+
+  // Apply fixed suffix.
+  const suffix = mapping?.suffix;
+  if (suffix) {
+    value = `${value} ${suffix}`;
+  }
+
+  return value;
+}
+
+export function getColor(mapping, customData) {
+  const value = getValue(mapping.additionalField.field, customData);
+  const { color } = mapping.additionalField;
+
+  switch (color) {
+    case "adaptive":
+      try {
+        const number = parseFloat(value);
+        return number > 0 ? "text-emerald-300" : "text-rose-300";
+      } catch (e) {
+        return "";
+      }
+    case "black":
+      return `text-black`;
+    case "white":
+      return `text-white`;
+    case "theme":
+      return `text-theme-500`;
+    default:
+      return "";
+  }
+}
@@ -0,0 +1,82 @@
+import { describe, expect, it } from "vitest";
+
+import { formatValue, getColor, getSize, getValue } from "./utils";
+
+const t = (key, { value }) => `${key.replace("common.", "")}:${value}`;
+
+const data = {
+  status: "online",
+  stats: { cpu: 12.5, change: -1.2, users: ["a", "b"] },
+  "dotted.key": 7,
+};
+
+describe("widgets/customapi/utils", () => {
+  it.each([
+    ["the root when no field is set", undefined, data],
+    ["a dotted path", "stats.cpu", 12.5],
+    ["a literal key containing a dot", "dotted.key", 7],
+    ["null for a missing path", "stats.missing", null],
+    ["a legacy object path", { stats: "cpu" }, 12.5],
+    ["null for a legacy path through a missing key", { missing: "cpu" }, null],
+    ["null for an empty legacy path", {}, null],
+  ])("getValue returns %s", (_, field, expected) => {
+    expect(getValue(field, data)).toEqual(expected);
+  });
+
+  it.each([
+    [["a", "b", "c"], 3],
+    ["abcd", 4],
+    [{ a: 1, b: 2 }, 2],
+    [null, NaN],
+    [5, NaN],
+  ])("getSize(%j) is %s", (input, expected) => {
+    expect(getSize(input)).toEqual(expected);
+  });
+
+  it.each([
+    [{}, "raw", "raw"],
+    [{ format: "number" }, "42.9", "number:42"],
+    [{ format: "float" }, 4.2, "number:4.2"],
+    [{ format: "percent", scale: 100 }, 0.25, "percent:25"],
+    [{ format: "duration" }, 90, "duration:90"],
+    [{ format: "bytes", scale: "1024/1" }, 2, "bytes:2048"],
+    [{ format: "bitrate", scale: "/8" }, 800, "bitrate:100"],
+    [{ format: "date" }, "2026-09-22", "date:2026-09-22"],
+    [{ format: "relativeDate" }, "2026-09-22", "relativeDate:2026-09-22"],
+    [{ format: "size" }, ["a", "b"], "number:2"],
+    [
+      {
+        remap: [
+          { value: 0, to: "Off" },
+          { value: 1, to: "On" },
+        ],
+      },
+      1,
+      "On",
+    ],
+    [
+      {
+        remap: [
+          { value: "ok", to: "Healthy" },
+          { any: true, to: "Unknown" },
+        ],
+      },
+      "degraded",
+      "Unknown",
+    ],
+    [{ format: "number", prefix: "$", suffix: "USD" }, 10, "$ number:10 USD"],
+  ])("formatValue with %j formats %j as %j", (mapping, raw, expected) => {
+    expect(formatValue(t, mapping, raw)).toBe(expected);
+  });
+
+  it.each([
+    ["adaptive", "stats.cpu", "text-emerald-300"],
+    ["adaptive", "stats.change", "text-rose-300"],
+    ["black", "stats.cpu", "text-black"],
+    ["white", "stats.cpu", "text-white"],
+    ["theme", "stats.cpu", "text-theme-500"],
+    [undefined, "stats.cpu", ""],
+  ])("getColor %s for %s is %j", (color, field, expected) => {
+    expect(getColor({ additionalField: { field, color } }, data)).toBe(expected);
+  });
+});
@@ -0,0 +1,125 @@
+/* eslint-disable @next/next/no-img-element */
+import classNames from "classnames";
+import { useTranslation } from "next-i18next/pages";
+import { useContext } from "react";
+
+import Container from "components/services/widget/container";
+import { SettingsContext } from "utils/contexts/settings";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+const rowClassName = "rounded-md bg-theme-200/50 dark:bg-theme-900/20 text-theme-700 dark:text-theme-200 text-xs";
+const hideBrokenImage = (e) => {
+  e.currentTarget.style.visibility = "hidden";
+};
+
+function FeedLink({ item, target, className, children }) {
+  if (!item.link) return <div className={className}>{children}</div>;
+  return (
+    <a
+      href={item.link}
+      target={target}
+      rel="noopener noreferrer"
+      className={classNames(className, "hover:bg-theme-300/50 dark:hover:bg-theme-800/20")}
+    >
+      {children}
+    </a>
+  );
+}
+
+function RelativeDate({ date }) {
+  const { t } = useTranslation();
+  if (!date) return null;
+  return (
+    <span className="shrink-0 text-theme-500 dark:text-theme-400">
+      {t("common.relativeDate", { value: date, formatParams: { value: { style: "narrow", numeric: "auto" } } })}
+    </span>
+  );
+}
+
+function ListItem({ item, target }) {
+  return (
+    <FeedLink
+      item={item}
+      target={target}
+      className={classNames(rowClassName, "flex items-center gap-2 px-2", item.image ? "py-1" : "h-5")}
+    >
+      {item.image && (
+        <img
+          src={item.image}
+          alt=""
+          loading="lazy"
+          decoding="async"
+          referrerPolicy="no-referrer"
+          onError={hideBrokenImage}
+          className="w-12 h-8 shrink-0 rounded-sm object-cover"
+        />
+      )}
+      <span className="grow truncate text-left">{item.title}</span>
+      <RelativeDate date={item.date} />
+    </FeedLink>
+  );
+}
+
+function GridItem({ item, target }) {
+  return (
+    <FeedLink item={item} target={target} className={classNames(rowClassName, "flex flex-col overflow-hidden")}>
+      <div className="relative aspect-video w-full overflow-hidden bg-theme-200/50 dark:bg-theme-900/30">
+        {item.image && (
+          <img
+            src={item.image}
+            alt=""
+            loading="lazy"
+            decoding="async"
+            referrerPolicy="no-referrer"
+            onError={hideBrokenImage}
+            className="absolute inset-0 w-full h-full object-cover"
+          />
+        )}
+      </div>
+      <div className="flex flex-col gap-0.5 px-2 py-1.5 text-left">
+        <span className="line-clamp-2">{item.title}</span>
+        <RelativeDate date={item.date} />
+      </div>
+    </FeedLink>
+  );
+}
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+  const { settings } = useContext(SettingsContext);
+  const { widget } = service;
+
+  const { data, error } = useWidgetAPI(widget, undefined, undefined, { refreshInterval: 10 * 60 * 1000 });
+
+  if (error) {
+    return <Container service={service} error={error} />;
+  }
+
+  const target = service.target ?? settings?.target ?? "_blank";
+  const isGrid = widget.layout === "grid";
+  const Item = isGrid ? GridItem : ListItem;
+
+  let content;
+  if (!data) {
+    content = [0, 1, 2].map((i) => (
+      <div key={i} className={classNames(rowClassName, "animate-pulse", isGrid ? "aspect-video" : "h-5")} />
+    ));
+  } else if (!data.items?.length) {
+    content = <div className={classNames(rowClassName, "h-5 px-2 flex items-center")}>{t("feed.noItems")}</div>;
+  } else {
+    content = data.items.map((item, i) => <Item key={`${item.link ?? item.title}-${i}`} item={item} target={target} />);
+  }
+
+  return (
+    <Container service={service}>
+      <div
+        className={classNames(
+          "w-full p-1",
+          isGrid ? "grid grid-cols-[repeat(auto-fill,minmax(8rem,1fr))] gap-2" : "flex flex-col gap-1",
+        )}
+      >
+        {content}
+      </div>
+    </Container>
+  );
+}
@@ -0,0 +1,80 @@
+// @vitest-environment jsdom
+
+import { screen } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import { renderWithProviders } from "test-utils/render-with-providers";
+
+const { useWidgetAPI } = vi.hoisted(() => ({ useWidgetAPI: vi.fn() }));
+vi.mock("utils/proxy/use-widget-api", () => ({ default: useWidgetAPI }));
+
+import Component from "./component";
+
+const items = [
+  {
+    title: "With image",
+    link: "https://example.com/1",
+    date: "2020-01-01T00:00:00Z",
+    image: "https://example.com/1.jpg",
+  },
+  { title: "No link", link: null, date: null },
+];
+
+function render(widget = {}, settings = {}) {
+  return renderWithProviders(<Component service={{ widget: { type: "feed", ...widget } }} />, {
+    settings: { hideErrors: false, ...settings },
+  });
+}
+
+describe("widgets/feed/component", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("renders placeholders while loading", () => {
+    useWidgetAPI.mockReturnValue({ data: undefined, error: undefined });
+    const { container } = render();
+    expect(container.querySelectorAll(".animate-pulse")).toHaveLength(3);
+  });
+
+  it("renders an error", () => {
+    useWidgetAPI.mockReturnValue({ data: undefined, error: { message: "Invalid feed" } });
+    render();
+    expect(screen.getAllByText(/Invalid feed/).length).toBeGreaterThan(0);
+  });
+
+  it("renders an empty feed", () => {
+    useWidgetAPI.mockReturnValue({ data: { items: [] }, error: undefined });
+    render();
+    expect(screen.getByText("feed.noItems")).toBeInTheDocument();
+  });
+
+  it("renders list items with links and images", () => {
+    useWidgetAPI.mockReturnValue({ data: { items }, error: undefined });
+    const { container } = render({}, { target: "_self" });
+
+    const link = screen.getByText("With image").closest("a");
+    expect(link).toHaveAttribute("href", "https://example.com/1");
+    expect(link).toHaveAttribute("target", "_self");
+    expect(link.querySelector("img")).toHaveAttribute("src", "https://example.com/1.jpg");
+    expect(screen.getByText("No link").closest("a")).toBeNull();
+    expect(container.querySelectorAll("img")).toHaveLength(1);
+  });
+
+  it("renders the grid layout with image placeholders", () => {
+    useWidgetAPI.mockReturnValue({ data: { items }, error: undefined });
+    const { container } = render({ layout: "grid" });
+
+    expect(container.querySelector(".grid")).not.toBeNull();
+    expect(container.querySelectorAll(".aspect-video")).toHaveLength(2);
+    expect(container.querySelectorAll("img")).toHaveLength(1);
+  });
+
+  it("hides images that fail to load", () => {
+    useWidgetAPI.mockReturnValue({ data: { items }, error: undefined });
+    const { container } = render();
+    const img = container.querySelector("img");
+    img.dispatchEvent(new Event("error"));
+    expect(img.style.visibility).toBe("hidden");
+  });
+});
@@ -0,0 +1,61 @@
+import cache from "memory-cache";
+
+import { httpUrl, parseFeed } from "./utils";
+
+import getServiceWidget from "utils/config/service-helpers";
+import createLogger from "utils/logger";
+import { sanitizeErrorURL } from "utils/proxy/api-helpers";
+import { httpProxy } from "utils/proxy/http";
+
+const logger = createLogger("feedProxyHandler");
+const CACHE_MS = 10 * 60 * 1000;
+
+export default async function feedProxyHandler(req, res) {
+  const { group, service, index } = req.query;
+  const widget = await getServiceWidget(group, service, index);
+
+  if (!widget?.url) {
+    return res.status(400).json({ error: "Missing feed URL" });
+  }
+
+  const href = httpUrl(widget.url);
+  if (!href) {
+    return res.status(400).json({ error: "Invalid feed URL" });
+  }
+  const url = new URL(href);
+
+  const cacheKey = `feed:${url.href}`;
+  let items = cache.get(cacheKey);
+
+  if (!items) {
+    const [status, , data] = await httpProxy(url, {
+      headers: {
+        "User-Agent": `gethomepage/${process.env.NEXT_PUBLIC_VERSION || "dev"}`,
+        Accept: "application/rss+xml, application/atom+xml, application/xml;q=0.9, text/xml;q=0.9, */*;q=0.8",
+      },
+    });
+
+    if (status !== 200) {
+      logger.debug("HTTP %d retrieving feed %s//%s%s", status, url.protocol, url.host, url.pathname);
+      return res.status(status).json({ error: { message: "HTTP Error", url: sanitizeErrorURL(url) } });
+    }
+
+    try {
+      items = parseFeed(Buffer.from(data).toString());
+    } catch (e) {
+      logger.debug("Error parsing feed %s//%s%s: %s", url.protocol, url.host, url.pathname, e.message);
+      return res.status(500).json({ error: { message: "Invalid feed", url: sanitizeErrorURL(url) } });
+    }
+
+    // only successful fetches are cached
+    cache.put(cacheKey, items, CACHE_MS);
+  }
+
+  const limit = parseInt(widget.maxItems, 10);
+  const maxItems = limit > 0 ? limit : 5;
+  const showImages = widget.images !== false && widget.images !== "false";
+
+  return res.status(200).json({
+    items: items.slice(0, maxItems).map(({ image, ...item }) => (showImages && image ? { ...item, image } : item)),
+  });
+}
@@ -0,0 +1,183 @@
+import cache from "memory-cache";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import createMockRes from "test-utils/create-mock-res";
+
+const { httpProxy, getServiceWidget, logger } = vi.hoisted(() => ({
+  httpProxy: vi.fn(),
+  getServiceWidget: vi.fn(),
+  logger: {
+    debug: vi.fn(),
+  },
+}));
+
+vi.mock("utils/logger", () => ({
+  default: () => logger,
+}));
+
+vi.mock("utils/config/service-helpers", () => ({
+  default: getServiceWidget,
+}));
+
+vi.mock("utils/proxy/http", () => ({
+  httpProxy,
+}));
+
+import feedProxyHandler from "./proxy";
+
+const items = Array.from(
+  { length: 7 },
+  (_, i) => `<item><title>Item ${i}</title><link>https://example.com/${i}</link>
+    <media:thumbnail url="https://example.com/${i}.jpg" /></item>`,
+).join("");
+const feed = `<rss xmlns:media="http://search.yahoo.com/mrss/"><channel>${items}</channel></rss>`;
+
+const req = { query: { group: "g", service: "svc", index: "0" } };
+
+describe("widgets/feed/proxy", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    cache.clear();
+  });
+
+  it("returns 400 when the url is missing or invalid", async () => {
+    getServiceWidget.mockResolvedValueOnce({ type: "feed" });
+    let res = createMockRes();
+    await feedProxyHandler(req, res);
+    expect(res.statusCode).toBe(400);
+    expect(res.body).toEqual({ error: "Missing feed URL" });
+
+    getServiceWidget.mockResolvedValueOnce({ type: "feed", url: "nope" });
+    res = createMockRes();
+    await feedProxyHandler(req, res);
+    expect(res.statusCode).toBe(400);
+    expect(res.body).toEqual({ error: "Invalid feed URL" });
+
+    getServiceWidget.mockResolvedValueOnce({ type: "feed", url: "file:///etc/passwd" });
+    res = createMockRes();
+    await feedProxyHandler(req, res);
+    expect(res.statusCode).toBe(400);
+    expect(res.body).toEqual({ error: "Invalid feed URL" });
+    expect(httpProxy).not.toHaveBeenCalled();
+  });
+
+  it("returns the first 5 items by default", async () => {
+    getServiceWidget.mockResolvedValue({ type: "feed", url: "https://example.com/feed.xml" });
+    httpProxy.mockResolvedValueOnce([200, "application/rss+xml", Buffer.from(feed)]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(httpProxy.mock.calls[0][0].href).toBe("https://example.com/feed.xml");
+    expect(res.statusCode).toBe(200);
+    expect(res.body.items).toHaveLength(5);
+    expect(res.body.items[0]).toEqual({
+      title: "Item 0",
+      link: "https://example.com/0",
+      date: null,
+      image: "https://example.com/0.jpg",
+    });
+  });
+
+  it.each([-1, 0, "abc"])("falls back to 5 items for maxItems %j", async (maxItems) => {
+    getServiceWidget.mockResolvedValue({ type: "feed", url: "https://example.com/feed.xml", maxItems });
+    httpProxy.mockResolvedValueOnce([200, "application/rss+xml", Buffer.from(feed)]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(res.body.items).toHaveLength(5);
+  });
+
+  it("respects maxItems and drops images when disabled", async () => {
+    getServiceWidget.mockResolvedValue({
+      type: "feed",
+      url: "https://example.com/feed.xml",
+      maxItems: "2",
+      images: false,
+    });
+    httpProxy.mockResolvedValueOnce([200, "application/rss+xml", Buffer.from(feed)]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(res.body.items).toEqual([
+      { title: "Item 0", link: "https://example.com/0", date: null },
+      { title: "Item 1", link: "https://example.com/1", date: null },
+    ]);
+  });
+
+  it("passes through http errors without leaking the url", async () => {
+    getServiceWidget.mockResolvedValue({ type: "feed", url: "https://example.com/feed.xml?token=secret" });
+    httpProxy.mockResolvedValueOnce([404, "text/html", Buffer.from("Not found")]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(res.statusCode).toBe(404);
+    expect(res.body).toEqual({ error: { message: "HTTP Error", url: "example.com (see logs for details)" } });
+  });
+
+  it("never includes any part of the configured url in the response", async () => {
+    getServiceWidget.mockResolvedValue({
+      type: "feed",
+      url: "https://user:hunter2@nas.lan/feeds/s3cr3t/rss.xml?token=abc123",
+    });
+    const relative = `<rss><channel>
+      <item><title>Path</title><link>item/1</link><enclosure url="img.jpg" type="image/jpeg" /></item>
+      <item><title>Root</title><link>/x</link></item>
+      <item><title>Fragment</title><link>#top</link></item>
+    </channel></rss>`;
+    httpProxy.mockResolvedValueOnce([200, "application/rss+xml", Buffer.from(relative)]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(res.body.items.map((item) => item.link)).toEqual([null, null, null]);
+    expect(JSON.stringify(res.body)).not.toMatch(/user|hunter2|nas\.lan|s3cr3t|token|abc123/);
+  });
+
+  it("returns 500 for unparseable feeds", async () => {
+    getServiceWidget.mockResolvedValue({ type: "feed", url: "https://example.com/feed.xml" });
+    httpProxy.mockResolvedValueOnce([200, "text/html", Buffer.from("<html></html>")]);
+
+    const res = createMockRes();
+    await feedProxyHandler(req, res);
+
+    expect(res.statusCode).toBe(500);
+    expect(res.body).toEqual({ error: { message: "Invalid feed", url: "example.com (see logs for details)" } });
+  });
+
+  it("shares one cached fetch across widgets with different options", async () => {
+    getServiceWidget
+      .mockResolvedValueOnce({ type: "feed", url: "https://example.com/feed.xml", maxItems: 1 })
+      .mockResolvedValueOnce({ type: "feed", url: "https://example.com/feed.xml", images: false });
+    httpProxy.mockResolvedValue([200, "application/rss+xml", Buffer.from(feed)]);
+
+    const first = createMockRes();
+    await feedProxyHandler(req, first);
+    const second = createMockRes();
+    await feedProxyHandler(req, second);
+
+    expect(httpProxy).toHaveBeenCalledTimes(1);
+    expect(first.body.items).toHaveLength(1);
+    expect(second.body.items).toHaveLength(5);
+    expect(second.body.items[0].image).toBeUndefined();
+  });
+
+  it("does not cache failures", async () => {
+    getServiceWidget.mockResolvedValue({ type: "feed", url: "https://example.com/feed.xml" });
+    httpProxy
+      .mockResolvedValueOnce([404, "text/html", Buffer.from("Not found")])
+      .mockResolvedValueOnce([200, "application/rss+xml", Buffer.from(feed)]);
+
+    const failed = createMockRes();
+    await feedProxyHandler(req, failed);
+    const recovered = createMockRes();
+    await feedProxyHandler(req, recovered);
+
+    expect(failed.statusCode).toBe(404);
+    expect(recovered.statusCode).toBe(200);
+    expect(httpProxy).toHaveBeenCalledTimes(2);
+  });
+});
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Crowdin Bot	197ad9e8cf	New Crowdin translations by GitHub Action Lint / Linting Checks (push) Waiting to run Details Tests / vitest (1) (push) Waiting to run Details Tests / vitest (2) (push) Waiting to run Details Tests / vitest (3) (push) Waiting to run Details Tests / vitest (4) (push) Waiting to run Details	2026-09-25 12:30:03 +00:00
shamoon	18a5c4ad73	Feature: feeds widget (#7170 ) Docker CI / Docker Build & Push (push) Waiting to run Details Lint / Linting Checks (push) Waiting to run Details Release Drafter / Update Release Draft (push) Waiting to run Details Release Drafter / Auto Label PR (push) Waiting to run Details Tests / vitest (1) (push) Waiting to run Details Tests / vitest (2) (push) Waiting to run Details Tests / vitest (3) (push) Waiting to run Details Tests / vitest (4) (push) Waiting to run Details	2026-09-24 21:47:15 -07:00
dependabot[bot]	83d7fe2556	Chore(deps): Bump crowdin/github-action from 3.0.2 to 3.1.0 (#7183 ) Docker CI / Docker Build & Push (push) Waiting to run Details Lint / Linting Checks (push) Waiting to run Details Release Drafter / Auto Label PR (push) Waiting to run Details Release Drafter / Update Release Draft (push) Waiting to run Details Tests / vitest (1) (push) Waiting to run Details Tests / vitest (2) (push) Waiting to run Details Tests / vitest (3) (push) Waiting to run Details Tests / vitest (4) (push) Waiting to run Details Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-24 17:17:23 +00:00
dependabot[bot]	9669a68995	Chore(deps): Bump codecov/codecov-action from 7.0.0 to 7.1.1 (#7184 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-24 17:11:27 +00:00
dependabot[bot]	b1935ed8a0	Chore(deps): Bump docker/build-push-action from 7.3.0 to 7.4.0 (#7182 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-24 17:04:48 +00:00
dependabot[bot]	c5a218c39a	Chore(deps): Bump docker/setup-buildx-action from 4.3.0 to 4.4.1 (#7185 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-24 09:58:27 -07:00
dependabot[bot]	2e287402c4	Chore(deps): Bump docker/setup-qemu-action from 4.3.0 to 4.4.0 (#7181 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-24 09:51:54 -07:00
Andy Georgeandshamoon	40082f798d	Documentation: Arcane widget documentation formatting (#7171 ) Docker CI / Docker Build & Push (push) Has been cancelled Details Tests / vitest (1) (push) Has been cancelled Details Tests / vitest (2) (push) Has been cancelled Details Tests / vitest (3) (push) Has been cancelled Details Lint / Linting Checks (push) Has been cancelled Details Release Drafter / Update Release Draft (push) Has been cancelled Details Release Drafter / Auto Label PR (push) Has been cancelled Details Tests / vitest (4) (push) Has been cancelled Details Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>	2026-09-23 22:39:41 +00:00
shamoon	db480ca991	Performance: reduce json data transformations (#7175 )	2026-09-23 15:32:30 -07:00
shamoon	a7a4378a40	Fix: ensure correct relative dates formatter uses calendar days (#7174 ) Docker CI / Docker Build & Push (push) Has been cancelled Details Lint / Linting Checks (push) Has been cancelled Details Release Drafter / Update Release Draft (push) Has been cancelled Details Release Drafter / Auto Label PR (push) Has been cancelled Details Tests / vitest (1) (push) Has been cancelled Details Tests / vitest (2) (push) Has been cancelled Details Tests / vitest (3) (push) Has been cancelled Details Tests / vitest (4) (push) Has been cancelled Details	2026-09-23 11:41:55 -07:00
shamoon	d1c1ee7a1e	Feature: Plex mono font support, card + block styles (#7169 ) Docker CI / Docker Build & Push (push) Has been cancelled Details Lint / Linting Checks (push) Has been cancelled Details Release Drafter / Update Release Draft (push) Has been cancelled Details Release Drafter / Auto Label PR (push) Has been cancelled Details Tests / vitest (1) (push) Has been cancelled Details Tests / vitest (2) (push) Has been cancelled Details Tests / vitest (3) (push) Has been cancelled Details Tests / vitest (4) (push) Has been cancelled Details	2026-09-22 21:58:11 -07:00
shamoon	e0be80085e	Feature: customapi info widget (#7168 )	2026-09-22 21:03:51 -07:00
dependabot[bot]	b8ed72a03f	Chore(deps): Bump astral-sh/setup-uv from 10.0.1 to 10.1.0 (#7156 ) Lint / Linting Checks (push) Has been cancelled Details Docker CI / Docker Build & Push (push) Has been cancelled Details Release Drafter / Update Release Draft (push) Has been cancelled Details Release Drafter / Auto Label PR (push) Has been cancelled Details Tests / vitest (1) (push) Has been cancelled Details Tests / vitest (2) (push) Has been cancelled Details Tests / vitest (3) (push) Has been cancelled Details Tests / vitest (4) (push) Has been cancelled Details Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-17 21:29:47 +00:00
dependabot[bot]	ebff6f4a7d	Chore(deps): Bump crowdin/github-action from 3.0.1 to 3.0.2 (#7155 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-17 21:23:19 +00:00
dependabot[bot]	e890b544dc	Chore(deps): Bump pnpm/action-setup from 6.0.10 to 6.1.0 (#7154 ) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-09-17 14:16:45 -07:00
shamoon	f7666df9d8	Move PBS since param to optional params Docker CI / Docker Build & Push (push) Has been cancelled Details Lint / Linting Checks (push) Has been cancelled Details Release Drafter / Update Release Draft (push) Has been cancelled Details Release Drafter / Auto Label PR (push) Has been cancelled Details Tests / vitest (1) (push) Has been cancelled Details Tests / vitest (2) (push) Has been cancelled Details Tests / vitest (3) (push) Has been cancelled Details Tests / vitest (4) (push) Has been cancelled Details	2026-09-17 07:36:08 -07:00