commit 3c61fba98f2191dcb620b75efc499af081f0acc2
Author: Public Source Publisher <public-source@itworx.tech>
Date:   Thu Oct 1 01:44:08 2026 +0200

    Initial curated DockDeck source from 26772208f608782e88c736dc70878e7b5abd3916

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..2914ba7
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,9 @@
+.git
+node_modules
+dist
+coverage
+playwright-report
+test-results
+data
+.env*
+*.log
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..1014ba7
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..afb43e4
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,118 @@
+# Application (local-only by default)
+HOST=127.0.0.1
+PORT=3000
+DATABASE_PATH=./data/dockdeck.db
+INTEGRATION_ENV_PATH=./data/integrations.env
+POLLING_INTERVAL_MS=30000
+
+# Optional operator authentication (HTTP Basic). Off by default - set both
+# to require login. This dashboard holds read credentials for several other
+# services (see README), so enabling this is strongly recommended for any
+# deployment reachable beyond a fully trusted single-user LAN.
+# Generate DOCKDECK_OPERATOR_PASSWORD_HASH without placing the password in argv:
+#   printf '%s' "$DOCKDECK_PASSWORD" | node scripts/hash-operator-password.mjs
+DOCKDECK_OPERATOR_USER=
+DOCKDECK_OPERATOR_PASSWORD_HASH=
+
+# Docker Compose publication. Keep loopback unless an authenticated trusted-LAN
+# or HTTPS reverse-proxy deployment is intentional.
+DOCKDECK_BIND_ADDRESS=127.0.0.1
+DOCKDECK_PORT=1218
+
+# Optional image identity overrides for manual Compose builds. Controller
+# metadata supplies GITEA_COMMIT_SHA and, once AppOps exports it, APPOPS_BUILD_DATE.
+# Otherwise set DOCKDECK_BUILD_DATE as canonical UTC ISO with optional .SSS;
+# full-revision builds fail closed when only the development epoch is available.
+DOCKDECK_BUILD_REVISION=
+DOCKDECK_BUILD_DATE=
+DOCKDECK_BUILD_SOURCE=jens/dockdeck
+DOCKDECK_INTERNAL_SUBNET=172.31.240.0/28
+DOCKDECK_EGRESS_SUBNET=172.31.240.16/28
+
+# Discovery. MOCK_DISCOVERY is intended for local development and tests only.
+MOCK_DISCOVERY=true
+APPOPS_URL=
+DOCKER_PROXY_URL=
+UNRAID_TEMPLATES_PATH=/unraid-templates
+UNRAID_ICONS_SOURCE_PATH=/unraid-icons-source
+UNRAID_ICONS_PATH=/unraid-icons-cache
+UNRAID_ICONS_DIR=/boot/config/plugins/dockerMan/images
+UNRAID_HOST=host.local
+UNRAID_URL=http://host.local:5000
+UNRAID_RUNTIME_PATH=/unraid-runtime
+UNRAID_HWMON_PATH=/host-hwmon
+UNRAID_CPUINFO_PATH=/host-proc/cpuinfo
+UNRAID_MEMINFO_PATH=/host-proc/meminfo
+UNRAID_UPS_STATUS_PATH=
+
+# Optional read-only Nginx Proxy Manager connection. Keep credentials server-side.
+NPM_URL=
+NPM_TOKEN=
+NPM_USERNAME=
+NPM_PASSWORD=
+
+# Optional provider-aware widget APIs. Use dedicated read-only or minimum-scope
+# credentials where the provider supports them. Values never reach the browser.
+ADGUARD_URL=
+ADGUARD_USERNAME=
+ADGUARD_PASSWORD=
+PLEX_URL=
+PLEX_TOKEN=
+IMMICH_URL=
+IMMICH_API_KEY=
+HOME_ASSISTANT_URL=
+HOME_ASSISTANT_TOKEN=
+OLLAMA_URL=
+GLANCES_URL=
+TAUTULLI_URL=
+TAUTULLI_API_KEY=
+PAPERLESS_URL=
+PAPERLESS_TOKEN=
+SONARR_URL=
+SONARR_API_KEY=
+RADARR_URL=
+RADARR_API_KEY=
+LIDARR_URL=
+LIDARR_API_KEY=
+GITEA_WIDGET_URL=
+GITEA_WIDGET_TOKEN=
+JELLYFIN_URL=
+JELLYFIN_API_KEY=
+SEERR_URL=
+SEERR_API_KEY=
+PROWLARR_URL=
+PROWLARR_API_KEY=
+AUTHENTIK_URL=
+AUTHENTIK_TOKEN=
+PORTAINER_URL=
+PORTAINER_API_KEY=
+GRAFANA_URL=
+GRAFANA_TOKEN=
+PROMETHEUS_URL=
+NEXTCLOUD_URL=
+NEXTCLOUD_USERNAME=
+NEXTCLOUD_APP_PASSWORD=
+AUDIOBOOKSHELF_URL=
+AUDIOBOOKSHELF_TOKEN=
+NETDATA_URL=
+PEERTUBE_URL=
+
+# Apps whose native authentication requires non-GET requests can use a tiny
+# read-only bridge returning { "summary": "...", "stats": [{ "label": "...", "value": "..." }] }.
+DELUGE_METRICS_URL=
+DELUGE_METRICS_TOKEN=
+QBITTORRENT_METRICS_URL=
+QBITTORRENT_METRICS_TOKEN=
+JDOWNLOADER_METRICS_URL=
+JDOWNLOADER_METRICS_TOKEN=
+TDARR_METRICS_URL=
+TDARR_METRICS_TOKEN=
+BAZARR_METRICS_URL=
+BAZARR_METRICS_TOKEN=
+VAULTWARDEN_METRICS_URL=
+VAULTWARDEN_METRICS_TOKEN=
+
+# Optional one-time private repository initialization
+GITEA_URL=
+GITEA_OWNER=
+GITEA_TOKEN=
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..13d18b9
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,5 @@
+* text=auto eol=lf
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.webp binary
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..bc0f0a9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,15 @@
+node_modules/
+dist/
+coverage/
+playwright-report/
+test-results/
+data/*.db
+data/*.db-*
+data/wallpaper.*
+.env
+.env.*
+!.env.example
+*.log
+*.tsbuildinfo
+.DS_Store
+.codex-input/
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..045af8f
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,12 @@
+# Contributing
+
+Keep DockDeck changes portable, least-privileged and free from operator-specific infrastructure.
+
+- Branch from the protected default branch.
+- Use synthetic container inventories, hostnames and launch URLs in tests and documentation.
+- Do not commit `.env` files, Docker socket credentials, AppOps tokens, private host inventories, configuration exports, uploaded wallpapers or deployment keys.
+- Keep bind addresses, AppOps endpoints, Unraid identity and browser-extension targets configurable; examples must use loopback or neutral placeholder hosts.
+- Add tests for behavioural changes and run the documented frontend, backend, browser and managed validation gates.
+- Explain security, permission, migration and deployment impact in the pull request.
+
+Report vulnerabilities according to `SECURITY.md`.
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..7eb6304
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,55 @@
+# syntax=docker/dockerfile:1.7
+FROM node:22-alpine@sha256:c610fcdfb1d5b4740dd70c284ed3cb16bb857e0f7166196e36a5501df7a3aa32 AS dependencies-base
+WORKDIR /app
+RUN apk add --no-cache python3 make g++
+COPY package.json package-lock.json ./
+# Keep the image build on the same npm major that produces and validates the
+# nested dependency overrides in package-lock.json. Node 22's bundled npm is
+# older and rejects this otherwise valid lockfile during `npm ci`.
+RUN npm install --global npm@11.16.0
+
+FROM dependencies-base AS build
+ARG DOCKDECK_BUILD_VERSION=0.1.0
+ARG DOCKDECK_BUILD_REVISION=development
+ARG DOCKDECK_BUILD_DATE=1970-01-01T00:00:00.000Z
+RUN npm ci
+COPY . .
+RUN DOCKDECK_BUILD_VERSION="$DOCKDECK_BUILD_VERSION" \
+    DOCKDECK_BUILD_REVISION="$DOCKDECK_BUILD_REVISION" \
+    DOCKDECK_BUILD_DATE="$DOCKDECK_BUILD_DATE" \
+    npm run build
+
+# Installing the production dependency graph from the lockfile avoids mutating
+# a full dependency tree with `npm prune`. Concurrent BuildKit validations had
+# both stalled in that prune operation, while this stage remains reproducible.
+FROM dependencies-base AS production-dependencies
+RUN npm ci --omit=dev
+
+FROM node:22-alpine@sha256:c610fcdfb1d5b4740dd70c284ed3cb16bb857e0f7166196e36a5501df7a3aa32 AS runtime
+ARG DOCKDECK_BUILD_VERSION=0.1.0
+ARG DOCKDECK_BUILD_REVISION=development
+ARG DOCKDECK_BUILD_DATE=1970-01-01T00:00:00.000Z
+ARG DOCKDECK_BUILD_SOURCE=jens/dockdeck
+LABEL org.opencontainers.image.version="$DOCKDECK_BUILD_VERSION" \
+      org.opencontainers.image.revision="$DOCKDECK_BUILD_REVISION" \
+      org.opencontainers.image.created="$DOCKDECK_BUILD_DATE" \
+      org.opencontainers.image.source="$DOCKDECK_BUILD_SOURCE"
+ENV NODE_ENV=production \
+    HOST=0.0.0.0 \
+    PORT=3000 \
+    DATABASE_PATH=/data/dockdeck.db
+WORKDIR /app
+RUN apk add --no-cache su-exec && \
+    addgroup -S dockdeck && \
+    adduser -S -G dockdeck dockdeck && \
+    mkdir -p /data /host-proc /unraid-icons-cache && \
+    chown dockdeck:dockdeck /data /unraid-icons-cache
+COPY --from=build --chown=dockdeck:dockdeck /app/package.json ./package.json
+COPY --from=production-dependencies --chown=dockdeck:dockdeck /app/node_modules ./node_modules
+COPY --from=build --chown=dockdeck:dockdeck /app/dist ./dist
+COPY docker-entrypoint.sh /usr/local/bin/dockdeck-entrypoint
+RUN chmod 0755 /usr/local/bin/dockdeck-entrypoint
+EXPOSE 3000
+HEALTHCHECK --interval=30s --timeout=3s --start-period=10s --retries=3 CMD wget -qO- http://127.0.0.1:3000/api/health >/dev/null || exit 1
+ENTRYPOINT ["dockdeck-entrypoint"]
+CMD ["node", "dist/server/index.js"]
diff --git a/PUBLIC_SOURCE_EXPORT.md b/PUBLIC_SOURCE_EXPORT.md
new file mode 100644
index 0000000..3d6cf69
--- /dev/null
+++ b/PUBLIC_SOURCE_EXPORT.md
@@ -0,0 +1,3 @@
+# Public source export
+
+This source snapshot was generated from the private canonical repository at revision `26772208f608782e88c736dc70878e7b5abd3916`. It contains no private Git history or operational evidence. Changes are published from the canonical repository.
diff --git a/PUBLIC_SOURCE_MANIFEST.json b/PUBLIC_SOURCE_MANIFEST.json
new file mode 100644
index 0000000..d4be74a
--- /dev/null
+++ b/PUBLIC_SOURCE_MANIFEST.json
@@ -0,0 +1,726 @@
+{
+  "schemaVersion": 1,
+  "sourceRevision": "26772208f608782e88c736dc70878e7b5abd3916",
+  "files": [
+    {
+      "path": ".dockerignore",
+      "sha256": "58586bd103b46a2d77edacc75041f38d18c3389ec48fd4c84c676fd4f8312878",
+      "bytes": 80
+    },
+    {
+      "path": ".editorconfig",
+      "sha256": "a6b98ea7cb6d61ed8d430dd0dffa46c87012b5cf859d4ce7207898954951fdcd",
+      "bytes": 188
+    },
+    {
+      "path": ".env.example",
+      "sha256": "6bbf394db99a591bc1273aec793a57429ef7e2e592ccbc015b21c1f0f32ca33c",
+      "bytes": 3391
+    },
+    {
+      "path": ".gitattributes",
+      "sha256": "be53271f536f849171fc1ddb1dab13a43c79f5083f8bb892bde86d2124b1ae95",
+      "bytes": 73
+    },
+    {
+      "path": ".gitignore",
+      "sha256": "8c1729e11d738edb71cc50a0ceddd262d5c42afbc9da4833d432fa147be293e3",
+      "bytes": 172
+    },
+    {
+      "path": "CONTRIBUTING.md",
+      "sha256": "c75e499854879e14122a7d18eaa78ae8f2ec7d6ff35f7c0c031c28f83d2f1d32",
+      "bytes": 823
+    },
+    {
+      "path": "Dockerfile",
+      "sha256": "675e708823a9f4ddb9c4d2c3933114d2fbcd8589efa2090e69506ed866ceb3d4",
+      "bytes": 2580
+    },
+    {
+      "path": "README.md",
+      "sha256": "13e9fc91e1af7ffd1f3c08312f10e8e41d15ff305059cb58dba6c96359b5ec56",
+      "bytes": 6069
+    },
+    {
+      "path": "SECURITY.md",
+      "sha256": "b91599e60feb758089bd951d483ba56ed134017176d8686b8ad904186308bb8c",
+      "bytes": 1578
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/background.js",
+      "sha256": "2c1b7a3e4fac564ed528f6e0e792a17d3c0e7327d442fda0e06274973c0af649",
+      "bytes": 890
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/manifest.json",
+      "sha256": "6375cc7dee5415baf7eb9f54640448b604d4eb35ae91ebb7aca7db4cae0d984d",
+      "bytes": 340
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/newtab.html",
+      "sha256": "dcc01bcd5819726c87d2ac51e4c7cd48bc1629e4b49052aa8edb8dd3a832f18b",
+      "bytes": 560
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/newtab.js",
+      "sha256": "279e3851ed45ce4f665f55c48694af8d4fec7cf30011d0b3ac9dc1405acb7f35",
+      "bytes": 167
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/options.html",
+      "sha256": "c910ce9029c21d50b1e66ccb2c2a7234ac79e78d56d92d8a541be62096c9dbd3",
+      "bytes": 996
+    },
+    {
+      "path": "browser-extension/dockdeck-new-tab/options.js",
+      "sha256": "afef1673466fc3268f958277a46234e12081c84a699581177fcba2ac16f3857a",
+      "bytes": 650
+    },
+    {
+      "path": "deploy/dockdeck-unraid-template.xml",
+      "sha256": "5cb29a9fa74f91206a360227183390ad70fdc8aa42264b0f2c6a70c74f756c29",
+      "bytes": 3951
+    },
+    {
+      "path": "deploy/refresh-unraid-icon.sh",
+      "sha256": "01b37896916699775920ec05fe6b030fded4816b031edf3753d2152756504230",
+      "bytes": 1477
+    },
+    {
+      "path": "deploy/sanitize-unraid-templates.py",
+      "sha256": "59503a2854755dd73bdc302ce838dcb4bb40d3331a1eb0a1d004456f604b0b22",
+      "bytes": 1797
+    },
+    {
+      "path": "docker-compose.socket-proxy.yml",
+      "sha256": "5c2e6f2a2df9d5dd5c6045bf1c99360a207a14edde96bd627d861fb65b422367",
+      "bytes": 1149
+    },
+    {
+      "path": "docker-compose.yml",
+      "sha256": "e02d65af6c56af32851b2eaf6e388e4bc2e3e893b1bad82a0d708e703cf9340a",
+      "bytes": 5366
+    },
+    {
+      "path": "docker-entrypoint.sh",
+      "sha256": "6dcf3408e744f02eebae994bfa5d54e7e3f158114996542a99562d4b536baa73",
+      "bytes": 564
+    },
+    {
+      "path": "docs/ARCHITECTURE.md",
+      "sha256": "45e8200647b4ce94db49c7a43f7a913330b58f8a2054cf3552352286a202240e",
+      "bytes": 4401
+    },
+    {
+      "path": "docs/EXTERNAL_ACCESS.md",
+      "sha256": "f3ebe012034062e2bb9e3596dad1d96406906d806c905ab2ee2adeba490d511e",
+      "bytes": 812
+    },
+    {
+      "path": "docs/design/dockdeck-canon-v1/implementation/dashboard-dark-desktop-1440x900.png",
+      "sha256": "35dba23510a8a87490c69d64ea8fb97e9854119ba5f56e4c62091bc698875a2d",
+      "bytes": 616632
+    },
+    {
+      "path": "docs/design/dockdeck-canon-v1/implementation/dashboard-dark-mobile-390x844.png",
+      "sha256": "7d796ddcc5e878f5b9101250ce6d7d2666746dfefad1f23936cca61ffc30c736",
+      "bytes": 155162
+    },
+    {
+      "path": "eslint.config.js",
+      "sha256": "2ebe8fd37b5386153c3e4698bd503de9f9067dc954b1549b24e81aec4fece96d",
+      "bytes": 988
+    },
+    {
+      "path": "fixtures/unraid-templates/README.md",
+      "sha256": "b56960fd72f4f5d7bf2982f3f580744b2e4fcc35b83ba937c4bcc1a51fc0a1c9",
+      "bytes": 224
+    },
+    {
+      "path": "index.html",
+      "sha256": "4f13f5557414ff8a098ee317509087eb2463118c5f3a55b163f766c03957c6bc",
+      "bytes": 618
+    },
+    {
+      "path": "package-lock.json",
+      "sha256": "2d319714fa5f3d271e4d2709dabd6873bd7fb873b58b5df8e86712b4a8f475f9",
+      "bytes": 244776
+    },
+    {
+      "path": "package.json",
+      "sha256": "2ce4e86efde22f8232612a4008e62817fe0fb89750fd07f738486e2f956bbecc",
+      "bytes": 2399
+    },
+    {
+      "path": "playwright.config.ts",
+      "sha256": "35fbae0073b2a6ad2467878a94697fd35e43edd9b673d5b5a1b024938e68b9d6",
+      "bytes": 1579
+    },
+    {
+      "path": "public/dockdeck-icon.png",
+      "sha256": "b15cc1330d5d79639eca6efe88af796f2448d9bad71eee61fbd339092a673b0a",
+      "bytes": 100522
+    },
+    {
+      "path": "public/dockdeck-icon.svg",
+      "sha256": "c97cd2ee5cd54179f789f4dafaf11e81d1905f39231172c57987d3eb80c346f3",
+      "bytes": 1319
+    },
+    {
+      "path": "public/dockdeck-mark-dark.svg",
+      "sha256": "912ebf59ea64c8b20a9e373524d6aea73e2b56c17afa103073f20bf4f8994efe",
+      "bytes": 584
+    },
+    {
+      "path": "public/dockdeck-mark-light.svg",
+      "sha256": "6b15c43227798c47fd58960f7fb57f1e03b80cb09c6d612cfecadba8d2272620",
+      "bytes": 583
+    },
+    {
+      "path": "public/dockdeck-mark-monochrome.svg",
+      "sha256": "cf862bf725e1b07419d8da5fc65342eae2911946f739f8b87dd6d91608c2ec5c",
+      "bytes": 585
+    },
+    {
+      "path": "public/dockdeck-mark-v2.svg",
+      "sha256": "7a425bba1649db9490a5df6876526b3fccec5154198488caf09c5cf2fa74881a",
+      "bytes": 589
+    },
+    {
+      "path": "public/dockdeck-mark.svg",
+      "sha256": "8df2b242eea22336788f9b17f787f87d3c793964fb747642da2bb47b478a65d5",
+      "bytes": 602
+    },
+    {
+      "path": "public/dockdeck-wordmark.svg",
+      "sha256": "95b65e2ee1a4ecbfbde2d07a682eb4a206c2ad395a3cb81d9ee478a4feaa9eef",
+      "bytes": 760
+    },
+    {
+      "path": "public/itworx-app-icon.png",
+      "sha256": "c88894eb00aecaa6d70521e3a0c91ca938ec18f8dd18d4d4db182e83624eaa3f",
+      "bytes": 2066550
+    },
+    {
+      "path": "public/itworx-symbol.png",
+      "sha256": "66b4f3b78132319001ca60f7585522b16b1110cd5d884250491d1fad846663fb",
+      "bytes": 2081927
+    },
+    {
+      "path": "public/itworx-wordmark.svg",
+      "sha256": "e8801078e8d974044b71d2ed7954dea6dbb9fba2a9580e6d75903c303783508b",
+      "bytes": 116165
+    },
+    {
+      "path": "public/manifest.webmanifest",
+      "sha256": "7ccc54d4738288326ff94c4e3239d92b79b1616c50c560ad4c42bde60f678294",
+      "bytes": 377
+    },
+    {
+      "path": "public/sw.js",
+      "sha256": "bfdfd5b65c9076d866b0cfb756c5ae49bd47b0e784312f3092777d7baebba25f",
+      "bytes": 1464
+    },
+    {
+      "path": "scripts/build.mjs",
+      "sha256": "484c34939e867d30163373853d21699f4fcbccfa1b5e0d1dde9c3f13e8819667",
+      "bytes": 3315
+    },
+    {
+      "path": "scripts/hash-operator-password.mjs",
+      "sha256": "9a4952fb1c03a904ffe7376869d3457320c3480366fef45a250e7b3ba8ea28a2",
+      "bytes": 1813
+    },
+    {
+      "path": "src/client/App.tsx",
+      "sha256": "5b888ad9069fcddf9749702b90513dcbc90a3759c7b49e4369efcf41e3c22574",
+      "bytes": 7075
+    },
+    {
+      "path": "src/client/api.ts",
+      "sha256": "0676239b6b1f53e07d4838bd24f7fed5e0736335a1e0e4fbd08484f12218a3d7",
+      "bytes": 4436
+    },
+    {
+      "path": "src/client/bookmark-import.ts",
+      "sha256": "d81c8d50daeb96a166734af7ce992a6a6d97bc3d9d39014f4bb5c5bc4dc24db5",
+      "bytes": 13000
+    },
+    {
+      "path": "src/client/canon.css",
+      "sha256": "529334a83f5e5fb4353fd48559354353db9e63d860ed8a1b3653a47a47f106e0",
+      "bytes": 25510
+    },
+    {
+      "path": "src/client/categoryIcons.ts",
+      "sha256": "615ca76c404af963759360ce803fa380c6f11d1631cea72f34844bfbba864d47",
+      "bytes": 1774
+    },
+    {
+      "path": "src/client/components/AppTile.tsx",
+      "sha256": "b4d0b08b2632fe1397a69ffa3fe9683754294e145ba634669111eb23c5c435e1",
+      "bytes": 3542
+    },
+    {
+      "path": "src/client/components/AppearanceSettings.tsx",
+      "sha256": "12edb5b07438a282145eab8e6af930183c44aa16d99e72a7c721bc0b75f539e7",
+      "bytes": 28154
+    },
+    {
+      "path": "src/client/components/BookmarkImport.tsx",
+      "sha256": "f73e789e5d0f6447a5b6ce822385ad11a7c47d54a232eca8aa2314ad4e4b22fc",
+      "bytes": 14084
+    },
+    {
+      "path": "src/client/components/Brand.tsx",
+      "sha256": "4645aeab8e929dd2add6339630853db3b9e3e6e52a309237fa90c6f5085edf1f",
+      "bytes": 745
+    },
+    {
+      "path": "src/client/components/CategoryIcon.tsx",
+      "sha256": "660249d24816068a865ffa0b0ce8c9b0ff2c58c6eaf55f7852fcc149c8e02206",
+      "bytes": 288
+    },
+    {
+      "path": "src/client/components/Dashboard.tsx",
+      "sha256": "c3b4a59ad1fbdfda16fb7c65342128cb38e19181e683490c32ca6ebe5c2567df",
+      "bytes": 19497
+    },
+    {
+      "path": "src/client/components/DashboardHero.tsx",
+      "sha256": "48883993d2b667a2c1dcf5a8cd0be437e7c3a4b290f0037e4e3821e5dea347cc",
+      "bytes": 1565
+    },
+    {
+      "path": "src/client/components/DashboardLaunchHistory.tsx",
+      "sha256": "498328fa64ba20fcc6becadb8339d5ea8aa662709c971bf20b39d5f840ae5023",
+      "bytes": 4674
+    },
+    {
+      "path": "src/client/components/DashboardSidebar.tsx",
+      "sha256": "1e759bbafcb261abde6bdc65c2ab7e49b31ac29ae5f0babf8db424ad59860391",
+      "bytes": 7693
+    },
+    {
+      "path": "src/client/components/DashboardTopBar.tsx",
+      "sha256": "c7b484645d04085af6fb44988b4e8181022ebfa3e995cff97f6334900f8747c5",
+      "bytes": 2783
+    },
+    {
+      "path": "src/client/components/OperationsSettings.tsx",
+      "sha256": "472ea4dbbac0a6ba587e809b5b2bac11d657cbd6729182f0733cbf77fb65aa40",
+      "bytes": 4381
+    },
+    {
+      "path": "src/client/components/SearchOverlay.tsx",
+      "sha256": "dcec7ede54b3e2cbaa5912ee52d1a08dde7d497f65c7c7d3311a8d36b0ade911",
+      "bytes": 12782
+    },
+    {
+      "path": "src/client/components/ServerWidget.tsx",
+      "sha256": "4b16c5f5e66a600a6bb58748f45397c5c8f557c4f8a907abd8848b63df2731da",
+      "bytes": 7269
+    },
+    {
+      "path": "src/client/components/ServerWidgetAdvancedConfigurator.tsx",
+      "sha256": "500132c24d8e899f5bfd8af1d74646e8a5cc6c89ef187dbfd73b0718ac1cbb96",
+      "bytes": 9734
+    },
+    {
+      "path": "src/client/components/ServiceIcon.tsx",
+      "sha256": "fc1091289c4f3d5d4d553f3c09a51b5b164ccb59f31f4cb36a4799891c151043",
+      "bytes": 4065
+    },
+    {
+      "path": "src/client/components/ServiceWidget.tsx",
+      "sha256": "c4c6ae7cbfa90c75810457844176947847c03b05e547560491de45772f980cac",
+      "bytes": 18095
+    },
+    {
+      "path": "src/client/components/ServiceWidgets.tsx",
+      "sha256": "3394a41b46466ef34d1dc86d21ba2964bee0c5d5e98c9b73c15c477d889bfc8a",
+      "bytes": 7250
+    },
+    {
+      "path": "src/client/components/Settings.tsx",
+      "sha256": "ea8ae24de5910babb4bb0d6f10cc9b8e1b40c47bf5b8122e36383fbe1b9e2ccc",
+      "bytes": 79765
+    },
+    {
+      "path": "src/client/components/SortableList.tsx",
+      "sha256": "8597b93a92966e4f9b3397e462982cdc04a282e25ef4914c9d21eabcfdd74826",
+      "bytes": 9115
+    },
+    {
+      "path": "src/client/components/WeatherBadge.tsx",
+      "sha256": "0fced18c455f00263ee0e0e8bf02102f4a120584f405c08e0c8600a1f1222c73",
+      "bytes": 1967
+    },
+    {
+      "path": "src/client/components/WidgetAdvancedConfigurator.tsx",
+      "sha256": "df25ae291ecc6f4473ead669cd1b622578cea0a9678e5f24cbeb3d0a2d122fb0",
+      "bytes": 15259
+    },
+    {
+      "path": "src/client/components/WidgetConfigurator.tsx",
+      "sha256": "54846705973b6b74368772be8e2072891d35bbe52e392ec22d382c5fb7c82947",
+      "bytes": 2489
+    },
+    {
+      "path": "src/client/components/WidgetEditToolbar.tsx",
+      "sha256": "15dd1c44ef6ceb95d2ce023e247519f40d93011b9b01b7fac84b0094b3a1b872",
+      "bytes": 1747
+    },
+    {
+      "path": "src/client/components/WidgetPresetManager.tsx",
+      "sha256": "9bcd1b63ddec741e96293c53340bd0ad15a023663f3f0d4a322f064153b7bc4a",
+      "bytes": 4312
+    },
+    {
+      "path": "src/client/components/WidgetSparkline.tsx",
+      "sha256": "e74569172e30421d53f45b78971fc4e290cd6e304fa4d3c722e0122ba17e0953",
+      "bytes": 2198
+    },
+    {
+      "path": "src/client/design-tokens.css",
+      "sha256": "9bfcc5799773d51e49395cd7524253c05bd32001c3ed62449682e2716cad4b5f",
+      "bytes": 4077
+    },
+    {
+      "path": "src/client/launch-history.ts",
+      "sha256": "329f8fad1638484c04c595cb20659a7d3404e72d8015c84fc3bad3e5a7013bdc",
+      "bytes": 6088
+    },
+    {
+      "path": "src/client/main.tsx",
+      "sha256": "2eb8508f59b78afe94a0927c1d0b91f7456007d954916eb6f1b6fa4adbbbdd0e",
+      "bytes": 573
+    },
+    {
+      "path": "src/client/persist-sort-order.ts",
+      "sha256": "74b6ab9071fd753b9af8fffb976674f65bc657dd1bcb3b1e3400b07983d5f4e5",
+      "bytes": 879
+    },
+    {
+      "path": "src/client/sortable-order.ts",
+      "sha256": "75b2a15188ce3a96d77d0ecf4f591d59bb629c18d092ab033680d81083ddf8b4",
+      "bytes": 1027
+    },
+    {
+      "path": "src/client/stitch-direct.css",
+      "sha256": "94c6d9fdccbf23d36c6e7f5da1ca54b1b3453c1996e144568686b6b03ec81c28",
+      "bytes": 133967
+    },
+    {
+      "path": "src/client/styles.css",
+      "sha256": "30c77d21b449fe7c9ed6f31f8bc7f1d35b7b6af6c854559442bd2f7058665019",
+      "bytes": 90373
+    },
+    {
+      "path": "src/client/useLaunchHistory.ts",
+      "sha256": "53a2bd5e31be8f4c17f75a36545cabfa9c9ed84c18e2a05213f91f8f0e878c78",
+      "bytes": 1989
+    },
+    {
+      "path": "src/client/useStoredBoolean.ts",
+      "sha256": "16a40cdbd4d51dd43f040960a9987266aaba7f499c8b99dd3e4039e9ab3ac3c4",
+      "bytes": 662
+    },
+    {
+      "path": "src/server/app.ts",
+      "sha256": "32e79953c549e67192678cf78363c0dd23b79dfb0da0ba1572c5e727ce4ac5f5",
+      "bytes": 19741
+    },
+    {
+      "path": "src/server/auth.ts",
+      "sha256": "611f98bd3dfd172086197e500f96c8fed96da48e0c4f6e84a14664d183807a32",
+      "bytes": 4920
+    },
+    {
+      "path": "src/server/build-info.ts",
+      "sha256": "108b0d586c78d5bba7beeeeef79c37836fb7a78c164b7bb41422085d310b81f7",
+      "bytes": 504
+    },
+    {
+      "path": "src/server/concurrency.ts",
+      "sha256": "13533ca5d75787f7468d6451fbb5a70a82c640b9bf32a16f2f7704b64435fec5",
+      "bytes": 532
+    },
+    {
+      "path": "src/server/database.ts",
+      "sha256": "f760331435e351ba7bb9e4dc91b1b1dccb436ba999c6a3fdede3e0815efebece",
+      "bytes": 47522
+    },
+    {
+      "path": "src/server/http.ts",
+      "sha256": "c6563c4687e1354e377c4c2f2e0dbfb16d8bd46ddf380a847df9a4896a95a86e",
+      "bytes": 1850
+    },
+    {
+      "path": "src/server/index.ts",
+      "sha256": "e319ba3da89420646d478cbeafa0adb2cbcbfb26ff74a3d960c73d3b36a8a81f",
+      "bytes": 388
+    },
+    {
+      "path": "src/server/integration-environment.ts",
+      "sha256": "d6604d4f450ce291ea6e076592fbe237accd65a0beabad70664f31b0ecdd8dd7",
+      "bytes": 2042
+    },
+    {
+      "path": "src/server/integrations/discovery.ts",
+      "sha256": "96b6c6bdfc391c064a734233746a3858a0c718e9ff21f76c28c6f635dd6db4f6",
+      "bytes": 29064
+    },
+    {
+      "path": "src/server/integrations/provider-widgets.ts",
+      "sha256": "826b93e2915d2977845075722494ae63001dee1acde848910e1525ec64f67a69",
+      "bytes": 136
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/catalog.ts",
+      "sha256": "9d0fbf652278eae96add28230b1bf8cc353efab8f1fcf3ed9e1f19abd30e5e92",
+      "bytes": 6919
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/detection.ts",
+      "sha256": "e4c719710e989eba5ea44d3857ef1dc7419559188ff88ecdcb6d7eee7c46d919",
+      "bytes": 1987
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/profiles.ts",
+      "sha256": "5bf7acf1f3796ee7aa015a19d796ec6f1d491ec25d39a8037ce6b332da6438fe",
+      "bytes": 26572
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/arr.ts",
+      "sha256": "cbd668885db64a1c199b6efdb2cc554a82e4e7094ae99a52966423aa9b90e33a",
+      "bytes": 4995
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/custom.ts",
+      "sha256": "a8a5180c8883f3b98fa5939df2dca5eeeb53cdbe83142adb82da1ba607666a7c",
+      "bytes": 2309
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/home-assistant.ts",
+      "sha256": "069e30cdc9901687c1b9a167a846166b1794982a77e0522eea8ba9df49dba341",
+      "bytes": 2612
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/media.ts",
+      "sha256": "4dc4b00e9b214a87a2cb438522bf080051e2a6a4c6a0d5e0a19627e3cbcfcf1b",
+      "bytes": 8838
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/monitoring.ts",
+      "sha256": "96a6dbc526b0fce0f2ab488d1974d9912a2d6b06aebd11380fbebc984c74d472",
+      "bytes": 6135
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/network.ts",
+      "sha256": "f31ce6d4fc10467c71b22f7efe511944fafc8ed20b56ba102da71a44e7812dd9",
+      "bytes": 8265
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/ollama.ts",
+      "sha256": "5662f79bfd36cd712f208d357de11918606b3dd6614767542393f148e054f62a",
+      "bytes": 1853
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/providers/productivity.ts",
+      "sha256": "b2b20f53d489799fd6e25683d7ab785edc0c8d1594ba75f04dc6889ddcb92d7d",
+      "bytes": 5113
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/registry.ts",
+      "sha256": "4ab0c4ba60bf1a1cfa0e6586e993ba04348ad223e8e4cc0a708f436ee9797326",
+      "bytes": 5627
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/service.ts",
+      "sha256": "33356068853f0571cdb1574e7cdca6c1339ec3aed1119600b275283767a48a5a",
+      "bytes": 11514
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/shared.ts",
+      "sha256": "b9c5c6429842df8d4bb11ea0e107d944212496960aa33ec5e22226c6f176ca9a",
+      "bytes": 2267
+    },
+    {
+      "path": "src/server/integrations/provider-widgets/types.ts",
+      "sha256": "0ad8a9496b337860a6413fc319d59e02c389c8df752d589d0fe7aafdfe935485",
+      "bytes": 647
+    },
+    {
+      "path": "src/server/integrations/unraid-status.ts",
+      "sha256": "dcc1fa5a210852cd40381a9d0a0ce3b64499b9756fe4b1bc77d5da74012dbfc5",
+      "bytes": 8073
+    },
+    {
+      "path": "src/server/schema.ts",
+      "sha256": "8610b5c0656eb7871dd3bd15ab2990b6d4eb6d56224bec2a46d970191df19a1e",
+      "bytes": 7995
+    },
+    {
+      "path": "src/server/wallpaper.ts",
+      "sha256": "cba7588af9f411f9d1680f96394e4ccb28a0308f4706fbd569f7748408b79b84",
+      "bytes": 2465
+    },
+    {
+      "path": "src/server/weather.ts",
+      "sha256": "42093d671dbb0f3387c41a2c7f23aa6f87aaa5c8b42ce25dbad00c96e289a70e",
+      "bytes": 2118
+    },
+    {
+      "path": "src/shared/contracts.ts",
+      "sha256": "fbad7f4445a5b6d82e972010f19b9abd7f1ef294560503a8665e765bbeb0df9c",
+      "bytes": 27700
+    },
+    {
+      "path": "src/shared/domain.ts",
+      "sha256": "7b7c66f698eb8bf09fd6a30be4d26c80636ab3ac01336f98d452d10667b09b20",
+      "bytes": 12386
+    },
+    {
+      "path": "src/shared/personal-project.ts",
+      "sha256": "2da2c07bb5d83e13d6343ca6dbda9437cb88513b773805a49b1e69b1d1ef23bb",
+      "bytes": 4214
+    },
+    {
+      "path": "src/tests/api.test.ts",
+      "sha256": "8dc028a575dad10cf377ccfded171227e34df99d5289161a8b39814332f36bc6",
+      "bytes": 34763
+    },
+    {
+      "path": "src/tests/auth.test.ts",
+      "sha256": "5431a46995a77cc1944efb6c0cfb556aa28368ed2554e7eba4be6f2a35e317e6",
+      "bytes": 3153
+    },
+    {
+      "path": "src/tests/bookmark-import-component.test.tsx",
+      "sha256": "61cbe76d14b2534cddeef7243ecb584bd86b011afa9c2d4c75d52ddce137737a",
+      "bytes": 4508
+    },
+    {
+      "path": "src/tests/bookmark-import.test.ts",
+      "sha256": "7f3c0d9bcdb70efca82f06055f6fb10c12a8e7cde82de836f13e4a61296362e8",
+      "bytes": 6364
+    },
+    {
+      "path": "src/tests/category-icons.test.ts",
+      "sha256": "7e419572ff827e0a91eaef295ce88450cdc0f850cc698b66bb55e05b940eb080",
+      "bytes": 1251
+    },
+    {
+      "path": "src/tests/dashboard-launch-history.test.tsx",
+      "sha256": "3f161cd329ca479dea753dc3a5fa83161c47462158ce267d39c3643b9d86cad4",
+      "bytes": 2506
+    },
+    {
+      "path": "src/tests/database.test.ts",
+      "sha256": "7bcbb97ddd052d9ad1c327150f220955d22242a20b2b2366dd9d7e2e569e670d",
+      "bytes": 25964
+    },
+    {
+      "path": "src/tests/discovery.test.ts",
+      "sha256": "da3832b407c9f157e30d9da22367823240c9c2197a541f5d02dd9bd731ae4fb5",
+      "bytes": 4418
+    },
+    {
+      "path": "src/tests/domain.test.ts",
+      "sha256": "1bab82b7a4d59abac3320a5ae416767b2549c2fdb1bad8828f6ed06862fb8224",
+      "bytes": 6913
+    },
+    {
+      "path": "src/tests/http.test.ts",
+      "sha256": "719dba37bf774ba1ffffd7afc265ec8023bf9ed8198cf89d4432631d1116f074",
+      "bytes": 975
+    },
+    {
+      "path": "src/tests/integration-environment.test.ts",
+      "sha256": "be4cd06329992f93459f69efd6104fb73bd8103ceb41ac3ea9f7fcac17c83052",
+      "bytes": 2014
+    },
+    {
+      "path": "src/tests/launch-history.test.ts",
+      "sha256": "01ff30147ba6a7653e7dae2b453253c1a2c90f1b951cf25dff85506e2e9c85de",
+      "bytes": 4592
+    },
+    {
+      "path": "src/tests/personal-project.test.ts",
+      "sha256": "2e3deea5795e549ebce4f1662b4f8570896e4ff9fe3165322644bc6a504c4391",
+      "bytes": 3865
+    },
+    {
+      "path": "src/tests/provider-widgets.test.ts",
+      "sha256": "9bd407fc3b3d067ca1cdd7c48c0d722f86d5756a05948b01f9245d9324636515",
+      "bytes": 16778
+    },
+    {
+      "path": "src/tests/security.test.ts",
+      "sha256": "08178b8a489eb0709f763f48b1a6d069d6303dbec40e16f2fc68d0397bcd2689",
+      "bytes": 4834
+    },
+    {
+      "path": "src/tests/setup.ts",
+      "sha256": "b54c6156e4983b5789f3ee8a9d1acc3bc2bdde83765cb381ac152ede9a269d1d",
+      "bytes": 31
+    },
+    {
+      "path": "src/tests/sortable-list.test.tsx",
+      "sha256": "8ad45f4051f2813f1417b6963b13f124e47a92b1da69bb1aaef3340ffe1954ca",
+      "bytes": 3661
+    },
+    {
+      "path": "src/tests/unraid-status.test.ts",
+      "sha256": "0c1ee1e49d7c9d629c7bf2b870176340aad250596a2ee93499830ad89cfea6f2",
+      "bytes": 1083
+    },
+    {
+      "path": "src/tests/use-launch-history.test.tsx",
+      "sha256": "fb879ef82d22386749bc82a32ffd0979e81e8e03c278d5bfd0f30b078e2bedc8",
+      "bytes": 1772
+    },
+    {
+      "path": "src/tests/weather-wallpaper.test.ts",
+      "sha256": "c679577789c76f3ec9be60a413c7e0da12959f353b9407067b27d9d16b0ad116",
+      "bytes": 2278
+    },
+    {
+      "path": "src/vite-env.d.ts",
+      "sha256": "65996936fbb042915f7b74a200fcdde7e410f32a669b1ab9597cfaa4b0faddb5",
+      "bytes": 38
+    },
+    {
+      "path": "tests/dockdeck.spec.ts",
+      "sha256": "43eeaa2b9b44f57ed67971bbaecfcb92f0f3d848d509d794af3473e0fed4c439",
+      "bytes": 39307
+    },
+    {
+      "path": "tsconfig.app.json",
+      "sha256": "221d57c1b220839085c13b5cdfba92bcd3ef0e4ee612588c2d2c95df19576b46",
+      "bytes": 618
+    },
+    {
+      "path": "tsconfig.json",
+      "sha256": "770b4140bbb581e2dfd9ea9946ffc9c75a1d86ba7d2db5f77c83e37cbdf9d808",
+      "bytes": 119
+    },
+    {
+      "path": "tsconfig.node.json",
+      "sha256": "ea223528650eae080b44818ea2fbdfceb1fa5b77774f25777bc1df0c9576510c",
+      "bytes": 461
+    },
+    {
+      "path": "vite.config.ts",
+      "sha256": "315dae2581287da958d68ba36adfd8af2479a059ef2fce7de3edec43998b1b39",
+      "bytes": 331
+    },
+    {
+      "path": "vitest.config.ts",
+      "sha256": "88b728092fce08275752bb6ea21a2b7507a7d7087479604039cb4c9f00b62e80",
+      "bytes": 329
+    }
+  ]
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..0d377dd
--- /dev/null
+++ b/README.md
@@ -0,0 +1,124 @@
+# DockDeck-Public
+
+DockDeck is a self-hosted start dashboard for Unraid and other home-server environments. It combines application shortcuts, favorites, server health, weather, and optional read-only service widgets in one responsive interface.
+
+![DockDeck dashboard](docs/design/dockdeck-canon-v1/implementation/dashboard-dark-desktop-1440x900.png)
+
+## What you get
+
+- Automatic application discovery through AppOps or the optional read-only Docker socket proxy
+- Search, favorites, categories, personal-project filtering, layout presets, and custom wallpapers
+- Responsive desktop, tablet, and mobile layouts with light and dark themes
+- Unraid array, host, UPS, CPU, memory, and temperature information from read-only sources
+- Optional widgets for services such as Plex, Jellyfin, Gitea, Home Assistant, Grafana, Nextcloud, and the Arr stack
+- Server-side storage for integration credentials; exports intentionally exclude credentials
+- Optional built-in HTTP Basic authentication for trusted-LAN use
+
+DockDeck never needs the Docker socket in its normal AppOps profile. The fallback proxy profile exposes only the Docker GET endpoints used for inventory and status.
+
+## Quick start
+
+Requirements: Docker with Compose v2, or Node.js 22 and npm for development.
+
+1. Clone the repository and copy `.env.example` to `.env`:
+
+   ```sh
+   git clone https://gitea.itworx.tech/Jens/DockDeck-Public.git
+   cd DockDeck-Public
+   cp .env.example .env
+   ```
+
+   On Windows PowerShell, use `Copy-Item .env.example .env` for the last command.
+
+2. Generate an operator password hash:
+
+   ```sh
+   node scripts/hash-operator-password.mjs
+   ```
+
+   The prompt does not echo the password. Put the generated value in `DOCKDECK_OPERATOR_PASSWORD_HASH` and choose `DOCKDECK_OPERATOR_USER`.
+
+3. Start DockDeck:
+
+   ```sh
+   docker compose up -d --build
+   ```
+
+4. Open `http://127.0.0.1:1218`.
+
+The default port publication is loopback-only. To make DockDeck reachable on a trusted LAN, set `DOCKDECK_BIND_ADDRESS` to the intended host address and keep operator authentication enabled. Use an authenticated HTTPS reverse proxy for access beyond that LAN; HTTP Basic credentials must not cross an untrusted plaintext connection.
+
+## Discovery profiles
+
+The recommended profile points `APPOPS_URL` at a read-only AppOps inventory endpoint. No Docker socket is mounted.
+
+If AppOps is unavailable, use the isolated socket-proxy override:
+
+```sh
+docker compose -f docker-compose.yml -f docker-compose.socket-proxy.yml up -d --build
+```
+
+DockDeck performs GET requests for Docker inventory, host information, and one-shot statistics. Nginx Proxy Manager uses a POST only to obtain its session token; resource discovery remains read-only.
+
+## Configure DockDeck
+
+Open Settings to:
+
+- organize apps and mark personal projects;
+- create favorites and layout presets;
+- configure the Unraid server identity and polling interval;
+- add provider URLs and least-privilege credentials;
+- export or import non-secret dashboard configuration.
+
+When a provider URL changes to another origin, DockDeck clears any omitted stored credentials and requires them to be supplied again. Redirects on credential-bearing integration requests are rejected.
+
+Integration values entered in Settings are stored in `INTEGRATION_ENV_PATH` with owner-only permissions where the platform supports them. Back up that file and the SQLite database as secrets. JSON exports do not include integration credentials, but they can still reveal service names and topology.
+
+## Unraid
+
+An example Community Applications template is available at `deploy/dockdeck-unraid-template.xml`. It uses `/data/integrations.env` for persistent integration settings and requires an operator username and generated password hash. Replace the example AppOps and Unraid hostnames with values for your environment.
+
+Raw Unraid DockerMan XML frequently contains private hosts and service names. Run `deploy/sanitize-unraid-templates.py` before mounting template metadata, and still review the resulting `Name`, `WebUI`, and `Icon` values before sharing them.
+
+![DockDeck responsive dashboard](docs/design/dockdeck-canon-v1/implementation/dashboard-dark-mobile-390x844.png)
+
+The screenshots show deterministic mock discovery, not a live server inventory. The interface currently uses Dutch labels.
+
+## Optional browser extension
+
+`browser-extension/dockdeck-new-tab` contains a Manifest V3 extension that opens DockDeck for new tabs. Load it as an unpacked extension, then set your DockDeck HTTP(S) URL on its Options page. The public source contains no operator-specific address.
+
+## Development and verification
+
+```sh
+npm ci
+npm run dev
+```
+
+Before contributing, run:
+
+```sh
+npm run format:check
+npm run lint
+npm run typecheck
+npm test
+npm run test:security
+npm run test:e2e
+npm run build
+npm audit --audit-level=moderate
+docker compose config --quiet
+```
+
+See `CONTRIBUTING.md`, `SECURITY.md`, and `docs/ARCHITECTURE.md` for contribution, disclosure, and design guidance.
+
+## Security boundary
+
+DockDeck is an operator dashboard, not a multi-tenant authorization system. Keep it on loopback or a trusted LAN, enable built-in authentication when it is network-reachable, use HTTPS at an external reverse proxy, and give every integration the narrowest read scope available. `/api/health` intentionally remains unauthenticated and returns only health state, not credentials.
+
+## License
+
+No open-source license has been selected yet. Until a license file is added, the source is publicly viewable but normal copyright restrictions remain in effect.
+
+## Public source distribution
+
+The private canonical repository remains the development source. Reviewed snapshots are synchronized automatically to `DockDeck-Public` after changes reach its default branch. The public export contains application source, dependency locks, generic deployment examples and selected demo visuals; private Git history, infrastructure workflows and operational records are excluded. `PUBLIC_SOURCE_MANIFEST.json` identifies the exact source revision and file hashes.
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 0000000..1585c33
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,19 @@
+# Security Policy
+
+## Supported code
+
+Security fixes target the current `main` branch.
+
+## Reporting vulnerabilities
+
+Report suspected vulnerabilities privately to the repository owner. Do not include API keys, access tokens, passwords, private hostnames or addresses, infrastructure inventories, configuration exports, uploaded media, personal data, or exploit-sensitive diagnostics in a public issue.
+
+A useful report identifies the affected commit or component, minimal reproduction conditions using synthetic data, expected and observed behaviour, and impact. Mention whether the issue affects provider credential handling, inventory ingestion, the read-only Docker/AppOps boundary, external-access assumptions, request validation, stored configuration, import/export, frontend secret masking, or deployment.
+
+## Security model
+
+DockDeck can expose infrastructure inventory and launch URLs. It is designed for a trusted local network and does not assume that direct internet exposure is safe. Preserve loopback-by-default publishing, read-only integrations, explicit reverse-proxy authentication, and least-privilege socket-proxy or AppOps permissions.
+
+Contributions must not add Docker mutations or unrestricted socket access, expose provider secrets to API responses or browser bundles, or weaken the documented local deployment boundary without an explicit security design.
+
+Never commit live `.env` files, operational credentials, private inventories, configuration exports, uploaded media, or deployment keys. Use `.env.example` for non-secret configuration examples.
diff --git a/browser-extension/dockdeck-new-tab/background.js b/browser-extension/dockdeck-new-tab/background.js
new file mode 100644
index 0000000..c810ef0
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/background.js
@@ -0,0 +1,33 @@
+/* global chrome */
+
+const DEFAULT_DOCKDECK_URL = "http://127.0.0.1:1218/";
+const NEW_TAB_URLS = new Set([
+  "chrome://newtab/",
+  "opera://startpage/",
+  "opera://startpageshared/",
+]);
+
+async function openDockDeckForNewTab(tabId, url) {
+  if (NEW_TAB_URLS.has(url)) {
+    const { dockdeckUrl } = await chrome.storage.sync.get({
+      dockdeckUrl: DEFAULT_DOCKDECK_URL,
+    });
+    chrome.tabs.update(tabId, { url: dockdeckUrl });
+  }
+}
+
+chrome.tabs.onCreated.addListener((tab) => {
+  openDockDeckForNewTab(tab.id, tab.pendingUrl || tab.url || "");
+});
+
+chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
+  if (changeInfo.url) {
+    openDockDeckForNewTab(tabId, changeInfo.url);
+  }
+});
+
+chrome.runtime.onStartup.addListener(() => {
+  chrome.storage.sync
+    .get({ dockdeckUrl: DEFAULT_DOCKDECK_URL })
+    .then(({ dockdeckUrl }) => chrome.tabs.create({ url: dockdeckUrl }));
+});
diff --git a/browser-extension/dockdeck-new-tab/manifest.json b/browser-extension/dockdeck-new-tab/manifest.json
new file mode 100644
index 0000000..30f37e8
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/manifest.json
@@ -0,0 +1,14 @@
+{
+  "manifest_version": 3,
+  "name": "DockDeck New Tab",
+  "version": "1.2.0",
+  "description": "Opens DockDeck whenever a new tab is created.",
+  "permissions": ["tabs", "storage"],
+  "options_page": "options.html",
+  "background": {
+    "service_worker": "background.js"
+  },
+  "chrome_url_overrides": {
+    "newtab": "newtab.html"
+  }
+}
diff --git a/browser-extension/dockdeck-new-tab/newtab.html b/browser-extension/dockdeck-new-tab/newtab.html
new file mode 100644
index 0000000..0d411c7
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/newtab.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>DockDeck</title>
+    <style>
+      html {
+        background: #101719;
+        color: #f4f7f5;
+        font:
+          16px system-ui,
+          sans-serif;
+      }
+      body {
+        display: grid;
+        min-height: 100vh;
+        margin: 0;
+        place-items: center;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Opening DockDeck…</p>
+    <script src="newtab.js"></script>
+  </body>
+</html>
diff --git a/browser-extension/dockdeck-new-tab/newtab.js b/browser-extension/dockdeck-new-tab/newtab.js
new file mode 100644
index 0000000..e890819
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/newtab.js
@@ -0,0 +1,5 @@
+/* global chrome, window */
+
+chrome.storage.sync
+  .get({ dockdeckUrl: "http://127.0.0.1:1218/" })
+  .then(({ dockdeckUrl }) => window.location.replace(dockdeckUrl));
diff --git a/browser-extension/dockdeck-new-tab/options.html b/browser-extension/dockdeck-new-tab/options.html
new file mode 100644
index 0000000..ec41859
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/options.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>DockDeck New Tab settings</title>
+    <style>
+      body {
+        max-width: 42rem;
+        margin: 3rem auto;
+        padding: 0 1rem;
+        font:
+          16px system-ui,
+          sans-serif;
+      }
+      label,
+      input,
+      button {
+        display: block;
+      }
+      input {
+        box-sizing: border-box;
+        width: 100%;
+        margin: 0.5rem 0 1rem;
+        padding: 0.65rem;
+      }
+      #status {
+        min-height: 1.5rem;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>DockDeck New Tab</h1>
+    <label for="dockdeck-url">DockDeck URL</label>
+    <input
+      id="dockdeck-url"
+      type="url"
+      required
+      placeholder="http://127.0.0.1:1218/"
+    />
+    <button id="save" type="button">Save</button>
+    <p id="status" role="status"></p>
+    <script src="options.js"></script>
+  </body>
+</html>
diff --git a/browser-extension/dockdeck-new-tab/options.js b/browser-extension/dockdeck-new-tab/options.js
new file mode 100644
index 0000000..2dd0cb6
--- /dev/null
+++ b/browser-extension/dockdeck-new-tab/options.js
@@ -0,0 +1,21 @@
+/* global chrome, document, URL */
+
+const input = document.querySelector("#dockdeck-url");
+const status = document.querySelector("#status");
+
+chrome.storage.sync
+  .get({ dockdeckUrl: "http://127.0.0.1:1218/" })
+  .then(({ dockdeckUrl }) => {
+    input.value = dockdeckUrl;
+  });
+
+document.querySelector("#save").addEventListener("click", async () => {
+  try {
+    const url = new URL(input.value.trim());
+    if (!["http:", "https:"].includes(url.protocol)) throw new Error();
+    await chrome.storage.sync.set({ dockdeckUrl: url.href });
+    status.textContent = "Saved.";
+  } catch {
+    status.textContent = "Enter a valid HTTP(S) URL.";
+  }
+});
diff --git a/deploy/dockdeck-unraid-template.xml b/deploy/dockdeck-unraid-template.xml
new file mode 100644
index 0000000..80ac4bc
--- /dev/null
+++ b/deploy/dockdeck-unraid-template.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<Container version="2">
+  <Name>DockDeck</Name>
+  <Repository>dockdeck:local</Repository>
+  <Network>bridge</Network>
+  <Shell>sh</Shell>
+  <Privileged>false</Privileged>
+  <Support>https://gitea.itworx.tech/Jens/DockDeck-Public/issues</Support>
+  <Project>https://gitea.itworx.tech/Jens/DockDeck-Public</Project>
+  <Overview>DockDeck is a premium, read-only personal start dashboard for Unraid. This single-container profile uses the existing AppOps inventory API and never mounts the Docker socket.</Overview>
+  <Category>Tools:Status:</Category>
+  <WebUI>http://[IP]:[PORT:1218]</WebUI>
+  <Icon>http://[IP]:[PORT:1218]/itworx-app-icon.png</Icon>
+  <ExtraParams>--read-only --security-opt=no-new-privileges:true</ExtraParams>
+  <PostArgs/>
+  <CPUset/>
+  <DateInstalled/>
+  <DonateText/>
+  <DonateLink/>
+  <Requires>A read-only AppOps endpoint and an operator password hash generated with the included helper.</Requires>
+  <Config Name="WebUI" Target="3000" Default="1218" Mode="tcp" Description="DockDeck WebUI" Type="Port" Display="always" Required="true" Mask="false">1218</Config>
+  <Config Name="App data" Target="/data" Default="/path/to/dockdeck/data" Mode="rw" Description="Persistent database and integration settings" Type="Path" Display="always" Required="true" Mask="false">/path/to/dockdeck/data</Config>
+  <Config Name="Template metadata" Target="/unraid-templates" Default="/path/to/sanitized/unraid-templates" Mode="ro" Description="Sanitized Unraid template metadata" Type="Path" Display="advanced" Required="true" Mask="false">/path/to/sanitized/unraid-templates</Config>
+  <Config Name="Unraid runtime" Target="/unraid-runtime" Default="/var/local/emhttp" Mode="ro" Description="Read-only array and parity status" Type="Path" Display="advanced" Required="true" Mask="false">/var/local/emhttp</Config>
+  <Config Name="Hardware sensors" Target="/host-hwmon" Default="/sys/class/hwmon" Mode="ro" Description="Read-only host temperature sensors" Type="Path" Display="advanced" Required="true" Mask="false">/sys/class/hwmon</Config>
+  <Config Name="CPU information" Target="/host-proc/cpuinfo" Default="/proc/cpuinfo" Mode="ro" Description="Read-only host CPU capacity" Type="Path" Display="advanced" Required="true" Mask="false">/proc/cpuinfo</Config>
+  <Config Name="Memory information" Target="/host-proc/meminfo" Default="/proc/meminfo" Mode="ro" Description="Read-only host memory capacity" Type="Path" Display="advanced" Required="true" Mask="false">/proc/meminfo</Config>
+  <Config Name="Integration settings file" Target="INTEGRATION_ENV_PATH" Default="/data/integrations.env" Mode="" Description="Persistent server-side integration settings" Type="Variable" Display="advanced" Required="true" Mask="false">/data/integrations.env</Config>
+  <Config Name="Operator username" Target="DOCKDECK_OPERATOR_USER" Default="operator" Mode="" Description="Required login name for every route except health" Type="Variable" Display="always" Required="true" Mask="false">operator</Config>
+  <Config Name="Operator password hash" Target="DOCKDECK_OPERATOR_PASSWORD_HASH" Default="" Mode="" Description="Required salt:hash value from scripts/hash-operator-password.mjs; never enter plaintext" Type="Variable" Display="always" Required="true" Mask="true"></Config>
+  <Config Name="AppOps URL" Target="APPOPS_URL" Default="http://appops.local:1216" Mode="" Description="Read-only inventory API URL" Type="Variable" Display="always" Required="true" Mask="false">http://appops.local:1216</Config>
+  <Config Name="Unraid host" Target="UNRAID_HOST" Default="host.local" Mode="" Description="Unraid hostname or LAN address" Type="Variable" Display="always" Required="true" Mask="false">host.local</Config>
+  <Config Name="Unraid URL" Target="UNRAID_URL" Default="http://host.local" Mode="" Description="Unraid WebUI address" Type="Variable" Display="always" Required="true" Mask="false">http://host.local</Config>
+</Container>
diff --git a/deploy/refresh-unraid-icon.sh b/deploy/refresh-unraid-icon.sh
new file mode 100644
index 0000000..8931d10
--- /dev/null
+++ b/deploy/refresh-unraid-icon.sh
@@ -0,0 +1,48 @@
+#!/bin/sh
+
+set -eu
+
+container_name="${1:-DockDeck}"
+icon_url="${2:-}"
+template_path="/boot/config/plugins/dockerMan/templates-user/my-${container_name}.xml"
+persistent_dir="/var/lib/docker/unraid/images"
+runtime_dir="/usr/local/emhttp/state/plugins/dynamix.docker.manager/images"
+
+fail() {
+  printf 'DockDeck icon refresh failed: %s\n' "$1" >&2
+  exit 1
+}
+
+[ "$(id -u)" -eq 0 ] || fail "run this helper as root on the Unraid host"
+
+case "$container_name" in
+  "" | *[!A-Za-z0-9_.-]*) fail "invalid container name" ;;
+esac
+
+if [ -z "$icon_url" ] && [ -f "$template_path" ]; then
+  icon_url="$(sed -n 's#.*<Icon>\(.*\)</Icon>.*#\1#p' "$template_path" | head -n 1)"
+fi
+
+case "$icon_url" in
+  http://* | https://*) ;;
+  *) fail "provide an HTTP(S) icon URL or a user template containing <Icon>" ;;
+esac
+
+temporary_icon="$(mktemp /tmp/dockdeck-icon.XXXXXX)"
+trap 'rm -f "$temporary_icon"' EXIT HUP INT TERM
+
+curl --fail --silent --show-error --location \
+  --connect-timeout 5 --max-time 20 \
+  "$icon_url" --output "$temporary_icon"
+
+[ "$(file -b --mime-type "$temporary_icon")" = "image/png" ] || \
+  fail "the downloaded asset is not a real PNG"
+
+mkdir -p "$persistent_dir" "$runtime_dir"
+install -m 0644 -o root -g root \
+  "$temporary_icon" "$persistent_dir/${container_name}-icon.png"
+install -m 0644 -o root -g root \
+  "$temporary_icon" "$runtime_dir/${container_name}-icon.png"
+
+printf 'Refreshed both Unraid icon caches for %s from %s\n' \
+  "$container_name" "$icon_url"
diff --git a/deploy/sanitize-unraid-templates.py b/deploy/sanitize-unraid-templates.py
new file mode 100644
index 0000000..d21a917
--- /dev/null
+++ b/deploy/sanitize-unraid-templates.py
@@ -0,0 +1,61 @@
+#!/usr/bin/env python3
+"""Copy only non-sensitive DockDeck metadata from Unraid templates."""
+
+from __future__ import annotations
+
+import argparse
+from pathlib import Path
+import xml.etree.ElementTree as ET
+
+
+ALLOWED_FIELDS = ("Name", "WebUI", "Icon")
+
+
+def sanitize(source_dir: Path, destination_dir: Path) -> int:
+    destination_dir.mkdir(parents=True, exist_ok=True)
+    written = 0
+
+    for source in sorted(source_dir.glob("*.xml")):
+        try:
+            root = ET.parse(source).getroot()
+        except (ET.ParseError, OSError):
+            continue
+
+        output = ET.Element("Container")
+        for field in ALLOWED_FIELDS:
+            value = root.findtext(field)
+            if value:
+                ET.SubElement(output, field).text = value.strip()
+
+        if output.findtext("Name"):
+            destination = destination_dir / source.name
+            ET.ElementTree(output).write(
+                destination,
+                encoding="utf-8",
+                xml_declaration=True,
+            )
+            destination.chmod(0o644)
+            written_tags = {
+                child.tag for child in ET.parse(destination).getroot()
+            }
+            if not written_tags.issubset(ALLOWED_FIELDS):
+                destination.unlink(missing_ok=True)
+                raise RuntimeError(
+                    f"Unexpected field in sanitized template: {source.name}"
+                )
+            written += 1
+
+    return written
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser()
+    parser.add_argument("source", type=Path)
+    parser.add_argument("destination", type=Path)
+    args = parser.parse_args()
+    count = sanitize(args.source, args.destination)
+    print(f"Sanitized and verified {count} Unraid templates")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/docker-compose.socket-proxy.yml b/docker-compose.socket-proxy.yml
new file mode 100644
index 0000000..f636296
--- /dev/null
+++ b/docker-compose.socket-proxy.yml
@@ -0,0 +1,56 @@
+services:
+  dockdeck:
+    depends_on:
+      dockerproxy:
+        condition: service_started
+    environment:
+      APPOPS_URL: ""
+      DOCKER_PROXY_URL: http://dockerproxy:2375
+    networks:
+      - dockdeck_internal
+
+  dockerproxy:
+    image: ghcr.io/tecnativa/docker-socket-proxy@sha256:1f5038b54f06c3e18422902cf00ba21803d1c97805aae032e5e6673d532d3459
+    restart: unless-stopped
+    environment:
+      LOG_LEVEL: warning
+      CONTAINERS: 1
+      INFO: 1
+      PING: 1
+      VERSION: 1
+      POST: 0
+      AUTH: 0
+      BUILD: 0
+      COMMIT: 0
+      CONFIGS: 0
+      DISTRIBUTION: 0
+      EVENTS: 0
+      EXEC: 0
+      IMAGES: 0
+      NETWORKS: 0
+      NODES: 0
+      PLUGINS: 0
+      SECRETS: 0
+      SERVICES: 0
+      SESSION: 0
+      SWARM: 0
+      SYSTEM: 0
+      TASKS: 0
+      VOLUMES: 0
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock:ro
+    networks:
+      - dockdeck_internal
+    read_only: true
+    tmpfs:
+      - /run
+      - /tmp
+    security_opt:
+      - no-new-privileges:true
+
+networks:
+  dockdeck_internal:
+    internal: true
+    ipam:
+      config:
+        - subnet: ${DOCKDECK_INTERNAL_SUBNET:-172.31.240.0/28}
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..cef8dee
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,126 @@
+services:
+  dockdeck:
+    container_name: DockDeck
+    build:
+      context: .
+      args:
+        DOCKDECK_BUILD_VERSION: "${DOCKDECK_BUILD_VERSION:-0.1.0}"
+        DOCKDECK_BUILD_REVISION: "${GITEA_COMMIT_SHA:-${APPOPS_SOURCE_REVISION:-${DOCKDECK_BUILD_REVISION:-development}}}"
+        DOCKDECK_BUILD_DATE: "${APPOPS_BUILD_DATE:-${DOCKDECK_BUILD_DATE:-1970-01-01T00:00:00.000Z}}"
+        DOCKDECK_BUILD_SOURCE: "${DOCKDECK_BUILD_SOURCE:-jens/dockdeck}"
+    image: dockdeck:local
+    restart: unless-stopped
+    labels:
+      org.opencontainers.image.title: DockDeck
+      org.opencontainers.image.description: Premium read-only Unraid start dashboard
+      org.opencontainers.image.source: ${DOCKDECK_BUILD_SOURCE:-jens/dockdeck}
+      net.unraid.docker.managed: dockerman
+      net.unraid.docker.webui: "http://${UNRAID_HOST:-host.local}:${DOCKDECK_PORT:-1218}"
+      net.unraid.docker.icon: "http://${UNRAID_HOST:-host.local}:${DOCKDECK_PORT:-1218}/itworx-app-icon.png"
+    environment:
+      HOST: 0.0.0.0
+      PORT: 3000
+      DATABASE_PATH: /data/dockdeck.db
+      INTEGRATION_ENV_PATH: /data/integrations.env
+      DOCKDECK_OPERATOR_USER: ${DOCKDECK_OPERATOR_USER:-}
+      DOCKDECK_OPERATOR_PASSWORD_HASH: ${DOCKDECK_OPERATOR_PASSWORD_HASH:-}
+      APPOPS_URL: ${APPOPS_URL:-}
+      DOCKER_PROXY_URL: ${DOCKER_PROXY_URL:-}
+      UNRAID_TEMPLATES_PATH: /unraid-templates
+      UNRAID_ICONS_SOURCE_PATH: /unraid-icons-source
+      UNRAID_ICONS_PATH: /unraid-icons-cache
+      UNRAID_RUNTIME_PATH: /unraid-runtime
+      UNRAID_HWMON_PATH: /host-hwmon
+      UNRAID_CPUINFO_PATH: /host-proc/cpuinfo
+      UNRAID_MEMINFO_PATH: /host-proc/meminfo
+      UNRAID_UPS_STATUS_PATH: ${UNRAID_UPS_STATUS_PATH:-}
+      UNRAID_HOST: ${UNRAID_HOST:-host.local}
+      UNRAID_URL: ${UNRAID_URL:-}
+      MOCK_DISCOVERY: "false"
+      POLLING_INTERVAL_MS: ${POLLING_INTERVAL_MS:-30000}
+      NPM_URL: ${NPM_URL:-}
+      NPM_TOKEN: ${NPM_TOKEN:-}
+      NPM_USERNAME: ${NPM_USERNAME:-}
+      NPM_PASSWORD: ${NPM_PASSWORD:-}
+      ADGUARD_URL: ${ADGUARD_URL:-}
+      ADGUARD_USERNAME: ${ADGUARD_USERNAME:-}
+      ADGUARD_PASSWORD: ${ADGUARD_PASSWORD:-}
+      PLEX_URL: ${PLEX_URL:-}
+      PLEX_TOKEN: ${PLEX_TOKEN:-}
+      IMMICH_URL: ${IMMICH_URL:-}
+      IMMICH_API_KEY: ${IMMICH_API_KEY:-}
+      HOME_ASSISTANT_URL: ${HOME_ASSISTANT_URL:-}
+      HOME_ASSISTANT_TOKEN: ${HOME_ASSISTANT_TOKEN:-}
+      OLLAMA_URL: ${OLLAMA_URL:-}
+      GLANCES_URL: ${GLANCES_URL:-}
+      TAUTULLI_URL: ${TAUTULLI_URL:-}
+      TAUTULLI_API_KEY: ${TAUTULLI_API_KEY:-}
+      PAPERLESS_URL: ${PAPERLESS_URL:-}
+      PAPERLESS_TOKEN: ${PAPERLESS_TOKEN:-}
+      SONARR_URL: ${SONARR_URL:-}
+      SONARR_API_KEY: ${SONARR_API_KEY:-}
+      RADARR_URL: ${RADARR_URL:-}
+      RADARR_API_KEY: ${RADARR_API_KEY:-}
+      LIDARR_URL: ${LIDARR_URL:-}
+      LIDARR_API_KEY: ${LIDARR_API_KEY:-}
+      GITEA_WIDGET_URL: ${GITEA_WIDGET_URL:-}
+      GITEA_WIDGET_TOKEN: ${GITEA_WIDGET_TOKEN:-}
+      JELLYFIN_URL: ${JELLYFIN_URL:-}
+      JELLYFIN_API_KEY: ${JELLYFIN_API_KEY:-}
+      SEERR_URL: ${SEERR_URL:-}
+      SEERR_API_KEY: ${SEERR_API_KEY:-}
+      PROWLARR_URL: ${PROWLARR_URL:-}
+      PROWLARR_API_KEY: ${PROWLARR_API_KEY:-}
+      AUTHENTIK_URL: ${AUTHENTIK_URL:-}
+      AUTHENTIK_TOKEN: ${AUTHENTIK_TOKEN:-}
+      PORTAINER_URL: ${PORTAINER_URL:-}
+      PORTAINER_API_KEY: ${PORTAINER_API_KEY:-}
+      GRAFANA_URL: ${GRAFANA_URL:-}
+      GRAFANA_TOKEN: ${GRAFANA_TOKEN:-}
+      PROMETHEUS_URL: ${PROMETHEUS_URL:-}
+      NEXTCLOUD_URL: ${NEXTCLOUD_URL:-}
+      NEXTCLOUD_USERNAME: ${NEXTCLOUD_USERNAME:-}
+      NEXTCLOUD_APP_PASSWORD: ${NEXTCLOUD_APP_PASSWORD:-}
+      AUDIOBOOKSHELF_URL: ${AUDIOBOOKSHELF_URL:-}
+      AUDIOBOOKSHELF_TOKEN: ${AUDIOBOOKSHELF_TOKEN:-}
+      NETDATA_URL: ${NETDATA_URL:-}
+      PEERTUBE_URL: ${PEERTUBE_URL:-}
+      DELUGE_METRICS_URL: ${DELUGE_METRICS_URL:-}
+      DELUGE_METRICS_TOKEN: ${DELUGE_METRICS_TOKEN:-}
+      QBITTORRENT_METRICS_URL: ${QBITTORRENT_METRICS_URL:-}
+      QBITTORRENT_METRICS_TOKEN: ${QBITTORRENT_METRICS_TOKEN:-}
+      JDOWNLOADER_METRICS_URL: ${JDOWNLOADER_METRICS_URL:-}
+      JDOWNLOADER_METRICS_TOKEN: ${JDOWNLOADER_METRICS_TOKEN:-}
+      TDARR_METRICS_URL: ${TDARR_METRICS_URL:-}
+      TDARR_METRICS_TOKEN: ${TDARR_METRICS_TOKEN:-}
+      BAZARR_METRICS_URL: ${BAZARR_METRICS_URL:-}
+      BAZARR_METRICS_TOKEN: ${BAZARR_METRICS_TOKEN:-}
+      VAULTWARDEN_METRICS_URL: ${VAULTWARDEN_METRICS_URL:-}
+      VAULTWARDEN_METRICS_TOKEN: ${VAULTWARDEN_METRICS_TOKEN:-}
+    ports:
+      - "${DOCKDECK_BIND_ADDRESS:-127.0.0.1}:${DOCKDECK_PORT:-1218}:3000"
+    volumes:
+      - dockdeck_data:/data
+      - ${UNRAID_TEMPLATES_DIR:-./fixtures/unraid-templates}:/unraid-templates:ro
+      - ${UNRAID_ICONS_DIR:-/boot/config/plugins/dockerMan/images}:/unraid-icons-source:ro
+      - ${UNRAID_RUNTIME_DIR:-/var/local/emhttp}:/unraid-runtime:ro
+      - ${UNRAID_HWMON_DIR:-/sys/class/hwmon}:/host-hwmon:ro
+      - ${UNRAID_CPUINFO_FILE:-/proc/cpuinfo}:/host-proc/cpuinfo:ro
+      - ${UNRAID_MEMINFO_FILE:-/proc/meminfo}:/host-proc/meminfo:ro
+    networks:
+      - dockdeck_egress
+    read_only: true
+    tmpfs:
+      - /tmp
+      - /unraid-icons-cache:size=64m,mode=0755
+    security_opt:
+      - no-new-privileges:true
+
+networks:
+  dockdeck_egress:
+    ipam:
+      config:
+        - subnet: ${DOCKDECK_EGRESS_SUBNET:-172.31.240.16/28}
+
+volumes:
+  dockdeck_data:
diff --git a/docker-entrypoint.sh b/docker-entrypoint.sh
new file mode 100644
index 0000000..e6563f2
--- /dev/null
+++ b/docker-entrypoint.sh
@@ -0,0 +1,17 @@
+#!/bin/sh
+set -eu
+
+icon_source="${UNRAID_ICONS_SOURCE_PATH:-/unraid-icons-source}"
+icon_cache="${UNRAID_ICONS_PATH:-/unraid-icons-cache}"
+
+if [ -d "$icon_source" ] && [ -d "$icon_cache" ]; then
+  find "$icon_source" -maxdepth 1 -type f \( \
+    -iname '*.gif' -o -iname '*.ico' -o -iname '*.jpeg' -o \
+    -iname '*.jpg' -o -iname '*.png' -o -iname '*.svg' -o \
+    -iname '*.webp' \
+  \) -exec cp -f '{}' "$icon_cache/" \;
+  find "$icon_cache" -maxdepth 1 -type f -exec chmod 0644 '{}' \;
+  chown -R dockdeck:dockdeck "$icon_cache"
+fi
+
+exec su-exec dockdeck "$@"
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
new file mode 100644
index 0000000..d8660e2
--- /dev/null
+++ b/docs/ARCHITECTURE.md
@@ -0,0 +1,45 @@
+# DockDeck architecture
+
+## Runtime
+
+DockDeck is one deployable Node.js process. Fastify owns the REST API and serves the compiled React client in production. React/Vite provides the development UI. SQLite is mounted at `/data`; Drizzle ORM owns typed reads and writes while a small idempotent SQL migration creates the first schema before Fastify starts.
+
+```text
+Browser → Fastify API → domain rules → Drizzle → SQLite
+                       ↘ discovery service → AppOps inventory (GET only)
+                                           → Unraid XML/runtime mounts (read only)
+                                           → NPM API (read only, optional)
+```
+
+## Trust boundaries
+
+- The `dockdeck` container never receives `/var/run/docker.sock`.
+- The standard deployment is exactly one `DockDeck` container. A separate `dockerproxy` exists only in the optional fallback overlay; there it is private, has `POST=0` and disables all mutation families.
+- Unraid templates are mounted read-only.
+- NPM, Gitea and provider credentials exist only as server-side process environment. Values entered in Settings are persisted in the permission-restricted environment file and remain excluded from API responses, SQLite and JSON exports.
+- Fastify validates every user-controlled mutation with Zod. External integration errors are reduced to non-sensitive connection states.
+- New discoveries are inserted with `visible=false`. Subsequent syncs update runtime fields but preserve user choices and overrides.
+- A DockDeck-only app removal records the technical name in `removed_apps`; later discovery ignores that name and never calls a Docker mutation endpoint.
+
+## Modules
+
+- `src/shared`: Zod contracts and pure URL/search/matching/sorting rules.
+- URL resolution prefers an explicit `br0` LAN address, then the configured Unraid host, and uses a single unambiguous published TCP port when template metadata is stale.
+- Dashboard search is a derived client index over the latest payload, so renames, removals, category changes and URL changes require no separate search persistence.
+- `src/server/database.ts`: persistence, migration, import/export and user preference invariants.
+- Widget layout is stored as validated size/content, metric order/visibility/style, statistic limit, warning and chart fields on app and preference records. Legacy rows receive safe standard/all-content defaults; version 1 backups remain compatible because added backup fields are optional on import.
+- `src/server/integrations`: read-only external adapters, provider capability metadata and deterministic mocks. Provider URLs default to an already discovered local app origin; explicit environment overrides remain available. Provider recognition is token-based and excludes known support-container roles.
+- `src/server/integrations/unraid-status.ts`: parseert een minimale read-only view van Unraid runtime- en hwmondata naar array-, parity-, opslag-, temperatuur- en optionele UPS-metrics.
+- Provideradapters bewaren alleen de laatst succesvolle gereduceerde metricresponse en een korte tijdreeks in procesgeheugen; geen van beide overleeft een procesrestart.
+- `src/server/app.ts`: narrow REST surface; no Docker control routes.
+- `src/client`: accessible responsive UI and design tokens.
+
+## Layout and offline model
+
+Widgetvolgorde staat los van apptegelvolgorde. App- en hostrecords bewaren hun eigen volgorde; layoutpresets bevatten alleen presentatievelden, inclusief metricselectie, value/gauge/progress, waarschuwing en lijn-/vlak-/staafgrafiek. Provider- en hosthistoriek bevat maximaal zestig punten per numerieke reeks en blijft uitsluitend in procesgeheugen. Het toepassen van een preset kan geen appzichtbaarheid, navigatie-URL, credential of Dockerstaat wijzigen.
+
+De serviceworker cachet alleen statische applicatieshellassets. Requests onder `/api/` worden volledig overgeslagen, zodat offline content nooit als actuele runtime- of providerdata wordt gepresenteerd.
+
+## Failure behavior
+
+Saved data is always returned independently of integration health. A failed AppOps inventory, missing Unraid mount or unavailable NPM instance produces a degraded integration card/banner without blocking navigation. Polling runs only while the browser tab is visible. AppOps inventory is read immediately; its slower all-container resource sample refreshes in the background so it cannot delay navigation.
diff --git a/docs/EXTERNAL_ACCESS.md b/docs/EXTERNAL_ACCESS.md
new file mode 100644
index 0000000..7e2589d
--- /dev/null
+++ b/docs/EXTERNAL_ACCESS.md
@@ -0,0 +1,14 @@
+# External access
+
+DockDeck defaults to loopback publication. Keep that default unless network access is intentional.
+
+For a trusted LAN:
+
+1. Generate an operator password hash with `node scripts/hash-operator-password.mjs`.
+2. Set both `DOCKDECK_OPERATOR_USER` and `DOCKDECK_OPERATOR_PASSWORD_HASH`.
+3. Set `DOCKDECK_BIND_ADDRESS` to the intended host interface.
+4. Restrict access with host or network firewall rules.
+
+For access beyond the trusted LAN, place DockDeck behind an authenticated HTTPS reverse proxy. Do not expose the optional Docker socket proxy, AppOps, or provider APIs through that proxy. HTTP Basic credentials must not be sent over plaintext internet connections.
+
+JSON configuration exports exclude credentials but can identify services and URLs. Treat them as sensitive operational data.
diff --git a/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-desktop-1440x900.png b/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-desktop-1440x900.png
new file mode 100644
index 0000000..c39af36
Binary files /dev/null and b/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-desktop-1440x900.png differ
diff --git a/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-mobile-390x844.png b/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-mobile-390x844.png
new file mode 100644
index 0000000..7a9f33d
Binary files /dev/null and b/docs/design/dockdeck-canon-v1/implementation/dashboard-dark-mobile-390x844.png differ
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..6bfc4bb
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,34 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist", "coverage", "playwright-report", "test-results"] },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ["scripts/**/*.mjs"],
+    languageOptions: {
+      ecmaVersion: 2022,
+      globals: { ...globals.node, fetch: "readonly" },
+    },
+  },
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2022,
+      globals: { ...globals.browser, ...globals.node },
+    },
+    plugins: { "react-hooks": reactHooks, "react-refresh": reactRefresh },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+      "@typescript-eslint/no-explicit-any": "off",
+    },
+  },
+);
diff --git a/fixtures/unraid-templates/README.md b/fixtures/unraid-templates/README.md
new file mode 100644
index 0000000..9b65edb
--- /dev/null
+++ b/fixtures/unraid-templates/README.md
@@ -0,0 +1,3 @@
+# Unraid template fixture mount
+
+This empty directory makes local Compose validation possible. On Unraid, set `UNRAID_TEMPLATES_DIR=/boot/config/plugins/dockerMan/templates-user` so DockDeck can read the real XML templates.
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d5ffee9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="nl">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#0b1326" />
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="icon" href="/dockdeck-mark-v2.svg" type="image/svg+xml" />
+    <meta
+      name="description"
+      content="ITWorx DockDeck — je rustige startpunt voor al je self-hosted apps."
+    />
+    <title>ITWorx DockDeck</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/client/main.tsx"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..108ddfe
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,7143 @@
+{
+  "name": "dockdeck",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "dockdeck",
+      "version": "0.1.0",
+      "dependencies": {
+        "@fastify/static": "^10.1.0",
+        "@fontsource-variable/geist": "^5.3.0",
+        "@fontsource/newsreader": "^5.2.10",
+        "@icons-pack/react-simple-icons": "13.8.0",
+        "better-sqlite3": "^12.2.0",
+        "drizzle-orm": "^0.45.2",
+        "entities": "^6.0.1",
+        "fastify": "^5.12.4",
+        "lucide-react": "^0.468.0",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1",
+        "zod": "^4.1.5"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.35.0",
+        "@playwright/test": "^1.55.0",
+        "@testing-library/jest-dom": "^6.8.0",
+        "@testing-library/react": "^16.3.0",
+        "@types/better-sqlite3": "^7.6.13",
+        "@types/node": "^24.3.0",
+        "@types/react": "^19.1.12",
+        "@types/react-dom": "^19.1.9",
+        "@vitejs/plugin-react": "^5.0.2",
+        "concurrently": "^9.2.1",
+        "esbuild": "^0.25.9",
+        "eslint": "^9.35.0",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-refresh": "^0.4.20",
+        "globals": "^16.3.0",
+        "jsdom": "^26.1.0",
+        "prettier": "^3.6.2",
+        "tsx": "^4.20.5",
+        "typescript": "~5.8.3",
+        "typescript-eslint": "^8.42.0",
+        "vite": "^7.1.4",
+        "vitest": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=22"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.5.0.tgz",
+      "integrity": "sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz",
+      "integrity": "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.3",
+        "@csstools/css-color-parser": "^3.0.9",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+      "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+      "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.29.7.tgz",
+      "integrity": "sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.29.7.tgz",
+      "integrity": "sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+      "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
+      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
+      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.3.0",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@fastify/accept-negotiator": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@fastify/accept-negotiator/-/accept-negotiator-2.0.1.tgz",
+      "integrity": "sha512-/c/TW2bO/v9JeEgoD/g1G5GxGeCF1Hafdf79WPmUlgYiBXummY0oX3VVq4yFkKKVBKDNlaDUYoab7g38RpPqCQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@fastify/ajv-compiler": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@fastify/ajv-compiler/-/ajv-compiler-4.0.5.tgz",
+      "integrity": "sha512-KoWKW+MhvfTRWL4qrhUwAAZoaChluo0m0vbiJlGMt2GXvL4LVPQEjt8kSpHI3IBq5Rez8fg+XeH3cneztq+C7A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.12.0",
+        "ajv-formats": "^3.0.1",
+        "fast-uri": "^3.0.0"
+      }
+    },
+    "node_modules/@fastify/ajv-compiler/node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@fastify/ajv-compiler/node_modules/fast-uri": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.8.tgz",
+      "integrity": "sha512-GZMtZUTNRpOVIECoXwLNZS5xUGE+mVNbTB8h/7Rwh2TFWcBQiPzTgyZi05BF9UMZKkLJv8XBRJTlU7zg8+ZfMg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@fastify/ajv-compiler/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/@fastify/error": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@fastify/error/-/error-4.2.0.tgz",
+      "integrity": "sha512-RSo3sVDXfHskiBZKBPRgnQTtIqpi/7zhJOEmAxCiBcM7d0uwdGdxLlsCaLzGs8v8NnxIRlfG0N51p5yFaOentQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@fastify/fast-json-stringify-compiler": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@fastify/fast-json-stringify-compiler/-/fast-json-stringify-compiler-5.1.0.tgz",
+      "integrity": "sha512-PxcYtKLbQ8Z+yApiqjK8FwxIwvEj38k2OiLc17u8dkJSlmfi2wHHPaSnaoqBPQqtvF8YVsDgDpP2snDCfFrpfw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "fast-json-stringify": "^7.0.0"
+      }
+    },
+    "node_modules/@fastify/forwarded": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@fastify/forwarded/-/forwarded-3.0.1.tgz",
+      "integrity": "sha512-JqDochHFqXs3C3Ml3gOY58zM7OqO9ENqPo0UqAjAjH8L01fRZqwX9iLeX34//kiJubF7r2ZQHtBRU36vONbLlw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@fastify/merge-json-schemas": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@fastify/merge-json-schemas/-/merge-json-schemas-0.2.1.tgz",
+      "integrity": "sha512-OA3KGBCy6KtIvLf8DINC5880o5iBlDX4SxzLQS8HorJAbqluzLRn80UXU0bxZn7UOFhFgpRJDasfwn9nG4FG4A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@fastify/proxy-addr": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@fastify/proxy-addr/-/proxy-addr-5.1.0.tgz",
+      "integrity": "sha512-INS+6gh91cLUjB+PVHfu1UqcB76Sqtpyp7bnL+FYojhjygvOPA9ctiD/JDKsyD9Xgu4hUhCSJBPig/w7duNajw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/forwarded": "^3.0.0",
+        "ipaddr.js": "^2.1.0"
+      }
+    },
+    "node_modules/@fastify/send": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@fastify/send/-/send-4.1.0.tgz",
+      "integrity": "sha512-TMYeQLCBSy2TOFmV95hQWkiTYgC/SEx7vMdV+wnZVX4tt8VBLKzmH8vV9OzJehV0+XBfg+WxPMt5wp+JBUKsVw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/ms": "^2.0.2",
+        "escape-html": "~1.0.3",
+        "fast-decode-uri-component": "^1.0.1",
+        "http-errors": "^2.0.0",
+        "mime": "^3"
+      }
+    },
+    "node_modules/@fastify/static": {
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/@fastify/static/-/static-10.1.3.tgz",
+      "integrity": "sha512-W6jqajYS974XjPjB5hQWoxPM8NKM4+p8YmQT6G5IbCa4uhdWSVadZUv75siy1wEA/3ty8RYdpBydfWeu9AqAqQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/accept-negotiator": "^2.0.0",
+        "@fastify/error": "^4.0.0",
+        "@fastify/send": "^4.0.0",
+        "content-disposition": "^2.0.1",
+        "fastify-plugin": "^6.0.0",
+        "fastq": "^1.17.1",
+        "glob": "^13.0.0"
+      }
+    },
+    "node_modules/@fontsource-variable/geist": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/geist/-/geist-5.3.0.tgz",
+      "integrity": "sha512-j0m+vLQuG5XAYoHtGCVu0spvlGreR3EzpECUVzkFmI1mTVnAO38l/NEPDCFgZ177JxzYJCLSmTQibIiYPilGrA==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/newsreader": {
+      "version": "5.2.10",
+      "resolved": "https://registry.npmjs.org/@fontsource/newsreader/-/newsreader-5.2.10.tgz",
+      "integrity": "sha512-TFaYzoFhDqarUyV2yYjgZZEwT4bpaj6sGBnXSnFknQ/QB8/9LzfY6IO9+inHOX4zzPp87Z7/KuG1OI5gr91Q3A==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@icons-pack/react-simple-icons": {
+      "version": "13.8.0",
+      "resolved": "https://registry.npmjs.org/@icons-pack/react-simple-icons/-/react-simple-icons-13.8.0.tgz",
+      "integrity": "sha512-iZrhL1fSklfCCVn68IYHaAoKfcby3RakUTn2tRPyHBkhr2tkYqeQbjJWf+NizIYBzKBn2IarDJXmTdXd6CuEfw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.13 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lukeed/ms": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@lukeed/ms/-/ms-2.0.2.tgz",
+      "integrity": "sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@pinojs/redact": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@pinojs/redact/-/redact-0.4.0.tgz",
+      "integrity": "sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==",
+      "license": "MIT"
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.61.1.tgz",
+      "integrity": "sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.2.tgz",
+      "integrity": "sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/better-sqlite3": {
+      "version": "7.6.13",
+      "resolved": "https://registry.npmjs.org/@types/better-sqlite3/-/better-sqlite3-7.6.13.tgz",
+      "integrity": "sha512-NMv9ASNARoKksWtsq/SHakpYAYnhBrQgGD8zkLYk/jaK8jUGn08CfEdTRgYhMypUQAfzSP8W6gNLe0q19/t4VA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.13.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.3.tgz",
+      "integrity": "sha512-Dh8vAsV36ig5wa9OX4pXvMc9D3Veibfw2wix0CUwYODLD8nkj9UsLjASr49nPg+2eKzxhBV+v7L8pXvT4e639Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.18.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.64.0.tgz",
+      "integrity": "sha512-CGvQPBxN3wZLu6Rz2kFUpZeoCm78xUic92ck39KPePkO1NPOwjCqdQnm5Q87tpWw9vcBvW8XLrDXjH9PWYtJ3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.64.0",
+        "@typescript-eslint/type-utils": "8.64.0",
+        "@typescript-eslint/utils": "8.64.0",
+        "@typescript-eslint/visitor-keys": "8.64.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.64.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.6.tgz",
+      "integrity": "sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.64.0.tgz",
+      "integrity": "sha512-KA0OshtlcCCXmbfqyZkM5pV3/WNraJf7DkJRLpyrmwPtud57H5BDX7C3k0LPSPxpprfRL+cJDGabF10mvNCoCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.64.0",
+        "@typescript-eslint/types": "8.64.0",
+        "@typescript-eslint/typescript-estree": "8.64.0",
+        "@typescript-eslint/visitor-keys": "8.64.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.64.0.tgz",
+      "integrity": "sha512-tk4WpOJ6IEbGrVHaNmM0YRrwAD3exZlIK3iadQNAxh4YKk6jvUQ4ecq18n+v7+meh+cJ3j+D8nbk8sRKhlwLQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.64.0",
+        "@typescript-eslint/types": "^8.64.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.64.0.tgz",
+      "integrity": "sha512-CXEaFdYXjSTgKhisNkwCcJwTP8Pl+fmRrEQrri4nm3vU743bALrxzLmq7fHG/7e6a5xO0lDYeURpZmBuhHk54w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.64.0",
+        "@typescript-eslint/visitor-keys": "8.64.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.64.0.tgz",
+      "integrity": "sha512-2yo8rRNKuzbVWQp5kslhANqZ2uDAeROQHBRZNPu8JDsHmeFNj/XJJhX/FhNUWmkHHvoNsKa6+tHJiig87EzsQw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.64.0.tgz",
+      "integrity": "sha512-XWG4Fmmv/6SvyS9nH8jWrKs6terwJvE8cyRt1CzYYqzp9OrPhCT4cMc/f7C6RZCwG+qMmiffJS1/qJP8G1URtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.64.0",
+        "@typescript-eslint/typescript-estree": "8.64.0",
+        "@typescript-eslint/utils": "8.64.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.64.0.tgz",
+      "integrity": "sha512-qjhfuTfLXjA4IOzXvz0rTjT01BqEiIgPoUeMwiEjnaHKJMTNo8rH5pYW1a2L/0Dnux2fPC85AeyJoWaGa8WxTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.64.0.tgz",
+      "integrity": "sha512-Pztpsn1aCE1oWDvDEfUk31nngvvF7vUB5SwHFEaZIFpvw7WJtqUHHL4plBZDA9HfWJJjL13BdG0YrJInTUvoVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.64.0",
+        "@typescript-eslint/tsconfig-utils": "8.64.0",
+        "@typescript-eslint/types": "8.64.0",
+        "@typescript-eslint/visitor-keys": "8.64.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.12.tgz",
+      "integrity": "sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.64.0.tgz",
+      "integrity": "sha512-aJUGVB3+U0htrrCjoA8qukw8cm8fNCGAxK/tVoS70k8aeb7DETKeFozRiVFIwEeN9WJLsjaP3ph8I60tY2XZoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.64.0",
+        "@typescript-eslint/types": "8.64.0",
+        "@typescript-eslint/typescript-estree": "8.64.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.64.0.tgz",
+      "integrity": "sha512-mrtuL8Nsn6gi2H4mo5KMTp823M+3Q19Ew/i+Zlikq20tIMm99C3Ez0dCmkWWnxut20esQvTg8aUSEhMcAOXhEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.64.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.2.0.tgz",
+      "integrity": "sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.29.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-rc.3",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.18.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-5.0.0.tgz",
+      "integrity": "sha512-66PGTMIiVJP3t4a5yxU9qPtf7MdTBs8jmToMvy+HVflB3Yy13WJZTtPePdvU+wjRV02SKK5doLbSA6o9pwOmiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.31",
+        "@vitest/spy": "5.0.0",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^1.2.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-5.0.0.tgz",
+      "integrity": "sha512-uy+luWBAPw9XfthoHi5AkfHUnuPYEESjl0p/r+meoBnU8bxg5GDQ3Ey8MjcJ6sqahkL4PFyrvfMJJBw7LbU06g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/abstract-logging": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/abstract-logging/-/abstract-logging-2.0.1.tgz",
+      "integrity": "sha512-2BjRTZxTPvheOvGbBslFSYOUkr+SjPtOnrLP33f+VIWLzezQpZcqVg7ja3L4dBXmzzgwT+a029jRx5PCi3JuiA==",
+      "license": "MIT"
+    },
+    "node_modules/acorn": {
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/avvio": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/avvio/-/avvio-9.2.0.tgz",
+      "integrity": "sha512-2t/sy01ArdHHE0vRH5Hsay+RtCZt3dLPji7W7/MMOCEgze5b7SNDC4j5H6FnVgPkI1MTNFGzHdHrVXDDl7QSSQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/error": "^4.0.0",
+        "fastq": "^1.17.1"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.23",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.23.tgz",
+      "integrity": "sha512-le521dGVfxM7yRX0EikCoSz+rOK+hHzdDt/E7mG1jOJB/6WAAUuwVroLwaB7ApaUsz5Q0kFlDXLSA9MheUIfRQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/better-sqlite3": {
+      "version": "12.11.1",
+      "resolved": "https://registry.npmjs.org/better-sqlite3/-/better-sqlite3-12.11.1.tgz",
+      "integrity": "sha512-dq9AtApgg5PGFtBzPFSBl3HZQjHok5gaQCM6zh2Yk0aSmDCs1CbnVI8/HgASQkNKsWFpseIO9beg5xxpYhbIfA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "prebuild-install": "^7.1.1"
+      },
+      "engines": {
+        "node": "20.x || 22.x || 23.x || 24.x || 25.x || 26.x"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.21.tgz",
+      "integrity": "sha512-9zeA+KLZNNzglF2TPKRQEDyx6Yby7daAkuy8MiPzpXPsYDWi/DRM8jmwUDxokQjYqBpv5DgPiwD4h4ZZSy1Ujw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.9",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.9.tgz",
+      "integrity": "sha512-EWazOblFYUvlGZcfGhPUPmYh3nikUxBVb+y9MJun5f3hBi812X+8MSQTujLBtgK3cf51fJWbWfOjyeO954d+Eg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.11.20",
+        "caniuse-lite": "^1.0.30001810",
+        "electron-to-chromium": "^1.5.420",
+        "node-releases": "^2.0.54",
+        "update-browserslist-db": "^1.3.2"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001810",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+      "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC"
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "9.2.4",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.4.tgz",
+      "integrity": "sha512-TZ0CEhyzvFjgtAvHTusDMgj7wNdihCh7LLLrzdUOXIhdlnL2JBBGA9eJxR24rtqgmdjh3OA3hrN1rCHj6HM8qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "4.1.2",
+        "rxjs": "7.8.2",
+        "shell-quote": "1.9.0",
+        "supports-color": "8.1.1",
+        "tree-kill": "1.2.2",
+        "yargs": "17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-2.0.1.tgz",
+      "integrity": "sha512-e+H0ZXHSWYrENhQzw1LPuP4oF5MzVKmDU6d3hxlvaPEYLLg62MxtQNPRx4SYSuYJSBUgnQIG4HIN2tEtNv7Dog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssstyle": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.6.0.tgz",
+      "integrity": "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.2.0",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/drizzle-orm": {
+      "version": "0.45.2",
+      "resolved": "https://registry.npmjs.org/drizzle-orm/-/drizzle-orm-0.45.2.tgz",
+      "integrity": "sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@aws-sdk/client-rds-data": ">=3",
+        "@cloudflare/workers-types": ">=4",
+        "@electric-sql/pglite": ">=0.2.0",
+        "@libsql/client": ">=0.10.0",
+        "@libsql/client-wasm": ">=0.10.0",
+        "@neondatabase/serverless": ">=0.10.0",
+        "@op-engineering/op-sqlite": ">=2",
+        "@opentelemetry/api": "^1.4.1",
+        "@planetscale/database": ">=1.13",
+        "@prisma/client": "*",
+        "@tidbcloud/serverless": "*",
+        "@types/better-sqlite3": "*",
+        "@types/pg": "*",
+        "@types/sql.js": "*",
+        "@upstash/redis": ">=1.34.7",
+        "@vercel/postgres": ">=0.8.0",
+        "@xata.io/client": "*",
+        "better-sqlite3": ">=7",
+        "bun-types": "*",
+        "expo-sqlite": ">=14.0.0",
+        "gel": ">=2",
+        "knex": "*",
+        "kysely": "*",
+        "mysql2": ">=2",
+        "pg": ">=8",
+        "postgres": ">=3",
+        "sql.js": ">=1",
+        "sqlite3": ">=5"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/client-rds-data": {
+          "optional": true
+        },
+        "@cloudflare/workers-types": {
+          "optional": true
+        },
+        "@electric-sql/pglite": {
+          "optional": true
+        },
+        "@libsql/client": {
+          "optional": true
+        },
+        "@libsql/client-wasm": {
+          "optional": true
+        },
+        "@neondatabase/serverless": {
+          "optional": true
+        },
+        "@op-engineering/op-sqlite": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@prisma/client": {
+          "optional": true
+        },
+        "@tidbcloud/serverless": {
+          "optional": true
+        },
+        "@types/better-sqlite3": {
+          "optional": true
+        },
+        "@types/pg": {
+          "optional": true
+        },
+        "@types/sql.js": {
+          "optional": true
+        },
+        "@upstash/redis": {
+          "optional": true
+        },
+        "@vercel/postgres": {
+          "optional": true
+        },
+        "@xata.io/client": {
+          "optional": true
+        },
+        "better-sqlite3": {
+          "optional": true
+        },
+        "bun-types": {
+          "optional": true
+        },
+        "expo-sqlite": {
+          "optional": true
+        },
+        "gel": {
+          "optional": true
+        },
+        "knex": {
+          "optional": true
+        },
+        "kysely": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "postgres": {
+          "optional": true
+        },
+        "prisma": {
+          "optional": true
+        },
+        "sql.js": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.427",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.427.tgz",
+      "integrity": "sha512-n14zb3FdsChZ2BNobqNHAJMcP3ifFv4paox2LvCrfVAQcqGiSURgbJl+PfMpHVCNFkStnNc+RRVtPBTVW5PDgw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+      "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
+      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.26",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz",
+      "integrity": "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "license": "(MIT OR WTFPL)",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/expect-type": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/fast-decode-uri-component": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/fast-decode-uri-component/-/fast-decode-uri-component-1.0.1.tgz",
+      "integrity": "sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stringify": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fast-json-stringify/-/fast-json-stringify-7.0.1.tgz",
+      "integrity": "sha512-eRSayARSbbwlBjpP4vnTTIRD5QPcIrmihPxDeN1DtKnHPg66UuJLx+8hlK1kaFdjvzyQ/dzALoi4vwAQ+T+iZA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/merge-json-schemas": "^0.2.0",
+        "ajv": "^8.12.0",
+        "ajv-formats": "^3.0.1",
+        "fast-uri": "^4.0.0",
+        "json-schema-ref-resolver": "^3.0.0",
+        "rfdc": "^1.2.0"
+      }
+    },
+    "node_modules/fast-json-stringify/node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/fast-json-stringify/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-querystring": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fast-querystring/-/fast-querystring-1.1.2.tgz",
+      "integrity": "sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-decode-uri-component": "^1.0.1"
+      }
+    },
+    "node_modules/fast-uri": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-4.1.5.tgz",
+      "integrity": "sha512-vZeoMRB4epNr7QfdHxel7te/RcX16CxyXI07JCCTFWZA2s4v1azGNESRj+2EoaHSaWFL/Z3GmKT2jF6A202jLg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastify": {
+      "version": "5.12.4",
+      "resolved": "https://registry.npmjs.org/fastify/-/fastify-5.12.4.tgz",
+      "integrity": "sha512-zATD676fP6tBMsn+jQ7Q5/cO/Qo+149TXH0dUqUKel+1/hcZxwIbnflqtPa9EjlrvpY8eCZcL3M1UYrMc31Y7g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/ajv-compiler": "^4.0.5",
+        "@fastify/error": "^4.0.0",
+        "@fastify/fast-json-stringify-compiler": "^5.0.0",
+        "@fastify/proxy-addr": "^5.0.0",
+        "abstract-logging": "^2.0.1",
+        "avvio": "^9.0.0",
+        "fast-json-stringify": "^7.0.0",
+        "find-my-way": "^9.6.0",
+        "light-my-request": "^6.0.0",
+        "pino": "^9.14.0 || ^10.1.0",
+        "process-warning": "^5.1.0",
+        "rfdc": "^1.3.1",
+        "secure-json-parse": "^4.0.0",
+        "semver": "^7.6.0",
+        "toad-cache": "^3.7.0"
+      }
+    },
+    "node_modules/fastify-plugin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/fastify-plugin/-/fastify-plugin-6.0.0.tgz",
+      "integrity": "sha512-fZOty7z3O7vOliF6d8bHE3wiEh1KcNnKEQensSgTk9C1DvN6nRLS++XVd86v33Hw/8u9Un8A1zDrQ8ujcQDHEg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/fastify/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "license": "MIT"
+    },
+    "node_modules/find-my-way": {
+      "version": "9.7.0",
+      "resolved": "https://registry.npmjs.org/find-my-way/-/find-my-way-9.7.0.tgz",
+      "integrity": "sha512-f2JHn75x2JlwUwLenZypgczR7YWMb/uO9BvUXtus+JMgkbIkLADd38cI4EiV+OQqrGo1Zlq6V8wnqMJ8e62wUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-querystring": "^1.0.0",
+        "safe-regex2": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "license": "MIT"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "license": "MIT"
+    },
+    "node_modules/glob": {
+      "version": "13.0.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz",
+      "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "minimatch": "^10.2.2",
+        "minipass": "^7.1.3",
+        "path-scurry": "^2.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.12.tgz",
+      "integrity": "sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/globals": {
+      "version": "16.5.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz",
+      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.4.0.tgz",
+      "integrity": "sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-5.4.1.tgz",
+      "integrity": "sha512-28R/k+NAjeuf7+CKlTxWZVExJGwVVLwY06DgEnOMz2gEpfNkDcD7QvyiVPT0xy0XXhU8vHsd4Ot42OOPdJG7dQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.mjs"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz",
+      "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.2.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.16",
+        "parse5": "^7.2.1",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.1.1",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.1.1",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-ref-resolver": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-ref-resolver/-/json-schema-ref-resolver-3.0.0.tgz",
+      "integrity": "sha512-hOrZIVL5jyYFjzk7+y7n5JDzGlU8rfWDuYyHwGa2WA8/pcmMHezp2xsVwxrebD/Q9t8Nc5DboieySDpCp4WG4A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/light-my-request": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/light-my-request/-/light-my-request-6.6.0.tgz",
+      "integrity": "sha512-CHYbu8RtboSIoVsHZ6Ye4cj4Aw/yg2oAFimlF7mNvfDV192LR7nDiKtSIfCuLT7KokPSTn/9kfVLm5OGN0A28A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "process-warning": "^4.0.0",
+        "set-cookie-parser": "^2.6.0"
+      }
+    },
+    "node_modules/light-my-request/node_modules/process-warning": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-4.0.1.tgz",
+      "integrity": "sha512-3c2LzQ3rY9d0hc1emcsHhfT9Jwz0cChib/QN89oME2R451w5fy3f0afAhERFZAwrbDU43wk12d0ORBpDVME50Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.468.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.468.0.tgz",
+      "integrity": "sha512-6koYRhnM2N0GGZIdXzSeiNwguv1gt/FAjZOiPl76roBi3xKEXa4WmfpxgQwTTL4KipXjefrnf3oV4IsYhi4JFA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.3.1.tgz",
+      "integrity": "sha512-rm91zr2Ou+XueDTohjQQjdQEcYM6zVi8KVUCG8Ec3vHwUEKrhSdCNyfuIywkA6hcCAteIn0ZOtAHA6eGpiX+Pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.6.0"
+      }
+    },
+    "node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-build-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
+      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
+      "license": "MIT"
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-abi": {
+      "version": "3.94.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.94.0.tgz",
+      "integrity": "sha512-W5ZNO5KRPB5TkYmGVD9F6YqhsglXJzE6etpbmT+f6EQElhiX/UTG551cnsRGvLG3fyZEg9HwaDmNmj5nwJ4z9g==",
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-abi/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.55",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.55.tgz",
+      "integrity": "sha512-mIrE/Cw9y+9Au6dS5vDKDhQza9YvG6w+ZrS6X+ZzA7yFW/soAeaups4Qzn1bL6g5FVy8WtP79+0j82oPIbqRjQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.24",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.24.tgz",
+      "integrity": "sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/obug": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.2.1.tgz",
+      "integrity": "sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz",
+      "integrity": "sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-scurry": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.2.tgz",
+      "integrity": "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pino": {
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-10.3.1.tgz",
+      "integrity": "sha512-r34yH/GlQpKZbU1BvFFqOjhISRo1MNx1tWYsYvmj6KIRHSPMT2+yHOEb1SG6NMvRoHRF0a07kCOox/9yakl1vg==",
+      "license": "MIT",
+      "dependencies": {
+        "@pinojs/redact": "^0.4.0",
+        "atomic-sleep": "^1.0.0",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "^3.0.0",
+        "pino-std-serializers": "^7.0.0",
+        "process-warning": "^5.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^4.0.1",
+        "thread-stream": "^4.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-3.0.0.tgz",
+      "integrity": "sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==",
+      "license": "MIT",
+      "dependencies": {
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-7.1.0.tgz",
+      "integrity": "sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==",
+      "license": "MIT"
+    },
+    "node_modules/playwright": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz",
+      "integrity": "sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz",
+      "integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz",
+      "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.17",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prebuild-install": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
+      "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
+      "deprecated": "No longer maintained. Please contact the author of the relevant native addon; alternatives are available.",
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^2.0.0",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.9.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.5.tgz",
+      "integrity": "sha512-/FVl766LpUfB5vXgCYOYa0MeV/441Ia99AeICQIQFTY/Nw0roZwULcXpku5i1/m5kt/baz+s4Zogspd839HSMg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-5.1.0.tgz",
+      "integrity": "sha512-jQSaVHsPgtyw60e1rQ/A+/ArPEj/S8pS/vFnyGa/gYFXrKk/6RuDkoqVDQ5NI5MmS01698ltlAk0NoDBNLujRw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==",
+      "license": "MIT"
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
+      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.7"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/react-refresh": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
+      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ret": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
+      "integrity": "sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rollup": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.62.2",
+        "@rollup/rollup-android-arm64": "4.62.2",
+        "@rollup/rollup-darwin-arm64": "4.62.2",
+        "@rollup/rollup-darwin-x64": "4.62.2",
+        "@rollup/rollup-freebsd-arm64": "4.62.2",
+        "@rollup/rollup-freebsd-x64": "4.62.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
+        "@rollup/rollup-linux-arm64-musl": "4.62.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
+        "@rollup/rollup-linux-loong64-musl": "4.62.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-musl": "4.62.2",
+        "@rollup/rollup-openbsd-x64": "4.62.2",
+        "@rollup/rollup-openharmony-arm64": "4.62.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
+        "@rollup/rollup-win32-x64-gnu": "4.62.2",
+        "@rollup/rollup-win32-x64-msvc": "4.62.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-regex2": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex2/-/safe-regex2-5.1.1.tgz",
+      "integrity": "sha512-mOSBvHGDZMuIEZMdOz/aCEYDCv0E7nfcNsIhUF+/P+xC7Hyf3FkvymqgPbg9D1EdSGu+uKbJgy09K/RKKc7kJA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "ret": "~0.5.0"
+      },
+      "bin": {
+        "safe-regex2": "bin/safe-regex2.js"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
+      "integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/secure-json-parse": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/secure-json-parse/-/secure-json-parse-4.1.0.tgz",
+      "integrity": "sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.9.0.tgz",
+      "integrity": "sha512-Iov+JwFv/2HcTpcwNMKd8+IWNb8tboQJNQTkAY/LLVK7gGH9jy+LGkVqPxfekHl+yMmiqXszdGWXgkfml7hjqA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/sonic-boom": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-4.2.1.tgz",
+      "integrity": "sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/std-env": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz",
+      "integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tar-fs": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.5.tgz",
+      "integrity": "sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw==",
+      "license": "MIT",
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/thread-stream": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-4.2.0.tgz",
+      "integrity": "sha512-e2zZ96wSChazBsbENf/Pcm/4swHt2cEKQ92rhUjkL9GCKiTDJIaTBenjE/m9DXi0QBmTMDkFDdOomUy20A1tDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "real-require": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/thread-stream/node_modules/real-require": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-1.0.0.tgz",
+      "integrity": "sha512-P4nbQYQfePJxRSmY+v/KINxVucm4NF3p3s7pJveMTtom52FR4YGltUQLB8idDXwDDWW+eYrWDFbuzUnjoWHF7g==",
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-6.1.4.tgz",
+      "integrity": "sha512-9APumHG7r4yOk4X4WlkmE71aZcv1gvin1czO3OQ1U9iJcFA5Ja/ygyb0vPOVHTthFozUYs8CLoLUlM8grb2lTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/tinyexec": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.0.tgz",
+      "integrity": "sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
+      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
+      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/toad-cache": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/toad-cache/-/toad-cache-3.7.4.tgz",
+      "integrity": "sha512-m1TdR/rvT7kgGJZhspNtXdsdYk0fddFpJJFlG5s+UkPFo6lkLoZ3YLOaovPYjq1R75NP5JfeTlSHaOsE09peCg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/tsx": {
+      "version": "4.23.1",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.23.1.tgz",
+      "integrity": "sha512-GQHnkIfxyx1wYCOS/wonik5MVRZU9hi1TEZmzGZSCJB1y9YgoZ8H6itNE/u4suE+yLmOzuE4E5S4TZ/ZX2wcWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.28.0"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
+      "integrity": "sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.1.tgz",
+      "integrity": "sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.1.tgz",
+      "integrity": "sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.1.tgz",
+      "integrity": "sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.1.tgz",
+      "integrity": "sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/darwin-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.1.tgz",
+      "integrity": "sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.1.tgz",
+      "integrity": "sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.1.tgz",
+      "integrity": "sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.1.tgz",
+      "integrity": "sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-loong64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.1.tgz",
+      "integrity": "sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.1.tgz",
+      "integrity": "sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.1.tgz",
+      "integrity": "sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.1.tgz",
+      "integrity": "sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-s390x": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.1.tgz",
+      "integrity": "sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.1.tgz",
+      "integrity": "sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.1.tgz",
+      "integrity": "sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/sunos-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.1.tgz",
+      "integrity": "sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.1.tgz",
+      "integrity": "sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.1.tgz",
+      "integrity": "sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.1.tgz",
+      "integrity": "sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/esbuild": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz",
+      "integrity": "sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.28.1",
+        "@esbuild/android-arm": "0.28.1",
+        "@esbuild/android-arm64": "0.28.1",
+        "@esbuild/android-x64": "0.28.1",
+        "@esbuild/darwin-arm64": "0.28.1",
+        "@esbuild/darwin-x64": "0.28.1",
+        "@esbuild/freebsd-arm64": "0.28.1",
+        "@esbuild/freebsd-x64": "0.28.1",
+        "@esbuild/linux-arm": "0.28.1",
+        "@esbuild/linux-arm64": "0.28.1",
+        "@esbuild/linux-ia32": "0.28.1",
+        "@esbuild/linux-loong64": "0.28.1",
+        "@esbuild/linux-mips64el": "0.28.1",
+        "@esbuild/linux-ppc64": "0.28.1",
+        "@esbuild/linux-riscv64": "0.28.1",
+        "@esbuild/linux-s390x": "0.28.1",
+        "@esbuild/linux-x64": "0.28.1",
+        "@esbuild/netbsd-arm64": "0.28.1",
+        "@esbuild/netbsd-x64": "0.28.1",
+        "@esbuild/openbsd-arm64": "0.28.1",
+        "@esbuild/openbsd-x64": "0.28.1",
+        "@esbuild/openharmony-arm64": "0.28.1",
+        "@esbuild/sunos-x64": "0.28.1",
+        "@esbuild/win32-arm64": "0.28.1",
+        "@esbuild/win32-ia32": "0.28.1",
+        "@esbuild/win32-x64": "0.28.1"
+      }
+    },
+    "node_modules/tsx/node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.64.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.64.0.tgz",
+      "integrity": "sha512-0qg+pDNMnqYzqH9AnNK+39tejHvsShUOUUoRUgtnTGE7QuMZhiFDnozq8nHJVq+Wae6NMLKNWLg5WmkcC/ndyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.64.0",
+        "@typescript-eslint/parser": "8.64.0",
+        "@typescript-eslint/typescript-estree": "8.64.0",
+        "@typescript-eslint/utils": "8.64.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.18.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
+      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.3.tgz",
+      "integrity": "sha512-pJ2sYawQS0R/WI928Gj5GlPhTGzbMelq0+4INtSYNDV9ErKJcX6xjGWkoG/VnB3dpUm00zALaqkrUD77pO5TDQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "7.3.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.6.tgz",
+      "integrity": "sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.27.0 || ^0.28.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
+      "integrity": "sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.1.tgz",
+      "integrity": "sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.1.tgz",
+      "integrity": "sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.1.tgz",
+      "integrity": "sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.1.tgz",
+      "integrity": "sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.1.tgz",
+      "integrity": "sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.1.tgz",
+      "integrity": "sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.1.tgz",
+      "integrity": "sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.1.tgz",
+      "integrity": "sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.1.tgz",
+      "integrity": "sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.1.tgz",
+      "integrity": "sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.1.tgz",
+      "integrity": "sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.1.tgz",
+      "integrity": "sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.1.tgz",
+      "integrity": "sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.1.tgz",
+      "integrity": "sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.1.tgz",
+      "integrity": "sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.1.tgz",
+      "integrity": "sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.1.tgz",
+      "integrity": "sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.1.tgz",
+      "integrity": "sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.1.tgz",
+      "integrity": "sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz",
+      "integrity": "sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.28.1",
+        "@esbuild/android-arm": "0.28.1",
+        "@esbuild/android-arm64": "0.28.1",
+        "@esbuild/android-x64": "0.28.1",
+        "@esbuild/darwin-arm64": "0.28.1",
+        "@esbuild/darwin-x64": "0.28.1",
+        "@esbuild/freebsd-arm64": "0.28.1",
+        "@esbuild/freebsd-x64": "0.28.1",
+        "@esbuild/linux-arm": "0.28.1",
+        "@esbuild/linux-arm64": "0.28.1",
+        "@esbuild/linux-ia32": "0.28.1",
+        "@esbuild/linux-loong64": "0.28.1",
+        "@esbuild/linux-mips64el": "0.28.1",
+        "@esbuild/linux-ppc64": "0.28.1",
+        "@esbuild/linux-riscv64": "0.28.1",
+        "@esbuild/linux-s390x": "0.28.1",
+        "@esbuild/linux-x64": "0.28.1",
+        "@esbuild/netbsd-arm64": "0.28.1",
+        "@esbuild/netbsd-x64": "0.28.1",
+        "@esbuild/openbsd-arm64": "0.28.1",
+        "@esbuild/openbsd-x64": "0.28.1",
+        "@esbuild/openharmony-arm64": "0.28.1",
+        "@esbuild/sunos-x64": "0.28.1",
+        "@esbuild/win32-arm64": "0.28.1",
+        "@esbuild/win32-ia32": "0.28.1",
+        "@esbuild/win32-x64": "0.28.1"
+      }
+    },
+    "node_modules/vite/node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/vitest": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-5.0.0.tgz",
+      "integrity": "sha512-gpsMNoRhMjMktVxPtstOH4/PJuPyovVaMDr4oDilXaGH1EcqM2OE96SoHT2VIQ6fTGtTjqmHDrEu2X9RQiXf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/mocker": "5.0.0",
+        "chai": "^6.2.2",
+        "es-module-lexer": "^2.3.2",
+        "expect-type": "^1.4.0",
+        "magic-string": "^1.2.3",
+        "obug": "^2.1.4",
+        "picomatch": "^4.0.7",
+        "std-env": "^4.2.0",
+        "tinybench": "6.1.4",
+        "tinyexec": "1.3.0",
+        "tinyglobby": "^0.2.17",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^22.12.0 || ^24.0.0 || >=26.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "5.0.0",
+        "@vitest/browser-preview": "5.0.0",
+        "@vitest/browser-webdriverio": "^5.0.0-beta.5 || >=5.0.0",
+        "@vitest/coverage-istanbul": "5.0.0",
+        "@vitest/coverage-v8": "5.0.0",
+        "@vitest/ui": "5.0.0",
+        "happy-dom": "*",
+        "jsdom": "*",
+        "vite": "^6.4.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/coverage-istanbul": {
+          "optional": true
+        },
+        "@vitest/coverage-v8": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        },
+        "vite": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e938154
--- /dev/null
+++ b/package.json
@@ -0,0 +1,83 @@
+{
+  "name": "dockdeck",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "concurrently -k -n api,web -c cyan,magenta \"tsx watch src/server/index.ts\" \"vite --host 127.0.0.1\"",
+    "dev:server": "tsx watch src/server/index.ts",
+    "dev:web": "vite --host 127.0.0.1",
+    "build": "node scripts/build.mjs",
+    "start": "node dist/server/index.js",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint . --max-warnings=0",
+    "typecheck": "tsc -b --pretty false",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "test:security": "vitest run src/tests/security.test.ts",
+    "gitea:init": "node scripts/init-gitea.mjs"
+  },
+  "overrides": {
+    "brace-expansion": "1.1.21",
+    "glob": {
+      "brace-expansion": "5.0.12"
+    },
+    "@typescript-eslint/typescript-estree": {
+      "brace-expansion": "5.0.12"
+    },
+    "fast-uri": "3.1.8",
+    "fast-json-stringify": {
+      "fast-uri": "4.1.5"
+    },
+    "baseline-browser-mapping": "2.11.23",
+    "browserslist": "4.28.9",
+    "find-my-way": "9.7.0",
+    "nanoid": "3.3.18",
+    "@eslint/eslintrc": {
+      "js-yaml": "5.4.1"
+    }
+  },
+  "dependencies": {
+    "@fastify/static": "^10.1.0",
+    "@fontsource-variable/geist": "^5.3.0",
+    "@fontsource/newsreader": "^5.2.10",
+    "@icons-pack/react-simple-icons": "13.8.0",
+    "better-sqlite3": "^12.2.0",
+    "drizzle-orm": "^0.45.2",
+    "entities": "^6.0.1",
+    "fastify": "^5.12.4",
+    "lucide-react": "^0.468.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "zod": "^4.1.5"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.35.0",
+    "@playwright/test": "^1.55.0",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/better-sqlite3": "^7.6.13",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.2",
+    "concurrently": "^9.2.1",
+    "esbuild": "^0.25.9",
+    "eslint": "^9.35.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.6.2",
+    "tsx": "^4.20.5",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.42.0",
+    "vite": "^7.1.4",
+    "vitest": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=22"
+  }
+}
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..478bf72
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,69 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const apiPort = process.env.E2E_API_PORT ?? "3101";
+const clientPort = process.env.E2E_CLIENT_PORT ?? "5174";
+
+export default defineConfig({
+  testDir: "./tests",
+  fullyParallel: false,
+  workers: 1,
+  retries: 0,
+  reporter: "list",
+  use: {
+    baseURL: `http://127.0.0.1:${clientPort}`,
+    trace: "retain-on-failure",
+  },
+  webServer: {
+    command: "npm run dev",
+    url: `http://127.0.0.1:${apiPort}/api/health`,
+    reuseExistingServer: false,
+    timeout: 120_000,
+    env: {
+      MOCK_DISCOVERY: "true",
+      MOCK_WEATHER: "true",
+      DATABASE_PATH: "./data/e2e-canon-v1.db",
+      HOST: "127.0.0.1",
+      PORT: apiPort,
+      VITE_API_PORT: apiPort,
+      VITE_PORT: clientPort,
+    },
+  },
+  projects: [
+    {
+      name: "desktop-chromium",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 1440, height: 900 },
+      },
+    },
+    {
+      name: "tablet-chromium",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 768, height: 1024 },
+      },
+    },
+    {
+      name: "mobile-chromium",
+      use: {
+        ...devices["Pixel 7"],
+        viewport: { width: 390, height: 844 },
+        deviceScaleFactor: 1,
+      },
+    },
+    {
+      name: "ultrawide-chromium",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 3440, height: 1440 },
+      },
+    },
+    {
+      name: "fullhd-chromium",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 1920, height: 1080 },
+      },
+    },
+  ],
+});
diff --git a/public/dockdeck-icon.png b/public/dockdeck-icon.png
new file mode 100644
index 0000000..75ef90c
Binary files /dev/null and b/public/dockdeck-icon.png differ
diff --git a/public/dockdeck-icon.svg b/public/dockdeck-icon.svg
new file mode 100644
index 0000000..f18f72c
--- /dev/null
+++ b/public/dockdeck-icon.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title">
+  <title id="title">DockDeck</title>
+  <defs>
+    <linearGradient id="shell" x1="64" y1="42" x2="448" y2="470" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#243732"/>
+      <stop offset="1" stop-color="#111b19"/>
+    </linearGradient>
+    <linearGradient id="deck" x1="142" y1="134" x2="370" y2="372" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ff8b6e"/>
+      <stop offset="1" stop-color="#d9563d"/>
+    </linearGradient>
+  </defs>
+  <rect x="20" y="20" width="472" height="472" rx="122" fill="url(#shell)"/>
+  <rect x="42" y="42" width="428" height="428" rx="103" fill="none" stroke="#fff" stroke-opacity=".08" stroke-width="4"/>
+  <path d="M126 151c0-20 16-36 36-36h103c80 0 145 65 145 145v3c0 74-60 134-134 134H162c-20 0-36-16-36-36V151Z" fill="#f5f4ed"/>
+  <path d="M187 181h78c44 0 80 36 80 80s-36 80-80 80h-78V181Z" fill="url(#deck)"/>
+  <rect x="213" y="214" width="82" height="14" rx="7" fill="#fff" fill-opacity=".9"/>
+  <rect x="213" y="249" width="59" height="14" rx="7" fill="#fff" fill-opacity=".72"/>
+  <rect x="213" y="284" width="71" height="14" rx="7" fill="#fff" fill-opacity=".55"/>
+  <circle cx="378" cy="135" r="26" fill="#8bd5b5" stroke="#17221f" stroke-width="10"/>
+</svg>
diff --git a/public/dockdeck-mark-dark.svg b/public/dockdeck-mark-dark.svg
new file mode 100644
index 0000000..91f46a1
--- /dev/null
+++ b/public/dockdeck-mark-dark.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-labelledby="title">
+  <title id="title">DockDeck beeldmerk voor donkere achtergrond</title>
+  <path d="M9 7h13.5C33 7 41 15 41 25.5S33 44 22.5 44H9V7Z" fill="none" stroke="#818cf8" stroke-width="3.5" stroke-linejoin="round"/>
+  <path d="M7.5 27.5h33M11 27.5l9-11 18 11M20 17v17" fill="none" stroke="#818cf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 36c4-2.5 8-2.5 12 0s8 2.5 12 0 6-2.5 9-1" fill="none" stroke="#818cf8" stroke-width="3" stroke-linecap="round"/>
+</svg>
diff --git a/public/dockdeck-mark-light.svg b/public/dockdeck-mark-light.svg
new file mode 100644
index 0000000..715b57a
--- /dev/null
+++ b/public/dockdeck-mark-light.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-labelledby="title">
+  <title id="title">DockDeck beeldmerk voor lichte achtergrond</title>
+  <path d="M9 7h13.5C33 7 41 15 41 25.5S33 44 22.5 44H9V7Z" fill="none" stroke="#4f56cf" stroke-width="3.5" stroke-linejoin="round"/>
+  <path d="M7.5 27.5h33M11 27.5l9-11 18 11M20 17v17" fill="none" stroke="#4f56cf" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 36c4-2.5 8-2.5 12 0s8 2.5 12 0 6-2.5 9-1" fill="none" stroke="#4f56cf" stroke-width="3" stroke-linecap="round"/>
+</svg>
diff --git a/public/dockdeck-mark-monochrome.svg b/public/dockdeck-mark-monochrome.svg
new file mode 100644
index 0000000..da80240
--- /dev/null
+++ b/public/dockdeck-mark-monochrome.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-labelledby="title">
+  <title id="title">DockDeck monochroom beeldmerk</title>
+  <path d="M9 7h13.5C33 7 41 15 41 25.5S33 44 22.5 44H9V7Z" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linejoin="round"/>
+  <path d="M7.5 27.5h33M11 27.5l9-11 18 11M20 17v17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 36c4-2.5 8-2.5 12 0s8 2.5 12 0 6-2.5 9-1" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
+</svg>
diff --git a/public/dockdeck-mark-v2.svg b/public/dockdeck-mark-v2.svg
new file mode 100644
index 0000000..e3dd1d6
--- /dev/null
+++ b/public/dockdeck-mark-v2.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title desc">
+  <title id="title">DockDeck</title>
+  <desc id="desc">Een geometrische D met een aanlegkanaal en twee gestapelde dekken.</desc>
+  <path fill="#36558f" d="M8 7h22c16.6 0 27 9.6 27 25S46.6 57 30 57H8V43h13V21H8V7Zm25 14v22c6.5-.8 10-4.4 10-11s-3.5-10.2-10-11Z"/>
+  <path fill="#12bff3" d="m18 28 10-6v18l-10 6-10-6V28l10 6 10-6Z"/>
+  <path fill="#17d7b0" d="m18 46 13-7 13 7-13 7-13-7Zm13-3-5.5 3 5.5 3 5.5-3-5.5-3Z"/>
+  <path fill="#12bff3" d="m31 52 13-7v7l-13 7-13-7v-7l13 7Z"/>
+</svg>
diff --git a/public/dockdeck-mark.svg b/public/dockdeck-mark.svg
new file mode 100644
index 0000000..09526d8
--- /dev/null
+++ b/public/dockdeck-mark.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-labelledby="title">
+  <title id="title">DockDeck</title>
+  <rect width="48" height="48" rx="12" fill="#818cf8"/>
+  <path d="M13 13h9.5C30 13 36 19 36 26.5S30 40 22.5 40H13V13Z" fill="none" stroke="#0b1326" stroke-width="3.4" stroke-linejoin="round"/>
+  <path d="M11.5 28.5h25M15 28.5l7-8 13 8M21 21v13" fill="none" stroke="#0b1326" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12 35c3-2 6-2 9 0s6 2 9 0 5-2 7-.8" fill="none" stroke="#0b1326" stroke-width="2.8" stroke-linecap="round"/>
+</svg>
diff --git a/public/dockdeck-wordmark.svg b/public/dockdeck-wordmark.svg
new file mode 100644
index 0000000..bede966
--- /dev/null
+++ b/public/dockdeck-wordmark.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236 48" role="img" aria-labelledby="title">
+  <title id="title">DockDeck woordmerk</title>
+  <g transform="translate(0)">
+    <path d="M9 7h13.5C33 7 41 15 41 25.5S33 44 22.5 44H9V7Z" fill="none" stroke="#818cf8" stroke-width="3.5" stroke-linejoin="round"/>
+    <path d="M7.5 27.5h33M11 27.5l9-11 18 11M20 17v17" fill="none" stroke="#818cf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8 36c4-2.5 8-2.5 12 0s8 2.5 12 0 6-2.5 9-1" fill="none" stroke="#818cf8" stroke-width="3" stroke-linecap="round"/>
+  </g>
+  <text x="57" y="32" fill="#eef0ff" font-family="Geist, Inter, system-ui, sans-serif" font-size="26" font-weight="650" letter-spacing="-1">DockDeck</text>
+</svg>
diff --git a/public/itworx-app-icon.png b/public/itworx-app-icon.png
new file mode 100644
index 0000000..ff2a8a8
Binary files /dev/null and b/public/itworx-app-icon.png differ
diff --git a/public/itworx-symbol.png b/public/itworx-symbol.png
new file mode 100644
index 0000000..8f639af
Binary files /dev/null and b/public/itworx-symbol.png differ
diff --git a/public/itworx-wordmark.svg b/public/itworx-wordmark.svg
new file mode 100644
index 0000000..32e3c23
--- /dev/null
+++ b/public/itworx-wordmark.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    width="904" height="198" viewBox="0 0 904 198"
+    role="img" aria-labelledby="title desc">
+  <title id="title">ITWorx.tech logo</title>
+  <desc id="desc">Cyan cloud, green checkmark, navy ITWorx wordmark and cyan dot-tech suffix.</desc>
+  <image width="904" height="198"
+         href="data:image/png;base64,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"
+         preserveAspectRatio="xMidYMid meet"/>
+</svg>
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
new file mode 100644
index 0000000..2b8b27a
--- /dev/null
+++ b/public/manifest.webmanifest
@@ -0,0 +1,17 @@
+{
+  "name": "ITWorx DockDeck",
+  "short_name": "ITWorx",
+  "description": "ITWorx.tech startpunt voor apps en favorieten.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0b1326",
+  "theme_color": "#818cf8",
+  "icons": [
+    {
+      "src": "/dockdeck-mark-v2.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    }
+  ]
+}
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..a79e38d
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,58 @@
+/* global self, caches, fetch, URL */
+
+const CACHE = "dockdeck-shell-v3";
+const SHELL = ["/", "/manifest.webmanifest", "/dockdeck-mark-v2.svg"];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(caches.open(CACHE).then((cache) => cache.addAll(SHELL)));
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches
+      .keys()
+      .then((keys) =>
+        Promise.all(
+          keys.filter((key) => key !== CACHE).map((key) => caches.delete(key)),
+        ),
+      ),
+  );
+  self.clients.claim();
+});
+
+self.addEventListener("fetch", (event) => {
+  const request = event.request;
+  const url = new URL(request.url);
+  if (
+    request.method !== "GET" ||
+    url.origin !== self.location.origin ||
+    url.pathname.startsWith("/api/")
+  )
+    return;
+  if (request.mode === "navigate") {
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          const copy = response.clone();
+          caches.open(CACHE).then((cache) => cache.put("/", copy));
+          return response;
+        })
+        .catch(() => caches.match("/")),
+    );
+    return;
+  }
+  event.respondWith(
+    caches.match(request).then(
+      (cached) =>
+        cached ||
+        fetch(request).then((response) => {
+          if (response.ok)
+            caches
+              .open(CACHE)
+              .then((cache) => cache.put(request, response.clone()));
+          return response;
+        }),
+    ),
+  );
+});
diff --git a/scripts/build.mjs b/scripts/build.mjs
new file mode 100644
index 0000000..b252cdc
--- /dev/null
+++ b/scripts/build.mjs
@@ -0,0 +1,109 @@
+import { execFileSync, spawnSync } from "node:child_process";
+import { mkdirSync, readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { build } from "esbuild";
+
+const projectRoot = fileURLToPath(new URL("../", import.meta.url));
+const packageJson = JSON.parse(
+  readFileSync(resolve(projectRoot, "package.json"), "utf8"),
+);
+
+function getRevision() {
+  const suppliedRevision = process.env.DOCKDECK_BUILD_REVISION?.trim();
+  if (suppliedRevision) return normalizeRevision(suppliedRevision);
+
+  try {
+    return normalizeRevision(
+      execFileSync("git", ["rev-parse", "--verify", "HEAD"], {
+        cwd: projectRoot,
+        encoding: "utf8",
+        stdio: ["ignore", "pipe", "ignore"],
+      }).trim(),
+    );
+  } catch {
+    return "development";
+  }
+}
+
+function normalizeRevision(revision) {
+  if (revision === "development") return revision;
+
+  const normalizedRevision = revision.toLowerCase();
+  if (!/^(?:[a-f0-9]{40}|[a-f0-9]{64})$/.test(normalizedRevision)) {
+    throw new Error(
+      "DOCKDECK_BUILD_REVISION must be a complete 40- or 64-character Git revision.",
+    );
+  }
+
+  return normalizedRevision;
+}
+
+function getBuildDate() {
+  const buildDate = process.env.DOCKDECK_BUILD_DATE ?? new Date().toISOString();
+  const parsedDate = new Date(buildDate);
+  const hasMilliseconds = /\.\d{3}Z$/.test(buildDate);
+  const canonicalBuildDate = hasMilliseconds
+    ? buildDate
+    : `${buildDate.slice(0, -1)}.000Z`;
+  if (
+    !/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{3})?Z$/.test(buildDate) ||
+    Number.isNaN(parsedDate.getTime()) ||
+    parsedDate.toISOString() !== canonicalBuildDate
+  ) {
+    throw new Error(
+      "DOCKDECK_BUILD_DATE must be a canonical UTC ISO timestamp with optional milliseconds.",
+    );
+  }
+
+  return buildDate;
+}
+
+const suppliedVersion = process.env.DOCKDECK_BUILD_VERSION?.trim();
+if (suppliedVersion && suppliedVersion !== packageJson.version) {
+  throw new Error(
+    `DOCKDECK_BUILD_VERSION (${suppliedVersion}) does not match package.json (${packageJson.version}).`,
+  );
+}
+
+const revision = getRevision();
+const buildDate = getBuildDate();
+if (revision !== "development" && Date.parse(buildDate) === 0) {
+  throw new Error(
+    "DOCKDECK_BUILD_DATE must be a real UTC build timestamp when a full Git revision is provided.",
+  );
+}
+
+const buildInfo = {
+  version: packageJson.version,
+  revision,
+  shortRevision: revision === "development" ? "dev" : revision.slice(0, 12),
+  buildDate,
+};
+
+function runNodeScript(scriptPath, args = []) {
+  const result = spawnSync(
+    process.execPath,
+    [resolve(projectRoot, scriptPath), ...args],
+    { cwd: projectRoot, stdio: "inherit" },
+  );
+  if (result.error) throw result.error;
+  if (result.status !== 0) process.exit(result.status ?? 1);
+}
+
+runNodeScript("node_modules/typescript/bin/tsc", ["-b"]);
+runNodeScript("node_modules/vite/bin/vite.js", ["build"]);
+
+const serverOutput = resolve(projectRoot, "dist/server/index.js");
+mkdirSync(dirname(serverOutput), { recursive: true });
+await build({
+  entryPoints: [resolve(projectRoot, "src/server/index.ts")],
+  bundle: true,
+  platform: "node",
+  format: "esm",
+  packages: "external",
+  outfile: serverOutput,
+  define: {
+    __DOCKDECK_BUILD_INFO__: JSON.stringify(buildInfo),
+  },
+});
diff --git a/scripts/hash-operator-password.mjs b/scripts/hash-operator-password.mjs
new file mode 100644
index 0000000..1fab6c1
--- /dev/null
+++ b/scripts/hash-operator-password.mjs
@@ -0,0 +1,55 @@
+#!/usr/bin/env node
+// Prints a DOCKDECK_OPERATOR_PASSWORD_HASH value ("salt:hash", scrypt,
+// hex-encoded) for a password read from standard input. Run locally, set the
+// printed value as an env var, and never place the plaintext in process args.
+import { randomBytes, scryptSync } from "node:crypto";
+
+if (process.argv.length > 2) {
+  console.error(
+    "Do not pass a password as an argument; provide it on standard input.",
+  );
+  process.exit(1);
+}
+
+async function readPassword() {
+  if (!process.stdin.isTTY) {
+    let value = "";
+    for await (const chunk of process.stdin) value += chunk;
+    return value.replace(/[\r\n]+$/, "");
+  }
+  return new Promise((resolve, reject) => {
+    let value = "";
+    const finish = (error) => {
+      process.stdin.setRawMode(false);
+      process.stdin.pause();
+      process.stdin.removeListener("data", onData);
+      process.stderr.write("\n");
+      if (error) reject(error);
+      else resolve(value);
+    };
+    const onData = (chunk) => {
+      for (const character of String(chunk)) {
+        if (character === "\u0003") return finish(new Error("Cancelled"));
+        if (character === "\r" || character === "\n") return finish();
+        if (character === "\u007f" || character === "\b")
+          value = value.slice(0, -1);
+        else value += character;
+      }
+    };
+    process.stderr.write("Operator password: ");
+    process.stdin.setRawMode(true);
+    process.stdin.setEncoding("utf8");
+    process.stdin.resume();
+    process.stdin.on("data", onData);
+  });
+}
+
+const password = await readPassword();
+if (!password) {
+  console.error("Usage: provide the password on standard input.");
+  process.exit(1);
+}
+
+const salt = randomBytes(16).toString("hex");
+const hash = scryptSync(password, salt, 32).toString("hex");
+console.log(`${salt}:${hash}`);
diff --git a/src/client/App.tsx b/src/client/App.tsx
new file mode 100644
index 0000000..a74edfb
--- /dev/null
+++ b/src/client/App.tsx
@@ -0,0 +1,238 @@
+import {
+  Check,
+  Grid2X2,
+  LayoutDashboard,
+  Settings as SettingsIcon,
+} from "lucide-react";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from "react";
+import type { DashboardPayload } from "../shared/contracts";
+import { api } from "./api";
+import { persistSortOrder, type SortableEntity } from "./persist-sort-order";
+import { Dashboard, DashboardSkeleton } from "./components/Dashboard";
+import { Settings, type SettingsSection } from "./components/Settings";
+import { Brand } from "./components/Brand";
+
+type Page = "dashboard" | "settings";
+
+export function App() {
+  const [page, setPage] = useState<Page>("dashboard");
+  const [settingsSection, setSettingsSection] =
+    useState<SettingsSection>("apps");
+  const [data, setData] = useState<DashboardPayload | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [syncing, setSyncing] = useState(false);
+  const [toast, setToast] = useState<string | null>(null);
+  const toastTimerRef = useRef<number | undefined>(undefined);
+  const syncInFlightRef = useRef<Promise<void> | null>(null);
+  const theme = data?.preferences.theme;
+  const accent = data?.preferences.accent;
+  const density = data?.preferences.density;
+  const contentWidth = data?.preferences.contentWidth;
+  const backgroundStyle = data?.preferences.backgroundStyle;
+  const reducedMotion = data?.preferences.reducedMotion;
+  const pollingIntervalMs = data
+    ? Math.min(
+        data.preferences.pollingIntervalMs,
+        ...data.apps
+          .filter((app) => app.widgetEnabled)
+          .map((app) => app.widgetRefreshIntervalMs),
+      )
+    : undefined;
+
+  const load = useCallback(async () => {
+    try {
+      const payload = await api.dashboard();
+      setData(payload);
+      setError(null);
+    } catch (loadError) {
+      setError(
+        loadError instanceof Error
+          ? loadError.message
+          : "DockDeck is niet bereikbaar.",
+      );
+    }
+  }, []);
+
+  const sync = useCallback(async () => {
+    if (syncInFlightRef.current) return syncInFlightRef.current;
+    const request = (async () => {
+      setSyncing(true);
+      try {
+        await api.sync();
+        await load();
+      } catch (syncError) {
+        setError(
+          syncError instanceof Error
+            ? syncError.message
+            : "De actuele status kon niet worden vernieuwd.",
+        );
+      } finally {
+        setSyncing(false);
+        syncInFlightRef.current = null;
+      }
+    })();
+    syncInFlightRef.current = request;
+    return request;
+  }, [load]);
+
+  useEffect(() => {
+    void load().then(sync);
+  }, [load, sync]);
+
+  useLayoutEffect(() => {
+    if (!theme || !accent || !density || !contentWidth || !backgroundStyle)
+      return;
+    const root = document.documentElement;
+    root.dataset.theme = theme;
+    root.dataset.accent = accent;
+    root.dataset.density = density;
+    root.dataset.contentWidth = contentWidth;
+    root.dataset.background = backgroundStyle;
+    root.dataset.reducedMotion = String(Boolean(reducedMotion));
+  }, [accent, backgroundStyle, contentWidth, density, reducedMotion, theme]);
+
+  useEffect(() => {
+    if (!pollingIntervalMs) return;
+    const refreshWhenVisible = () => {
+      if (document.visibilityState === "visible") void sync();
+    };
+    const timer = window.setInterval(refreshWhenVisible, pollingIntervalMs);
+    document.addEventListener("visibilitychange", refreshWhenVisible);
+    window.addEventListener("online", refreshWhenVisible);
+    return () => {
+      window.clearInterval(timer);
+      document.removeEventListener("visibilitychange", refreshWhenVisible);
+      window.removeEventListener("online", refreshWhenVisible);
+    };
+  }, [pollingIntervalMs, sync]);
+
+  const notify = (message: string) => {
+    window.clearTimeout(toastTimerRef.current);
+    setToast(message);
+    toastTimerRef.current = window.setTimeout(() => setToast(null), 2400);
+  };
+
+  const reorderDashboardItems = async (
+    entity: SortableEntity,
+    items: readonly { id: string }[],
+  ) => {
+    try {
+      await persistSortOrder(entity, items);
+      await load();
+      notify(
+        entity === "app"
+          ? "Appvolgorde bijgewerkt"
+          : entity === "category"
+            ? "Categorievolgorde bijgewerkt"
+            : "Favorietenvolgorde bijgewerkt",
+      );
+      return true;
+    } catch (reorderError) {
+      await load();
+      notify(
+        reorderError instanceof Error
+          ? reorderError.message
+          : "De nieuwe volgorde kon niet worden opgeslagen.",
+      );
+      return false;
+    }
+  };
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(toastTimerRef.current);
+    },
+    [],
+  );
+
+  if (!data && !error) return <DashboardSkeleton />;
+  if (!data && error)
+    return (
+      <div className="fatal-state">
+        <Brand />
+        <p className="eyebrow">VERBINDING VERBROKEN</p>
+        <h1>DockDeck is even niet bereikbaar.</h1>
+        <p>{error}</p>
+        <button className="primary-button" onClick={() => void load()}>
+          Opnieuw proberen
+        </button>
+      </div>
+    );
+  if (!data) return null;
+
+  return (
+    <div className="app-shell">
+      <a className="skip-link" href="#main-content">
+        Naar inhoud
+      </a>
+      {page === "dashboard" ? (
+        <Dashboard
+          data={data}
+          syncing={syncing}
+          onSync={sync}
+          onReorder={reorderDashboardItems}
+          onSettings={(section = "apps") => {
+            setSettingsSection(section);
+            setPage("settings");
+          }}
+        />
+      ) : (
+        <Settings
+          data={data}
+          initialSection={settingsSection}
+          onBack={() => setPage("dashboard")}
+          syncing={syncing}
+          onSync={sync}
+          onChanged={load}
+          notify={notify}
+        />
+      )}
+      {toast && (
+        <div className="toast" role="status">
+          <Check size={16} />
+          {toast}
+        </div>
+      )}
+      <nav className="mobile-nav" aria-label="Mobiele navigatie">
+        <button
+          className={page === "dashboard" ? "active" : ""}
+          aria-current={page === "dashboard" ? "page" : undefined}
+          onClick={() => setPage("dashboard")}
+        >
+          <LayoutDashboard size={20} />
+          <span>Dashboard</span>
+        </button>
+        <button
+          className=""
+          onClick={() => {
+            setPage("dashboard");
+            window.setTimeout(
+              () =>
+                document
+                  .getElementById("category-navigation")
+                  ?.scrollIntoView({ behavior: "smooth" }),
+              0,
+            );
+          }}
+        >
+          <Grid2X2 size={20} />
+          <span>Categorieën</span>
+        </button>
+        <button
+          className={page === "settings" ? "active" : ""}
+          aria-current={page === "settings" ? "page" : undefined}
+          onClick={() => setPage("settings")}
+        >
+          <SettingsIcon size={20} />
+          <span>Instellingen</span>
+        </button>
+      </nav>
+    </div>
+  );
+}
diff --git a/src/client/api.ts b/src/client/api.ts
new file mode 100644
index 0000000..7772524
--- /dev/null
+++ b/src/client/api.ts
@@ -0,0 +1,135 @@
+import type {
+  AppPatch,
+  Category,
+  CategoryOrganizationResult,
+  CategoryInput,
+  DashboardPayload,
+  Favorite,
+  FavoriteInput,
+  LayoutPreset,
+  LayoutPresetImport,
+  PreferencesPatch,
+  SystemDiagnostics,
+  WallpaperDescriptor,
+  WeatherMetric,
+  WidgetLayoutInput,
+} from "../shared/contracts";
+
+async function request<T>(path: string, init?: RequestInit): Promise<T> {
+  const response = await fetch(path, {
+    ...init,
+    headers: init?.body
+      ? { "content-type": "application/json", ...init.headers }
+      : init?.headers,
+  });
+  if (!response.ok) {
+    const body = (await response.json().catch(() => null)) as {
+      error?: string;
+    } | null;
+    throw new Error(body?.error ?? "DockDeck kon de wijziging niet opslaan.");
+  }
+  return response.status === 204
+    ? (undefined as T)
+    : ((await response.json()) as T);
+}
+
+export const api = {
+  dashboard: () => request<DashboardPayload>("/api/dashboard"),
+  weather: () => request<WeatherMetric>("/api/weather"),
+  uploadWallpaper: async (file: File) => {
+    const response = await fetch("/api/wallpaper", {
+      method: "PUT",
+      headers: { "content-type": file.type },
+      body: file,
+    });
+    if (!response.ok) {
+      const body = (await response.json().catch(() => null)) as {
+        error?: string;
+      } | null;
+      throw new Error(body?.error ?? "Wallpaper kon niet worden opgeslagen.");
+    }
+    return (await response.json()) as WallpaperDescriptor;
+  },
+  removeWallpaper: () => request<void>("/api/wallpaper", { method: "DELETE" }),
+  sync: () => request("/api/discovery/sync", { method: "POST" }),
+  auditWidgets: () =>
+    request<{ integrations: DashboardPayload["integrations"] }>(
+      "/api/widgets/audit",
+      { method: "POST" },
+    ),
+  enableAllWidgets: () =>
+    request<{ apps: DashboardPayload["apps"] }>("/api/widgets/enable-all", {
+      method: "POST",
+    }),
+  updateApp: (id: string, patch: AppPatch) =>
+    request(`/api/apps/${id}`, {
+      method: "PATCH",
+      body: JSON.stringify(patch),
+    }),
+  deleteApp: (id: string) => request(`/api/apps/${id}`, { method: "DELETE" }),
+  createCategory: (input: CategoryInput) =>
+    request<Category>("/api/categories", {
+      method: "POST",
+      body: JSON.stringify(input),
+    }),
+  updateCategory: (id: string, input: Partial<CategoryInput>) =>
+    request<Category>(`/api/categories/${id}`, {
+      method: "PATCH",
+      body: JSON.stringify(input),
+    }),
+  deleteCategory: (id: string) =>
+    request(`/api/categories/${id}`, { method: "DELETE" }),
+  organizeCategories: () =>
+    request<CategoryOrganizationResult>("/api/categories/organize", {
+      method: "POST",
+    }),
+  createFavorite: (input: FavoriteInput) =>
+    request<Favorite>("/api/favorites", {
+      method: "POST",
+      body: JSON.stringify(input),
+    }),
+  updateFavorite: (id: string, input: Partial<FavoriteInput>) =>
+    request<Favorite>(`/api/favorites/${id}`, {
+      method: "PATCH",
+      body: JSON.stringify(input),
+    }),
+  deleteFavorite: (id: string) =>
+    request(`/api/favorites/${id}`, { method: "DELETE" }),
+  updatePreferences: (patch: PreferencesPatch) =>
+    request("/api/preferences", {
+      method: "PATCH",
+      body: JSON.stringify(patch),
+    }),
+  updateWidgetLayout: (input: WidgetLayoutInput) =>
+    request<{ saved: true }>("/api/widget-layout", {
+      method: "PUT",
+      body: JSON.stringify(input),
+    }),
+  createLayoutPreset: (name: string) =>
+    request<LayoutPreset>("/api/layout-presets", {
+      method: "POST",
+      body: JSON.stringify({ name }),
+    }),
+  applyLayoutPreset: (id: string) =>
+    request<{ applied: true }>(`/api/layout-presets/${id}/apply`, {
+      method: "POST",
+    }),
+  deleteLayoutPreset: (id: string) =>
+    request(`/api/layout-presets/${id}`, { method: "DELETE" }),
+  importLayoutPreset: (payload: LayoutPresetImport) =>
+    request<LayoutPreset>("/api/layout-presets/import", {
+      method: "POST",
+      body: JSON.stringify(payload),
+    }),
+  diagnostics: () => request<SystemDiagnostics>("/api/diagnostics"),
+  updateIntegrationCredentials: (id: string, values: Record<string, string>) =>
+    request<{ saved: true }>(
+      `/api/integrations/${encodeURIComponent(id)}/credentials`,
+      {
+        method: "PUT",
+        body: JSON.stringify({ values }),
+      },
+    ),
+  importBackup: (payload: unknown) =>
+    request("/api/import", { method: "POST", body: JSON.stringify(payload) }),
+};
diff --git a/src/client/bookmark-import.ts b/src/client/bookmark-import.ts
new file mode 100644
index 0000000..87e84d1
--- /dev/null
+++ b/src/client/bookmark-import.ts
@@ -0,0 +1,466 @@
+import { decodeHTML } from "entities";
+
+export const MAX_BOOKMARK_FILE_BYTES = 2 * 1024 * 1024;
+export const MAX_BOOKMARKS = 500;
+export const MAX_BOOKMARK_NODES = 20_000;
+export const MAX_BOOKMARK_FOLDER_DEPTH = 8;
+export const MAX_BOOKMARK_URL_LENGTH = 2_048;
+export const MAX_BOOKMARK_TITLE_LENGTH = 80;
+export const MAX_BOOKMARK_CATEGORY_LENGTH = 48;
+
+export interface ParsedBookmark {
+  id: string;
+  title: string;
+  url: string | null;
+  normalizedUrl: string | null;
+  folderPath: string[];
+  categoryName: string | null;
+  error: string | null;
+}
+
+export interface BookmarkParseResult {
+  bookmarks: ParsedBookmark[];
+  warnings: string[];
+  truncated: boolean;
+}
+
+type HtmlToken =
+  | { type: "text"; value: string }
+  | {
+      type: "tag";
+      name: string;
+      closing: boolean;
+      selfClosing: boolean;
+      attributes: Record<string, string>;
+    };
+
+interface TokenizeResult {
+  tokens: HtmlToken[];
+  truncated: boolean;
+}
+
+interface FolderFrame {
+  name: string;
+  invalid: boolean;
+}
+
+interface ListFrame {
+  pushedFolder: boolean;
+  invalidDepth: boolean;
+}
+
+interface ActiveText {
+  kind: "bookmark" | "folder";
+  chunks: string[];
+  length: number;
+  tooLong: boolean;
+  href?: string;
+  folderPath?: FolderFrame[];
+  invalidFolder?: boolean;
+}
+
+function readTagEnd(source: string, start: number): number {
+  let quote = "";
+  for (let index = start; index < source.length; index += 1) {
+    const character = source[index];
+    if (quote) {
+      if (character === quote) quote = "";
+    } else if (character === '"' || character === "'") {
+      quote = character;
+    } else if (character === ">") {
+      return index;
+    }
+  }
+  return -1;
+}
+
+function parseAttributes(source: string): Record<string, string> {
+  const attributes: Record<string, string> = {};
+  let index = 0;
+  let count = 0;
+
+  while (index < source.length && count < 256) {
+    while (/\s/.test(source[index] ?? "")) index += 1;
+    if (source[index] === "/") break;
+
+    const nameStart = index;
+    while (index < source.length && !/[\s=/>]/.test(source[index] ?? "")) {
+      index += 1;
+    }
+    if (nameStart === index) {
+      index += 1;
+      continue;
+    }
+
+    const name = source.slice(nameStart, index).toLowerCase();
+    while (/\s/.test(source[index] ?? "")) index += 1;
+    let value = "";
+    if (source[index] === "=") {
+      index += 1;
+      while (/\s/.test(source[index] ?? "")) index += 1;
+      const quote = source[index] === '"' || source[index] === "'";
+      if (quote) {
+        const delimiter = source[index]!;
+        index += 1;
+        const valueStart = index;
+        const closingQuote = source.indexOf(delimiter, index);
+        if (closingQuote === -1) {
+          value = source.slice(valueStart);
+          index = source.length;
+        } else {
+          value = source.slice(valueStart, closingQuote);
+          index = closingQuote + 1;
+        }
+      } else {
+        const valueStart = index;
+        while (index < source.length && !/[\s>]/.test(source[index] ?? "")) {
+          index += 1;
+        }
+        value = source.slice(valueStart, index);
+      }
+    }
+
+    if (!(name in attributes)) attributes[name] = decodeHTML(value);
+    count += 1;
+  }
+
+  return attributes;
+}
+
+function findRawTextClosingTag(
+  source: string,
+  lowercaseSource: string,
+  tagName: string,
+  start: number,
+): number {
+  const closingPrefix = `</${tagName}`;
+  let candidate = lowercaseSource.indexOf(closingPrefix, start);
+  while (candidate !== -1) {
+    const next = lowercaseSource[candidate + closingPrefix.length] ?? "";
+    if (!next || /[\s/>]/.test(next)) return candidate;
+    candidate = lowercaseSource.indexOf(closingPrefix, candidate + 2);
+  }
+  return source.length;
+}
+
+function tokenizeBookmarkHtml(source: string): TokenizeResult {
+  const tokens: HtmlToken[] = [];
+  const lowercaseSource = source.toLowerCase();
+  let index = 0;
+  let nodes = 0;
+  let rawTextTag: string | null = null;
+
+  while (index < source.length && nodes < MAX_BOOKMARK_NODES) {
+    if (rawTextTag) {
+      index = findRawTextClosingTag(source, lowercaseSource, rawTextTag, index);
+      rawTextTag = null;
+      if (index >= source.length) break;
+    }
+
+    if (source[index] !== "<") {
+      const nextTag = source.indexOf("<", index);
+      const end = nextTag === -1 ? source.length : nextTag;
+      tokens.push({ type: "text", value: source.slice(index, end) });
+      index = end;
+      nodes += 1;
+      continue;
+    }
+
+    if (source.startsWith("<!--", index)) {
+      const commentEnd = source.indexOf("-->", index + 4);
+      index = commentEnd === -1 ? source.length : commentEnd + 3;
+      nodes += 1;
+      continue;
+    }
+
+    const tagEnd = readTagEnd(source, index + 1);
+    if (tagEnd === -1) {
+      tokens.push({ type: "text", value: source.slice(index) });
+      index = source.length;
+      nodes += 1;
+      break;
+    }
+
+    const contents = source.slice(index + 1, tagEnd);
+    index = tagEnd + 1;
+    nodes += 1;
+
+    const trimmed = contents.trim();
+    if (!trimmed || trimmed.startsWith("!") || trimmed.startsWith("?")) {
+      continue;
+    }
+
+    const closing = trimmed.startsWith("/");
+    const tagContents = closing ? trimmed.slice(1).trimStart() : trimmed;
+    let nameEnd = 0;
+    while (
+      nameEnd < tagContents.length &&
+      !/[\s/>]/.test(tagContents[nameEnd] ?? "")
+    ) {
+      nameEnd += 1;
+    }
+    if (nameEnd === 0) continue;
+
+    const name = tagContents.slice(0, nameEnd).toLowerCase();
+    const remainder = tagContents.slice(nameEnd);
+    const selfClosing = !closing && /\/\s*$/.test(remainder);
+    tokens.push({
+      type: "tag",
+      name,
+      closing,
+      selfClosing,
+      attributes: closing ? {} : parseAttributes(remainder),
+    });
+    if (!closing && !selfClosing && (name === "script" || name === "style")) {
+      rawTextTag = name;
+    }
+  }
+
+  return {
+    tokens,
+    truncated: nodes >= MAX_BOOKMARK_NODES && index < source.length,
+  };
+}
+
+export function normalizeBookmarkUrl(value: string): {
+  url: string;
+  key: string;
+} {
+  const trimmed = value.trim();
+  if (!trimmed) throw new Error("De bladwijzer heeft geen URL.");
+  if (trimmed.length > MAX_BOOKMARK_URL_LENGTH) {
+    throw new Error("De URL is langer dan 2.048 tekens.");
+  }
+
+  let parsed: URL;
+  try {
+    parsed = new URL(trimmed);
+  } catch {
+    throw new Error("De URL is ongeldig.");
+  }
+  if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
+    throw new Error("Alleen HTTP- en HTTPS-bladwijzers worden geïmporteerd.");
+  }
+  if (parsed.username || parsed.password) {
+    throw new Error("URL's met gebruikersgegevens worden overgeslagen.");
+  }
+  if (parsed.href.length > MAX_BOOKMARK_URL_LENGTH) {
+    throw new Error("De URL is langer dan 2.048 tekens.");
+  }
+
+  const duplicateCheck = new URL(parsed.href);
+  duplicateCheck.hash = "";
+  return { url: parsed.href, key: duplicateCheck.href };
+}
+
+function makeBookmark(
+  id: number,
+  active: ActiveText,
+  malformed: boolean,
+  folders: readonly FolderFrame[],
+  hasOverflow: boolean,
+): ParsedBookmark {
+  const title = decodeHTML(active.chunks.join("")).trim();
+  const folderPath = (active.folderPath ?? folders).map(
+    (folder) => folder.name,
+  );
+  const categoryName = folderPath.length > 0 ? folderPath.join(" / ") : null;
+  let url: string | null = null;
+  let normalizedUrl: string | null = null;
+  let error: string | null = null;
+
+  if (malformed) error = "De bladwijzer-tag is niet correct afgesloten.";
+  else if (active.tooLong)
+    error = "De bladwijzertitel is langer dan 80 tekens.";
+  else if (!title) error = "De bladwijzer heeft geen titel.";
+  else if (title.length > MAX_BOOKMARK_TITLE_LENGTH) {
+    error = "De bladwijzertitel is langer dan 80 tekens.";
+  } else if (!active.href) error = "De bladwijzer heeft geen URL.";
+  else {
+    try {
+      const normalized = normalizeBookmarkUrl(active.href);
+      url = normalized.url;
+      normalizedUrl = normalized.key;
+    } catch (urlError) {
+      error =
+        urlError instanceof Error ? urlError.message : "De URL is ongeldig.";
+    }
+  }
+
+  if (!error && hasOverflow) {
+    error = `De bladwijzermap is dieper dan ${MAX_BOOKMARK_FOLDER_DEPTH} niveaus.`;
+  }
+  if (
+    !error &&
+    (active.folderPath ?? folders).some((folder) => folder.invalid)
+  ) {
+    error = "Een mapnaam is langer dan 80 tekens.";
+  }
+  if (
+    !error &&
+    categoryName &&
+    categoryName.length > MAX_BOOKMARK_CATEGORY_LENGTH
+  ) {
+    error = "De volledige mapnaam is langer dan 48 tekens.";
+  }
+
+  return {
+    id: `bookmark-${id}`,
+    title: title.slice(0, MAX_BOOKMARK_TITLE_LENGTH),
+    url: error ? null : url,
+    normalizedUrl: error ? null : normalizedUrl,
+    folderPath,
+    categoryName: error ? null : categoryName,
+    error,
+  };
+}
+
+export function parseBookmarkHtml(source: string): BookmarkParseResult {
+  if (source.length > MAX_BOOKMARK_FILE_BYTES) {
+    throw new Error("Het bladwijzerbestand mag maximaal 2 MB groot zijn.");
+  }
+  if (
+    !/<!doctype\s+netscape-bookmark-file-1(?:\s|>)/i.test(source.slice(0, 4096))
+  ) {
+    throw new Error("Dit is geen Netscape Bookmark HTML-bestand.");
+  }
+
+  const tokenized = tokenizeBookmarkHtml(source);
+  const bookmarks: ParsedBookmark[] = [];
+  const warnings: string[] = [];
+  const folders: FolderFrame[] = [];
+  const listFrames: ListFrame[] = [];
+  let active: ActiveText | null = null;
+  let pendingFolder: FolderFrame | null = null;
+  let truncated = tokenized.truncated;
+
+  const finishActive = (malformed: boolean) => {
+    if (!active) return;
+    if (active.kind === "folder") {
+      const name = decodeHTML(active.chunks.join("")).trim();
+      if (name) {
+        pendingFolder = {
+          name: name.slice(0, MAX_BOOKMARK_TITLE_LENGTH),
+          invalid: active.tooLong || name.length > MAX_BOOKMARK_TITLE_LENGTH,
+        };
+      }
+      active = null;
+      return;
+    }
+
+    bookmarks.push(
+      makeBookmark(
+        bookmarks.length,
+        active,
+        malformed,
+        active.folderPath ?? folders,
+        listFrames.some((frame) => frame.invalidDepth) ||
+          Boolean(active.invalidFolder),
+      ),
+    );
+    active = null;
+    if (bookmarks.length >= MAX_BOOKMARKS) truncated = true;
+  };
+
+  for (const token of tokenized.tokens) {
+    if (bookmarks.length >= MAX_BOOKMARKS) break;
+    if (token.type === "text") {
+      if (active && active.length <= MAX_BOOKMARK_TITLE_LENGTH) {
+        const remaining = MAX_BOOKMARK_TITLE_LENGTH + 1 - active.length;
+        const chunk = token.value.slice(0, remaining);
+        active.chunks.push(chunk);
+        active.length += chunk.length;
+        if (chunk.length < token.value.length) active.tooLong = true;
+      } else if (active) {
+        active.tooLong = true;
+      }
+      continue;
+    }
+
+    if (active) {
+      if (
+        token.closing &&
+        token.name === (active.kind === "folder" ? "h3" : "a")
+      ) {
+        finishActive(false);
+        continue;
+      }
+      if (
+        !token.closing &&
+        token.name === (active.kind === "folder" ? "h3" : "a")
+      ) {
+        finishActive(true);
+      } else if (
+        active.kind === "folder" &&
+        token.name === "dl" &&
+        !token.closing
+      ) {
+        finishActive(true);
+      } else {
+        continue;
+      }
+    }
+
+    if (token.closing && token.name === "dl") {
+      const frame = listFrames.pop();
+      if (frame?.pushedFolder) folders.pop();
+      pendingFolder = null;
+      continue;
+    }
+
+    if (!token.closing && token.name === "dl" && !token.selfClosing) {
+      let pushedFolder = false;
+      let invalidDepth = false;
+      if (pendingFolder) {
+        if (folders.length >= MAX_BOOKMARK_FOLDER_DEPTH) {
+          invalidDepth = true;
+        } else {
+          folders.push(pendingFolder);
+          pushedFolder = true;
+        }
+      } else if (listFrames.length >= MAX_BOOKMARK_FOLDER_DEPTH + 1) {
+        invalidDepth = true;
+      }
+      listFrames.push({ pushedFolder, invalidDepth });
+      pendingFolder = null;
+      continue;
+    }
+
+    if (token.closing) continue;
+    if (token.name === "h3" && !token.selfClosing) {
+      pendingFolder = null;
+      active = {
+        kind: "folder",
+        chunks: [],
+        length: 0,
+        tooLong: false,
+      };
+      continue;
+    }
+    if (token.name === "a" && !token.selfClosing) {
+      active = {
+        kind: "bookmark",
+        chunks: [],
+        length: 0,
+        tooLong: false,
+        href: token.attributes.href,
+        folderPath: [...folders],
+        invalidFolder: folders.some((folder) => folder.invalid),
+      };
+    }
+  }
+
+  if (active?.kind === "bookmark" && bookmarks.length < MAX_BOOKMARKS) {
+    finishActive(true);
+  }
+  if (tokenized.truncated) {
+    warnings.push(
+      "Het bestand bevat te veel HTML-elementen; de preview is afgekapt.",
+    );
+  }
+  if (bookmarks.length >= MAX_BOOKMARKS) {
+    warnings.push(`Maximaal ${MAX_BOOKMARKS} bladwijzers worden verwerkt.`);
+  }
+
+  return { bookmarks, warnings, truncated };
+}
diff --git a/src/client/canon.css b/src/client/canon.css
new file mode 100644
index 0000000..a7a03a5
--- /dev/null
+++ b/src/client/canon.css
@@ -0,0 +1,1373 @@
+/* Canon v1 presentation layer. Component logic continues to use the existing
+   product contracts; this file only maps those surfaces to semantic tokens. */
+
+html {
+  scroll-behavior: smooth;
+  background: var(--color-background);
+}
+
+body {
+  font-family: "Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif;
+  background: var(--color-background);
+  color: var(--color-text);
+}
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+}
+
+button:focus-visible,
+a:focus-visible,
+input:focus-visible,
+select:focus-visible,
+summary:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 3px;
+}
+
+.brand-lockup {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-3);
+  text-align: left;
+}
+
+.brand-lockup img {
+  width: 40px;
+  height: 40px;
+  flex: 0 0 40px;
+}
+
+.brand-lockup > span {
+  min-width: 0;
+  display: grid;
+}
+
+.brand-lockup strong {
+  color: var(--color-text);
+  font-size: 18px;
+  letter-spacing: -0.035em;
+}
+
+.brand-lockup small {
+  margin-top: 2px;
+  color: var(--color-text-faint);
+  font-size: 10px;
+}
+
+.brand-lockup.compact img {
+  width: 34px;
+  height: 34px;
+  flex-basis: 34px;
+}
+
+.brand-lockup.compact strong {
+  font-size: 20px;
+}
+
+.dashboard,
+.settings-page {
+  width: 100%;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+}
+
+.dashboard-topbar,
+.settings-topbar {
+  position: sticky;
+  z-index: 50;
+  top: 0;
+  width: 100%;
+  height: 72px;
+  display: grid;
+  grid-template-columns: auto minmax(280px, 560px) 1fr auto;
+  align-items: center;
+  gap: var(--space-6);
+  border-bottom: 1px solid var(--color-border);
+  padding: 0 max(var(--space-6), calc((100vw - 1440px) / 2));
+  background: color-mix(in srgb, var(--color-background) 92%, transparent);
+  backdrop-filter: blur(18px);
+}
+
+.brand-button,
+.settings-brand {
+  display: inline-flex;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  cursor: pointer;
+}
+
+.dashboard-topbar nav,
+.settings-topbar nav {
+  justify-self: end;
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.dashboard-topbar nav button,
+.settings-topbar nav button,
+.settings-topbar nav span {
+  min-height: 38px;
+  display: inline-flex;
+  align-items: center;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  padding: 0 10px;
+  color: var(--color-text-muted);
+  background: transparent;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.dashboard-topbar nav button {
+  cursor: pointer;
+}
+
+.dashboard-topbar nav button:hover,
+.dashboard-topbar nav button.active,
+.settings-topbar nav span {
+  border-bottom-color: var(--color-primary);
+  color: var(--color-text);
+}
+
+.topbar-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.icon-button {
+  width: 42px;
+  height: 42px;
+  border: 1px solid transparent;
+  border-radius: var(--radius-control);
+  color: var(--color-text-muted);
+  background: transparent;
+  box-shadow: none;
+}
+
+.icon-button:hover {
+  border-color: var(--color-border);
+  color: var(--color-text);
+  background: var(--color-hover);
+  transform: none;
+}
+
+.dashboard-canvas {
+  width: min(calc(100% - 48px), var(--content-canon));
+  margin: 0 auto;
+  padding: 42px 0 48px;
+}
+
+.dashboard-hero,
+.dashboard-toolbar,
+.degraded-banner,
+.widgets-section,
+.category-tabs,
+.dashboard-groups,
+.empty-state,
+.dashboard-footer,
+.favorites-section {
+  max-width: none;
+}
+
+.dashboard-hero {
+  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
+  align-items: center;
+  gap: var(--space-12);
+  margin: 0 0 28px;
+}
+
+.dashboard-hero::after {
+  display: none;
+}
+
+.hero-copy h1 {
+  max-width: none;
+  color: var(--color-text);
+  font-size: clamp(34px, 4vw, 48px);
+  font-weight: 650;
+  line-height: 1.08;
+  letter-spacing: -0.045em;
+}
+
+.hero-intro {
+  margin-top: var(--space-3);
+  color: var(--color-text-muted);
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+.eyebrow,
+.section-kicker {
+  color: var(--color-primary);
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.12em;
+}
+
+.hero-overview {
+  max-width: none;
+  border-color: var(--color-border);
+  border-radius: var(--radius-panel);
+  padding: var(--space-4);
+  background: var(--color-surface);
+  box-shadow: none;
+  backdrop-filter: none;
+}
+
+.hero-metrics > span {
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  background: var(--color-surface-elevated);
+}
+
+.discovery-banner {
+  width: fit-content;
+  min-width: 310px;
+  min-height: 52px;
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  margin: -8px 0 28px auto;
+  border: 1px solid
+    color-mix(in srgb, var(--color-success) 50%, var(--color-border));
+  border-radius: var(--radius-surface);
+  padding: 10px 14px;
+  color: var(--color-success);
+  background: var(--color-success-soft);
+  cursor: pointer;
+}
+
+.discovery-banner > span {
+  flex: 1;
+  display: grid;
+  text-align: left;
+}
+
+.discovery-banner small {
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.11em;
+}
+
+.discovery-banner strong {
+  margin-top: 2px;
+  color: var(--color-text);
+  font-size: 13px;
+}
+
+.degraded-banner {
+  margin: 0 0 var(--space-6);
+  border-color: color-mix(
+    in srgb,
+    var(--color-warning) 35%,
+    var(--color-border)
+  );
+  border-radius: var(--radius-control);
+  background: var(--color-warning-soft);
+}
+
+.topbar-search,
+.topbar-search .search-shell {
+  min-width: 0;
+  width: 100%;
+  margin: 0;
+}
+
+.search-shell {
+  z-index: 80;
+}
+
+.search-bar {
+  position: relative;
+  z-index: 2;
+  height: 44px;
+  gap: var(--space-3);
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 0 12px 0 15px;
+  background: var(--color-surface-elevated);
+  box-shadow: none;
+  backdrop-filter: none;
+}
+
+.search-bar input {
+  color: var(--color-text);
+  font-size: 14px;
+}
+
+.search-bar:focus-within {
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 18%, transparent);
+}
+
+.search-shell.expanded {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: min(14vh, 130px) 20px 40px;
+}
+
+/* A backdrop-filter creates a containing block for fixed descendants. Disable
+   it while Quick Launch is open so the dialog can cover the full viewport. */
+.dashboard-topbar:has(.search-shell.expanded) {
+  backdrop-filter: none;
+}
+
+.search-shell.expanded .search-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border: 0;
+  background: color-mix(in srgb, var(--color-background) 76%, transparent);
+  backdrop-filter: blur(12px);
+  cursor: default;
+}
+
+.search-shell.expanded .search-bar,
+.search-results {
+  width: min(100%, 720px);
+}
+
+.search-shell.expanded .search-bar {
+  height: 66px;
+  border-radius: var(--radius-surface) var(--radius-surface) 0 0;
+  border-color: var(--color-border-strong);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-overlay);
+}
+
+.search-results {
+  position: relative;
+  inset: auto;
+  top: auto;
+  z-index: 2;
+  max-height: min(66vh, 640px);
+  overflow-y: auto;
+  border-color: var(--color-border-strong);
+  border-top: 0;
+  border-radius: 0 0 var(--radius-surface) var(--radius-surface);
+  padding: var(--space-2) var(--space-2) 0;
+  background: var(--color-surface);
+  box-shadow: var(--shadow-overlay);
+}
+
+.result-group {
+  padding: var(--space-2) 0;
+}
+
+.result-group h2 {
+  margin: 0;
+  padding: 8px 12px 6px;
+  color: var(--color-text-faint);
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.search-results a,
+.search-results button.google-result {
+  min-height: 62px;
+  border: 0 !important;
+  border-radius: var(--radius-control) !important;
+  padding: 8px 12px;
+  color: var(--color-text);
+}
+
+.search-results a:hover,
+.search-results button:hover,
+.search-results a.selected,
+.search-results button.selected {
+  background: var(--color-active);
+}
+
+.search-hint {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: 22px 14px;
+  color: var(--color-primary);
+}
+
+.search-hint > span {
+  display: grid;
+}
+
+.search-hint small {
+  margin-top: 3px;
+  color: var(--color-text-muted);
+}
+
+.search-shortcuts {
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  gap: var(--space-5);
+  margin: var(--space-2) calc(var(--space-2) * -1) 0;
+  border-top: 1px solid var(--color-border);
+  padding: 12px 16px;
+  color: var(--color-text-muted);
+  background: var(--color-surface-elevated);
+  font-size: 11px;
+}
+
+.search-shortcuts span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+kbd {
+  border-color: var(--color-border-strong);
+  color: var(--color-text-muted);
+  background: var(--color-surface-muted);
+  font-family: inherit;
+}
+
+.category-tabs {
+  margin: 0 0 38px;
+  gap: var(--space-2);
+  padding: 2px;
+}
+
+.category-tabs button {
+  min-height: 40px;
+  border-color: var(--color-border);
+  border-radius: 999px;
+  padding: 0 16px;
+  color: var(--color-text-muted);
+  background: var(--color-surface-elevated);
+  font-size: 13px;
+}
+
+.category-tabs button.active {
+  border-color: var(--color-primary);
+  color: var(--color-background);
+  background: var(--color-primary);
+  box-shadow: none;
+}
+
+.favorites-section,
+.app-section {
+  margin: 0 0 42px;
+}
+
+.favorites-section > header,
+.app-section > header {
+  display: flex;
+  align-items: end;
+  justify-content: space-between;
+  padding: 0 2px 14px;
+}
+
+.favorites-section h2,
+.app-section h2 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  margin: 0;
+  font-size: 22px;
+  font-weight: 600;
+  letter-spacing: -0.025em;
+}
+
+.favorites-section h2 svg,
+.app-section h2 svg {
+  color: var(--color-primary);
+}
+
+.favorite-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-4);
+}
+
+.app-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: var(--space-4);
+}
+
+.app-tile {
+  min-width: 0;
+  min-height: 148px;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto 1fr;
+  align-items: start;
+  gap: var(--space-3);
+  border-color: var(--color-border);
+  border-radius: var(--radius-surface);
+  padding: var(--space-5);
+  background: var(--color-surface);
+  box-shadow: none;
+  backdrop-filter: none;
+}
+
+.app-tile:hover {
+  border-color: color-mix(
+    in srgb,
+    var(--color-primary) 55%,
+    var(--color-border)
+  );
+  background: var(--color-hover);
+  box-shadow: var(--shadow-interactive);
+  transform: translateY(-2px);
+}
+
+.app-tile .tile-copy {
+  grid-column: 1 / 3;
+  grid-row: 2;
+  align-self: end;
+}
+
+.tile-copy strong {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.tile-copy small {
+  margin-top: 4px;
+  color: var(--color-text-muted);
+  font-size: 12px;
+}
+
+.app-tile .status-dot {
+  grid-column: 3;
+  grid-row: 1;
+  width: 9px;
+  height: 9px;
+  margin: 6px;
+  border: 0;
+  box-shadow: none;
+}
+
+.status-dot.online,
+.inline-status.online > span {
+  background: var(--color-success);
+}
+
+.status-dot.offline,
+.inline-status.offline > span {
+  background: var(--color-error);
+}
+
+.status-dot.unknown,
+.inline-status.unknown > span {
+  background: var(--color-unknown);
+}
+
+.app-tile .tile-arrow {
+  grid-column: 3;
+  grid-row: 2;
+  align-self: end;
+}
+
+.favorite-grid .app-tile {
+  min-height: 88px;
+  display: flex;
+  align-items: center;
+  padding: var(--space-4);
+}
+
+.favorite-grid .app-tile .tile-copy {
+  display: grid;
+}
+
+.favorite-grid .app-tile .tile-arrow {
+  margin-left: auto;
+}
+
+.dashboard-insights {
+  margin: 8px 0 36px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-panel);
+  background: var(--color-surface);
+}
+
+.dashboard-insights > summary {
+  min-height: 74px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-6);
+  padding: 16px 20px;
+  color: var(--color-text);
+  cursor: pointer;
+}
+
+.dashboard-insights > summary > span {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-weight: 600;
+}
+
+.dashboard-insights > summary svg {
+  color: var(--color-primary);
+}
+
+.dashboard-insights > summary small {
+  color: var(--color-text-muted);
+}
+
+.dashboard-insights .widgets-section {
+  margin: 0;
+  border-top: 1px solid var(--color-border);
+  padding: 20px;
+}
+
+.dashboard-footer {
+  color: var(--color-text-muted);
+}
+
+.primary-button {
+  min-height: 42px;
+  border-color: var(--color-primary);
+  border-radius: var(--radius-control);
+  color: #0b1326;
+  background: var(--color-primary);
+  box-shadow: none;
+}
+
+.secondary-button {
+  min-height: 42px;
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+}
+
+.settings-topbar {
+  grid-template-columns: auto 1fr auto auto;
+  padding-inline: max(var(--space-6), calc((100vw - 1440px) / 2));
+}
+
+.settings-topbar nav {
+  justify-self: start;
+}
+
+.settings-topbar .back-button {
+  min-height: 40px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 0 12px;
+}
+
+.settings-layout {
+  width: min(calc(100% - 48px), 1440px);
+  max-width: 1440px;
+  grid-template-columns: 260px minmax(0, 1fr);
+  min-height: calc(100vh - 72px);
+}
+
+.settings-sidebar {
+  border-color: var(--color-border);
+  padding: 42px 24px 36px 0;
+}
+
+.settings-sidebar h1 {
+  margin-bottom: 28px;
+  color: var(--color-text-muted);
+  font-size: 14px;
+  font-weight: 450;
+  letter-spacing: 0;
+}
+
+.settings-sidebar nav button {
+  min-height: 46px;
+  border-radius: var(--radius-control);
+  color: var(--color-text-muted);
+  font-size: 13px;
+}
+
+.settings-sidebar nav button.active {
+  color: #0b1326;
+  background: var(--color-primary);
+  box-shadow: none;
+}
+
+.settings-sidebar nav button.active svg {
+  color: #0b1326;
+}
+
+.settings-content {
+  padding: 44px 0 80px 48px;
+}
+
+.settings-heading {
+  max-width: 720px;
+  margin-bottom: 24px;
+}
+
+.settings-heading h2 {
+  margin-bottom: 8px;
+  font-size: 36px;
+  font-weight: 650;
+  letter-spacing: -0.04em;
+}
+
+.settings-heading > p:last-child {
+  color: var(--color-text-muted);
+  font-size: 15px;
+}
+
+.settings-subnav {
+  display: inline-flex;
+  gap: 4px;
+  margin: 0 0 28px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 4px;
+  background: var(--color-surface);
+}
+
+.settings-subnav button {
+  min-height: 38px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  border: 0;
+  border-radius: 6px;
+  padding: 0 12px;
+  color: var(--color-text-muted);
+  background: transparent;
+  cursor: pointer;
+}
+
+.settings-subnav button.active {
+  color: var(--color-text);
+  background: var(--color-active);
+}
+
+.settings-summary span {
+  min-height: 42px;
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  color: var(--color-text-muted);
+  background: var(--color-surface);
+  font-size: 11px;
+}
+
+.management-toolbar {
+  margin-bottom: 10px;
+}
+
+input,
+select {
+  min-height: 42px;
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  color: var(--color-text);
+  background: var(--color-surface);
+  font-size: 12px;
+}
+
+input:focus,
+select:focus {
+  border-color: var(--color-focus);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 16%, transparent);
+}
+
+label > span:first-child,
+.setting-label {
+  color: var(--color-text-muted);
+  font-size: 10px;
+  letter-spacing: 0.06em;
+}
+
+.filter-pills {
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+}
+
+.filter-pills button {
+  min-height: 34px;
+  font-size: 10px;
+}
+
+.filter-pills button.active {
+  color: var(--color-background);
+  background: var(--color-primary);
+  box-shadow: none;
+}
+
+.app-management-row {
+  min-height: 78px;
+  display: grid;
+  grid-template-columns:
+    minmax(220px, 1.5fr) minmax(120px, 0.65fr) minmax(130px, 0.65fr)
+    auto;
+  align-items: center;
+  gap: var(--space-4);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-surface);
+  padding: 12px 14px;
+  background: var(--color-surface);
+}
+
+.app-management-row .management-title {
+  min-width: 0;
+}
+
+.app-management-row .management-title > span:nth-child(2) {
+  flex: 1;
+}
+
+.inline-status,
+.category-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  width: fit-content;
+  min-height: 30px;
+  border: 1px solid var(--color-border);
+  border-radius: 999px;
+  padding: 0 10px;
+  color: var(--color-text-muted);
+  font-size: 11px;
+}
+
+.inline-status > span {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+}
+
+.app-row-actions {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  gap: 7px;
+}
+
+.visibility-toggle,
+.widget-toggle,
+.edit-app-button {
+  min-height: 36px;
+  border-color: var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 0 10px;
+  color: var(--color-text-muted);
+  background: var(--color-surface-elevated);
+  font-size: 10px;
+}
+
+.edit-app-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid var(--color-border);
+  cursor: pointer;
+}
+
+.visibility-toggle.on {
+  border-color: color-mix(
+    in srgb,
+    var(--color-success) 45%,
+    var(--color-border)
+  );
+  color: var(--color-success);
+  background: var(--color-success-soft);
+}
+
+.drawer-layer {
+  position: fixed;
+  inset: 0;
+  z-index: 120;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.drawer-backdrop {
+  position: absolute;
+  inset: 0;
+  border: 0;
+  background: rgb(3 8 22 / 0.68);
+  backdrop-filter: blur(8px);
+}
+
+.app-editor-drawer {
+  position: relative;
+  z-index: 1;
+  width: min(100%, 620px);
+  height: 100%;
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  border-left: 1px solid var(--color-border-strong);
+  background: var(--color-background);
+  box-shadow: var(--shadow-overlay);
+  animation: drawer-in 180ms ease-out both;
+}
+
+.app-editor-drawer > header,
+.app-editor-drawer > footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-4);
+  border-bottom: 1px solid var(--color-border);
+  padding: 18px 22px;
+  background: var(--color-surface);
+}
+
+.app-editor-drawer > footer {
+  justify-content: flex-end;
+  border-top: 1px solid var(--color-border);
+  border-bottom: 0;
+}
+
+.drawer-app-title {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.drawer-app-title > span {
+  display: grid;
+}
+
+.drawer-app-title small {
+  color: var(--color-primary);
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+}
+
+.drawer-app-title h2 {
+  margin: 2px 0 0;
+  font-size: 20px;
+}
+
+.drawer-content {
+  overflow-y: auto;
+  padding: 22px;
+}
+
+.drawer-section {
+  display: grid;
+  gap: var(--space-4);
+  border-bottom: 1px solid var(--color-border);
+  padding: 0 0 24px;
+  margin-bottom: 24px;
+}
+
+.drawer-section:last-child {
+  border-bottom: 0;
+}
+
+.drawer-section > div:first-child h3 {
+  margin: 0;
+  font-size: 15px;
+}
+
+.drawer-section > div:first-child p {
+  margin: 4px 0 0;
+  color: var(--color-text-muted);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.drawer-section.two-column {
+  grid-template-columns: 1fr 1fr;
+}
+
+.drawer-section.two-column > div:first-child {
+  grid-column: 1 / -1;
+}
+
+.discovered-value {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  padding: 12px;
+  background: var(--color-surface-elevated);
+}
+
+.discovered-value span {
+  color: var(--color-text-muted);
+  font-size: 10px;
+}
+
+.discovered-value code {
+  overflow-wrap: anywhere;
+  color: var(--color-text);
+  font-size: 12px;
+}
+
+.danger-button {
+  min-height: 42px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid
+    color-mix(in srgb, var(--color-error) 45%, var(--color-border));
+  border-radius: var(--radius-control);
+  padding: 0 13px;
+  color: var(--color-error);
+  background: var(--color-error-soft);
+  cursor: pointer;
+}
+
+.toast {
+  border-color: color-mix(
+    in srgb,
+    var(--color-success) 45%,
+    var(--color-border)
+  );
+  border-radius: var(--radius-control);
+  color: var(--color-text);
+  background: var(--color-surface);
+}
+
+.mobile-nav {
+  display: none;
+}
+
+@keyframes drawer-in {
+  from {
+    transform: translateX(32px);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@media (max-width: 1120px) {
+  .dashboard-topbar {
+    grid-template-columns: auto minmax(260px, 1fr) auto;
+  }
+
+  .dashboard-topbar nav {
+    display: none;
+  }
+
+  .app-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .app-management-row {
+    grid-template-columns: minmax(220px, 1fr) auto auto;
+  }
+
+  .app-management-row .category-badge {
+    display: none;
+  }
+}
+
+@media (max-width: 800px) {
+  .dashboard,
+  .settings-page {
+    padding-bottom: 84px;
+  }
+
+  .dashboard-topbar {
+    height: auto;
+    grid-template-columns: 1fr auto;
+    gap: 10px;
+    padding: 12px 20px;
+  }
+
+  .topbar-search {
+    grid-column: 1 / -1;
+    grid-row: 2;
+  }
+
+  .dashboard-canvas {
+    width: min(calc(100% - 40px), var(--content-canon));
+    padding-top: 30px;
+  }
+
+  .dashboard-hero {
+    grid-template-columns: 1fr;
+    gap: 18px;
+  }
+
+  .hero-overview {
+    max-width: none;
+  }
+
+  .app-grid,
+  .favorite-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .settings-topbar {
+    grid-template-columns: 1fr auto auto;
+    padding-inline: 20px;
+  }
+
+  .settings-topbar nav {
+    display: none;
+  }
+
+  .settings-layout {
+    width: min(calc(100% - 40px), 760px);
+    display: block;
+    padding: 0;
+  }
+
+  .settings-sidebar {
+    border: 0;
+    padding: 28px 0 0;
+  }
+
+  .settings-sidebar nav {
+    display: flex;
+    overflow-x: auto;
+    padding-bottom: 8px;
+  }
+
+  .settings-sidebar nav button {
+    flex: 0 0 auto;
+  }
+
+  .settings-content {
+    padding: 28px 0 50px;
+  }
+
+  .app-management-row {
+    grid-template-columns: minmax(190px, 1fr) auto;
+  }
+
+  .app-management-row > .inline-status {
+    display: none;
+  }
+
+  .mobile-nav {
+    position: fixed;
+    inset: auto 0 0;
+    z-index: 70;
+    height: 72px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0;
+    border: 0;
+    border-top: 1px solid var(--color-border);
+    border-radius: 0;
+    padding: 6px 10px 8px;
+    background: color-mix(in srgb, var(--color-background) 95%, transparent);
+    box-shadow: none;
+    backdrop-filter: blur(18px);
+    transform: none;
+    left: 0;
+  }
+
+  .mobile-nav button {
+    width: auto;
+    height: 56px;
+    flex-direction: column;
+    gap: 3px;
+    border-radius: var(--radius-control);
+    color: var(--color-text-muted);
+    font-size: 10px;
+  }
+
+  .mobile-nav button.active {
+    color: var(--color-text);
+    background: var(--color-active);
+  }
+}
+
+@media (max-width: 560px) {
+  .dashboard-topbar {
+    padding-inline: 16px;
+  }
+
+  .brand-lockup.compact strong {
+    font-size: 18px;
+  }
+
+  .dashboard-canvas {
+    width: calc(100% - 32px);
+    padding-top: 22px;
+  }
+
+  .dashboard-hero {
+    display: none;
+  }
+
+  .discovery-banner {
+    width: 100%;
+    min-width: 0;
+    min-height: 82px;
+    margin: 0 0 22px;
+    padding: 14px 16px;
+  }
+
+  .discovery-banner strong {
+    font-size: 16px;
+  }
+
+  .category-tabs {
+    margin-inline: -16px;
+    padding-inline: 16px;
+  }
+
+  .category-tabs button {
+    min-width: 76px;
+    min-height: 54px;
+    justify-content: center;
+    border-radius: 14px;
+    padding-inline: 12px;
+  }
+
+  .category-tabs button span {
+    display: none;
+  }
+
+  .favorite-grid,
+  .app-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .favorite-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .favorite-grid .app-tile {
+    min-height: 132px;
+    display: grid;
+    align-content: space-between;
+  }
+
+  .favorite-grid .app-tile .tile-copy {
+    grid-column: 1 / -1;
+  }
+
+  .app-tile {
+    min-height: 82px;
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto;
+    align-items: center;
+    padding: 14px 16px;
+  }
+
+  .app-tile .tile-copy,
+  .app-tile .status-dot,
+  .app-tile .tile-arrow {
+    grid-row: 1;
+  }
+
+  .app-tile .tile-copy {
+    grid-column: 2;
+    align-self: center;
+  }
+
+  .app-tile .status-dot {
+    grid-column: 3;
+  }
+
+  .app-tile .tile-arrow {
+    display: none;
+  }
+
+  .dashboard-insights > summary {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .search-shell.expanded {
+    padding: 16px;
+    justify-content: center;
+  }
+
+  .search-shell.expanded .search-bar {
+    height: 58px;
+  }
+
+  .search-results {
+    max-height: 70vh;
+  }
+
+  .search-shortcuts {
+    gap: 8px;
+    justify-content: space-between;
+    font-size: 9px;
+  }
+
+  .settings-topbar {
+    padding-inline: 16px;
+  }
+
+  .settings-topbar .back-button {
+    width: 42px;
+    overflow: hidden;
+    padding: 0 11px;
+    white-space: nowrap;
+  }
+
+  .settings-layout {
+    width: calc(100% - 32px);
+  }
+
+  .settings-heading h2 {
+    font-size: 30px;
+  }
+
+  .settings-summary {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .settings-summary span {
+    min-width: 0;
+    justify-content: center;
+    overflow: hidden;
+    padding-inline: 8px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .app-management-row {
+    display: block;
+  }
+
+  .app-row-actions {
+    justify-content: flex-start;
+    margin-top: 12px;
+    overflow-x: auto;
+  }
+
+  .drawer-section.two-column {
+    grid-template-columns: 1fr;
+  }
+
+  .drawer-section.two-column > div:first-child {
+    grid-column: auto;
+  }
+
+  .app-editor-drawer > footer {
+    align-items: stretch;
+    flex-direction: column-reverse;
+  }
+
+  .app-editor-drawer > footer button {
+    justify-content: center;
+    width: 100%;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+  .app-editor-drawer {
+    animation: none;
+  }
+}
diff --git a/src/client/categoryIcons.ts b/src/client/categoryIcons.ts
new file mode 100644
index 0000000..adce5da
--- /dev/null
+++ b/src/client/categoryIcons.ts
@@ -0,0 +1,79 @@
+import {
+  Activity,
+  Archive,
+  Bot,
+  Box,
+  BriefcaseBusiness,
+  Code2,
+  Database,
+  Download,
+  FileText,
+  Gamepad2,
+  Home,
+  Image as ImageIcon,
+  Layers3,
+  Network,
+  Play,
+  Server,
+  ShieldCheck,
+  Star,
+  Wrench,
+} from "lucide-react";
+
+export const categoryIconOptions = [
+  { id: "Layers3", label: "Lagen" },
+  { id: "Play", label: "Media" },
+  { id: "Download", label: "Downloads" },
+  { id: "FileText", label: "Documenten" },
+  { id: "Image", label: "Foto's" },
+  { id: "Home", label: "Thuis & automatisering" },
+  { id: "ShieldCheck", label: "Beveiliging & identiteit" },
+  { id: "Network", label: "Netwerk & beheer" },
+  { id: "Activity", label: "Monitoring" },
+  { id: "Code2", label: "Ontwikkeling" },
+  { id: "Bot", label: "AI & machine learning" },
+  { id: "Database", label: "Databases & opslag" },
+  { id: "Server", label: "Infrastructuur" },
+  { id: "Gamepad2", label: "Games & emulatie" },
+  { id: "Wrench", label: "Gereedschap" },
+  { id: "Archive", label: "Experimenten & archief" },
+  { id: "Star", label: "Favorieten" },
+  { id: "BriefcaseBusiness", label: "Werk" },
+  { id: "Box", label: "Algemeen" },
+] as const;
+
+const categoryIconComponents = {
+  Layers3,
+  Play,
+  Download,
+  FileText,
+  Image: ImageIcon,
+  Home,
+  ShieldCheck,
+  Network,
+  Activity,
+  Code2,
+  Bot,
+  Database,
+  Server,
+  Gamepad2,
+  Wrench,
+  Archive,
+  Star,
+  BriefcaseBusiness,
+  Box,
+} as const;
+
+export function resolveCategoryIcon(name: string) {
+  return (
+    categoryIconComponents[name as keyof typeof categoryIconComponents] ??
+    Layers3
+  );
+}
+
+export function nextAvailableCategoryIcon(usedIcons: Iterable<string>) {
+  const used = new Set(usedIcons);
+  return (
+    categoryIconOptions.find((option) => !used.has(option.id))?.id ?? "Layers3"
+  );
+}
diff --git a/src/client/components/AppTile.tsx b/src/client/components/AppTile.tsx
new file mode 100644
index 0000000..26c7b4f
--- /dev/null
+++ b/src/client/components/AppTile.tsx
@@ -0,0 +1,134 @@
+import { ArrowUpRight, Box, Globe2 } from "lucide-react";
+import type { DockApp, Favorite } from "../../shared/contracts";
+import { effectiveAppUrl, favoriteIconUrl } from "../../shared/domain";
+import { makeLaunchKey, type LaunchKey } from "../launch-history";
+import { ServiceIcon } from "./ServiceIcon";
+
+const serviceDescriptions: Array<[RegExp, string]> = [
+  [/plex/i, "Media server & streaming"],
+  [/jellyfin/i, "De vrije software mediaserver"],
+  [/sonarr/i, "PVR voor tv-series"],
+  [/radarr/i, "PVR voor films"],
+  [/home.?assistant|ha-core/i, "Centrale automatisering"],
+  [/adguard|pihole|pi-hole/i, "Netwerkbeveiliging & filter"],
+  [/nextcloud/i, "Bestandshosting"],
+  [/gitea|github|gitlab/i, "Code en samenwerking"],
+  [/immich/i, "Foto's en herinneringen"],
+  [/paperless/i, "Documenten en archief"],
+];
+
+function describeService(app: DockApp, categoryName: string) {
+  const haystack = `${app.displayName} ${app.technicalName}`;
+  return (
+    serviceDescriptions.find(([pattern]) => pattern.test(haystack))?.[1] ??
+    `${categoryName} service`
+  );
+}
+
+function statusLabel(status: DockApp["status"]) {
+  return status === "online"
+    ? "Online"
+    : status === "offline"
+      ? "Offline"
+      : "Status onbekend";
+}
+
+export function AppTile({
+  app,
+  externalAccess,
+  showStatus,
+  index,
+  categoryName,
+  variant = "standard",
+  onLaunch,
+}: {
+  app: DockApp;
+  externalAccess: boolean;
+  showStatus: boolean;
+  index: number;
+  categoryName: string;
+  variant?: "standard" | "feature";
+  onLaunch?: (key: LaunchKey) => void;
+}) {
+  const url = effectiveAppUrl(app, externalAccess);
+  const content = (
+    <>
+      <ServiceIcon
+        name={app.displayName}
+        icon={app.icon}
+        hint={`${app.technicalName} ${app.image ?? ""}`}
+        index={index}
+      />
+      <span className="tile-copy">
+        <strong>{app.displayName}</strong>
+        <small>{describeService(app, categoryName)}</small>
+      </span>
+      {showStatus && (
+        <span className={`tile-status ${app.status}`}>
+          <span /> {statusLabel(app.status)}
+        </span>
+      )}
+      <ArrowUpRight className="tile-arrow" size={17} aria-hidden="true" />
+    </>
+  );
+  return url ? (
+    <a
+      className={`app-tile ${variant}`}
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+      data-testid="app-tile"
+      onClick={() => onLaunch?.(makeLaunchKey("app", app.id))}
+    >
+      {content}
+    </a>
+  ) : (
+    <div
+      className={`app-tile ${variant} disabled`}
+      aria-label={`${app.displayName} heeft geen URL`}
+    >
+      {content}
+    </div>
+  );
+}
+
+export function FavoriteTile({
+  favorite,
+  index,
+  onLaunch,
+}: {
+  favorite: Favorite;
+  index: number;
+  onLaunch?: (key: LaunchKey) => void;
+}) {
+  return (
+    <a
+      className="app-tile"
+      href={favorite.url}
+      target="_blank"
+      rel="noopener noreferrer"
+      data-testid="favorite-tile"
+      onClick={() => onLaunch?.(makeLaunchKey("favorite", favorite.id))}
+    >
+      <ServiceIcon
+        name={favorite.name}
+        icon={favoriteIconUrl(favorite)}
+        index={index + 2}
+      />
+      <span className="tile-copy">
+        <strong>{favorite.name}</strong>
+        <small>Favoriet</small>
+      </span>
+      <Globe2 className="status-icon" size={15} aria-hidden="true" />
+      <ArrowUpRight className="tile-arrow" size={17} aria-hidden="true" />
+    </a>
+  );
+}
+
+export function EmptyIcon() {
+  return (
+    <div className="empty-icon" aria-hidden="true">
+      <Box size={28} />
+    </div>
+  );
+}
diff --git a/src/client/components/AppearanceSettings.tsx b/src/client/components/AppearanceSettings.tsx
new file mode 100644
index 0000000..d89af8d
--- /dev/null
+++ b/src/client/components/AppearanceSettings.tsx
@@ -0,0 +1,811 @@
+import {
+  Accessibility,
+  AlignJustify,
+  Check,
+  CloudSun,
+  Eye,
+  GalleryHorizontalEnd,
+  Gauge,
+  Grid3X3,
+  Layers3,
+  Maximize2,
+  MonitorCog,
+  Image as ImageIcon,
+  RefreshCw,
+  Server,
+  Sparkles,
+  Trash2,
+  Upload,
+} from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import type {
+  Accent,
+  BackgroundStyle,
+  ContentWidth,
+  DashboardPayload,
+  Density,
+  Theme,
+  ViewMode,
+  WallpaperFit,
+} from "../../shared/contracts";
+import { api } from "../api";
+
+type Performer = (
+  action: () => Promise<unknown>,
+  message: string,
+) => Promise<boolean>;
+
+interface AppearanceSettingsProps {
+  data: DashboardPayload;
+  perform: Performer;
+}
+
+const themes: { id: Theme; label: string; copy: string }[] = [
+  {
+    id: "dark",
+    label: "Donker",
+    copy: "Diep navy en rustig contrast.",
+  },
+  { id: "light", label: "Licht", copy: "Helder, rustig en verfijnd." },
+  { id: "harbor", label: "Haven", copy: "Koel marineblauw voor late avonden." },
+];
+
+const accents: { id: Accent; label: string }[] = [
+  { id: "coral", label: "Koraal" },
+  { id: "ocean", label: "Oceaan" },
+  { id: "violet", label: "Violet" },
+  { id: "lime", label: "Limoen" },
+];
+
+const views: { id: ViewMode; label: string; copy: string }[] = [
+  {
+    id: "overview",
+    label: "Volledig overzicht",
+    copy: "Alle verzamelingen op één doorlopende pagina.",
+  },
+  {
+    id: "categories",
+    label: "Categorienavigatie",
+    copy: "Wissel tussen gerichte verzamelingstabbladen.",
+  },
+];
+
+const widths: {
+  id: ContentWidth;
+  label: string;
+  copy: string;
+  icon: typeof Maximize2;
+}[] = [
+  {
+    id: "focused",
+    label: "Gericht",
+    copy: "Rustig en gecentreerd tot 1120 px.",
+    icon: AlignJustify,
+  },
+  {
+    id: "wide",
+    label: "Breed",
+    copy: "Evenwichtig voor alledaagse desktops.",
+    icon: GalleryHorizontalEnd,
+  },
+  {
+    id: "fluid",
+    label: "Vloeiend",
+    copy: "Benut ultrabrede schermen volledig.",
+    icon: Maximize2,
+  },
+];
+
+const densities: {
+  id: Density;
+  label: string;
+  copy: string;
+  icon: typeof Gauge;
+}[] = [
+  {
+    id: "compact",
+    label: "Compact",
+    copy: "Meer services per rij.",
+    icon: Grid3X3,
+  },
+  {
+    id: "comfortable",
+    label: "Comfortabel",
+    copy: "Een evenwichtige standaard voor dagelijks gebruik.",
+    icon: Gauge,
+  },
+  {
+    id: "spacious",
+    label: "Ruim",
+    copy: "Grotere, rustigere starttegels.",
+    icon: Layers3,
+  },
+];
+
+const backgrounds: { id: BackgroundStyle; label: string; copy: string }[] = [
+  { id: "aurora", label: "Aurora", copy: "Zachte omgevingskleur en diepte." },
+  { id: "grid", label: "Blauwdruk", copy: "Een subtiel technisch raster." },
+  { id: "minimal", label: "Minimaal", copy: "Zuivere kleur zonder textuur." },
+];
+
+export function AppearanceSettings({ data, perform }: AppearanceSettingsProps) {
+  const preferences = data.preferences;
+  const wallpaperInput = useRef<HTMLInputElement>(null);
+  const [wallpaperDraft, setWallpaperDraft] = useState<{
+    fit: WallpaperFit;
+    positionX: number;
+    positionY: number;
+    zoom: number;
+  }>(() => ({
+    fit: preferences.wallpaperFit,
+    positionX: preferences.wallpaperPositionX,
+    positionY: preferences.wallpaperPositionY,
+    zoom: preferences.wallpaperZoom,
+  }));
+
+  useEffect(() => {
+    setWallpaperDraft({
+      fit: preferences.wallpaperFit,
+      positionX: preferences.wallpaperPositionX,
+      positionY: preferences.wallpaperPositionY,
+      zoom: preferences.wallpaperZoom,
+    });
+  }, [
+    preferences.wallpaperFit,
+    preferences.wallpaperPositionX,
+    preferences.wallpaperPositionY,
+    preferences.wallpaperZoom,
+  ]);
+
+  const wallpaperDraftChanged =
+    wallpaperDraft.fit !== preferences.wallpaperFit ||
+    wallpaperDraft.positionX !== preferences.wallpaperPositionX ||
+    wallpaperDraft.positionY !== preferences.wallpaperPositionY ||
+    wallpaperDraft.zoom !== preferences.wallpaperZoom;
+
+  return (
+    <>
+      <header className="settings-heading">
+        <p className="eyebrow">Instellingen › Weergave</p>
+        <h2>Thema</h2>
+        <p>Kies de visuele stijl die het beste bij je workflow past.</p>
+      </header>
+      <div className="theme-grid">
+        {themes.map((theme) => (
+          <button
+            key={theme.id}
+            className={`theme-card ${preferences.theme === theme.id ? "selected" : ""}`}
+            aria-pressed={preferences.theme === theme.id}
+            onClick={() =>
+              perform(
+                () => api.updatePreferences({ theme: theme.id }),
+                `Thema ${theme.label} toegepast`,
+              )
+            }
+          >
+            <span className={`theme-preview ${theme.id}`}>
+              <i />
+              <i />
+              <i />
+            </span>
+            <span>
+              <strong>{theme.label}</strong>
+              <small>{theme.copy}</small>
+            </span>
+            {preferences.theme === theme.id && <Check size={17} />}
+          </button>
+        ))}
+      </div>
+
+      <div className="canon-preference-columns">
+        <section>
+          <h3 className="setting-label">Dashboardmodus</h3>
+          <div className="view-grid">
+            {views.map((view) => (
+              <button
+                key={view.id}
+                className={`view-card ${preferences.viewMode === view.id ? "selected" : ""}`}
+                aria-pressed={preferences.viewMode === view.id}
+                onClick={() =>
+                  perform(
+                    () => api.updatePreferences({ viewMode: view.id }),
+                    `${view.label} geselecteerd`,
+                  )
+                }
+              >
+                <MonitorCog size={22} />
+                <span>
+                  <strong>{view.label}</strong>
+                  <small>{view.copy}</small>
+                </span>
+                {preferences.viewMode === view.id && <Check size={17} />}
+              </button>
+            ))}
+          </div>
+        </section>
+        <section>
+          <h3 className="setting-label">Grid-dichtheid</h3>
+          <div className="choice-grid density-grid">
+            {densities.map((density) => {
+              const Icon = density.icon;
+              return (
+                <button
+                  key={density.id}
+                  className={`option-card ${preferences.density === density.id ? "selected" : ""}`}
+                  aria-pressed={preferences.density === density.id}
+                  onClick={() =>
+                    perform(
+                      () => api.updatePreferences({ density: density.id }),
+                      `Tegels ${density.label} geselecteerd`,
+                    )
+                  }
+                >
+                  <Icon size={20} />
+                  <strong>{density.label}</strong>
+                  <small>{density.copy}</small>
+                  {preferences.density === density.id && <Check size={15} />}
+                </button>
+              );
+            })}
+          </div>
+        </section>
+      </div>
+
+      <details className="appearance-advanced">
+        <summary>
+          <span>
+            <strong>Meer personalisatie</strong>
+            <small>
+              Accent, canvasbreedte, achtergrond en dashboarddetails
+            </small>
+          </span>
+        </summary>
+        <div className="appearance-advanced-content">
+          <h3 className="setting-label">Accentkleur</h3>
+          <div className="accent-grid">
+            {accents.map((accent) => (
+              <button
+                key={accent.id}
+                className={`accent-choice ${preferences.accent === accent.id ? "selected" : ""}`}
+                onClick={() =>
+                  perform(
+                    () => api.updatePreferences({ accent: accent.id }),
+                    `Accent ${accent.label} toegepast`,
+                  )
+                }
+                aria-label={`Accent ${accent.label}`}
+                aria-pressed={preferences.accent === accent.id}
+              >
+                <span className={`accent-swatch ${accent.id}`} />
+                <span>{accent.label}</span>
+                {preferences.accent === accent.id && <Check size={15} />}
+              </button>
+            ))}
+          </div>
+
+          <h3 className="setting-label">Ruimtegebruik</h3>
+          <div className="choice-grid three-up">
+            {widths.map((width) => {
+              const Icon = width.icon;
+              return (
+                <button
+                  key={width.id}
+                  className={`option-card ${preferences.contentWidth === width.id ? "selected" : ""}`}
+                  aria-pressed={preferences.contentWidth === width.id}
+                  onClick={() =>
+                    perform(
+                      () => api.updatePreferences({ contentWidth: width.id }),
+                      `Canvas ${width.label} geselecteerd`,
+                    )
+                  }
+                >
+                  <Icon size={20} />
+                  <strong>{width.label}</strong>
+                  <small>{width.copy}</small>
+                  {preferences.contentWidth === width.id && <Check size={15} />}
+                </button>
+              );
+            })}
+          </div>
+
+          <h3 className="setting-label">Achtergrond</h3>
+          <div className="background-grid">
+            {backgrounds.map((background) => (
+              <button
+                key={background.id}
+                className={`background-card ${background.id} ${preferences.backgroundStyle === background.id ? "selected" : ""}`}
+                aria-pressed={preferences.backgroundStyle === background.id}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({ backgroundStyle: background.id }),
+                    `Achtergrond ${background.label} geselecteerd`,
+                  )
+                }
+              >
+                <span />
+                <strong>{background.label}</strong>
+                <small>{background.copy}</small>
+                {preferences.backgroundStyle === background.id && (
+                  <Check size={15} />
+                )}
+              </button>
+            ))}
+          </div>
+
+          <section className="wallpaper-settings">
+            <header className="wallpaper-editor-heading">
+              <span className="wallpaper-editor-icon">
+                <ImageIcon size={20} />
+              </span>
+              <span>
+                <strong>Wallpaperstudio</strong>
+                <small>
+                  Stem de uitsnede af op het zichtbare centrale vlak. De preview
+                  reageert direct; pas toe wanneer het beeld goed staat.
+                </small>
+              </span>
+              <div className="wallpaper-actions">
+                <input
+                  ref={wallpaperInput}
+                  className="sr-only"
+                  type="file"
+                  accept="image/png,image/jpeg,image/webp"
+                  onChange={(event) => {
+                    const file = event.target.files?.[0];
+                    if (!file) return;
+                    void perform(
+                      () => api.uploadWallpaper(file),
+                      "Wallpaper bijgewerkt",
+                    );
+                    event.target.value = "";
+                  }}
+                />
+                <button
+                  type="button"
+                  className="secondary-button"
+                  onClick={() => wallpaperInput.current?.click()}
+                >
+                  <Upload size={16} />{" "}
+                  {data.wallpaper ? "Vervangen" : "Uploaden"}
+                </button>
+                {data.wallpaper && (
+                  <button
+                    type="button"
+                    className="ghost-danger-button"
+                    onClick={() =>
+                      void perform(
+                        () => api.removeWallpaper(),
+                        "Wallpaper verwijderd",
+                      )
+                    }
+                  >
+                    <Trash2 size={16} /> Verwijderen
+                  </button>
+                )}
+              </div>
+            </header>
+
+            <div
+              className={`wallpaper-editor-preview ${preferences.backgroundStyle} ${data.wallpaper ? "has-wallpaper" : ""}`}
+              aria-label="Voorbeeld van de dashboardwallpaper"
+            >
+              {data.wallpaper ? (
+                <>
+                  <img
+                    className="wallpaper-preview-image"
+                    src={data.wallpaper.url}
+                    alt="Huidige dashboardwallpaper"
+                    style={{
+                      objectFit: wallpaperDraft.fit,
+                      objectPosition: `${wallpaperDraft.positionX}% ${wallpaperDraft.positionY}%`,
+                      transform: `scale(${wallpaperDraft.zoom / 100})`,
+                      transformOrigin: `${wallpaperDraft.positionX}% ${wallpaperDraft.positionY}%`,
+                    }}
+                  />
+                  <img
+                    className="wallpaper-preview-ambient"
+                    src={data.wallpaper.url}
+                    alt=""
+                    aria-hidden="true"
+                    style={{
+                      objectPosition: `${wallpaperDraft.positionX}% ${wallpaperDraft.positionY}%`,
+                    }}
+                  />
+                </>
+              ) : (
+                <span className="wallpaper-preview-empty">
+                  <ImageIcon size={30} />
+                  <small>Upload eerst een PNG, JPEG of WebP tot 8 MB.</small>
+                </span>
+              )}
+              <span className="wallpaper-preview-overlay" />
+              <span className="wallpaper-preview-sidebar" />
+              <span className="wallpaper-preview-topbar" />
+              <span className="wallpaper-preview-card one" />
+              <span className="wallpaper-preview-card two" />
+              <span className="wallpaper-preview-card three" />
+            </div>
+
+            <div className="wallpaper-editor-controls">
+              <div className="wallpaper-fit-control">
+                <span>
+                  <strong>Schaalmethode</strong>
+                  <small>
+                    Passend toont de volledige afbeelding; Vullend benut het
+                    volledige vlak.
+                  </small>
+                </span>
+                <div className="segmented-control" aria-label="Schaalmethode">
+                  {(
+                    [
+                      ["contain", "Passend"],
+                      ["cover", "Vullend"],
+                    ] as const
+                  ).map(([fit, label]) => (
+                    <button
+                      key={fit}
+                      type="button"
+                      className={wallpaperDraft.fit === fit ? "active" : ""}
+                      aria-pressed={wallpaperDraft.fit === fit}
+                      onClick={() =>
+                        setWallpaperDraft((current) => ({ ...current, fit }))
+                      }
+                    >
+                      {label}
+                    </button>
+                  ))}
+                </div>
+              </div>
+
+              <div className="wallpaper-slider-grid">
+                <label>
+                  <span>
+                    Horizontale focus{" "}
+                    <strong>{wallpaperDraft.positionX}%</strong>
+                  </span>
+                  <input
+                    type="range"
+                    min="0"
+                    max="100"
+                    value={wallpaperDraft.positionX}
+                    aria-label="Horizontale wallpaperfocus"
+                    onChange={(event) =>
+                      setWallpaperDraft((current) => ({
+                        ...current,
+                        positionX: Number(event.target.value),
+                      }))
+                    }
+                  />
+                </label>
+                <label>
+                  <span>
+                    Verticale focus <strong>{wallpaperDraft.positionY}%</strong>
+                  </span>
+                  <input
+                    type="range"
+                    min="0"
+                    max="100"
+                    value={wallpaperDraft.positionY}
+                    aria-label="Verticale wallpaperfocus"
+                    onChange={(event) =>
+                      setWallpaperDraft((current) => ({
+                        ...current,
+                        positionY: Number(event.target.value),
+                      }))
+                    }
+                  />
+                </label>
+                <label>
+                  <span>
+                    Zoom <strong>{wallpaperDraft.zoom}%</strong>
+                  </span>
+                  <input
+                    type="range"
+                    min="80"
+                    max="160"
+                    value={wallpaperDraft.zoom}
+                    aria-label="Wallpaperzoom"
+                    onChange={(event) =>
+                      setWallpaperDraft((current) => ({
+                        ...current,
+                        zoom: Number(event.target.value),
+                      }))
+                    }
+                  />
+                </label>
+              </div>
+
+              <div className="wallpaper-editor-footer">
+                <small>
+                  De dashboardwallpaper blijft vast in het zichtbare centrale
+                  vlak terwijl de inhoud scrolt.
+                </small>
+                <div>
+                  <button
+                    type="button"
+                    className="secondary-button"
+                    onClick={() =>
+                      setWallpaperDraft({
+                        fit: "contain",
+                        positionX: 50,
+                        positionY: 50,
+                        zoom: 100,
+                      })
+                    }
+                  >
+                    Herstellen
+                  </button>
+                  <button
+                    type="button"
+                    className="primary-button"
+                    disabled={!data.wallpaper || !wallpaperDraftChanged}
+                    onClick={() =>
+                      void perform(
+                        () =>
+                          api.updatePreferences({
+                            wallpaperFit: wallpaperDraft.fit,
+                            wallpaperPositionX: wallpaperDraft.positionX,
+                            wallpaperPositionY: wallpaperDraft.positionY,
+                            wallpaperZoom: wallpaperDraft.zoom,
+                          }),
+                        "Wallpaperweergave toegepast",
+                      )
+                    }
+                  >
+                    <Check size={16} /> Toepassen
+                  </button>
+                </div>
+              </div>
+            </div>
+          </section>
+
+          <h3 className="setting-label">Dashboarddetails</h3>
+          <div className="toggle-list">
+            <article>
+              <span className="toggle-icon">
+                <CloudSun size={18} />
+              </span>
+              <span>
+                <strong>Weer in de topbalk</strong>
+                <small>
+                  Toon actuele temperatuur en weersituatie voor Mol.
+                </small>
+              </span>
+              <button
+                className={`switch ${preferences.weatherEnabled ? "on" : ""}`}
+                role="switch"
+                aria-label="Weer in de topbalk tonen"
+                aria-checked={preferences.weatherEnabled}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({
+                        weatherEnabled: !preferences.weatherEnabled,
+                      }),
+                    preferences.weatherEnabled
+                      ? "Weer verborgen"
+                      : "Weer getoond",
+                  )
+                }
+              >
+                <span />
+              </button>
+            </article>
+            <article className="weather-location-row">
+              <span className="toggle-icon">
+                <CloudSun size={18} />
+              </span>
+              <span>
+                <strong>Weerlocatie</strong>
+                <small>Naam en coördinaten voor de weerkaart.</small>
+              </span>
+              <div className="weather-location-fields">
+                <input
+                  aria-label="Naam weerlocatie"
+                  defaultValue={preferences.weatherLocation}
+                  onBlur={(event) => {
+                    const value = event.target.value.trim();
+                    if (value && value !== preferences.weatherLocation)
+                      void perform(
+                        () => api.updatePreferences({ weatherLocation: value }),
+                        "Weerlocatie bijgewerkt",
+                      );
+                  }}
+                />
+                <input
+                  aria-label="Breedtegraad"
+                  type="number"
+                  step="0.001"
+                  min="-90"
+                  max="90"
+                  defaultValue={preferences.weatherLatitude}
+                  onBlur={(event) => {
+                    const value = Number(event.target.value);
+                    if (Number.isFinite(value))
+                      void perform(
+                        () => api.updatePreferences({ weatherLatitude: value }),
+                        "Breedtegraad bijgewerkt",
+                      );
+                  }}
+                />
+                <input
+                  aria-label="Lengtegraad"
+                  type="number"
+                  step="0.001"
+                  min="-180"
+                  max="180"
+                  defaultValue={preferences.weatherLongitude}
+                  onBlur={(event) => {
+                    const value = Number(event.target.value);
+                    if (Number.isFinite(value))
+                      void perform(
+                        () =>
+                          api.updatePreferences({ weatherLongitude: value }),
+                        "Lengtegraad bijgewerkt",
+                      );
+                  }}
+                />
+              </div>
+            </article>
+            <article>
+              <span className="toggle-icon">
+                <Sparkles size={18} />
+              </span>
+              <span>
+                <strong>Welkomstblok</strong>
+                <small>
+                  Toon de begroeting, het overzicht en snelle statistieken.
+                </small>
+              </span>
+              <button
+                className={`switch ${preferences.showHero ? "on" : ""}`}
+                role="switch"
+                aria-label="Welkomstblok tonen"
+                aria-checked={preferences.showHero}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({
+                        showHero: !preferences.showHero,
+                      }),
+                    preferences.showHero
+                      ? "Welkomstblok verborgen"
+                      : "Welkomstblok getoond",
+                  )
+                }
+              >
+                <span />
+              </button>
+            </article>
+            <article>
+              <span className="toggle-icon">
+                <Eye size={18} />
+              </span>
+              <span>
+                <strong>Servicestatus</strong>
+                <small>
+                  Toon beschikbaarheidstekst en statusindicatoren op tegels.
+                </small>
+              </span>
+              <button
+                className={`switch ${preferences.showStatus ? "on" : ""}`}
+                role="switch"
+                aria-label="Servicestatus tonen"
+                aria-checked={preferences.showStatus}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({
+                        showStatus: !preferences.showStatus,
+                      }),
+                    preferences.showStatus
+                      ? "Servicestatus verborgen"
+                      : "Servicestatus getoond",
+                  )
+                }
+              >
+                <span />
+              </button>
+            </article>
+            <article>
+              <span className="toggle-icon">
+                <Server size={18} />
+              </span>
+              <span>
+                <strong>Unraid-serverpaneel</strong>
+                <small>
+                  Toon hostcapaciteit, containerstatus en Docker-details.
+                </small>
+              </span>
+              <button
+                className={`switch ${preferences.showServerWidget ? "on" : ""}`}
+                role="switch"
+                aria-label="Unraid-serverpaneel tonen"
+                aria-checked={preferences.showServerWidget}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({
+                        showServerWidget: !preferences.showServerWidget,
+                      }),
+                    preferences.showServerWidget
+                      ? "Unraid-paneel verborgen"
+                      : "Unraid-paneel getoond",
+                  )
+                }
+              >
+                <span />
+              </button>
+            </article>
+            <article>
+              <span className="toggle-icon">
+                <Accessibility size={18} />
+              </span>
+              <span>
+                <strong>Verminderde beweging</strong>
+                <small>
+                  Schakel decoratieve animaties en vloeiende overgangen uit.
+                </small>
+              </span>
+              <button
+                className={`switch ${preferences.reducedMotion ? "on" : ""}`}
+                role="switch"
+                aria-label="Verminderde beweging"
+                aria-checked={preferences.reducedMotion}
+                onClick={() =>
+                  perform(
+                    () =>
+                      api.updatePreferences({
+                        reducedMotion: !preferences.reducedMotion,
+                      }),
+                    preferences.reducedMotion
+                      ? "Animaties ingeschakeld"
+                      : "Beweging verminderd",
+                  )
+                }
+              >
+                <span />
+              </button>
+            </article>
+            <article>
+              <span className="toggle-icon">
+                <RefreshCw size={18} />
+              </span>
+              <span>
+                <strong>Verversingsinterval</strong>
+                <small>
+                  Hoe vaak DockDeck statussen en actieve panelen opnieuw
+                  ophaalt.
+                </small>
+              </span>
+              <label className="inline-select-control">
+                <span className="sr-only">Verversingsinterval</span>
+                <select
+                  name="pollingIntervalMs"
+                  value={preferences.pollingIntervalMs}
+                  aria-label="Verversingsinterval"
+                  onChange={(event) =>
+                    void perform(
+                      () =>
+                        api.updatePreferences({
+                          pollingIntervalMs: Number(event.target.value),
+                        }),
+                      "Verversingsinterval bijgewerkt",
+                    )
+                  }
+                >
+                  <option value={10000}>10 seconden</option>
+                  <option value={30000}>30 seconden</option>
+                  <option value={60000}>1 minuut</option>
+                  <option value={120000}>2 minuten</option>
+                  <option value={300000}>5 minuten</option>
+                </select>
+              </label>
+            </article>
+          </div>
+        </div>
+      </details>
+    </>
+  );
+}
diff --git a/src/client/components/BookmarkImport.tsx b/src/client/components/BookmarkImport.tsx
new file mode 100644
index 0000000..43d655e
--- /dev/null
+++ b/src/client/components/BookmarkImport.tsx
@@ -0,0 +1,447 @@
+import { useMemo, useRef, useState, type DragEvent } from "react";
+import {
+  AlertCircle,
+  BookmarkPlus,
+  Check,
+  CircleCheck,
+  CircleX,
+  FileUp,
+  Folder,
+  ShieldCheck,
+  Upload,
+} from "lucide-react";
+import type { Category, Favorite } from "../../shared/contracts";
+import { api } from "../api";
+import { nextAvailableCategoryIcon } from "../categoryIcons";
+import {
+  MAX_BOOKMARK_FILE_BYTES,
+  normalizeBookmarkUrl,
+  parseBookmarkHtml,
+  type ParsedBookmark,
+} from "../bookmark-import";
+
+type ImportStatus = "ready" | "duplicate" | "error" | "imported";
+
+interface ImportRow extends ParsedBookmark {
+  status: ImportStatus;
+  statusMessage: string;
+}
+
+type Performer = (
+  action: () => Promise<unknown>,
+  message: string,
+) => Promise<boolean>;
+
+interface Props {
+  categories: Category[];
+  favorites: Favorite[];
+  perform: Performer;
+}
+
+function categoryKey(name: string): string {
+  return name.trim().toLocaleLowerCase("nl");
+}
+
+function lastSortOrder(items: readonly { sortOrder: number }[]): number {
+  return items.reduce((maximum, item) => Math.max(maximum, item.sortOrder), 0);
+}
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error
+    ? error.message
+    : "Deze bladwijzer kon niet worden opgeslagen.";
+}
+
+export function BookmarkImport({ categories, favorites, perform }: Props) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [fileName, setFileName] = useState<string | null>(null);
+  const [rows, setRows] = useState<ImportRow[]>([]);
+  const [warnings, setWarnings] = useState<string[]>([]);
+  const [parseError, setParseError] = useState<string | null>(null);
+  const [dragging, setDragging] = useState(false);
+  const [applying, setApplying] = useState(false);
+
+  const counts = useMemo(
+    () =>
+      rows.reduce(
+        (total, row) => ({ ...total, [row.status]: total[row.status] + 1 }),
+        { ready: 0, duplicate: 0, error: 0, imported: 0 },
+      ),
+    [rows],
+  );
+
+  const readFile = async (file: File | undefined) => {
+    if (!file) return;
+    setFileName(file.name);
+    setRows([]);
+    setWarnings([]);
+    setParseError(null);
+
+    if (file.size > MAX_BOOKMARK_FILE_BYTES) {
+      setParseError("Het bladwijzerbestand mag maximaal 2 MB groot zijn.");
+      return;
+    }
+
+    try {
+      const parsed = parseBookmarkHtml(await file.text());
+      const knownCategories = new Map(
+        categories.map((category) => [categoryKey(category.name), category]),
+      );
+      const existingByUrl = new Map<string, string>();
+      for (const favorite of favorites) {
+        try {
+          existingByUrl.set(
+            normalizeBookmarkUrl(favorite.url).key,
+            favorite.name,
+          );
+        } catch {
+          // Existing favorites are validated by the API; skip unexpected legacy values.
+        }
+      }
+
+      const seenUrls = new Set<string>();
+      const previewRows = parsed.bookmarks.map<ImportRow>((bookmark) => {
+        if (bookmark.error || !bookmark.normalizedUrl || !bookmark.url) {
+          return {
+            ...bookmark,
+            status: "error",
+            statusMessage: bookmark.error ?? "De bladwijzer is ongeldig.",
+          };
+        }
+
+        const existingName = existingByUrl.get(bookmark.normalizedUrl);
+        if (existingName) {
+          return {
+            ...bookmark,
+            status: "duplicate",
+            statusMessage: `Deze URL bestaat al als ${existingName}.`,
+          };
+        }
+        if (seenUrls.has(bookmark.normalizedUrl)) {
+          return {
+            ...bookmark,
+            status: "duplicate",
+            statusMessage: "Deze URL staat al eerder in dit bestand.",
+          };
+        }
+        seenUrls.add(bookmark.normalizedUrl);
+
+        const categoryExists =
+          bookmark.categoryName !== null &&
+          knownCategories.has(categoryKey(bookmark.categoryName));
+        return {
+          ...bookmark,
+          status: "ready",
+          statusMessage: bookmark.categoryName
+            ? categoryExists
+              ? `Map: ${knownCategories.get(categoryKey(bookmark.categoryName))!.name}`
+              : `Nieuwe map: ${bookmark.categoryName}`
+            : "Zonder map",
+        };
+      });
+
+      setRows(previewRows);
+      setWarnings(parsed.warnings);
+      if (previewRows.length === 0) {
+        setParseError(
+          "In dit bestand zijn geen Netscape-bladwijzers gevonden.",
+        );
+      }
+    } catch (error) {
+      setParseError(errorMessage(error));
+    }
+  };
+
+  const applyImport = async () => {
+    const readyRows = rows.filter((row) => row.status === "ready");
+    if (readyRows.length === 0 || applying) return;
+    setApplying(true);
+    try {
+      await perform(async () => {
+        const categoryIds = new Map<string, string>();
+        const categoryErrors = new Map<string, string>();
+        let favoriteSortOrder = lastSortOrder(favorites);
+        const favoriteSlots = Math.max(0, 10_000 - favoriteSortOrder);
+        const rowsWithOrder = readyRows.slice(0, favoriteSlots);
+        const outcomes = new Map<string, ImportRow>();
+        for (const row of readyRows.slice(favoriteSlots)) {
+          outcomes.set(row.id, {
+            ...row,
+            status: "error",
+            statusMessage: "Er is geen ruimte meer voor een favorietvolgorde.",
+          });
+        }
+        for (const category of categories) {
+          categoryIds.set(categoryKey(category.name), category.id);
+        }
+
+        const categoryNames = [
+          ...new Set(
+            rowsWithOrder
+              .map((row) => row.categoryName)
+              .filter((name): name is string => Boolean(name)),
+          ),
+        ];
+        const usedIcons = categories.map((category) => category.icon);
+        let categorySortOrder = lastSortOrder(categories);
+
+        for (const name of categoryNames) {
+          const key = categoryKey(name);
+          if (categoryIds.has(key)) continue;
+          categorySortOrder += 1;
+          if (categorySortOrder > 10_000) {
+            categoryErrors.set(
+              key,
+              "Er is geen ruimte meer voor een nieuwe map.",
+            );
+            continue;
+          }
+          const icon = nextAvailableCategoryIcon(usedIcons);
+          usedIcons.push(icon);
+          try {
+            const category = await api.createCategory({
+              name,
+              icon,
+              sortOrder: categorySortOrder,
+            });
+            categoryIds.set(key, category.id);
+          } catch (error) {
+            categoryErrors.set(key, errorMessage(error));
+          }
+        }
+
+        for (const row of rowsWithOrder) {
+          const key = row.categoryName ? categoryKey(row.categoryName) : null;
+          if (key && categoryErrors.has(key)) {
+            outcomes.set(row.id, {
+              ...row,
+              status: "error",
+              statusMessage: `Map niet aangemaakt: ${categoryErrors.get(key)}`,
+            });
+            continue;
+          }
+          favoriteSortOrder += 1;
+          try {
+            await api.createFavorite({
+              name: row.title,
+              url: row.url!,
+              icon: null,
+              categoryId: key ? (categoryIds.get(key) ?? null) : null,
+              sortOrder: favoriteSortOrder,
+            });
+            outcomes.set(row.id, {
+              ...row,
+              status: "imported",
+              statusMessage: "Geïmporteerd",
+            });
+          } catch (error) {
+            outcomes.set(row.id, {
+              ...row,
+              status: "error",
+              statusMessage: errorMessage(error),
+            });
+          }
+        }
+
+        setRows((current) => current.map((row) => outcomes.get(row.id) ?? row));
+      }, "Bladwijzerimport afgerond");
+    } finally {
+      setApplying(false);
+    }
+  };
+
+  const handleDrop = (event: DragEvent<HTMLDivElement>) => {
+    event.preventDefault();
+    setDragging(false);
+    void readFile(event.dataTransfer.files[0]);
+  };
+
+  const clearPreview = () => {
+    setFileName(null);
+    setRows([]);
+    setWarnings([]);
+    setParseError(null);
+    if (inputRef.current) inputRef.current.value = "";
+  };
+
+  return (
+    <>
+      <header className="settings-heading">
+        <p className="eyebrow">FAVORIETEN EN LINKS</p>
+        <h2>Bladwijzers importeren</h2>
+        <p>
+          Importeer een Netscape Bookmark HTML-export. Mappen worden categorieën
+          en bladwijzers worden favorieten. Bekijk eerst wat wordt toegevoegd.
+        </p>
+      </header>
+
+      <div className="bookmark-privacy-note">
+        <ShieldCheck size={19} />
+        <span>
+          <strong>Het bestand blijft in deze browser</strong>
+          <small>
+            DockDeck bezoekt, controleert of crawlt de geïmporteerde URL’s niet.
+            Cookies, geschiedenis en wachtwoorden worden niet ingelezen.
+          </small>
+        </span>
+      </div>
+
+      <section
+        className={`bookmark-upload ${dragging ? "is-dragging" : ""}`}
+        aria-label="Bladwijzerbestand uploaden"
+        onDragEnter={(event) => {
+          event.preventDefault();
+          setDragging(true);
+        }}
+        onDragOver={(event) => event.preventDefault()}
+        onDragLeave={(event) => {
+          if (
+            !event.currentTarget.contains(event.relatedTarget as Node | null)
+          ) {
+            setDragging(false);
+          }
+        }}
+        onDrop={handleDrop}
+      >
+        <input
+          ref={inputRef}
+          className="bookmark-file-input"
+          type="file"
+          accept=".html,.htm,text/html,application/xhtml+xml"
+          aria-label="Netscape Bookmark HTML-bestand kiezen"
+          onChange={(event) => {
+            void readFile(event.currentTarget.files?.[0]);
+            event.currentTarget.value = "";
+          }}
+        />
+        <span className="bookmark-upload-icon">
+          <FileUp size={23} />
+        </span>
+        <strong>{fileName ?? "Kies een bookmarkbestand"}</strong>
+        <span>
+          Sleep het Netscape HTML-bestand hierheen of blader naar een bestand
+        </span>
+        <small>HTML · maximaal 2 MB · tot 500 bladwijzers</small>
+        <button
+          className="secondary-button"
+          type="button"
+          onClick={() => inputRef.current?.click()}
+        >
+          <Upload size={16} /> Bestand kiezen
+        </button>
+      </section>
+
+      {parseError && (
+        <p className="bookmark-import-message error" role="alert">
+          <CircleX size={16} /> {parseError}
+        </p>
+      )}
+      {warnings.map((warning) => (
+        <p
+          className="bookmark-import-message warning"
+          role="status"
+          key={warning}
+        >
+          <AlertCircle size={16} /> {warning}
+        </p>
+      ))}
+
+      {rows.length > 0 && (
+        <section
+          className="bookmark-preview"
+          aria-labelledby="bookmark-preview-title"
+        >
+          <header>
+            <div>
+              <p className="eyebrow">VOORBEELD</p>
+              <h3 id="bookmark-preview-title">Controleer de import</h3>
+              <p>
+                Bestaande favorieten blijven behouden. Dubbelen en ongeldige
+                items worden overgeslagen.
+              </p>
+            </div>
+            <button
+              type="button"
+              className="secondary-button"
+              onClick={clearPreview}
+              disabled={applying}
+            >
+              Ander bestand kiezen
+            </button>
+          </header>
+
+          <div className="bookmark-import-summary" aria-label="Importoverzicht">
+            <span>
+              <Check size={15} /> {counts.ready} klaar
+            </span>
+            <span>
+              <AlertCircle size={15} /> {counts.duplicate} dubbelen
+            </span>
+            <span>
+              <CircleX size={15} /> {counts.error} fouten
+            </span>
+            <span>
+              <CircleCheck size={15} /> {counts.imported} toegevoegd
+            </span>
+          </div>
+
+          <ol
+            className="bookmark-preview-list"
+            aria-label="Bladwijzers in de preview"
+          >
+            {rows.map((row) => (
+              <li className={`bookmark-preview-row ${row.status}`} key={row.id}>
+                <span className="bookmark-row-icon" aria-hidden="true">
+                  {row.categoryName ? (
+                    <Folder size={16} />
+                  ) : (
+                    <BookmarkPlus size={16} />
+                  )}
+                </span>
+                <span className="bookmark-row-copy">
+                  <strong>{row.title || "Zonder titel"}</strong>
+                  {row.status === "error" ? (
+                    <small>{row.statusMessage}</small>
+                  ) : (
+                    <>
+                      <code>{row.url}</code>
+                      <small>{row.statusMessage}</small>
+                    </>
+                  )}
+                </span>
+                <span className={`bookmark-row-status ${row.status}`}>
+                  {row.status === "ready"
+                    ? "Klaar"
+                    : row.status === "duplicate"
+                      ? "Dubbel"
+                      : row.status === "imported"
+                        ? "Toegevoegd"
+                        : "Fout"}
+                </span>
+              </li>
+            ))}
+          </ol>
+
+          <footer className="bookmark-preview-footer">
+            <span>
+              {counts.ready > 0
+                ? `${counts.ready} favorieten worden toegevoegd na bevestiging.`
+                : "Er staan geen nieuwe geldige favorieten klaar."}
+            </span>
+            <button
+              className="primary-button"
+              type="button"
+              onClick={() => void applyImport()}
+              disabled={counts.ready === 0 || applying}
+            >
+              <Check size={16} />
+              {applying
+                ? "Importeren…"
+                : `${counts.ready} favorieten toevoegen`}
+            </button>
+          </footer>
+        </section>
+      )}
+    </>
+  );
+}
diff --git a/src/client/components/Brand.tsx b/src/client/components/Brand.tsx
new file mode 100644
index 0000000..862e319
--- /dev/null
+++ b/src/client/components/Brand.tsx
@@ -0,0 +1,25 @@
+interface BrandProps {
+  compact?: boolean;
+}
+
+export function Brand({ compact = false }: BrandProps) {
+  return (
+    <span className={compact ? "brand-lockup compact" : "brand-lockup"}>
+      <img className="dockdeck-mark" src="/dockdeck-mark-v2.svg" alt="" />
+      <span className="brand-product">
+        <strong>DockDeck</strong>
+        {!compact && <small>Jouw digitale thuisbasis</small>}
+      </span>
+      <span
+        className="brand-owner"
+        aria-label="Ontwikkeld door Jens van ITWorx.tech"
+      >
+        <span className="brand-credit">
+          <small>Ontwikkeld door</small>
+          <strong>Jens</strong>
+        </span>
+        <img src="/itworx-wordmark.svg" alt="ITWorx.tech" />
+      </span>
+    </span>
+  );
+}
diff --git a/src/client/components/CategoryIcon.tsx b/src/client/components/CategoryIcon.tsx
new file mode 100644
index 0000000..fb31b61
--- /dev/null
+++ b/src/client/components/CategoryIcon.tsx
@@ -0,0 +1,11 @@
+import { resolveCategoryIcon } from "../categoryIcons";
+
+interface CategoryIconProps {
+  name: string;
+  size?: number;
+}
+
+export function CategoryIcon({ name, size = 16 }: CategoryIconProps) {
+  const Icon = resolveCategoryIcon(name);
+  return <Icon size={size} aria-hidden="true" />;
+}
diff --git a/src/client/components/Dashboard.tsx b/src/client/components/Dashboard.tsx
new file mode 100644
index 0000000..f074c27
--- /dev/null
+++ b/src/client/components/Dashboard.tsx
@@ -0,0 +1,559 @@
+import {
+  ChevronRight,
+  Code2,
+  PanelsTopLeft,
+  Settings2,
+  Star,
+} from "lucide-react";
+import {
+  type CSSProperties,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+import type { DashboardPayload } from "../../shared/contracts";
+import { effectiveAppUrl, sortByPosition } from "../../shared/domain";
+import { AppTile, EmptyIcon, FavoriteTile } from "./AppTile";
+import { CategoryIcon } from "./CategoryIcon";
+import { DashboardHero } from "./DashboardHero";
+import {
+  DashboardLaunchHistory,
+  type LaunchHistoryItem,
+} from "./DashboardLaunchHistory";
+import { ServiceWidgets } from "./ServiceWidgets";
+import { DashboardTopBar } from "./DashboardTopBar";
+import { SearchOverlay } from "./SearchOverlay";
+import { DashboardSidebar } from "./DashboardSidebar";
+import { SortableList } from "./SortableList";
+import { useStoredBoolean } from "../useStoredBoolean";
+import type { SortableEntity } from "../persist-sort-order";
+import { reorderWithinSlots } from "../sortable-order";
+import {
+  makeLaunchKey,
+  selectLaunchHistory,
+  type LaunchKey,
+} from "../launch-history";
+import { useLaunchHistory } from "../useLaunchHistory";
+
+interface Props {
+  data: DashboardPayload;
+  syncing: boolean;
+  onSync: () => Promise<void>;
+  onReorder: (
+    entity: SortableEntity,
+    items: readonly { id: string }[],
+  ) => Promise<boolean | void>;
+  onSettings: (section?: "general" | "apps" | "favorites") => void;
+}
+
+const featureCategory = (name: string) =>
+  /smart|home|domotica|netwerk|network|security|beveilig/i.test(name);
+
+const compactService = (technicalName: string) =>
+  /homeassistant|authentik|vaultwarden|nginxproxymanager/i.test(
+    technicalName.replace(/[^a-z0-9]/gi, ""),
+  );
+
+export function Dashboard({
+  data,
+  syncing,
+  onSync,
+  onReorder,
+  onSettings,
+}: Props) {
+  const [activeCategory, setActiveCategory] = useState<string>("all");
+  const [leftRailCollapsed, setLeftRailCollapsed] = useStoredBoolean(
+    "dockdeck.ui.v1.dashboard.leftRailCollapsed",
+    () => false,
+  );
+  const [widgetPanelOpen, setWidgetPanelOpen] = useStoredBoolean(
+    "dockdeck.ui.v1.dashboard.widgetPanelOpen",
+    () => window.matchMedia("(min-width: 2200px)").matches,
+  );
+  const [personalProjectsOnly, setPersonalProjectsOnly] = useStoredBoolean(
+    "dockdeck.ui.v1.dashboard.personalProjectsOnly",
+    () => false,
+  );
+  const {
+    entries: launchEntries,
+    record: recordLaunchHistory,
+    clear: clearLaunchHistory,
+    retainAvailable,
+  } = useLaunchHistory();
+  const recordLaunch = useCallback(
+    (key: LaunchKey) => {
+      // Let the anchor's native target=_blank action run before rerendering its
+      // parent. This keeps tracked launches behaving like ordinary links.
+      window.setTimeout(() => recordLaunchHistory(key), 0);
+    },
+    [recordLaunchHistory],
+  );
+  const focusedApps = useMemo(
+    () =>
+      personalProjectsOnly
+        ? data.apps.filter((app) => app.personalProject)
+        : data.apps,
+    [data.apps, personalProjectsOnly],
+  );
+  const focusedData = personalProjectsOnly
+    ? { ...data, apps: focusedApps }
+    : data;
+  const visibleApps = useMemo(
+    () => sortByPosition(focusedApps.filter((app) => app.visible)),
+    [focusedApps],
+  );
+  const categories = sortByPosition(data.categories);
+  const grouped = categories
+    .map((category) => ({
+      category,
+      apps: visibleApps.filter((app) => app.categoryId === category.id),
+    }))
+    .filter((group) => group.apps.length);
+  const ungroupedApps = visibleApps.filter((app) => !app.categoryId);
+  const allGroups = [
+    ...grouped,
+    ...(ungroupedApps.length
+      ? [
+          {
+            category: {
+              id: "uncategorized",
+              name: "Overig",
+              icon: "Box",
+              sortOrder: 9999,
+            },
+            apps: ungroupedApps,
+          },
+        ]
+      : []),
+  ];
+  const shownGroups =
+    activeCategory === "all"
+      ? allGroups
+      : allGroups.filter((group) => group.category.id === activeCategory);
+  const degraded = data.integrations.filter(
+    (integration) => integration.state === "degraded",
+  );
+  const onlineApps = visibleApps.filter(
+    (app) => app.status === "online",
+  ).length;
+  const newApps = focusedApps.filter((app) => app.isNew).length;
+  const personalProjectCount = data.apps.filter(
+    (app) => app.visible && app.personalProject,
+  ).length;
+  const hasVisibleApps = data.apps.some((app) => app.visible);
+  const widgetCount =
+    focusedApps.filter((app) => app.widgetEnabled).length +
+    Number(data.preferences.showServerWidget);
+  const sortedFavorites = sortByPosition(data.favorites);
+  const visibleFavorites =
+    activeCategory === "all"
+      ? sortedFavorites
+      : sortedFavorites.filter(
+          (favorite) => favorite.categoryId === activeCategory,
+        );
+  const availableLaunchKeys = useMemo(
+    () =>
+      new Set<string>([
+        ...data.apps
+          .filter(
+            (app) =>
+              app.visible &&
+              effectiveAppUrl(app, data.preferences.externalAccess) !== null,
+          )
+          .map((app) => makeLaunchKey("app", app.id)),
+        ...data.favorites.map((favorite) =>
+          makeLaunchKey("favorite", favorite.id),
+        ),
+      ]),
+    [data.apps, data.favorites, data.preferences.externalAccess],
+  );
+  useEffect(() => {
+    retainAvailable(availableLaunchKeys);
+  }, [availableLaunchKeys, retainAvailable]);
+
+  const historyItems = useMemo(() => {
+    const launchables = new Map<
+      LaunchKey,
+      Omit<LaunchHistoryItem, "count" | "lastOpenedAt">
+    >();
+    for (const app of visibleApps) {
+      const href = effectiveAppUrl(app, data.preferences.externalAccess);
+      if (!href) continue;
+      const key = makeLaunchKey("app", app.id);
+      launchables.set(key, {
+        key,
+        name: app.displayName,
+        href,
+        icon: app.icon,
+        hint: `${app.technicalName} ${app.image ?? ""}`,
+      });
+    }
+    for (const favorite of data.favorites) {
+      const key = makeLaunchKey("favorite", favorite.id);
+      launchables.set(key, {
+        key,
+        name: favorite.name,
+        href: favorite.url,
+        icon: favorite.icon,
+        hint: favorite.url,
+      });
+    }
+
+    const currentKeys = new Set(launchables.keys());
+    const select = (mode: "recent" | "most-used") =>
+      selectLaunchHistory(launchEntries, currentKeys, mode).flatMap((entry) => {
+        const launchable = launchables.get(entry.key);
+        return launchable ? [{ ...entry, ...launchable }] : [];
+      });
+
+    return { recent: select("recent"), mostUsed: select("most-used") };
+  }, [
+    data.favorites,
+    data.preferences.externalAccess,
+    launchEntries,
+    visibleApps,
+  ]);
+
+  return (
+    <main
+      className={`dashboard ${data.wallpaper ? "has-wallpaper" : ""}`}
+      id="main-content"
+      style={
+        data.wallpaper
+          ? ({
+              "--dashboard-wallpaper-fit": data.preferences.wallpaperFit,
+              "--dashboard-wallpaper-position-x": `${data.preferences.wallpaperPositionX}%`,
+              "--dashboard-wallpaper-position-y": `${data.preferences.wallpaperPositionY}%`,
+              "--dashboard-wallpaper-zoom": String(
+                data.preferences.wallpaperZoom / 100,
+              ),
+            } as CSSProperties)
+          : undefined
+      }
+    >
+      <DashboardTopBar
+        apps={focusedApps}
+        favorites={data.favorites}
+        categories={data.categories}
+        server={data.serverWidget}
+        externalAccess={data.preferences.externalAccess}
+        weatherEnabled={data.preferences.weatherEnabled}
+        weatherLocation={data.preferences.weatherLocation}
+        syncing={syncing}
+        onSync={() => void onSync()}
+        onSettings={() => onSettings("apps")}
+        onLaunch={recordLaunch}
+      />
+      {data.wallpaper && (
+        <div className="dashboard-wallpaper-stage" aria-hidden="true">
+          <img
+            className="dashboard-wallpaper-ambient"
+            src={data.wallpaper.url}
+            alt=""
+          />
+          <img
+            className="dashboard-wallpaper-image"
+            src={data.wallpaper.url}
+            alt=""
+          />
+        </div>
+      )}
+      <div
+        className={`dashboard-workspace ${leftRailCollapsed ? "rail-collapsed" : ""}`}
+      >
+        <DashboardSidebar
+          data={focusedData}
+          syncing={syncing}
+          onSync={() => void onSync()}
+          onSettings={onSettings}
+          collapsed={leftRailCollapsed}
+          onToggleCollapsed={() => setLeftRailCollapsed(!leftRailCollapsed)}
+          onLaunch={recordLaunch}
+        />
+        <div className="dashboard-canvas" id="dashboard-home">
+          <DashboardHero
+            showHero={data.preferences.showHero}
+            newApps={newApps}
+            syncing={syncing}
+            onSync={() => void onSync()}
+            onSettings={() => onSettings("apps")}
+          />
+          <DashboardLaunchHistory
+            recent={historyItems.recent}
+            mostUsed={historyItems.mostUsed}
+            hasHistory={launchEntries.length > 0}
+            onLaunch={recordLaunch}
+            onClear={clearLaunchHistory}
+          />
+          <div className="mobile-dashboard-search">
+            <SearchOverlay
+              apps={focusedApps}
+              favorites={data.favorites}
+              categories={data.categories}
+              server={data.serverWidget}
+              externalAccess={data.preferences.externalAccess}
+              enableShortcut={false}
+              ariaLabel="Zoek apps en favorieten mobiel"
+              placeholder="Snel zoeken in services..."
+              onLaunch={recordLaunch}
+            />
+          </div>
+
+          {degraded.length > 0 && (
+            <div className="degraded-banner" role="status">
+              <span className="status-pulse" />
+              <span>
+                <strong>Beperkte livegegevens.</strong>{" "}
+                {degraded.map((item) => item.label).join(", ")} is niet
+                bereikbaar; je opgeslagen apps blijven bruikbaar.
+              </span>
+              <button onClick={() => void onSync()}>Opnieuw proberen</button>
+            </div>
+          )}
+
+          {hasVisibleApps && (
+            <div
+              className="category-tabs"
+              id="category-navigation"
+              aria-label="Categorieën"
+            >
+              <button
+                className={personalProjectsOnly ? "active" : ""}
+                aria-pressed={personalProjectsOnly}
+                onClick={() => {
+                  setPersonalProjectsOnly(!personalProjectsOnly);
+                  setActiveCategory("all");
+                }}
+              >
+                <Code2 size={14} />
+                Mijn projecten
+                <span>{personalProjectCount}</span>
+              </button>
+              <button
+                className={activeCategory === "all" ? "active" : ""}
+                onClick={() => setActiveCategory("all")}
+              >
+                <CategoryIcon name="Layers3" size={14} />
+                Alles
+              </button>
+              {allGroups.map((group) => (
+                <button
+                  key={group.category.id}
+                  className={
+                    activeCategory === group.category.id ? "active" : ""
+                  }
+                  onClick={() => setActiveCategory(group.category.id)}
+                >
+                  <CategoryIcon name={group.category.icon} size={14} />
+                  {group.category.name}
+                  <span>{group.apps.length}</span>
+                </button>
+              ))}
+            </div>
+          )}
+
+          {widgetCount > 0 && (
+            <details
+              className={`dashboard-insights-panel ${widgetPanelOpen ? "is-expanded" : "is-collapsed"}`}
+              id="dashboard-widgets"
+              open={widgetPanelOpen}
+              onToggle={(event) => setWidgetPanelOpen(event.currentTarget.open)}
+            >
+              <summary>
+                <span className="insights-summary-icon">
+                  <PanelsTopLeft size={18} />
+                </span>
+                <span>
+                  <strong>Live inzicht</strong>
+                  <small>
+                    {widgetCount} {widgetCount === 1 ? "paneel" : "panelen"} ·
+                    alleen-lezen
+                  </small>
+                </span>
+                <ChevronRight className="insights-chevron" size={18} />
+              </summary>
+              <div className="dashboard-widgets">
+                <ServiceWidgets
+                  data={focusedData}
+                  syncing={syncing}
+                  onSync={onSync}
+                />
+              </div>
+            </details>
+          )}
+
+          {data.favorites.length > 0 && (
+            <section className="favorites-section" id="favorites-section">
+              <header>
+                <h2>
+                  <Star size={22} /> Favorieten
+                </h2>
+              </header>
+              {visibleFavorites.length > 0 ? (
+                <SortableList
+                  items={visibleFavorites}
+                  label="Favorietenvolgorde"
+                  className="favorite-grid"
+                  orientation="grid"
+                  getItemLabel={(favorite) => favorite.name}
+                  onReorder={(items) => {
+                    const fullOrder = reorderWithinSlots(
+                      sortedFavorites,
+                      visibleFavorites.map((favorite) => favorite.id),
+                      items,
+                    );
+                    return onReorder("favorite", fullOrder);
+                  }}
+                  renderItem={(favorite, index, controls) => (
+                    <div className="dashboard-sortable-card favorite-sortable-card">
+                      <div className="sortable-card-tools dashboard-sort-tools">
+                        {controls.dragHandle}
+                        {controls.moveUpButton}
+                        {controls.moveDownButton}
+                      </div>
+                      <FavoriteTile
+                        favorite={favorite}
+                        index={index}
+                        onLaunch={recordLaunch}
+                      />
+                    </div>
+                  )}
+                />
+              ) : (
+                <div className="soft-empty compact-empty">
+                  <Star size={20} />
+                  <strong>Geen favorieten in deze categorie</strong>
+                </div>
+              )}
+            </section>
+          )}
+
+          {allGroups.length === 0 ? (
+            <section className="empty-state">
+              <EmptyIcon />
+              <p className="eyebrow">
+                {personalProjectsOnly ? "FOCUSFILTER ACTIEF" : "EEN FRIS BEGIN"}
+              </p>
+              <h2>
+                {personalProjectsOnly
+                  ? "Nog geen eigen projecten gemarkeerd."
+                  : "Je DockDeck wacht op zijn eerste app."}
+              </h2>
+              <p>
+                {personalProjectsOnly
+                  ? "Markeer je zelfgebouwde containers in Instellingen → Apps als eigen project."
+                  : `We vonden ${data.apps.length} apps. Kies welke je op je dashboard wilt zien.`}
+              </p>
+              <button
+                className="primary-button"
+                onClick={() => onSettings("apps")}
+              >
+                <Settings2 size={17} />
+                {personalProjectsOnly
+                  ? "Eigen projecten kiezen"
+                  : "Apps kiezen"}
+              </button>
+            </section>
+          ) : (
+            <div className="dashboard-groups">
+              {shownGroups.map((group) => (
+                <section className="app-section" key={group.category.id}>
+                  <header>
+                    <h2>
+                      <CategoryIcon name={group.category.icon} size={22} />
+                      {group.category.name}
+                    </h2>
+                  </header>
+                  <SortableList
+                    items={group.apps}
+                    label={`Apps in ${group.category.name}`}
+                    className={`app-grid ${
+                      featureCategory(group.category.name) &&
+                      group.apps.some(
+                        (app) => !compactService(app.technicalName),
+                      )
+                        ? "feature-grid"
+                        : ""
+                    }`}
+                    orientation="grid"
+                    getItemLabel={(app) => app.displayName}
+                    onReorder={(items) => {
+                      const categoryId =
+                        group.category.id === "uncategorized"
+                          ? null
+                          : group.category.id;
+                      const fullCategoryOrder = sortByPosition(
+                        data.apps.filter(
+                          (app) => app.categoryId === categoryId,
+                        ),
+                      );
+                      const orderedCategoryApps = reorderWithinSlots(
+                        fullCategoryOrder,
+                        group.apps.map((app) => app.id),
+                        items,
+                      );
+                      return onReorder("app", orderedCategoryApps);
+                    }}
+                    renderItem={(app, index, controls) => (
+                      <div className="dashboard-sortable-card">
+                        <div className="sortable-card-tools dashboard-sort-tools">
+                          {controls.dragHandle}
+                          {controls.moveUpButton}
+                          {controls.moveDownButton}
+                        </div>
+                        <AppTile
+                          app={app}
+                          externalAccess={data.preferences.externalAccess}
+                          showStatus={data.preferences.showStatus}
+                          index={index}
+                          categoryName={group.category.name}
+                          onLaunch={recordLaunch}
+                          variant={
+                            featureCategory(group.category.name) &&
+                            !compactService(app.technicalName)
+                              ? "feature"
+                              : "standard"
+                          }
+                        />
+                      </div>
+                    )}
+                  />
+                </section>
+              ))}
+            </div>
+          )}
+
+          <footer className="dashboard-footer">
+            <span>
+              <span className="online-mark" /> {onlineApps} apps online
+            </span>
+            <button onClick={() => onSettings("apps")}>
+              Dashboard beheren <ChevronRight size={15} />
+            </button>
+          </footer>
+        </div>
+      </div>
+    </main>
+  );
+}
+
+export function DashboardSkeleton() {
+  return (
+    <main
+      className="dashboard loading-screen"
+      aria-busy="true"
+      aria-label="DockDeck laden"
+    >
+      <div className="skeleton topbar" />
+      <div className="skeleton title" />
+      <div className="skeleton search" />
+      <div className="skeleton section" />
+      <div className="skeleton-grid">
+        {[1, 2, 3, 4].map((item) => (
+          <div className="skeleton card" key={item} />
+        ))}
+      </div>
+    </main>
+  );
+}
diff --git a/src/client/components/DashboardHero.tsx b/src/client/components/DashboardHero.tsx
new file mode 100644
index 0000000..69f80ea
--- /dev/null
+++ b/src/client/components/DashboardHero.tsx
@@ -0,0 +1,63 @@
+import { ChevronRight, RefreshCw, Sparkles } from "lucide-react";
+
+interface DashboardHeroProps {
+  showHero: boolean;
+  newApps: number;
+  syncing: boolean;
+  onSync: () => void;
+  onSettings: () => void;
+}
+
+function getGreeting() {
+  const hour = new Date().getHours();
+  if (hour < 12) return "Goedemorgen";
+  if (hour < 18) return "Goedemiddag";
+  return "Goedenavond";
+}
+
+export function DashboardHero({
+  showHero,
+  newApps,
+  syncing,
+  onSync,
+  onSettings,
+}: DashboardHeroProps) {
+  if (!showHero)
+    return (
+      <header className="dashboard-toolbar">
+        <div>
+          <p className="eyebrow">JOUW DOCK</p>
+          <h1>Dashboard</h1>
+        </div>
+        <button
+          className="icon-button sync-button"
+          onClick={onSync}
+          disabled={syncing}
+          title="Statussen vernieuwen"
+          aria-label="Statussen vernieuwen"
+        >
+          <RefreshCw size={18} className={syncing ? "spin" : ""} />
+        </button>
+      </header>
+    );
+
+  return (
+    <header className="dashboard-hero">
+      <div className="hero-copy">
+        <h1>{getGreeting()}</h1>
+        <p className="hero-intro">
+          Welkom terug bij je digitale hoofdkwartier.
+        </p>
+      </div>
+      {newApps > 0 && (
+        <button className="discovery-banner" type="button" onClick={onSettings}>
+          <Sparkles size={21} />
+          <strong>
+            {newApps} {newApps === 1 ? "nieuwe app" : "nieuwe apps"} ontdekt
+          </strong>
+          <ChevronRight size={18} />
+        </button>
+      )}
+    </header>
+  );
+}
diff --git a/src/client/components/DashboardLaunchHistory.tsx b/src/client/components/DashboardLaunchHistory.tsx
new file mode 100644
index 0000000..4176837
--- /dev/null
+++ b/src/client/components/DashboardLaunchHistory.tsx
@@ -0,0 +1,148 @@
+import { Clock3, Eye, EyeOff, History, Trash2 } from "lucide-react";
+import { useState } from "react";
+import type { LaunchHistoryEntry, LaunchKey } from "../launch-history";
+import { ServiceIcon } from "./ServiceIcon";
+
+export interface LaunchHistoryItem extends LaunchHistoryEntry {
+  name: string;
+  href: string;
+  icon: string | null;
+  hint?: string;
+}
+
+interface Props {
+  recent: LaunchHistoryItem[];
+  mostUsed: LaunchHistoryItem[];
+  hasHistory: boolean;
+  onLaunch: (key: LaunchKey) => void;
+  onClear: () => void;
+}
+
+function formatLastOpened(timestamp: number) {
+  const minutes = Math.max(0, Math.floor((Date.now() - timestamp) / 60_000));
+  if (minutes < 1) return "Zojuist geopend";
+  if (minutes < 60) return `${minutes} min geleden`;
+
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours} uur geleden`;
+
+  const days = Math.floor(hours / 24);
+  return `${days} ${days === 1 ? "dag" : "dagen"} geleden`;
+}
+
+export function DashboardLaunchHistory({
+  recent,
+  mostUsed,
+  hasHistory,
+  onLaunch,
+  onClear,
+}: Props) {
+  const [expanded, setExpanded] = useState(true);
+  const [mode, setMode] = useState<"recent" | "most-used">("recent");
+  const items = mode === "recent" ? recent : mostUsed;
+
+  return (
+    <section
+      className="dashboard-launch-history"
+      aria-labelledby="launch-history-title"
+      data-testid="launch-history"
+    >
+      <header className="launch-history-header">
+        <div className="launch-history-heading">
+          <h2 id="launch-history-title">
+            <History size={19} aria-hidden="true" /> Snel opnieuw openen
+          </h2>
+          <small>
+            <Clock3 size={13} aria-hidden="true" /> Alleen in deze browser
+          </small>
+        </div>
+        <div className="launch-history-actions">
+          <div
+            className="launch-history-tabs"
+            role="group"
+            aria-label="Snelstartvolgorde"
+          >
+            <button
+              type="button"
+              aria-pressed={mode === "recent"}
+              onClick={() => setMode("recent")}
+            >
+              Recent
+            </button>
+            <button
+              type="button"
+              aria-pressed={mode === "most-used"}
+              onClick={() => setMode("most-used")}
+            >
+              Veel gebruikt
+            </button>
+          </div>
+          <button
+            className="launch-history-action"
+            type="button"
+            onClick={onClear}
+            disabled={!hasHistory}
+            aria-label="Recente geschiedenis wissen"
+            title="Geschiedenis wissen"
+          >
+            <Trash2 size={15} aria-hidden="true" />
+            <span>Wissen</span>
+          </button>
+          <button
+            className="launch-history-action launch-history-toggle"
+            type="button"
+            onClick={() => setExpanded((value) => !value)}
+            aria-expanded={expanded}
+          >
+            {expanded ? (
+              <EyeOff size={15} aria-hidden="true" />
+            ) : (
+              <Eye size={15} aria-hidden="true" />
+            )}
+            <span>{expanded ? "Verbergen" : "Tonen"}</span>
+          </button>
+        </div>
+      </header>
+      {expanded && (
+        <div id="launch-history-items">
+          {items.length > 0 ? (
+            <div className="launch-history-grid">
+              {items.map((item, index) => (
+                <a
+                  key={item.key}
+                  className="launch-history-card"
+                  href={item.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  data-launch-key={item.key}
+                  onClick={() => onLaunch(item.key)}
+                  aria-label={`${item.name}, ${item.count} keer geopend`}
+                >
+                  <ServiceIcon
+                    name={item.name}
+                    icon={item.icon}
+                    hint={item.hint}
+                    index={index}
+                    className="launch-history-icon"
+                  />
+                  <span className="launch-history-copy">
+                    <strong>{item.name}</strong>
+                    <small>
+                      {mode === "most-used"
+                        ? `${item.count} keer geopend`
+                        : formatLastOpened(item.lastOpenedAt)}
+                    </small>
+                  </span>
+                </a>
+              ))}
+            </div>
+          ) : (
+            <p className="launch-history-empty">
+              Je geopende apps en favorieten verschijnen hier.
+            </p>
+          )}
+        </div>
+      )}
+    </section>
+  );
+}
diff --git a/src/client/components/DashboardSidebar.tsx b/src/client/components/DashboardSidebar.tsx
new file mode 100644
index 0000000..1a69753
--- /dev/null
+++ b/src/client/components/DashboardSidebar.tsx
@@ -0,0 +1,235 @@
+import {
+  ArrowUpRight,
+  CheckCircle2,
+  ChevronDown,
+  ChevronRight,
+  Folder,
+  PanelsTopLeft,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Plus,
+  RefreshCw,
+  Sparkles,
+  Star,
+} from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import type { DashboardPayload } from "../../shared/contracts";
+import { makeLaunchKey, type LaunchKey } from "../launch-history";
+import {
+  favoriteIconUrl,
+  groupFavoritesIntoFolders,
+} from "../../shared/domain";
+import { ServiceIcon } from "./ServiceIcon";
+
+interface DashboardSidebarProps {
+  data: DashboardPayload;
+  syncing: boolean;
+  onSync: () => void;
+  onSettings: (section: "general" | "favorites") => void;
+  collapsed: boolean;
+  onToggleCollapsed: () => void;
+  onLaunch?: (key: LaunchKey) => void;
+}
+
+export function DashboardSidebar({
+  data,
+  syncing,
+  onSync,
+  onSettings,
+  collapsed,
+  onToggleCollapsed,
+  onLaunch,
+}: DashboardSidebarProps) {
+  const [now, setNow] = useState(() => new Date());
+  const [openFolders, setOpenFolders] = useState<Set<string>>(() => new Set());
+  useEffect(() => {
+    const timer = window.setInterval(() => setNow(new Date()), 30_000);
+    return () => window.clearInterval(timer);
+  }, []);
+
+  const favoriteFolders = useMemo(
+    () => groupFavoritesIntoFolders(data.favorites, data.categories),
+    [data.categories, data.favorites],
+  );
+  const visibleApps = data.apps.filter((app) => app.visible);
+  const onlineApps = visibleApps.filter((app) => app.status === "online");
+  const onlinePercent = visibleApps.length
+    ? Math.round((onlineApps.length / visibleApps.length) * 100)
+    : 0;
+  const widgetCount =
+    data.apps.filter((app) => app.widgetEnabled).length +
+    Number(data.preferences.showServerWidget);
+
+  return (
+    <aside
+      className={`dashboard-rail ${collapsed ? "is-collapsed" : ""}`}
+      aria-label="Favorieten en deckstatus"
+    >
+      <section className="rail-intro">
+        <div className="rail-intro-copy">
+          <span>
+            {now.toLocaleDateString("nl-BE", {
+              weekday: "long",
+              day: "numeric",
+              month: "long",
+            })}
+          </span>
+          <strong>
+            {now.toLocaleTimeString("nl-BE", {
+              hour: "2-digit",
+              minute: "2-digit",
+            })}
+          </strong>
+        </div>
+        <button
+          className="rail-collapse-button"
+          type="button"
+          onClick={onToggleCollapsed}
+          aria-label={
+            collapsed ? "Linkerzijbalk uitklappen" : "Linkerzijbalk inklappen"
+          }
+          title={
+            collapsed ? "Linkerzijbalk uitklappen" : "Linkerzijbalk inklappen"
+          }
+          aria-expanded={!collapsed}
+        >
+          {collapsed ? (
+            <PanelLeftOpen size={18} />
+          ) : (
+            <PanelLeftClose size={18} />
+          )}
+        </button>
+      </section>
+
+      <section className="rail-favorites" id="favorite-sidebar">
+        <header>
+          <span>
+            <Star size={15} /> Favorieten
+          </span>
+          <button
+            type="button"
+            onClick={() => onSettings("favorites")}
+            aria-label="Favorieten en mappen beheren"
+            title="Favorieten en mappen beheren"
+          >
+            <Plus size={16} />
+          </button>
+        </header>
+        {favoriteFolders.length > 0 ? (
+          <nav aria-label="Favorietenmappen">
+            {favoriteFolders.map((folder, folderIndex) => {
+              const isOpen = openFolders.has(folder.id);
+              return (
+                <section className="rail-favorite-folder" key={folder.id}>
+                  <button
+                    type="button"
+                    className="rail-folder-toggle"
+                    aria-expanded={isOpen}
+                    aria-controls={`favorite-folder-${folder.id}`}
+                    onClick={() =>
+                      setOpenFolders((current) => {
+                        const next = new Set(current);
+                        if (next.has(folder.id)) next.delete(folder.id);
+                        else next.add(folder.id);
+                        return next;
+                      })
+                    }
+                  >
+                    <Folder size={16} aria-hidden="true" />
+                    <span>{folder.name}</span>
+                    <small>{folder.favorites.length}</small>
+                    <ChevronDown size={15} aria-hidden="true" />
+                  </button>
+                  {isOpen && (
+                    <div
+                      className="rail-folder-links"
+                      id={`favorite-folder-${folder.id}`}
+                    >
+                      {folder.favorites.map((favorite, favoriteIndex) => (
+                        <a
+                          key={favorite.id}
+                          href={favorite.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          onClick={() =>
+                            onLaunch?.(makeLaunchKey("favorite", favorite.id))
+                          }
+                        >
+                          <ServiceIcon
+                            name={favorite.name}
+                            icon={favoriteIconUrl(favorite)}
+                            hint={favorite.url}
+                            index={folderIndex + favoriteIndex}
+                            className="rail-app-icon"
+                          />
+                          <span>
+                            <strong>{favorite.name}</strong>
+                            <small>{new URL(favorite.url).hostname}</small>
+                          </span>
+                          <ArrowUpRight size={14} aria-hidden="true" />
+                        </a>
+                      ))}
+                    </div>
+                  )}
+                </section>
+              );
+            })}
+          </nav>
+        ) : (
+          <button
+            className="rail-empty-action"
+            type="button"
+            onClick={() => onSettings("favorites")}
+          >
+            <Star size={18} />
+            <span>
+              <strong>Maak je eerste favoriet of map</strong>
+              <small>
+                Groepeer je snelle links rechtstreeks in de favorietenbalk
+              </small>
+            </span>
+          </button>
+        )}
+      </section>
+
+      <section className="rail-deck-health" aria-label="Deckstatus">
+        <header>
+          <span>
+            <Sparkles size={14} /> Deckstatus
+          </span>
+          <strong>{onlinePercent}%</strong>
+        </header>
+        <div className="rail-health-bar" aria-hidden="true">
+          <span style={{ width: `${onlinePercent}%` }} />
+        </div>
+        <p>
+          <CheckCircle2 size={13} /> {onlineApps.length} van{" "}
+          {visibleApps.length} zichtbare apps online
+        </p>
+        <button type="button" onClick={onSync} disabled={syncing}>
+          <RefreshCw size={13} className={syncing ? "spin" : ""} />
+          {syncing ? "Status ophalen" : "Nu vernieuwen"}
+        </button>
+      </section>
+
+      <button
+        className="rail-widget-link"
+        type="button"
+        onClick={() => onSettings("general")}
+      >
+        <span className="rail-widget-icon">
+          <PanelsTopLeft size={19} />
+        </span>
+        <span>
+          <strong>Widgets</strong>
+          <small>
+            {widgetCount > 0
+              ? `${widgetCount} livepane${widgetCount === 1 ? "el" : "len"}`
+              : "Kies je livepanelen"}
+          </small>
+        </span>
+        <ChevronRight size={16} aria-hidden="true" />
+      </button>
+    </aside>
+  );
+}
diff --git a/src/client/components/DashboardTopBar.tsx b/src/client/components/DashboardTopBar.tsx
new file mode 100644
index 0000000..e4bda47
--- /dev/null
+++ b/src/client/components/DashboardTopBar.tsx
@@ -0,0 +1,101 @@
+import { RefreshCw, Settings } from "lucide-react";
+import type {
+  Category,
+  DockApp,
+  Favorite,
+  ServerWidgetMetric,
+} from "../../shared/contracts";
+import type { LaunchKey } from "../launch-history";
+import { Brand } from "./Brand";
+import { SearchOverlay } from "./SearchOverlay";
+import { WeatherBadge } from "./WeatherBadge";
+
+interface DashboardTopBarProps {
+  apps: DockApp[];
+  favorites: Favorite[];
+  categories: Category[];
+  server: ServerWidgetMetric | null;
+  externalAccess: boolean;
+  weatherEnabled: boolean;
+  weatherLocation: string;
+  syncing: boolean;
+  onSync: () => void;
+  onSettings: () => void;
+  onLaunch?: (key: LaunchKey) => void;
+}
+
+export function DashboardTopBar({
+  apps,
+  favorites,
+  categories,
+  server,
+  externalAccess,
+  weatherEnabled,
+  weatherLocation,
+  syncing,
+  onSync,
+  onSettings,
+  onLaunch,
+}: DashboardTopBarProps) {
+  const scrollTo = (id: string) =>
+    document.getElementById(id)?.scrollIntoView({ behavior: "smooth" });
+  return (
+    <header className="dashboard-topbar">
+      <div className="dashboard-topbar-inner">
+        <button
+          className="brand-button"
+          type="button"
+          onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
+          aria-label="Naar boven"
+        >
+          <Brand compact />
+        </button>
+        <div className="topbar-search">
+          <SearchOverlay
+            apps={apps}
+            favorites={favorites}
+            categories={categories}
+            server={server}
+            externalAccess={externalAccess}
+            onLaunch={onLaunch}
+          />
+        </div>
+        <nav aria-label="Dashboardnavigatie">
+          <button
+            type="button"
+            className="active"
+            onClick={() => scrollTo("dashboard-home")}
+          >
+            Dashboard
+          </button>
+          <button type="button" onClick={onSettings}>
+            Instellingen
+          </button>
+        </nav>
+        <div className="topbar-actions">
+          <WeatherBadge enabled={weatherEnabled} location={weatherLocation} />
+          <button
+            className="icon-button sync-status-button"
+            type="button"
+            onClick={onSync}
+            disabled={syncing}
+            title="Statussen vernieuwen"
+            aria-label="Statussen vernieuwen"
+          >
+            <RefreshCw size={19} className={syncing ? "spin" : ""} />
+            <span className="sync-online-dot" />
+          </button>
+          <button
+            className="icon-button"
+            type="button"
+            onClick={onSettings}
+            title="Instellingen"
+            aria-label="Instellingen openen"
+          >
+            <Settings size={21} />
+          </button>
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/src/client/components/OperationsSettings.tsx b/src/client/components/OperationsSettings.tsx
new file mode 100644
index 0000000..af8d579
--- /dev/null
+++ b/src/client/components/OperationsSettings.tsx
@@ -0,0 +1,151 @@
+import {
+  Activity,
+  CheckCircle2,
+  RefreshCw,
+  ShieldCheck,
+  WifiOff,
+} from "lucide-react";
+import { useState } from "react";
+import type {
+  DashboardPayload,
+  SystemDiagnostics,
+} from "../../shared/contracts";
+import { api } from "../api";
+
+interface OperationsSettingsProps {
+  data: DashboardPayload;
+}
+
+export function OperationsSettings({ data }: OperationsSettingsProps) {
+  const [diagnostics, setDiagnostics] = useState<SystemDiagnostics | null>(
+    null,
+  );
+  const [checking, setChecking] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const run = async () => {
+    setChecking(true);
+    try {
+      setDiagnostics(await api.diagnostics());
+      setError(null);
+    } catch (reason) {
+      setError(
+        reason instanceof Error ? reason.message : "Diagnostiek mislukt",
+      );
+    } finally {
+      setChecking(false);
+    }
+  };
+  return (
+    <>
+      <header className="settings-heading">
+        <p className="eyebrow">STATUS EN TOEGANG</p>
+        <h2>Systeemstatus</h2>
+        <p>
+          Voer een statuscontrole zonder secrets uit en controleer de
+          deploymentgrens voordat DockDeck buiten je vertrouwde LAN bereikbaar
+          wordt.
+        </p>
+      </header>
+      <div className="operations-overview">
+        <article>
+          <Activity size={19} />
+          <span>
+            <strong>
+              {data.apps.filter((app) => app.widgetEnabled).length}
+            </strong>
+            <small>actieve app-panelen</small>
+          </span>
+        </article>
+        <article>
+          <CheckCircle2 size={19} />
+          <span>
+            <strong>
+              {
+                data.integrations.filter((item) => item.state === "connected")
+                  .length
+              }
+            </strong>
+            <small>verbonden integraties</small>
+          </span>
+        </article>
+        <article>
+          <WifiOff size={19} />
+          <span>
+            <strong>
+              {
+                data.integrations.filter((item) => item.state === "degraded")
+                  .length
+              }
+            </strong>
+            <small>beperkte integraties</small>
+          </span>
+        </article>
+      </div>
+      <button
+        className="primary-button diagnostics-run"
+        onClick={() => void run()}
+        disabled={checking}
+      >
+        <RefreshCw size={15} className={checking ? "spin" : ""} />
+        {checking ? "Controleren" : "Diagnostiek uitvoeren"}
+      </button>
+      {error && <p className="diagnostics-error">{error}</p>}
+      {diagnostics && (
+        <section
+          className={`diagnostics-result ${diagnostics.status}`}
+          aria-live="polite"
+        >
+          <header>
+            <ShieldCheck size={20} />
+            <span>
+              <strong>
+                {diagnostics.status === "healthy" ? "gezond" : "beperkt"}
+              </strong>
+              <small>
+                {new Date(diagnostics.generatedAt).toLocaleString()}
+              </small>
+            </span>
+          </header>
+          <dl>
+            <div>
+              <dt>Database</dt>
+              <dd>{diagnostics.database}</dd>
+            </div>
+            <div>
+              <dt>Unraid-runtime</dt>
+              <dd>{diagnostics.unraidNative}</dd>
+            </div>
+            <div>
+              <dt>Verouderde panelen</dt>
+              <dd>{diagnostics.staleWidgets}</dd>
+            </div>
+            <div>
+              <dt>Onbeschikbare panelen</dt>
+              <dd>{diagnostics.unavailableWidgets}</dd>
+            </div>
+            <div>
+              <dt>Offline-appshell</dt>
+              <dd>{diagnostics.pwa}</dd>
+            </div>
+            <div>
+              <dt>Versie</dt>
+              <dd>{diagnostics.version}</dd>
+            </div>
+          </dl>
+        </section>
+      )}
+      <div className="security-callout operations-security">
+        <ShieldCheck size={20} />
+        <span>
+          <strong>Externe toegang vereist authenticatie</strong>
+          <small>
+            Behoud de standaard lokale binding of plaats DockDeck achter HTTPS
+            en een reverse proxy met authenticatie, zoals Authentik. DockDeck
+            heeft zelf geen accounts en stelt publieke toegang nooit automatisch
+            in.
+          </small>
+        </span>
+      </div>
+    </>
+  );
+}
diff --git a/src/client/components/SearchOverlay.tsx b/src/client/components/SearchOverlay.tsx
new file mode 100644
index 0000000..9bd0ac8
--- /dev/null
+++ b/src/client/components/SearchOverlay.tsx
@@ -0,0 +1,369 @@
+import {
+  ArrowUpRight,
+  CornerDownLeft,
+  Search,
+  Server,
+  Sparkles,
+} from "lucide-react";
+import { createPortal } from "react-dom";
+import { useEffect, useMemo, useRef, useState } from "react";
+import type {
+  Category,
+  DockApp,
+  Favorite,
+  ServerWidgetMetric,
+} from "../../shared/contracts";
+import {
+  effectiveAppUrl,
+  favoriteIconUrl,
+  googleSearchUrl,
+  searchItems,
+} from "../../shared/domain";
+import { makeLaunchKey, type LaunchKey } from "../launch-history";
+import { ServiceIcon } from "./ServiceIcon";
+
+interface Props {
+  apps: DockApp[];
+  favorites: Favorite[];
+  categories: Category[];
+  server: ServerWidgetMetric | null;
+  externalAccess: boolean;
+  enableShortcut?: boolean;
+  ariaLabel?: string;
+  placeholder?: string;
+  onLaunch?: (key: LaunchKey) => void;
+}
+
+export function SearchOverlay({
+  apps,
+  favorites,
+  categories,
+  server,
+  externalAccess,
+  enableShortcut = true,
+  ariaLabel = "Zoek apps, favorieten of Google",
+  placeholder = "Snel zoeken...",
+  onLaunch,
+}: Props) {
+  const [query, setQuery] = useState("");
+  const [active, setActive] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const results = useMemo(
+    () =>
+      searchItems(query, apps, favorites, externalAccess, categories, server),
+    [query, apps, favorites, externalAccess, categories, server],
+  );
+  const appResults = results.filter((result) => result.kind === "app");
+  const favoriteResults = results.filter(
+    (result) => result.kind === "favorite",
+  );
+  const serverResults = results.filter((result) => result.kind === "server");
+  const orderedResults = [...serverResults, ...appResults, ...favoriteResults];
+  const selectableCount = query.trim() ? orderedResults.length + 1 : 0;
+  const quickLinks = useMemo(
+    () =>
+      [
+        ...favorites.slice(0, 4).map((favorite) => ({
+          id: `favorite-${favorite.id}`,
+          name: favorite.name,
+          detail: "Favoriet",
+          url: favorite.url,
+          icon: favoriteIconUrl(favorite),
+          hint: favorite.url,
+          launchKey: makeLaunchKey("favorite", favorite.id),
+        })),
+        ...apps
+          .filter((app) => app.visible && effectiveAppUrl(app, externalAccess))
+          .slice(0, 4)
+          .map((app) => ({
+            id: `app-${app.id}`,
+            name: app.displayName,
+            detail: app.status === "online" ? "Online" : "Service",
+            url: effectiveAppUrl(app, externalAccess)!,
+            icon: app.icon,
+            hint: `${app.technicalName} ${app.image ?? ""}`,
+            launchKey: makeLaunchKey("app", app.id),
+          })),
+      ].slice(0, 6),
+    [apps, externalAccess, favorites],
+  );
+
+  useEffect(() => {
+    const onKey = (event: KeyboardEvent) => {
+      if (
+        enableShortcut &&
+        (event.metaKey || event.ctrlKey) &&
+        event.key.toLowerCase() === "k"
+      ) {
+        event.preventDefault();
+        setActive(true);
+      }
+      if (event.key === "Escape") {
+        setActive(false);
+        setQuery("");
+        inputRef.current?.blur();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [enableShortcut]);
+
+  useEffect(() => {
+    if (active) inputRef.current?.focus();
+  }, [active]);
+
+  const openUrl = (url: string, launchKey?: LaunchKey) => {
+    if (query.trim()) window.open(url, "_blank", "noopener,noreferrer");
+    if (launchKey) onLaunch?.(launchKey);
+    setActive(false);
+    setQuery("");
+  };
+
+  const launchKeyForResult = (result: (typeof orderedResults)[number]) => {
+    if (result.kind === "favorite") {
+      return makeLaunchKey("favorite", result.id);
+    }
+    if (result.kind !== "app" || result.hidden) return undefined;
+
+    const app = apps.find((candidate) => candidate.id === result.id);
+    if (!app?.visible || effectiveAppUrl(app, externalAccess) !== result.url) {
+      return undefined;
+    }
+    return makeLaunchKey("app", app.id);
+  };
+
+  const submit = () => {
+    const result = orderedResults[selectedIndex];
+    if (result) {
+      openUrl(result.url, launchKeyForResult(result));
+      return;
+    }
+    openUrl(googleSearchUrl(query));
+  };
+
+  const openGoogle = () => openUrl(googleSearchUrl(query));
+
+  const searchShell = (
+    <div
+      className={`search-shell ${active ? "expanded" : ""}`}
+      role={active ? "dialog" : undefined}
+      aria-modal={active ? "true" : undefined}
+      aria-label={active ? "Quick Launch" : undefined}
+    >
+      {active && (
+        <button
+          type="button"
+          className="search-backdrop"
+          aria-label="Quick Launch sluiten"
+          onClick={() => {
+            setActive(false);
+            setQuery("");
+          }}
+        />
+      )}
+      <form
+        className="search-bar"
+        role="search"
+        onSubmit={(event) => {
+          event.preventDefault();
+          submit();
+        }}
+      >
+        <Search size={21} aria-hidden="true" />
+        <input
+          name="quickLaunch"
+          ref={inputRef}
+          value={query}
+          onChange={(event) => {
+            setQuery(event.target.value);
+            setSelectedIndex(0);
+          }}
+          onFocus={() => setActive(true)}
+          onKeyDown={(event) => {
+            if (event.key === "ArrowDown" && selectableCount > 0) {
+              event.preventDefault();
+              setSelectedIndex((index) => (index + 1) % selectableCount);
+            }
+            if (event.key === "ArrowUp" && selectableCount > 0) {
+              event.preventDefault();
+              setSelectedIndex(
+                (index) => (index - 1 + selectableCount) % selectableCount,
+              );
+            }
+          }}
+          placeholder={placeholder}
+          aria-label={ariaLabel}
+          aria-controls={active ? "quick-launch-results" : undefined}
+          aria-activedescendant={
+            active && query.trim() ? `quick-result-${selectedIndex}` : undefined
+          }
+        />
+        <kbd>{active ? "ESC" : "Ctrl K"}</kbd>
+      </form>
+      {active && (
+        <div
+          className="search-results"
+          id="quick-launch-results"
+          role={query.trim() ? "listbox" : undefined}
+        >
+          {!query.trim() && (
+            <div className="quick-launch-home">
+              <div className="search-hint">
+                <Sparkles size={18} />
+                <span>
+                  <strong>Quick Launch</strong>
+                  <small>
+                    Open een snelkoppeling of typ om alles te doorzoeken.
+                  </small>
+                </span>
+              </div>
+              {quickLinks.length > 0 && (
+                <section
+                  className="quick-links-section"
+                  aria-labelledby="quick-links-heading"
+                >
+                  <h2 id="quick-links-heading">Snelkoppelingen</h2>
+                  <div className="quick-links-grid">
+                    {quickLinks.map((link, index) => (
+                      <a
+                        key={link.id}
+                        href={link.url}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        onClick={() => {
+                          onLaunch?.(link.launchKey);
+                          setActive(false);
+                        }}
+                      >
+                        <span className="result-icon">
+                          <ServiceIcon
+                            name={link.name}
+                            icon={link.icon}
+                            hint={link.hint}
+                            index={index}
+                          />
+                        </span>
+                        <span>
+                          <strong>{link.name}</strong>
+                          <small>{link.detail}</small>
+                        </span>
+                        <ArrowUpRight size={15} aria-hidden="true" />
+                      </a>
+                    ))}
+                  </div>
+                </section>
+              )}
+            </div>
+          )}
+          {[
+            { label: "Apps", items: [...serverResults, ...appResults] },
+            { label: "Favorieten", items: favoriteResults },
+          ].map((group) =>
+            group.items.length > 0 ? (
+              <section className="result-group" key={group.label}>
+                <h2>{group.label}</h2>
+                {group.items.map((result) => {
+                  const index = orderedResults.indexOf(result);
+                  const app =
+                    result.kind === "app"
+                      ? apps.find((candidate) => candidate.id === result.id)
+                      : undefined;
+                  const favorite =
+                    result.kind === "favorite"
+                      ? favorites.find(
+                          (candidate) => candidate.id === result.id,
+                        )
+                      : undefined;
+                  return (
+                    <a
+                      id={`quick-result-${index}`}
+                      key={`${result.kind}-${result.id}`}
+                      href={result.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      role="option"
+                      aria-selected={selectedIndex === index}
+                      className={selectedIndex === index ? "selected" : ""}
+                      onClick={() => {
+                        const launchKey = launchKeyForResult(result);
+                        if (launchKey) onLaunch?.(launchKey);
+                        setActive(false);
+                        setQuery("");
+                      }}
+                      onMouseEnter={() => setSelectedIndex(index)}
+                    >
+                      <span className="result-icon">
+                        {result.kind === "server" ? (
+                          <Server size={17} />
+                        ) : result.kind === "favorite" ? (
+                          <ServiceIcon
+                            name={result.name}
+                            icon={favorite ? favoriteIconUrl(favorite) : null}
+                            hint={favorite?.url}
+                            index={index}
+                          />
+                        ) : (
+                          <ServiceIcon
+                            name={result.name}
+                            icon={app?.icon ?? null}
+                            index={index}
+                          />
+                        )}
+                      </span>
+                      <span>
+                        <strong>{result.name}</strong>
+                        <small>
+                          {result.kind === "app"
+                            ? `${result.hidden ? "Verborgen app" : app?.status === "online" ? "Online" : app?.status === "offline" ? "Offline" : "Status onbekend"} · ${result.detail}`
+                            : result.kind === "server"
+                              ? `Unraid-server · ${result.detail}`
+                              : result.detail}
+                        </small>
+                      </span>
+                      <ArrowUpRight size={16} />
+                    </a>
+                  );
+                })}
+              </section>
+            ) : null,
+          )}
+          {query.trim() && (
+            <section className="result-group google-group">
+              <h2>Google</h2>
+              <button
+                id={`quick-result-${orderedResults.length}`}
+                type="button"
+                role="option"
+                aria-selected={selectedIndex === orderedResults.length}
+                className={`google-result ${selectedIndex === orderedResults.length ? "selected" : ""}`}
+                onMouseEnter={() => setSelectedIndex(orderedResults.length)}
+                onClick={openGoogle}
+              >
+                <span className="result-icon google">
+                  <ServiceIcon name="Google" icon={null} index={0} />
+                </span>
+                <span>
+                  <strong>Zoeken op Google naar “{query}”</strong>
+                  <small>Opent in een nieuw tabblad</small>
+                </span>
+                <CornerDownLeft size={16} />
+              </button>
+            </section>
+          )}
+          <footer className="search-shortcuts">
+            <span>
+              <kbd>ENTER</kbd> Openen
+            </span>
+            <span>
+              <kbd>ESC</kbd> Sluiten
+            </span>
+            <span>↑ ↓ Navigeren</span>
+          </footer>
+        </div>
+      )}
+    </div>
+  );
+
+  return active ? createPortal(searchShell, document.body) : searchShell;
+}
diff --git a/src/client/components/ServerWidget.tsx b/src/client/components/ServerWidget.tsx
new file mode 100644
index 0000000..08371ba
--- /dev/null
+++ b/src/client/components/ServerWidget.tsx
@@ -0,0 +1,252 @@
+import {
+  ArrowUpRight,
+  BatteryCharging,
+  Boxes,
+  Clock3,
+  Cpu,
+  HardDrive,
+  Layers3,
+  MemoryStick,
+  Server,
+  ShieldCheck,
+  Thermometer,
+} from "lucide-react";
+import type {
+  ServerWidgetMetric,
+  WidgetChartType,
+  WidgetSize,
+} from "../../shared/contracts";
+import { WidgetSparkline } from "./WidgetSparkline";
+
+function formatMemory(value: number) {
+  return value > 0 ? `${Math.round(value / 1024 ** 3)} GB` : "—";
+}
+
+interface ServerWidgetProps {
+  metric: ServerWidgetMetric | null;
+  size: WidgetSize;
+  showStats: boolean;
+  showDetails: boolean;
+  showProgress: boolean;
+  showNative: boolean;
+  showChart: boolean;
+  chartMetric: string;
+  chartType: WidgetChartType;
+  chartSamples: number;
+  showLegend: boolean;
+  hiddenMetrics: string[];
+  metricOrder: string[];
+  statLimit: number;
+}
+
+const statLabels = [
+  "CPU cores",
+  "Memory capacity",
+  "Stopped containers",
+  "Array state",
+  "Storage used",
+  "Hottest temperature",
+  "UPS battery",
+];
+
+export function ServerWidget({
+  metric,
+  size,
+  showStats,
+  showDetails,
+  showProgress,
+  showNative,
+  showChart,
+  chartMetric,
+  chartType,
+  chartSamples,
+  showLegend,
+  hiddenMetrics,
+  metricOrder,
+  statLimit,
+}: ServerWidgetProps) {
+  const runningPercent = metric?.containers
+    ? Math.round((metric.containersRunning / metric.containers) * 100)
+    : 0;
+  const visibleLabels = statLabels
+    .filter((label) => !hiddenMetrics.includes(label))
+    .sort((left, right) => {
+      const leftIndex = metricOrder.indexOf(left);
+      const rightIndex = metricOrder.indexOf(right);
+      return (
+        (leftIndex < 0 ? Number.MAX_SAFE_INTEGER : leftIndex) -
+        (rightIndex < 0 ? Number.MAX_SAFE_INTEGER : rightIndex)
+      );
+    })
+    .slice(0, statLimit);
+  const isShown = (label: string) => visibleLabels.includes(label);
+  const chartHistory = metric?.history?.[chartMetric] ?? [];
+  return (
+    <article
+      className={`service-widget server-widget widget-size-${size}`}
+      data-widget-size={size}
+    >
+      <header>
+        <span className="server-widget-icon">
+          <Server size={22} />
+        </span>
+        <span className="widget-title">
+          <small>UNRAID SERVER</small>
+          {metric ? (
+            <a
+              className="server-title-link"
+              href={metric.url}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <strong>{metric.hostName}</strong>
+              <ArrowUpRight size={13} />
+            </a>
+          ) : (
+            <strong>Wachten op Unraid</strong>
+          )}
+        </span>
+        <span className={`server-health ${metric ? "online" : "unknown"}`}>
+          {metric ? metric.freshness : "Offline"}
+        </span>
+      </header>
+      {showDetails && (
+        <div className="server-summary">
+          <strong>{metric?.containersRunning ?? 0}</strong>
+          <span>
+            containers actief
+            <small>
+              {metric?.operatingSystem ??
+                "Docker-hostinformatie niet beschikbaar"}
+            </small>
+          </span>
+        </div>
+      )}
+      {showStats && (
+        <div className="provider-stats server-stats">
+          {isShown("CPU cores") && (
+            <span>
+              <Cpu size={14} />
+              <small>CPU-kernen</small>
+              <strong>{metric?.cpuCount ?? "—"}</strong>
+            </span>
+          )}
+          {isShown("Memory capacity") && (
+            <span>
+              <MemoryStick size={14} />
+              <small>Geheugencapaciteit</small>
+              <strong>{formatMemory(metric?.totalMemoryBytes ?? 0)}</strong>
+            </span>
+          )}
+          {isShown("Stopped containers") && (
+            <span>
+              <Boxes size={14} />
+              <small>Gestopte containers</small>
+              <strong>{metric?.containersStopped ?? "—"}</strong>
+            </span>
+          )}
+        </div>
+      )}
+      {showNative && metric?.native && (
+        <div className="unraid-native-grid">
+          {isShown("Array state") && (
+            <span>
+              <ShieldCheck size={14} />
+              <small>Arraystatus</small>
+              <strong>{metric.native.arrayState}</strong>
+              <em>
+                {metric.native.parityErrors
+                  ? `${metric.native.parityErrors} pariteitsfouten`
+                  : metric.native.parityStatus}
+              </em>
+            </span>
+          )}
+          {isShown("Storage used") && (
+            <span>
+              <HardDrive size={14} />
+              <small>Opslag gebruikt</small>
+              <strong>
+                {metric.native.storage.length
+                  ? formatMemory(
+                      metric.native.storage.reduce(
+                        (total, group) => total + group.usedBytes,
+                        0,
+                      ),
+                    )
+                  : "—"}
+              </strong>
+              <em>{metric.native.storage.length} array-/poolgroepen</em>
+            </span>
+          )}
+          {isShown("Hottest temperature") && (
+            <span>
+              <Thermometer size={14} />
+              <small>Hoogste temperatuur</small>
+              <strong>
+                {metric.native.hottestTemperatureC === null
+                  ? "—"
+                  : `${Math.round(metric.native.hottestTemperatureC)}°C`}
+              </strong>
+              <em>Schijf- en hostsensoren</em>
+            </span>
+          )}
+          {isShown("UPS battery") && (
+            <span>
+              <BatteryCharging size={14} />
+              <small>UPS-batterij</small>
+              <strong>{metric.native.upsStatus ?? "Niet beschikbaar"}</strong>
+              <em>
+                {metric.native.upsBatteryPercent === null
+                  ? "Optionele statusbron"
+                  : `${Math.round(metric.native.upsBatteryPercent)}% batterij`}
+              </em>
+            </span>
+          )}
+        </div>
+      )}
+      {showChart && chartHistory.length > 1 && (
+        <WidgetSparkline
+          history={chartHistory}
+          chartType={chartType}
+          sampleLimit={chartSamples}
+          label={chartMetric}
+          showLegend={showLegend}
+        />
+      )}
+      {showDetails && (
+        <div className="server-footer">
+          <span>
+            <Layers3 size={12} /> {metric?.images ?? 0} images
+          </span>
+          <span>
+            <HardDrive size={12} /> Docker {metric?.dockerVersion ?? "—"}
+          </span>
+          <span>
+            <Clock3 size={12} />
+            {metric
+              ? `Bijgewerkt ${new Date(metric.updatedAt).toLocaleTimeString(
+                  [],
+                  {
+                    hour: "2-digit",
+                    minute: "2-digit",
+                  },
+                )}`
+              : "Wachten op vernieuwing"}
+          </span>
+        </div>
+      )}
+      {showProgress && (
+        <div
+          className="memory-track"
+          role="meter"
+          aria-label="Actieve containers"
+          aria-valuemin={0}
+          aria-valuemax={100}
+          aria-valuenow={runningPercent}
+        >
+          <span style={{ width: `${runningPercent}%` }} />
+        </div>
+      )}
+    </article>
+  );
+}
diff --git a/src/client/components/ServerWidgetAdvancedConfigurator.tsx b/src/client/components/ServerWidgetAdvancedConfigurator.tsx
new file mode 100644
index 0000000..85e035c
--- /dev/null
+++ b/src/client/components/ServerWidgetAdvancedConfigurator.tsx
@@ -0,0 +1,306 @@
+import {
+  ArrowDown,
+  ArrowUp,
+  BarChart3,
+  ServerCog,
+  SlidersHorizontal,
+} from "lucide-react";
+import type {
+  Preferences,
+  PreferencesPatch,
+  WidgetChartType,
+} from "../../shared/contracts";
+
+interface Props {
+  preferences: Preferences;
+  onChange: (patch: PreferencesPatch, message: string) => void;
+}
+
+const statMetrics = [
+  {
+    label: "CPU cores",
+    display: "CPU-kernen",
+    description: "Logische CPU-capaciteit die de Docker-host meldt.",
+  },
+  {
+    label: "Memory capacity",
+    display: "Geheugencapaciteit",
+    description: "Totaal geheugen uit de alleen-lezen inventarisservice.",
+  },
+  {
+    label: "Stopped containers",
+    display: "Gestopte containers",
+    description: "Aanwezige containers die momenteel niet actief zijn.",
+  },
+  {
+    label: "Array state",
+    display: "Arraystatus",
+    description: "Overzicht van de Unraid-array- en pariteitsstatus.",
+  },
+  {
+    label: "Storage used",
+    display: "Opslag gebruikt",
+    description: "Gebruikte capaciteit van de gemelde array en pools.",
+  },
+  {
+    label: "Hottest temperature",
+    display: "Hoogste temperatuur",
+    description: "Hoogste beschikbare temperatuur van host- of opslagsensoren.",
+  },
+  {
+    label: "UPS battery",
+    display: "UPS-batterij",
+    description:
+      "UPS-status en resterende batterij indien ingesteld in Unraid.",
+  },
+];
+
+const chartMetrics: Array<[string, string]> = [
+  ["Running containers", "Actieve containers"],
+  ["Stopped containers", "Gestopte containers"],
+  ["Images", "Images"],
+  ["Memory capacity", "Geheugencapaciteit"],
+  ["Storage used", "Opslag gebruikt"],
+  ["Hottest temperature", "Hoogste temperatuur"],
+  ["Parity errors", "Pariteitsfouten"],
+  ["UPS battery", "UPS-batterij"],
+];
+
+export function ServerWidgetAdvancedConfigurator({
+  preferences,
+  onChange,
+}: Props) {
+  const labels = statMetrics.map((metric) => metric.label);
+  const ordered = [
+    ...preferences.serverWidgetMetricOrder.filter((label) =>
+      labels.includes(label),
+    ),
+    ...labels.filter(
+      (label) => !preferences.serverWidgetMetricOrder.includes(label),
+    ),
+  ].filter((label) => !preferences.serverWidgetHiddenMetrics.includes(label));
+  const move = (index: number, direction: -1 | 1) => {
+    const target = index + direction;
+    if (!ordered[target]) return;
+    const next = [...ordered];
+    [next[index], next[target]] = [next[target]!, next[index]!];
+    onChange(
+      { serverWidgetMetricOrder: next },
+      "Volgorde van Unraid-metingen bijgewerkt",
+    );
+  };
+  return (
+    <details className="widget-advanced-config server-advanced-config">
+      <summary>
+        <ServerCog size={14} /> Volledige Unraid-paneelconfiguratie
+      </summary>
+      <section className="widget-config-section" aria-label="Unraid-grafiek">
+        <header>
+          <BarChart3 size={14} />
+          <span>
+            <strong>Servertrendgrafiek</strong>
+            <small>
+              Toon geschiedenis van Docker-inventaris, opslag, temperatuur,
+              pariteit of UPS.
+            </small>
+          </span>
+        </header>
+        <div className="widget-advanced-grid">
+          <label>
+            <span>Reeks</span>
+            <select
+              name="serverWidgetChartMetric"
+              value={preferences.serverWidgetChartMetric}
+              onChange={(event) =>
+                onChange(
+                  { serverWidgetChartMetric: event.target.value },
+                  "Unraid-grafiekreeks bijgewerkt",
+                )
+              }
+            >
+              {chartMetrics.map(([metric, display]) => (
+                <option key={metric} value={metric}>
+                  {display}
+                </option>
+              ))}
+            </select>
+          </label>
+          <label>
+            <span>Grafiekstijl</span>
+            <select
+              name="serverWidgetChartType"
+              value={preferences.serverWidgetChartType}
+              onChange={(event) =>
+                onChange(
+                  {
+                    serverWidgetChartType: event.target
+                      .value as WidgetChartType,
+                  },
+                  "Unraid-grafiekstijl bijgewerkt",
+                )
+              }
+            >
+              <option value="line">Lijn</option>
+              <option value="area">Vlak</option>
+              <option value="bar">Balken</option>
+            </select>
+          </label>
+          <label>
+            <span>Geschiedenisvenster</span>
+            <select
+              name="serverWidgetChartSamples"
+              value={preferences.serverWidgetChartSamples}
+              onChange={(event) =>
+                onChange(
+                  { serverWidgetChartSamples: Number(event.target.value) },
+                  "Unraid-grafiekvenster bijgewerkt",
+                )
+              }
+            >
+              {[10, 20, 30, 45, 60].map((samples) => (
+                <option key={samples} value={samples}>
+                  Laatste {samples} metingen
+                </option>
+              ))}
+            </select>
+          </label>
+          <label>
+            <span>Maximum aantal statistieken</span>
+            <select
+              name="serverWidgetStatLimit"
+              value={preferences.serverWidgetStatLimit}
+              onChange={(event) =>
+                onChange(
+                  { serverWidgetStatLimit: Number(event.target.value) },
+                  "Limiet voor Unraid-statistieken bijgewerkt",
+                )
+              }
+            >
+              {[3, 4, 5, 6, 7, 8].map((limit) => (
+                <option key={limit} value={limit}>
+                  {limit} statistieken
+                </option>
+              ))}
+            </select>
+          </label>
+          <button
+            type="button"
+            className={
+              preferences.serverWidgetShowChart
+                ? "sparkline-toggle active"
+                : "sparkline-toggle"
+            }
+            aria-pressed={preferences.serverWidgetShowChart}
+            onClick={() =>
+              onChange(
+                {
+                  serverWidgetShowChart: !preferences.serverWidgetShowChart,
+                },
+                "Zichtbaarheid van Unraid-grafiek bijgewerkt",
+              )
+            }
+          >
+            <BarChart3 size={15} />
+            <span>
+              <strong>Grafiek tonen</strong>
+              <small>Geschiedenis blijft alleen in het geheugen</small>
+            </span>
+          </button>
+          <button
+            type="button"
+            className={
+              preferences.serverWidgetShowLegend
+                ? "sparkline-toggle active"
+                : "sparkline-toggle"
+            }
+            aria-pressed={preferences.serverWidgetShowLegend}
+            onClick={() =>
+              onChange(
+                {
+                  serverWidgetShowLegend: !preferences.serverWidgetShowLegend,
+                },
+                "Legenda van Unraid-grafiek bijgewerkt",
+              )
+            }
+          >
+            <SlidersHorizontal size={15} />
+            <span>
+              <strong>Legenda tonen</strong>
+              <small>Reeks, laatste waarde en metingen</small>
+            </span>
+          </button>
+        </div>
+      </section>
+      <div className="metric-visibility-list" aria-label="Unraid-statistieken">
+        <strong>Serverstatistieken</strong>
+        <small>
+          Kies welke eigen Unraid- en Docker-hostsignalen de kaart mag tonen.
+        </small>
+        <div>
+          {statMetrics.map((metric) => {
+            const visible = !preferences.serverWidgetHiddenMetrics.includes(
+              metric.label,
+            );
+            return (
+              <button
+                type="button"
+                key={metric.label}
+                className={visible ? "active" : ""}
+                aria-pressed={visible}
+                onClick={() =>
+                  onChange(
+                    {
+                      serverWidgetHiddenMetrics: visible
+                        ? [
+                            ...preferences.serverWidgetHiddenMetrics,
+                            metric.label,
+                          ]
+                        : preferences.serverWidgetHiddenMetrics.filter(
+                            (label) => label !== metric.label,
+                          ),
+                    },
+                    `${metric.display} ${visible ? "verborgen" : "ingeschakeld"}`,
+                  )
+                }
+              >
+                <span>{metric.display}</span>
+                <small>{metric.description}</small>
+              </button>
+            );
+          })}
+        </div>
+      </div>
+      {ordered.length > 1 && (
+        <div
+          className="metric-order-list"
+          aria-label="Volgorde van Unraid-metingen"
+        >
+          {ordered.map((metric, index) => (
+            <span key={metric}>
+              <strong>
+                {statMetrics.find((item) => item.label === metric)?.display ??
+                  metric}
+              </strong>
+              <button
+                type="button"
+                disabled={index === 0}
+                onClick={() => move(index, -1)}
+                aria-label={`${metric} eerder plaatsen`}
+              >
+                <ArrowUp size={12} />
+              </button>
+              <button
+                type="button"
+                disabled={index === ordered.length - 1}
+                onClick={() => move(index, 1)}
+                aria-label={`${metric} later plaatsen`}
+              >
+                <ArrowDown size={12} />
+              </button>
+            </span>
+          ))}
+        </div>
+      )}
+    </details>
+  );
+}
diff --git a/src/client/components/ServiceIcon.tsx b/src/client/components/ServiceIcon.tsx
new file mode 100644
index 0000000..685453d
--- /dev/null
+++ b/src/client/components/ServiceIcon.tsx
@@ -0,0 +1,173 @@
+import {
+  SiAdguard,
+  SiAuthentik,
+  SiDeluge,
+  SiGitea,
+  SiGithub,
+  SiGoogle,
+  SiGrafana,
+  SiHomeassistant,
+  SiImmich,
+  SiJellyfin,
+  SiNextcloud,
+  SiNginxproxymanager,
+  SiOllama,
+  SiPaperlessngx,
+  SiPlex,
+  SiPortainer,
+  SiQbittorrent,
+  SiRadarr,
+  SiSonarr,
+  SiVaultwarden,
+  SiYoutube,
+} from "@icons-pack/react-simple-icons";
+import {
+  Bot,
+  Box,
+  Braces,
+  Cloud,
+  Database,
+  Download,
+  FileStack,
+  Film,
+  Gauge,
+  HardDrive,
+  Image,
+  LockKeyhole,
+  Mail,
+  Network,
+  Radio,
+  Server,
+  ShieldCheck,
+  Workflow,
+} from "lucide-react";
+import type { ComponentType, SVGProps } from "react";
+import { useState } from "react";
+import { inferServiceKind } from "../../shared/domain";
+
+const hues = ["coral", "violet", "cyan", "lime", "amber"] as const;
+
+interface ServiceIconProps {
+  name: string;
+  icon: string | null;
+  hint?: string | null;
+  index?: number;
+  className?: string;
+}
+
+type IconComponent = ComponentType<
+  SVGProps<SVGSVGElement> & { color?: string; size?: number | string }
+>;
+
+const brandIcons: Array<[RegExp, IconComponent]> = [
+  [/home.?assistant|ha-core/i, SiHomeassistant],
+  [/paperless/i, SiPaperlessngx],
+  [/nginx.?proxy.?manager|npm/i, SiNginxproxymanager],
+  [/q.?bittorrent/i, SiQbittorrent],
+  [/vaultwarden/i, SiVaultwarden],
+  [/adguard/i, SiAdguard],
+  [/authentik/i, SiAuthentik],
+  [/nextcloud/i, SiNextcloud],
+  [/portainer/i, SiPortainer],
+  [/jellyfin/i, SiJellyfin],
+  [/youtube/i, SiYoutube],
+  [/github/i, SiGithub],
+  [/google/i, SiGoogle],
+  [/grafana/i, SiGrafana],
+  [/immich/i, SiImmich],
+  [/deluge/i, SiDeluge],
+  [/sonarr/i, SiSonarr],
+  [/radarr/i, SiRadarr],
+  [/ollama/i, SiOllama],
+  [/gitea/i, SiGitea],
+  [/plex/i, SiPlex],
+];
+
+const semanticIcons: Record<
+  ReturnType<typeof inferServiceKind>,
+  IconComponent
+> = {
+  dns: ShieldCheck,
+  media: Film,
+  photos: Image,
+  automation: Workflow,
+  downloads: Download,
+  monitoring: Gauge,
+  code: Braces,
+  ai: Bot,
+  documents: FileStack,
+  security: LockKeyhole,
+  service: Box,
+};
+
+const infrastructureIcons: Array<[RegExp, IconComponent]> = [
+  [/postgres|mariadb|mysql|mongo|redis|database|db\b/i, Database],
+  [/cloud|cloudflare/i, Cloud],
+  [/mail|smtp/i, Mail],
+  [/network|proxy|gateway/i, Network],
+  [/radio|mqtt/i, Radio],
+  [/worker|workflow|queue/i, Workflow],
+  [/storage|disk|nas/i, HardDrive],
+  [/server|service/i, Server],
+];
+
+const loopbackHosts = new Set(["localhost", "127.0.0.1", "0.0.0.0", "::1"]);
+
+function resolveIconUrl(icon: string) {
+  try {
+    const url = new URL(icon, window.location.href);
+    if (
+      loopbackHosts.has(url.hostname) &&
+      !loopbackHosts.has(window.location.hostname)
+    ) {
+      url.hostname = window.location.hostname;
+    }
+    return url.toString();
+  } catch {
+    return icon;
+  }
+}
+
+function inferredIcon(name: string, hint: string | null | undefined) {
+  const haystack = `${name} ${hint ?? ""}`;
+  const BrandIcon = brandIcons.find(([pattern]) => pattern.test(haystack))?.[1];
+  if (BrandIcon) return { Icon: BrandIcon, brand: true };
+  const InfrastructureIcon = infrastructureIcons.find(([pattern]) =>
+    pattern.test(haystack),
+  )?.[1];
+  return {
+    Icon:
+      InfrastructureIcon ?? semanticIcons[inferServiceKind(haystack)] ?? Box,
+    brand: false,
+  };
+}
+
+export function ServiceIcon({
+  name,
+  icon,
+  hint,
+  index = 0,
+  className = "",
+}: ServiceIconProps) {
+  const [failedIcon, setFailedIcon] = useState<string | null>(null);
+  const resolvedIcon = icon ? resolveIconUrl(icon) : null;
+  if (resolvedIcon && failedIcon !== resolvedIcon)
+    return (
+      <img
+        className={`app-icon-image ${className}`}
+        src={resolvedIcon}
+        alt=""
+        loading="lazy"
+        onError={() => setFailedIcon(resolvedIcon)}
+      />
+    );
+  const { Icon, brand } = inferredIcon(name, hint);
+  return (
+    <span
+      className={`app-brand-icon ${brand ? "actual-brand" : "semantic"} ${hues[index % hues.length]} ${className}`}
+      aria-hidden="true"
+    >
+      <Icon color={brand ? "default" : "currentColor"} />
+    </span>
+  );
+}
diff --git a/src/client/components/ServiceWidget.tsx b/src/client/components/ServiceWidget.tsx
new file mode 100644
index 0000000..127eb26
--- /dev/null
+++ b/src/client/components/ServiceWidget.tsx
@@ -0,0 +1,557 @@
+import {
+  Activity,
+  ArrowDown,
+  ArrowUp,
+  ArrowUpRight,
+  Bot,
+  BrainCircuit,
+  Code2,
+  Clock3,
+  Cpu,
+  Download,
+  Film,
+  Files,
+  Gauge,
+  HardDrive,
+  Image,
+  LockKeyhole,
+  MemoryStick,
+  Network,
+  ShieldCheck,
+} from "lucide-react";
+import type {
+  DockApp,
+  IntegrationState,
+  WidgetCapability,
+  WidgetMetric,
+  WidgetMetricDefinition,
+  WidgetValueHistoryPoint,
+} from "../../shared/contracts";
+import {
+  effectiveAppUrl,
+  inferServiceKind,
+  type ServiceKind,
+} from "../../shared/domain";
+import { ServiceIcon } from "./ServiceIcon";
+import { WidgetSparkline } from "./WidgetSparkline";
+
+const kindDetails: Record<
+  ServiceKind,
+  { label: string; icon: typeof Activity }
+> = {
+  dns: { label: "DNS-bescherming", icon: ShieldCheck },
+  media: { label: "Streamingactiviteit", icon: Film },
+  photos: { label: "Bibliotheekverwerking", icon: Image },
+  automation: { label: "Automatiseringsengine", icon: Bot },
+  downloads: { label: "Downloadengine", icon: Download },
+  monitoring: { label: "Live telemetrie", icon: Gauge },
+  code: { label: "Repositoryservice", icon: Code2 },
+  ai: { label: "Lokale intelligentie", icon: BrainCircuit },
+  documents: { label: "Documentworkflow", icon: Files },
+  security: { label: "Beveiligde service", icon: LockKeyhole },
+  service: { label: "Servicestatus", icon: HardDrive },
+};
+
+function formatBytes(value: number | null): string {
+  if (value === null) return "—";
+  if (value < 1024 ** 2) return `${Math.round(value / 1024)} KB`;
+  if (value < 1024 ** 3) return `${Math.round(value / 1024 ** 2)} MB`;
+  return `${(value / 1024 ** 3).toFixed(1)} GB`;
+}
+
+function formatRate(value: number | null | undefined): string {
+  if (value == null) return "—";
+  if (value < 1024) return `${Math.round(value)} B/s`;
+  if (value < 1024 ** 2) return `${Math.round(value / 1024)} KB/s`;
+  return `${(value / 1024 ** 2).toFixed(1)} MB/s`;
+}
+
+function formatUpdatedAt(value: string | null | undefined): string {
+  if (!value) return "Wachten op vernieuwing";
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return "Vernieuwingstijd onbekend";
+  return `Bijgewerkt ${parsed.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+  })}`;
+}
+
+interface TailoredStat {
+  label: string;
+  value: string;
+  numericValue?: number;
+  icon?: typeof Activity;
+  tone?: "default" | "positive" | "warning";
+}
+
+function numericDisplayValue(value: string): number | null {
+  const match = value
+    .trim()
+    .replace(/,/g, "")
+    .match(/^(-?\d+(?:\.\d+)?)\s*([kmgt])?/i);
+  if (!match) return null;
+  const parsed = Number(match[1]);
+  if (!Number.isFinite(parsed)) return null;
+  const suffix = match[2]?.toLowerCase();
+  return (
+    parsed *
+    (suffix === "t"
+      ? 1e12
+      : suffix === "g"
+        ? 1e9
+        : suffix === "m"
+          ? 1e6
+          : suffix === "k"
+            ? 1e3
+            : 1)
+  );
+}
+
+function capabilityFallback(
+  capability: WidgetCapability,
+  app: DockApp,
+  metric: WidgetMetric | undefined,
+) {
+  const stats: TailoredStat[] = [
+    {
+      label: "Status",
+      value: app.status,
+      tone: app.status === "online" ? "positive" : "warning",
+      icon: Activity,
+    },
+    {
+      label: "CPU",
+      value:
+        metric?.cpuPercent == null ? "—" : `${metric.cpuPercent.toFixed(1)}%`,
+      numericValue: metric?.cpuPercent ?? undefined,
+      icon: Cpu,
+    },
+    {
+      label: "Geheugen",
+      value: formatBytes(metric?.memoryUsageBytes ?? null),
+      numericValue: metric?.memoryUsageBytes ?? undefined,
+      icon: MemoryStick,
+    },
+    {
+      label: "Inkomend",
+      value: formatRate(metric?.networkRxBytesPerSecond),
+      numericValue: metric?.networkRxBytesPerSecond ?? undefined,
+      icon: ArrowDown,
+    },
+    {
+      label: "Uitgaand",
+      value: formatRate(metric?.networkTxBytesPerSecond),
+      numericValue: metric?.networkTxBytesPerSecond ?? undefined,
+      icon: ArrowUp,
+    },
+    {
+      label: "Processen",
+      value: metric?.pids == null ? "—" : String(metric.pids),
+      numericValue: metric?.pids ?? undefined,
+      icon: Activity,
+    },
+  ];
+  return {
+    summary:
+      app.status === "online"
+        ? `${capability.label} is beschikbaar`
+        : `${capability.label} vraagt aandacht`,
+    detail:
+      app.status === "online"
+        ? "Dockertelemetrie actief · alleen-lezen"
+        : (metric?.statusText ?? "Container is offline"),
+    stats,
+  };
+}
+
+function infrastructureHistory(
+  metric: WidgetMetric | undefined,
+  key: "cpu" | "memory" | "network",
+): WidgetValueHistoryPoint[] {
+  if (!metric) return [];
+  return metric.history.flatMap((point) => {
+    const value =
+      key === "memory"
+        ? point.memoryPercent
+        : key === "network"
+          ? point.networkRxBytesPerSecond
+          : point.cpuPercent;
+    return value === null ? [] : [{ sampledAt: point.sampledAt, value }];
+  });
+}
+
+function tailoredFallback(
+  kind: ServiceKind,
+  app: DockApp,
+  metric: WidgetMetric | undefined,
+  providerState: IntegrationState | undefined,
+): { summary: string; detail: string; stats: TailoredStat[] } {
+  const incoming = metric?.networkRxBytesPerSecond;
+  const outgoing = metric?.networkTxBytesPerSecond;
+  const memory = formatBytes(metric?.memoryUsageBytes ?? null);
+  const cpu =
+    metric?.cpuPercent == null ? "—" : `${metric.cpuPercent.toFixed(1)}%`;
+  if (kind === "downloads") {
+    return {
+      summary:
+        incoming != null && incoming > 64 * 1024
+          ? `Downloaden met ${formatRate(incoming)}`
+          : "Downloadengine is inactief",
+      detail: metric?.statusText ?? "Wachten op overdrachtstelemetrie",
+      stats: [
+        {
+          label: "Downloadsnelheid",
+          value: formatRate(incoming),
+          icon: ArrowDown,
+          tone: incoming ? "positive" : "default",
+        },
+        { label: "Uploadsnelheid", value: formatRate(outgoing), icon: ArrowUp },
+        { label: "Werkgeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  }
+  if (kind === "dns") {
+    return {
+      summary: "DNS-container is gekoppeld",
+      detail:
+        providerState?.state === "degraded"
+          ? "Dockertelemetrie actief · optionele DNS-details niet bereikbaar"
+          : (metric?.statusText ?? "Resolververkeer wordt gemonitord"),
+      stats: [
+        {
+          label: "DNS-inkomend",
+          value: formatRate(incoming),
+          icon: ArrowDown,
+          tone: "positive",
+        },
+        { label: "DNS-uitgaand", value: formatRate(outgoing), icon: ArrowUp },
+        { label: "Resolvergeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  }
+  if (kind === "media")
+    return {
+      summary: `Belasting media-engine ${cpu}`,
+      detail: metric?.statusText ?? "Wachten op streamingtelemetrie",
+      stats: [
+        { label: "Transcodebelasting", value: cpu, icon: Cpu },
+        { label: "Streamverkeer", value: formatRate(outgoing), icon: Film },
+        { label: "Mediageheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  if (kind === "photos")
+    return {
+      summary: `Belasting bibliotheekworker ${cpu}`,
+      detail: metric?.statusText ?? "Wachten op bibliotheektelemetrie",
+      stats: [
+        { label: "Indexbelasting", value: cpu, icon: Cpu },
+        { label: "Uploads", value: formatRate(incoming), icon: Image },
+        { label: "Bibliotheekgeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  if (kind === "automation")
+    return {
+      summary:
+        app.status === "online"
+          ? "Automatiseringsengine reageert"
+          : "Automatiseringen niet beschikbaar",
+      detail: metric?.statusText ?? "Wachten op automatiseringstelemetrie",
+      stats: [
+        { label: "Eventbelasting", value: cpu, icon: Cpu },
+        { label: "Eventverkeer", value: formatRate(incoming), icon: Network },
+        { label: "Statusgeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  if (kind === "ai")
+    return {
+      summary:
+        metric?.cpuPercent != null && metric.cpuPercent > 5
+          ? `Inferentiewerklast actief · ${cpu} CPU`
+          : "AI-runtime is gereed",
+      detail: metric?.statusText ?? "Wachten op modeltelemetrie",
+      stats: [
+        { label: "Inferentiebelasting", value: cpu, icon: Cpu },
+        { label: "Modelverkeer", value: formatRate(outgoing), icon: Network },
+        { label: "Modelgeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  if (kind === "documents")
+    return {
+      summary:
+        incoming != null && incoming > 32 * 1024
+          ? "Documentinvoer is actief"
+          : "Documentworkflow staat stand-by",
+      detail: metric?.statusText ?? "Wachten op archieftelemetrie",
+      stats: [
+        { label: "Workerbelasting", value: cpu, icon: Cpu },
+        { label: "Invoer", value: formatRate(incoming), icon: ArrowDown },
+        { label: "Archiefgeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  if (kind === "security")
+    return {
+      summary:
+        app.status === "online"
+          ? "Beveiligde service is beschikbaar"
+          : "Beveiligde service vraagt aandacht",
+      detail:
+        metric?.statusText ??
+        "Wachten op telemetrie van de beveiligingsservice",
+      stats: [
+        { label: "Verzoekbelasting", value: cpu, icon: Cpu },
+        {
+          label: "Beveiligd verkeer",
+          value: formatRate(incoming),
+          icon: Network,
+        },
+        { label: "Servicegeheugen", value: memory, icon: MemoryStick },
+      ],
+    };
+  return {
+    summary:
+      app.status === "online" ? "Service reageert" : "Service vraagt aandacht",
+    detail: metric?.statusText ?? "Wachten op live telemetrie",
+    stats: [
+      { label: "Procesbelasting", value: cpu, icon: Cpu },
+      { label: "Live inkomend", value: formatRate(incoming), icon: ArrowDown },
+      { label: "Werkgeheugen", value: memory, icon: MemoryStick },
+    ],
+  };
+}
+
+interface ServiceWidgetProps {
+  app: DockApp;
+  metric?: WidgetMetric;
+  capability?: WidgetCapability;
+  providerState?: IntegrationState;
+  externalAccess: boolean;
+  index: number;
+}
+
+export function ServiceWidget({
+  app,
+  metric,
+  capability,
+  providerState,
+  externalAccess,
+  index,
+}: ServiceWidgetProps) {
+  const kind = inferServiceKind(`${app.technicalName} ${app.displayName}`);
+  const details = kindDetails[kind];
+  const KindIcon = details.icon;
+  const url = effectiveAppUrl(app, externalAccess);
+  const fallback = capability
+    ? capabilityFallback(capability, app, metric)
+    : tailoredFallback(kind, app, metric, providerState);
+  const memoryPercent =
+    metric?.memoryUsageBytes != null &&
+    metric.memoryLimitBytes != null &&
+    metric.memoryLimitBytes > 0
+      ? Math.min(100, (metric.memoryUsageBytes / metric.memoryLimitBytes) * 100)
+      : 0;
+  const freshness =
+    metric?.provider?.freshness ?? metric?.freshness ?? "unavailable";
+  const providerThresholdStat = metric?.provider?.stats.find(
+    (stat) => stat.label === app.widgetWarningMetric,
+  );
+  const thresholdValue =
+    app.widgetWarningMetric === "memory"
+      ? memoryPercent
+      : app.widgetWarningMetric === "network"
+        ? metric?.networkRxBytesPerSecond
+        : app.widgetWarningMetric === "cpu"
+          ? metric?.cpuPercent
+          : (providerThresholdStat?.numericValue ??
+            (providerThresholdStat
+              ? numericDisplayValue(providerThresholdStat.value)
+              : null));
+  const warning =
+    app.widgetWarningThreshold !== null &&
+    thresholdValue != null &&
+    (app.widgetWarningDirection === "below"
+      ? thresholdValue <= app.widgetWarningThreshold
+      : thresholdValue >= app.widgetWarningThreshold);
+  const displayStats: TailoredStat[] = metric?.provider
+    ? metric.provider.stats.map((stat) => ({ ...stat }))
+    : fallback.stats;
+  const orderedStats = displayStats
+    .filter((stat) => !app.widgetHiddenMetrics.includes(stat.label))
+    .sort((left, right) => {
+      if (app.widgetPrimaryMetric) {
+        if (left.label === app.widgetPrimaryMetric) return -1;
+        if (right.label === app.widgetPrimaryMetric) return 1;
+      }
+      const leftIndex = app.widgetMetricOrder.indexOf(left.label);
+      const rightIndex = app.widgetMetricOrder.indexOf(right.label);
+      return (
+        (leftIndex < 0 ? Number.MAX_SAFE_INTEGER : leftIndex) -
+        (rightIndex < 0 ? Number.MAX_SAFE_INTEGER : rightIndex)
+      );
+    })
+    .slice(0, app.widgetStatLimit);
+  const definitions = new Map(
+    capability?.metrics.map((definition) => [definition.label, definition]) ??
+      [],
+  );
+  const requestedChart = app.widgetChartMetric;
+  const providerHistory = metric?.provider?.history ?? {};
+  const automaticProviderSeries = Object.entries(providerHistory).find(
+    ([, history]) => history.length > 1,
+  );
+  const chartMetric =
+    requestedChart === "auto"
+      ? (automaticProviderSeries?.[0] ?? "cpu")
+      : requestedChart;
+  const chartHistory =
+    chartMetric === "cpu" ||
+    chartMetric === "memory" ||
+    chartMetric === "network"
+      ? infrastructureHistory(metric, chartMetric)
+      : (providerHistory[chartMetric] ?? []);
+  const body = (
+    <>
+      <header>
+        <ServiceIcon
+          name={app.displayName}
+          icon={app.icon}
+          index={index}
+          className="widget-service-icon"
+        />
+        <span className="widget-title">
+          <small>
+            {app.widgetCustomLabel || metric?.provider?.label || details.label}
+          </small>
+          <strong>{app.displayName}</strong>
+        </span>
+        <span className={`widget-freshness ${freshness}`}>{freshness}</span>
+        <span className={`widget-kind ${kind}`} aria-hidden="true">
+          <KindIcon size={17} />
+        </span>
+      </header>
+      {app.widgetShowSummary && (
+        <div className="widget-state">
+          <span className={`status-dot ${app.status}`} />
+          <strong>{metric?.provider?.summary ?? fallback.summary}</strong>
+          <small>
+            {metric?.provider
+              ? "Provider-API · alleen-lezen live data"
+              : fallback.detail}
+          </small>
+        </div>
+      )}
+      {app.widgetShowMetrics && (
+        <div className="provider-stats tailored-stats">
+          {orderedStats.map((stat) => {
+            const StatIcon = stat.icon;
+            const definition = definitions.get(stat.label) as
+              WidgetMetricDefinition | undefined;
+            const presentation =
+              app.widgetMetricStyles[stat.label] ??
+              definition?.defaultStyle ??
+              "value";
+            const numericValue =
+              stat.numericValue ?? numericDisplayValue(stat.value);
+            const presentationValue =
+              numericValue === null
+                ? null
+                : Math.max(0, Math.min(100, numericValue));
+            return (
+              <span
+                className={`${stat.tone ?? "default"} metric-style-${presentation}`}
+                key={stat.label}
+              >
+                {StatIcon && <StatIcon size={13} />}
+                <small>{stat.label}</small>
+                <strong>{stat.value}</strong>
+                {presentation !== "value" && presentationValue !== null && (
+                  <span
+                    className="stat-visual"
+                    role="meter"
+                    aria-label={`${stat.label} ${presentation}`}
+                    aria-valuemin={0}
+                    aria-valuemax={100}
+                    aria-valuenow={Math.round(presentationValue)}
+                  >
+                    <i style={{ width: `${presentationValue}%` }} />
+                  </span>
+                )}
+              </span>
+            );
+          })}
+        </div>
+      )}
+      {app.widgetShowSparkline && chartHistory.length > 1 && (
+        <WidgetSparkline
+          history={chartHistory}
+          chartType={app.widgetChartType}
+          sampleLimit={app.widgetChartSamples}
+          label={
+            chartMetric === "cpu"
+              ? "Container-CPU"
+              : chartMetric === "memory"
+                ? "Containergeheugen"
+                : chartMetric === "network"
+                  ? "Inkomend netwerkverkeer"
+                  : chartMetric
+          }
+          showLegend={app.widgetShowLegend}
+        />
+      )}
+      {app.widgetShowInfrastructure && (
+        <div className="widget-infra-line">
+          <span>
+            <Cpu size={12} />{" "}
+            {metric?.cpuPercent == null
+              ? "—"
+              : `${metric.cpuPercent.toFixed(1)}%`}
+          </span>
+          <span>
+            <MemoryStick size={12} />{" "}
+            {formatBytes(metric?.memoryUsageBytes ?? null)}
+          </span>
+          <span>
+            <Network size={12} /> {formatRate(metric?.networkRxBytesPerSecond)}
+          </span>
+          <span>
+            <Activity size={12} /> {metric?.pids ?? "—"} PIDs
+          </span>
+          <span>
+            <Clock3 size={12} />
+            {formatUpdatedAt(metric?.provider?.updatedAt ?? metric?.updatedAt)}
+          </span>
+        </div>
+      )}
+      {app.widgetShowProgress && (
+        <div
+          className="memory-track"
+          role="meter"
+          aria-label="Geheugengebruik"
+          aria-valuemin={0}
+          aria-valuemax={100}
+          aria-valuenow={Math.round(memoryPercent)}
+        >
+          <span style={{ width: `${memoryPercent}%` }} />
+        </div>
+      )}
+      {url && <ArrowUpRight className="widget-arrow" size={17} />}
+    </>
+  );
+  return url ? (
+    <a
+      className={`service-widget ${app.status} service-widget-${kind} widget-size-${app.widgetSize}${warning ? " widget-warning" : ""}`}
+      data-widget-size={app.widgetSize}
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {body}
+    </a>
+  ) : (
+    <article
+      className={`service-widget ${app.status} service-widget-${kind} widget-size-${app.widgetSize}${warning ? " widget-warning" : ""}`}
+      data-widget-size={app.widgetSize}
+    >
+      {body}
+    </article>
+  );
+}
diff --git a/src/client/components/ServiceWidgets.tsx b/src/client/components/ServiceWidgets.tsx
new file mode 100644
index 0000000..e7d8f63
--- /dev/null
+++ b/src/client/components/ServiceWidgets.tsx
@@ -0,0 +1,214 @@
+import { Activity, Check, RefreshCw, Settings2 } from "lucide-react";
+import { useState } from "react";
+import type { DashboardPayload, WidgetSize } from "../../shared/contracts";
+import { api } from "../api";
+import { ServiceWidget } from "./ServiceWidget";
+import { ServerWidget } from "./ServerWidget";
+import { WidgetEditToolbar } from "./WidgetEditToolbar";
+
+interface ServiceWidgetsProps {
+  data: DashboardPayload;
+  syncing: boolean;
+  onSync: () => Promise<void>;
+}
+
+export function ServiceWidgets({ data, syncing, onSync }: ServiceWidgetsProps) {
+  const [editing, setEditing] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [editError, setEditError] = useState<string | null>(null);
+  const apps = data.apps
+    .filter((app) => app.widgetEnabled)
+    .sort(
+      (left, right) =>
+        left.widgetOrder - right.widgetOrder ||
+        left.displayName.localeCompare(right.displayName),
+    );
+  const showServer = data.preferences.showServerWidget;
+  if (apps.length === 0 && !showServer) return null;
+  const items: Array<
+    | {
+        kind: "server";
+        id: "server";
+        order: number;
+        size: WidgetSize;
+        label: string;
+      }
+    | {
+        kind: "app";
+        id: string;
+        order: number;
+        size: WidgetSize;
+        label: string;
+      }
+  > = [
+    ...(showServer
+      ? [
+          {
+            kind: "server" as const,
+            id: "server" as const,
+            order: data.preferences.serverWidgetOrder,
+            size: data.preferences.serverWidgetSize,
+            label: "Unraid server",
+          },
+        ]
+      : []),
+    ...apps.map((app) => ({
+      kind: "app" as const,
+      id: app.id,
+      order: app.widgetOrder,
+      size: app.widgetSize,
+      label: app.displayName,
+    })),
+  ].sort(
+    (left, right) =>
+      left.order - right.order || left.label.localeCompare(right.label),
+  );
+
+  const perform = async (action: () => Promise<unknown>) => {
+    setSaving(true);
+    try {
+      await action();
+      await onSync();
+      setEditError(null);
+    } catch (error) {
+      setEditError(
+        error instanceof Error
+          ? error.message
+          : "De indelingswijziging kon niet worden opgeslagen",
+      );
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const move = (index: number, direction: -1 | 1) => {
+    const target = index + direction;
+    if (!items[target]) return;
+    const reordered = [...items];
+    [reordered[index], reordered[target]] = [
+      reordered[target]!,
+      reordered[index]!,
+    ];
+    void perform(() =>
+      api.updateWidgetLayout({
+        items: reordered.map((item, position) => ({
+          id: item.id,
+          kind: item.kind,
+          order: position * 10,
+        })),
+      }),
+    );
+  };
+
+  return (
+    <section className="widgets-section" aria-labelledby="widgets-heading">
+      <header>
+        <div>
+          <p className="section-kicker">LIVE UIT JE DOCKER-OMGEVING</p>
+          <h2 id="widgets-heading">
+            <Activity size={18} /> Servicepanelen
+          </h2>
+        </div>
+        <div className="widgets-actions">
+          <button
+            className={editing ? "widgets-edit active" : "widgets-edit"}
+            onClick={() => setEditing((value) => !value)}
+            aria-pressed={editing}
+          >
+            {editing ? <Check size={13} /> : <Settings2 size={13} />}
+            {editing ? "Klaar" : "Indeling bewerken"}
+          </button>
+          <button
+            className="widgets-refresh"
+            onClick={() => void onSync()}
+            disabled={syncing}
+          >
+            <RefreshCw size={13} className={syncing ? "spin" : ""} />
+            {syncing
+              ? "Vernieuwen"
+              : items.length === 1
+                ? "1 livepaneel"
+                : `${items.length} livepanelen`}
+          </button>
+        </div>
+      </header>
+      {editError && (
+        <p className="widget-edit-error" role="alert">
+          {editError}
+        </p>
+      )}
+      <div className={editing ? "widgets-grid editing" : "widgets-grid"}>
+        {items.map((item, index) => {
+          const app =
+            item.kind === "app"
+              ? apps.find((candidate) => candidate.id === item.id)
+              : undefined;
+          return (
+            <div
+              className={`widget-shell widget-size-${item.size}`}
+              data-widget-size={item.size}
+              key={`${item.kind}-${item.id}`}
+            >
+              {editing && (
+                <WidgetEditToolbar
+                  label={item.label}
+                  size={item.size}
+                  first={index === 0}
+                  last={index === items.length - 1}
+                  disabled={saving || syncing}
+                  onMove={(direction) => move(index, direction)}
+                  onSizeChange={(size) =>
+                    void perform(() =>
+                      item.kind === "server"
+                        ? api.updatePreferences({ serverWidgetSize: size })
+                        : api.updateApp(item.id, { widgetSize: size }),
+                    )
+                  }
+                  onHide={() =>
+                    void perform(() =>
+                      item.kind === "server"
+                        ? api.updatePreferences({ showServerWidget: false })
+                        : api.updateApp(item.id, { widgetEnabled: false }),
+                    )
+                  }
+                />
+              )}
+              {item.kind === "server" ? (
+                <ServerWidget
+                  metric={data.serverWidget}
+                  size={data.preferences.serverWidgetSize}
+                  showStats={data.preferences.serverWidgetShowStats}
+                  showDetails={data.preferences.serverWidgetShowDetails}
+                  showProgress={data.preferences.serverWidgetShowProgress}
+                  showNative={data.preferences.serverWidgetShowNative}
+                  showChart={data.preferences.serverWidgetShowChart}
+                  chartMetric={data.preferences.serverWidgetChartMetric}
+                  chartType={data.preferences.serverWidgetChartType}
+                  chartSamples={data.preferences.serverWidgetChartSamples}
+                  showLegend={data.preferences.serverWidgetShowLegend}
+                  hiddenMetrics={data.preferences.serverWidgetHiddenMetrics}
+                  metricOrder={data.preferences.serverWidgetMetricOrder}
+                  statLimit={data.preferences.serverWidgetStatLimit}
+                />
+              ) : app ? (
+                <ServiceWidget
+                  app={app}
+                  metric={data.widgetMetrics[app.technicalName]}
+                  capability={data.widgetCapabilities.find(
+                    (capability) => capability.appId === app.id,
+                  )}
+                  providerState={data.integrations.find(
+                    (integration) =>
+                      integration.id === `widget-${app.technicalName}`,
+                  )}
+                  externalAccess={data.preferences.externalAccess}
+                  index={index}
+                />
+              ) : null}
+            </div>
+          );
+        })}
+      </div>
+    </section>
+  );
+}
diff --git a/src/client/components/Settings.tsx b/src/client/components/Settings.tsx
new file mode 100644
index 0000000..70cd50a
--- /dev/null
+++ b/src/client/components/Settings.tsx
@@ -0,0 +1,2337 @@
+import {
+  ArrowDownToLine,
+  Activity,
+  ArrowUpRight,
+  BookmarkPlus,
+  Boxes,
+  Code2,
+  DatabaseBackup,
+  Eye,
+  EyeOff,
+  FolderKanban,
+  Globe2,
+  KeyRound,
+  Link2,
+  PanelsTopLeft,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Palette,
+  Plus,
+  RefreshCw,
+  Save,
+  Search,
+  ServerCog,
+  Settings2,
+  Settings as SettingsIcon,
+  Sparkles,
+  Star,
+  Trash2,
+  Upload,
+  X,
+} from "lucide-react";
+import {
+  type FormEvent,
+  type DragEvent,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import type {
+  DashboardPayload,
+  DockApp,
+  IntegrationState,
+} from "../../shared/contracts";
+import { api } from "../api";
+import { AppearanceSettings } from "./AppearanceSettings";
+import { BookmarkImport } from "./BookmarkImport";
+import {
+  categoryIconOptions,
+  nextAvailableCategoryIcon,
+} from "../categoryIcons";
+import { favoriteIconUrl, sortByPosition } from "../../shared/domain";
+import { ServiceIcon } from "./ServiceIcon";
+import { SortableList } from "./SortableList";
+import { persistSortOrder } from "../persist-sort-order";
+import { WidgetConfigurator } from "./WidgetConfigurator";
+import { WidgetAdvancedConfigurator } from "./WidgetAdvancedConfigurator";
+import { ServerWidgetAdvancedConfigurator } from "./ServerWidgetAdvancedConfigurator";
+import { WidgetPresetManager } from "./WidgetPresetManager";
+import { OperationsSettings } from "./OperationsSettings";
+import { Brand } from "./Brand";
+import { CategoryIcon } from "./CategoryIcon";
+import { WeatherBadge } from "./WeatherBadge";
+import { useStoredBoolean } from "../useStoredBoolean";
+
+export type SettingsSection =
+  | "general"
+  | "apps"
+  | "favorites"
+  | "bookmarks"
+  | "categories"
+  | "appearance"
+  | "integrations"
+  | "backup";
+
+const sections: { id: SettingsSection; label: string; icon: typeof Boxes }[] = [
+  { id: "general", label: "Algemeen", icon: Settings2 },
+  { id: "apps", label: "Apps", icon: Boxes },
+  { id: "favorites", label: "Favorieten", icon: Star },
+  { id: "bookmarks", label: "Bladwijzerimport", icon: BookmarkPlus },
+  { id: "categories", label: "Categorieën", icon: FolderKanban },
+  { id: "appearance", label: "Weergave", icon: Palette },
+  { id: "integrations", label: "Integraties", icon: ServerCog },
+  { id: "backup", label: "Back-up en herstel", icon: DatabaseBackup },
+];
+
+const sectionSearchTerms: Record<SettingsSection, string> = {
+  general:
+    "algemeen dashboard panelen widgets server unraid status diagnostiek presets volgorde",
+  apps: "apps services containers zichtbaar verborgen eigen project persoonlijk url icoon categorie bewerken",
+  favorites: "favorieten snelle links websites favicon url categorie volgorde",
+  bookmarks:
+    "bladwijzers bookmarks browser import html netscape favorieten mappen categorie",
+  categories: "categorieën groepen organiseren icoon volgorde apps favorieten",
+  appearance:
+    "weergave uiterlijk thema donker licht haven accent dichtheid modus achtergrond beweging verversen interval status",
+  integrations:
+    "integraties docker unraid nginx proxy manager api credentials inloggegevens extern alleen-lezen",
+  backup:
+    "back-up herstel backup export import json sqlite configuratie downloaden uploaden",
+};
+
+interface Props {
+  data: DashboardPayload;
+  initialSection?: SettingsSection;
+  onBack: () => void;
+  syncing: boolean;
+  onSync: () => Promise<void>;
+  onChanged: () => Promise<void>;
+  notify: (message: string) => void;
+}
+
+export function Settings({
+  data,
+  initialSection = "apps",
+  onBack,
+  syncing,
+  onSync,
+  onChanged,
+  notify,
+}: Props) {
+  const [section, setSection] = useState<SettingsSection>(initialSection);
+  const [saving, setSaving] = useState(false);
+  const [settingsQuery, setSettingsQuery] = useState("");
+  const [sidebarCollapsed, setSidebarCollapsed] = useStoredBoolean(
+    "dockdeck.ui.v1.settings.sidebarCollapsed",
+    () => false,
+  );
+  const settingsNavRef = useRef<HTMLElement>(null);
+  const normalizedSettingsQuery = settingsQuery.trim().toLocaleLowerCase("nl");
+  const filteredSections = useMemo(
+    () =>
+      normalizedSettingsQuery
+        ? sections.filter((item) =>
+            `${item.label} ${sectionSearchTerms[item.id]}`
+              .toLocaleLowerCase("nl")
+              .includes(normalizedSettingsQuery),
+          )
+        : sections,
+    [normalizedSettingsQuery],
+  );
+
+  useEffect(() => {
+    if (
+      normalizedSettingsQuery &&
+      filteredSections.length > 0 &&
+      !filteredSections.some((item) => item.id === section)
+    ) {
+      setSection(filteredSections[0]!.id);
+    }
+  }, [filteredSections, normalizedSettingsQuery, section]);
+
+  useEffect(() => {
+    window.scrollTo({ top: 0, behavior: "auto" });
+    if (window.matchMedia("(max-width: 900px)").matches) {
+      settingsNavRef.current
+        ?.querySelector<HTMLElement>(`[data-settings-section="${section}"]`)
+        ?.scrollIntoView({ block: "nearest", inline: "center" });
+    }
+  }, [section]);
+
+  const perform = async (action: () => Promise<unknown>, message: string) => {
+    setSaving(true);
+    try {
+      await action();
+      await onChanged();
+      notify(message);
+      return true;
+    } catch (error) {
+      notify(
+        error instanceof Error
+          ? error.message
+          : "DockDeck kon deze wijziging niet opslaan.",
+      );
+      return false;
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <main className="settings-page" id="main-content" data-section={section}>
+      <header className="settings-topbar dashboard-topbar">
+        <div className="dashboard-topbar-inner">
+          <button
+            className="brand-button settings-brand"
+            type="button"
+            onClick={onBack}
+            aria-label="DockDeck dashboard"
+          >
+            <Brand compact />
+          </button>
+          <div className="topbar-search settings-search-slot">
+            <div className="settings-global-search">
+              <Search size={18} />
+              <input
+                name="settingsSearch"
+                type="search"
+                value={settingsQuery}
+                placeholder="Zoek instellingen…"
+                aria-label="Instellingen zoeken"
+                onChange={(event) => setSettingsQuery(event.target.value)}
+                onKeyDown={(event) => {
+                  if (event.key === "Escape") setSettingsQuery("");
+                }}
+              />
+              {settingsQuery && (
+                <button
+                  type="button"
+                  aria-label="Zoekopdracht wissen"
+                  onClick={() => setSettingsQuery("")}
+                >
+                  <X size={16} />
+                </button>
+              )}
+            </div>
+          </div>
+          <nav aria-label="Hoofdnavigatie">
+            <button type="button" onClick={onBack}>
+              Dashboard
+            </button>
+            <button type="button" className="active" aria-current="page">
+              Instellingen
+            </button>
+          </nav>
+          <div className="topbar-actions">
+            <WeatherBadge
+              enabled={data.preferences.weatherEnabled}
+              location={data.preferences.weatherLocation}
+            />
+            <span className={saving ? "saving visible" : "saving"}>
+              <RefreshCw size={14} className="spin" /> Opslaan
+            </span>
+            <button
+              className="icon-button sync-status-button"
+              type="button"
+              onClick={() => void onSync()}
+              disabled={syncing}
+              title="Containerstatus vernieuwen"
+              aria-label="Containerstatus vernieuwen"
+            >
+              <RefreshCw size={19} className={syncing ? "spin" : ""} />
+              <span className="sync-online-dot" />
+            </button>
+            <button
+              className="icon-button active"
+              type="button"
+              title="App-instellingen"
+              aria-label="App-instellingen openen"
+              aria-current="page"
+              onClick={() => setSection("apps")}
+            >
+              <SettingsIcon size={21} />
+            </button>
+          </div>
+        </div>
+      </header>
+      <div
+        className={`settings-layout ${sidebarCollapsed ? "sidebar-collapsed" : ""}`}
+      >
+        <aside
+          className={`settings-sidebar ${sidebarCollapsed ? "is-collapsed" : ""}`}
+          aria-label="Instellingennavigatie"
+        >
+          <header className="settings-sidebar-header">
+            <div className="settings-sidebar-header-copy">
+              <p className="eyebrow">INSTELLINGEN</p>
+              <h1>DockDeck configuratie</h1>
+            </div>
+            <button
+              className="settings-sidebar-collapse"
+              type="button"
+              onClick={() => setSidebarCollapsed(!sidebarCollapsed)}
+              aria-label={
+                sidebarCollapsed
+                  ? "Instellingenzijbalk uitklappen"
+                  : "Instellingenzijbalk inklappen"
+              }
+              title={
+                sidebarCollapsed
+                  ? "Instellingenzijbalk uitklappen"
+                  : "Instellingenzijbalk inklappen"
+              }
+              aria-expanded={!sidebarCollapsed}
+            >
+              {sidebarCollapsed ? (
+                <PanelLeftOpen size={18} />
+              ) : (
+                <PanelLeftClose size={18} />
+              )}
+            </button>
+          </header>
+          <nav aria-label="Instellingensecties" ref={settingsNavRef}>
+            {filteredSections.map((item) => {
+              const Icon = item.icon;
+              return (
+                <button
+                  key={item.id}
+                  data-settings-section={item.id}
+                  className={section === item.id ? "active" : ""}
+                  aria-current={section === item.id ? "page" : undefined}
+                  onClick={() => {
+                    setSection(item.id);
+                    setSettingsQuery("");
+                  }}
+                  title={item.label}
+                >
+                  <Icon size={18} />
+                  <span className="settings-nav-label">{item.label}</span>
+                </button>
+              );
+            })}
+            {filteredSections.length === 0 && (
+              <p className="settings-search-empty">
+                Geen instelling gevonden. Probeer bijvoorbeeld “thema”, “widget”
+                of “back-up”.
+              </p>
+            )}
+          </nav>
+          <p className="local-note">
+            <span /> Je configuratie blijft op deze server.
+          </p>
+        </aside>
+        <section className="settings-content">
+          {section === "general" && (
+            <GeneralSettings data={data} perform={perform} />
+          )}
+          {section === "apps" && <AppsSettings data={data} perform={perform} />}
+          {section === "favorites" && (
+            <FavoritesSettings data={data} perform={perform} />
+          )}
+          {section === "bookmarks" && (
+            <BookmarkImport
+              categories={data.categories}
+              favorites={data.favorites}
+              perform={perform}
+            />
+          )}
+          {section === "categories" && (
+            <CategoriesSettings data={data} perform={perform} />
+          )}
+          {section === "appearance" && (
+            <AppearanceSettings data={data} perform={perform} />
+          )}
+          {section === "integrations" && (
+            <IntegrationsSettings data={data} perform={perform} />
+          )}
+          {section === "backup" && <BackupSettings perform={perform} />}
+        </section>
+      </div>
+    </main>
+  );
+}
+
+function SectionHeader({
+  eyebrow,
+  title,
+  copy,
+}: {
+  eyebrow: string;
+  title: string;
+  copy: string;
+}) {
+  return (
+    <header className="settings-heading">
+      <p className="eyebrow">{eyebrow}</p>
+      <h2>{title}</h2>
+      <p>{copy}</p>
+    </header>
+  );
+}
+
+type Performer = (
+  action: () => Promise<unknown>,
+  message: string,
+) => Promise<boolean>;
+
+function GeneralSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const [view, setView] = useState<"panels" | "status">("panels");
+  return (
+    <>
+      <SectionHeader
+        eyebrow="DASHBOARD EN SYSTEEM"
+        title="Algemeen"
+        copy="Beheer je bestaande read-only dashboardpanelen en bekijk de operationele status van DockDeck."
+      />
+      <div className="settings-subnav" aria-label="Algemene instellingen">
+        <button
+          type="button"
+          className={view === "panels" ? "active" : ""}
+          onClick={() => setView("panels")}
+        >
+          <PanelsTopLeft size={16} /> Dashboardpanelen
+        </button>
+        <button
+          type="button"
+          className={view === "status" ? "active" : ""}
+          onClick={() => setView("status")}
+        >
+          <Activity size={16} /> Systeemstatus
+        </button>
+      </div>
+      {view === "panels" ? (
+        <WidgetsSettings data={data} perform={perform} />
+      ) : (
+        <OperationsSettings data={data} />
+      )}
+    </>
+  );
+}
+
+function appWidgetSections(app: DockApp) {
+  return [
+    {
+      id: "summary",
+      label: "Live samenvatting",
+      description: "Huidige status en providercontext",
+      enabled: app.widgetShowSummary,
+    },
+    {
+      id: "metrics",
+      label: "Servicemetingen",
+      description: "Belangrijkste waarden van provider of app",
+      enabled: app.widgetShowMetrics,
+    },
+    {
+      id: "infrastructure",
+      label: "Docker-telemetrie",
+      description: "CPU, geheugen, verkeer en aantal processen",
+      enabled: app.widgetShowInfrastructure,
+    },
+    {
+      id: "progress",
+      label: "Geheugenbalk",
+      description: "Werkgeheugen tegenover containerlimiet",
+      enabled: app.widgetShowProgress,
+    },
+  ];
+}
+
+function AppsSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const [query, setQuery] = useState("");
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [page, setPage] = useState(1);
+  const returnFocusRef = useRef<HTMLButtonElement | null>(null);
+  const [filter, setFilter] = useState<
+    "all" | "visible" | "hidden" | "new" | "personal"
+  >("all");
+  const filteredApps = useMemo(() => {
+    const normalizedQuery = query.trim().toLowerCase();
+    return data.apps.filter((app) => {
+      const matchesQuery =
+        !normalizedQuery ||
+        `${app.displayName} ${app.technicalName} ${app.image ?? ""}`
+          .toLowerCase()
+          .includes(normalizedQuery);
+      const matchesFilter =
+        filter === "all" ||
+        (filter === "visible"
+          ? app.visible
+          : filter === "hidden"
+            ? !app.visible
+            : filter === "personal"
+              ? app.personalProject
+              : app.isNew);
+      return matchesQuery && matchesFilter;
+    });
+  }, [data.apps, filter, query]);
+  const pageSize = 20;
+  const pageCount = Math.max(1, Math.ceil(filteredApps.length / pageSize));
+  const currentPage = Math.min(page, pageCount);
+  const visibleApps = filteredApps.slice(
+    (currentPage - 1) * pageSize,
+    currentPage * pageSize,
+  );
+  const editingApp = data.apps.find((app) => app.id === editingId) ?? null;
+  const closeEditor = useCallback(() => {
+    setEditingId(null);
+    window.setTimeout(() => returnFocusRef.current?.focus(), 0);
+  }, []);
+
+  return (
+    <>
+      <SectionHeader
+        eyebrow="Instellingen  ›  Apps"
+        title="App Beheer"
+        copy="DockDeck leest beschikbare apps uit Unraid-metadata en haalt hun actuele status op via de alleen-lezen inventariskoppeling. Nieuwe apps zijn standaard verborgen."
+      />
+      <div className="settings-summary">
+        <span>
+          <Boxes size={18} /> {data.apps.length} ontdekt
+        </span>
+        <span>
+          <Eye size={18} /> {data.apps.filter((app) => app.visible).length}{" "}
+          zichtbaar
+        </span>
+        <span>
+          <Code2 size={18} />{" "}
+          {data.apps.filter((app) => app.personalProject).length} eigen
+          projecten
+        </span>
+        <span>
+          <PanelsTopLeft size={18} />{" "}
+          {data.apps.filter((app) => app.widgetEnabled).length} panelen
+        </span>
+      </div>
+      <div className="management-toolbar">
+        <label className="settings-search">
+          <span className="sr-only">Apps zoeken</span>
+          <Search size={16} />
+          <input
+            name="appSearch"
+            value={query}
+            onChange={(event) => {
+              setQuery(event.target.value);
+              setPage(1);
+            }}
+            placeholder="Zoek op naam, container of image"
+            aria-label="Apps zoeken"
+          />
+        </label>
+        <div className="filter-pills" aria-label="Apps filteren">
+          {(["all", "visible", "hidden", "new", "personal"] as const).map(
+            (option) => (
+              <button
+                key={option}
+                className={filter === option ? "active" : ""}
+                aria-pressed={filter === option}
+                onClick={() => {
+                  setFilter(option);
+                  setPage(1);
+                }}
+              >
+                {option === "all"
+                  ? "Alles"
+                  : option === "visible"
+                    ? "Zichtbaar"
+                    : option === "hidden"
+                      ? "Verborgen"
+                      : option === "personal"
+                        ? "Eigen projecten"
+                        : `Nieuw ontdekt (${data.apps.filter((app) => app.isNew).length})`}
+              </button>
+            ),
+          )}
+        </div>
+      </div>
+      <p className="results-note">
+        {filteredApps.length} van {data.apps.length} apps
+      </p>
+      <div className="management-table-head" aria-hidden="true">
+        <span>App</span>
+        <span>Status</span>
+        <span>Categorie</span>
+        <span>Zichtbaarheid</span>
+        <span>Actie</span>
+      </div>
+      <div className="management-list">
+        {filteredApps.length === 0 && (
+          <div className="soft-empty compact-empty">
+            <Search size={22} />
+            <strong>Geen passende apps</strong>
+            <span>Probeer een andere naam of zichtbaarheidsfilter.</span>
+          </div>
+        )}
+        {visibleApps.map((app) => (
+          <article className="app-management-row" key={app.id}>
+            <div className="management-title">
+              <ServiceIcon name={app.displayName} icon={app.icon} index={0} />
+              <span>
+                <strong>{app.displayName}</strong>
+                <small>
+                  {app.technicalName}
+                  {app.personalProject && (
+                    <span className="new-app-badge">Eigen project</span>
+                  )}
+                  {app.isNew && <span className="new-app-badge">Nieuw</span>}
+                </small>
+              </span>
+            </div>
+            <span className={`inline-status ${app.status}`}>
+              <span />
+              {app.status === "online"
+                ? "Online"
+                : app.status === "offline"
+                  ? "Offline"
+                  : "Status onbekend"}
+            </span>
+            <span className="category-badge">
+              {data.categories.find(
+                (category) => category.id === app.categoryId,
+              )?.name ?? "Geen categorie"}
+            </span>
+            <div className="app-row-actions">
+              <button
+                type="button"
+                className={`visibility-toggle ${app.visible ? "on" : ""}`}
+                onClick={() =>
+                  perform(
+                    () => api.updateApp(app.id, { visible: !app.visible }),
+                    app.visible
+                      ? "App verborgen"
+                      : "App aan dashboard toegevoegd",
+                  )
+                }
+                role="switch"
+                aria-checked={app.visible}
+                aria-label={`${app.visible ? "Verberg" : "Toon"} ${app.displayName}`}
+              >
+                <span className="visibility-toggle-track" aria-hidden="true">
+                  <span />
+                </span>
+                <span className="visibility-toggle-label">
+                  {app.visible ? <Eye size={16} /> : <EyeOff size={16} />}
+                  {app.visible ? "Zichtbaar" : "Verborgen"}
+                </span>
+              </button>
+              <button
+                type="button"
+                className="edit-app-button"
+                onClick={(event) => {
+                  returnFocusRef.current = event.currentTarget;
+                  setEditingId(app.id);
+                }}
+              >
+                Bewerken <ArrowUpRight size={15} />
+              </button>
+            </div>
+          </article>
+        ))}
+      </div>
+      {pageCount > 1 && (
+        <nav className="pagination" aria-label="Apps pagineren">
+          <button
+            type="button"
+            disabled={currentPage === 1}
+            onClick={() => setPage((value) => Math.max(1, value - 1))}
+          >
+            Vorige
+          </button>
+          <span>
+            Pagina {currentPage} van {pageCount}
+          </span>
+          <button
+            type="button"
+            disabled={currentPage === pageCount}
+            onClick={() => setPage((value) => Math.min(pageCount, value + 1))}
+          >
+            Volgende
+          </button>
+        </nav>
+      )}
+      {editingApp && (
+        <AppEditorDrawer
+          app={editingApp}
+          categories={data.categories}
+          perform={perform}
+          onClose={closeEditor}
+        />
+      )}
+    </>
+  );
+}
+
+function AppEditorDrawer({
+  app,
+  categories,
+  perform,
+  onClose,
+}: {
+  app: DockApp;
+  categories: DashboardPayload["categories"];
+  perform: Performer;
+  onClose: () => void;
+}) {
+  const drawerRef = useRef<HTMLElement>(null);
+
+  useEffect(() => {
+    const drawer = drawerRef.current;
+    if (!drawer) return;
+    const focusable = Array.from(
+      drawer.querySelectorAll<HTMLElement>(
+        'button, input, select, [href], [tabindex]:not([tabindex="-1"])',
+      ),
+    );
+    focusable[0]?.focus();
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") onClose();
+      if (event.key !== "Tab" || focusable.length === 0) return;
+      const first = focusable[0]!;
+      const last = focusable[focusable.length - 1]!;
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [onClose]);
+
+  return (
+    <div className="drawer-layer">
+      <button
+        type="button"
+        className="drawer-backdrop"
+        aria-label="App-editor sluiten"
+        onClick={onClose}
+      />
+      <aside
+        className="app-editor-drawer"
+        ref={drawerRef}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="app-editor-title"
+      >
+        <header>
+          <div className="drawer-app-title">
+            <ServiceIcon name={app.displayName} icon={app.icon} index={0} />
+            <span>
+              <small>APP BEWERKEN</small>
+              <h2 id="app-editor-title">{app.displayName}</h2>
+            </span>
+          </div>
+          <button
+            className="icon-button"
+            type="button"
+            onClick={onClose}
+            aria-label="Sluiten"
+          >
+            <X size={20} />
+          </button>
+        </header>
+
+        <div className="drawer-content">
+          <section className="drawer-section">
+            <div>
+              <h3>Algemene informatie</h3>
+              <p>De naam en het icoon waarmee je deze app herkent.</p>
+            </div>
+            <label>
+              <span>Weergavenaam</span>
+              <input
+                name="displayName"
+                defaultValue={app.displayName}
+                onBlur={(event) =>
+                  event.target.value !== app.displayName &&
+                  perform(
+                    () =>
+                      api.updateApp(app.id, {
+                        displayName: event.target.value,
+                      }),
+                    "Appnaam bijgewerkt",
+                  )
+                }
+              />
+            </label>
+            <label>
+              <span>Icoon-URL</span>
+              <div className="input-with-icon">
+                <Link2 size={15} />
+                <input
+                  name="icon"
+                  type="url"
+                  defaultValue={app.icon ?? ""}
+                  placeholder="https://voorbeeld.nl/icoon.png"
+                  onBlur={(event) => {
+                    const value = event.target.value.trim();
+                    if (value !== (app.icon ?? ""))
+                      void perform(
+                        () => api.updateApp(app.id, { icon: value || null }),
+                        "Appicoon bijgewerkt",
+                      );
+                  }}
+                />
+              </div>
+            </label>
+          </section>
+
+          <section className="drawer-section two-column">
+            <div>
+              <h3>Zichtbaarheid en categorie</h3>
+              <p>
+                Nieuwe apps blijven verborgen tot je ze zelf zichtbaar maakt.
+              </p>
+            </div>
+            <button
+              className={`drawer-visibility ${app.visible ? "on" : ""}`}
+              type="button"
+              role="switch"
+              aria-checked={app.visible}
+              onClick={() =>
+                void perform(
+                  () => api.updateApp(app.id, { visible: !app.visible }),
+                  app.visible
+                    ? "App verborgen"
+                    : "App aan dashboard toegevoegd",
+                )
+              }
+            >
+              <span>
+                <strong>Tonen op dashboard</strong>
+                <small>Maak deze app zichtbaar op je startscherm</small>
+              </span>
+              <i />
+            </button>
+            <button
+              className={`drawer-visibility ${app.personalProject ? "on" : ""}`}
+              type="button"
+              role="switch"
+              aria-checked={app.personalProject}
+              onClick={() =>
+                void perform(
+                  () =>
+                    api.updateApp(app.id, {
+                      personalProject: !app.personalProject,
+                    }),
+                  app.personalProject
+                    ? "Markering eigen project verwijderd"
+                    : "Als eigen project gemarkeerd",
+                )
+              }
+            >
+              <span>
+                <strong>Eigen project</strong>
+                <small>
+                  Gebruik deze container in de snelle dashboardfilter
+                </small>
+              </span>
+              <i />
+            </button>
+            <label>
+              <span>Categorie</span>
+              <select
+                name="categoryId"
+                value={app.categoryId ?? ""}
+                onChange={(event) =>
+                  void perform(
+                    () =>
+                      api.updateApp(app.id, {
+                        categoryId: event.target.value || null,
+                      }),
+                    "Categorie bijgewerkt",
+                  )
+                }
+              >
+                <option value="">Geen categorie</option>
+                {categories.map((category) => (
+                  <option key={category.id} value={category.id}>
+                    {category.name}
+                  </option>
+                ))}
+              </select>
+            </label>
+            <label>
+              <span>Volgorde</span>
+              <input
+                name="sortOrder"
+                type="number"
+                min="0"
+                defaultValue={app.sortOrder}
+                onBlur={(event) =>
+                  Number(event.target.value) !== app.sortOrder &&
+                  perform(
+                    () =>
+                      api.updateApp(app.id, {
+                        sortOrder: Number(event.target.value),
+                      }),
+                    "Volgorde bijgewerkt",
+                  )
+                }
+              />
+            </label>
+          </section>
+
+          <section className="drawer-section">
+            <div>
+              <h3>Lokale URL</h3>
+              <p>
+                De automatisch ontdekte waarde blijft actief totdat je deze
+                overschrijft.
+              </p>
+            </div>
+            <p className="discovered-value">
+              <span>Automatisch ontdekt</span>
+              <code>{app.localUrl ?? "Niet beschikbaar"}</code>
+            </p>
+            <label>
+              <span>Handmatige URL</span>
+              <div className="input-with-icon">
+                <Link2 size={15} />
+                <input
+                  name="localUrlOverride"
+                  type="url"
+                  defaultValue={app.localUrlOverride ?? ""}
+                  placeholder={app.localUrl ?? "http://host.local:8080"}
+                  onBlur={(event) => {
+                    const value = event.target.value.trim();
+                    if (value !== (app.localUrlOverride ?? ""))
+                      void perform(
+                        () =>
+                          api.updateApp(app.id, {
+                            localUrlOverride: value || null,
+                          }),
+                        value
+                          ? "Lokale URL bijgewerkt"
+                          : "Automatische lokale URL hersteld",
+                      );
+                  }}
+                />
+              </div>
+            </label>
+          </section>
+
+          <section className="drawer-section">
+            <div>
+              <h3>Externe URL</h3>
+              <p>
+                Wordt alleen gebruikt wanneer externe toegang is ingeschakeld.
+              </p>
+            </div>
+            <label>
+              <span>Handmatige externe URL</span>
+              <div className="input-with-icon">
+                <Globe2 size={15} />
+                <input
+                  name="externalUrlOverride"
+                  type="url"
+                  defaultValue={
+                    app.externalUrlOverride ?? app.externalUrl ?? ""
+                  }
+                  placeholder="https://app.voorbeeld.nl"
+                  onBlur={(event) => {
+                    const value = event.target.value.trim();
+                    if (
+                      value !==
+                      (app.externalUrlOverride ?? app.externalUrl ?? "")
+                    )
+                      void perform(
+                        () =>
+                          api.updateApp(app.id, {
+                            externalUrlOverride: value || null,
+                          }),
+                        "Externe URL bijgewerkt",
+                      );
+                  }}
+                />
+              </div>
+            </label>
+          </section>
+        </div>
+
+        <footer>
+          <button
+            type="button"
+            className="danger-button"
+            onClick={() => {
+              if (
+                window.confirm(
+                  `${app.displayName} uit DockDeck verwijderen? De Docker-container blijft onaangeraakt.`,
+                )
+              )
+                void perform(
+                  () => api.deleteApp(app.id),
+                  `${app.displayName} is uit DockDeck verwijderd`,
+                ).then((removed) => removed && onClose());
+            }}
+          >
+            <Trash2 size={16} /> Uit DockDeck verwijderen
+          </button>
+          <button type="button" className="primary-button" onClick={onClose}>
+            <Save size={16} /> Klaar
+          </button>
+        </footer>
+      </aside>
+    </div>
+  );
+}
+
+function FavoritesSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const [adding, setAdding] = useState(false);
+  const [addingFolder, setAddingFolder] = useState(false);
+  const submitFolder = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const formData = new FormData(form);
+    perform(
+      () =>
+        api.createCategory({
+          name: String(formData.get("folderName")),
+          icon: nextAvailableCategoryIcon(
+            data.categories.map((category) => category.icon),
+          ),
+          sortOrder: data.categories.length * 10,
+        }),
+      "Favorietenmap aangemaakt",
+    ).then((saved) => {
+      if (!saved) return;
+      form.reset();
+      setAddingFolder(false);
+    });
+  };
+  const submit = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const form = new FormData(event.currentTarget);
+    perform(
+      () =>
+        api.createFavorite({
+          name: String(form.get("name")),
+          url: String(form.get("url")),
+          icon: String(form.get("icon")).trim() || null,
+          categoryId: String(form.get("categoryId")) || null,
+          sortOrder: data.favorites.length * 10,
+        }),
+      "Favoriet toegevoegd",
+    ).then((saved) => saved && setAdding(false));
+  };
+  return (
+    <>
+      <SectionHeader
+        eyebrow="SNELLE LINKS"
+        title="Favorieten"
+        copy="Voeg websites toe en deel ze via categorieën in uitklapbare mappen in de zijbalk in. DockDeck haalt hun favicon automatisch op; een eigen pictogram-URL is alleen een optionele overschrijving."
+      />
+      <div className="management-toolbar" aria-label="Favorieten beheren">
+        <button
+          className="primary-button add-button"
+          type="button"
+          onClick={() => setAdding(!adding)}
+          aria-expanded={adding}
+        >
+          <Plus size={17} /> Favoriet toevoegen
+        </button>
+        <button
+          className="secondary-button add-button"
+          type="button"
+          onClick={() => setAddingFolder(!addingFolder)}
+          aria-expanded={addingFolder}
+        >
+          <FolderKanban size={17} /> Nieuwe map
+        </button>
+      </div>
+      {addingFolder && (
+        <form className="create-row" onSubmit={submitFolder}>
+          <input
+            name="folderName"
+            required
+            autoFocus
+            placeholder="Naam van nieuwe favorietenmap"
+            aria-label="Naam van nieuwe favorietenmap"
+          />
+          <button className="primary-button" type="submit">
+            <Save size={16} /> Map opslaan
+          </button>
+        </form>
+      )}
+      <p className="results-note">
+        Favorietenmappen gebruiken DockDeck-categorieën. Alleen mappen met
+        minstens één favoriet verschijnen in de favorietenbalk.
+      </p>
+      {adding && (
+        <form className="inline-form favorite-form" onSubmit={submit}>
+          <label>
+            <span>Naam</span>
+            <input name="name" required autoFocus placeholder="GitHub" />
+          </label>
+          <label>
+            <span>URL</span>
+            <input
+              name="url"
+              type="url"
+              required
+              placeholder="https://github.com"
+            />
+          </label>
+          <label>
+            <span>Map (categorie)</span>
+            <select name="categoryId">
+              <option value="">Zonder categorie</option>
+              {data.categories.map((category) => (
+                <option key={category.id} value={category.id}>
+                  {category.name}
+                </option>
+              ))}
+            </select>
+          </label>
+          <label>
+            <span>Eigen pictogram-URL (optioneel)</span>
+            <input
+              name="icon"
+              type="url"
+              placeholder="Wordt automatisch van de website geladen"
+            />
+          </label>
+          <button className="primary-button" type="submit">
+            <Save size={16} /> Favoriet opslaan
+          </button>
+        </form>
+      )}
+      {data.favorites.length === 0 ? (
+        <div className="management-list compact-list">
+          <div className="soft-empty">
+            <Star size={24} />
+            <strong>Nog geen favorieten</strong>
+            <div className="integration-copy">
+              Voeg een externe website toe om die vanaf je dashboard te zoeken.
+            </div>
+          </div>
+        </div>
+      ) : (
+        <SortableList
+          items={sortByPosition(data.favorites)}
+          label="Favorietenvolgorde"
+          className="management-list compact-list"
+          getItemLabel={(favorite) => favorite.name}
+          onReorder={(items) =>
+            perform(
+              () => persistSortOrder("favorite", items),
+              "Favorietenvolgorde bijgewerkt",
+            )
+          }
+          renderItem={(favorite, _index, controls) => (
+            <article className="management-card favorite-management">
+              <div className="sortable-card-tools favorite-sort-tools">
+                {controls.dragHandle}
+                {controls.moveUpButton}
+                {controls.moveDownButton}
+              </div>
+              <div className="management-title">
+                <ServiceIcon
+                  name={favorite.name}
+                  icon={favoriteIconUrl(favorite)}
+                  className="mini-service-icon"
+                />
+                <span>
+                  <strong>{favorite.name}</strong>
+                  <small>{favorite.url}</small>
+                </span>
+                <button
+                  className="danger-icon"
+                  onClick={() =>
+                    perform(
+                      () => api.deleteFavorite(favorite.id),
+                      "Favoriet verwijderd",
+                    )
+                  }
+                  aria-label={`${favorite.name} verwijderen`}
+                >
+                  <Trash2 size={17} />
+                </button>
+                <a
+                  className="favorite-visit-link"
+                  href={favorite.url}
+                  target="_blank"
+                  rel="noreferrer"
+                  aria-label={`${favorite.name} openen`}
+                >
+                  Website openen <ArrowUpRight size={14} />
+                </a>
+              </div>
+              <details className="favorite-editor">
+                <summary>Bewerken</summary>
+                <div className="field-grid favorite-fields">
+                  <label>
+                    <span>Naam</span>
+                    <input
+                      name={`favoriteName-${favorite.id}`}
+                      defaultValue={favorite.name}
+                      onBlur={(event) =>
+                        event.target.value !== favorite.name &&
+                        perform(
+                          () =>
+                            api.updateFavorite(favorite.id, {
+                              name: event.target.value,
+                            }),
+                          "Favoriet bijgewerkt",
+                        )
+                      }
+                    />
+                  </label>
+                  <label>
+                    <span>Map (categorie)</span>
+                    <select
+                      name={`favoriteCategory-${favorite.id}`}
+                      value={favorite.categoryId ?? ""}
+                      onChange={(event) =>
+                        perform(
+                          () =>
+                            api.updateFavorite(favorite.id, {
+                              categoryId: event.target.value || null,
+                            }),
+                          "Categorie van favoriet bijgewerkt",
+                        )
+                      }
+                    >
+                      <option value="">Zonder categorie</option>
+                      {data.categories.map((category) => (
+                        <option key={category.id} value={category.id}>
+                          {category.name}
+                        </option>
+                      ))}
+                    </select>
+                  </label>
+                  <label>
+                    <span>Volgorde</span>
+                    <input
+                      name={`favoriteOrder-${favorite.id}`}
+                      type="number"
+                      min="0"
+                      defaultValue={favorite.sortOrder}
+                      onBlur={(event) =>
+                        Number(event.target.value) !== favorite.sortOrder &&
+                        perform(
+                          () =>
+                            api.updateFavorite(favorite.id, {
+                              sortOrder: Number(event.target.value),
+                            }),
+                          "Volgorde van favoriet bijgewerkt",
+                        )
+                      }
+                    />
+                  </label>
+                  <label className="wide">
+                    <span>URL</span>
+                    <input
+                      name={`favoriteUrl-${favorite.id}`}
+                      type="url"
+                      defaultValue={favorite.url}
+                      onBlur={(event) =>
+                        event.target.value !== favorite.url &&
+                        perform(
+                          () =>
+                            api.updateFavorite(favorite.id, {
+                              url: event.target.value,
+                            }),
+                          "URL van favoriet bijgewerkt",
+                        )
+                      }
+                    />
+                  </label>
+                  <label className="wide">
+                    <span>Eigen pictogram-URL (optioneel)</span>
+                    <input
+                      name={`favoriteIcon-${favorite.id}`}
+                      type="url"
+                      defaultValue={favorite.icon ?? ""}
+                      placeholder="Wordt automatisch van de website geladen"
+                      onBlur={(event) => {
+                        const value = event.target.value.trim();
+                        if (value !== (favorite.icon ?? ""))
+                          perform(
+                            () =>
+                              api.updateFavorite(favorite.id, {
+                                icon: value || null,
+                              }),
+                            "Pictogram van favoriet bijgewerkt",
+                          );
+                      }}
+                    />
+                  </label>
+                </div>
+              </details>
+            </article>
+          )}
+        />
+      )}
+    </>
+  );
+}
+
+function CategoriesSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const itemCount = (categoryId: string) =>
+    data.apps.filter((app) => app.categoryId === categoryId).length +
+    data.favorites.filter((favorite) => favorite.categoryId === categoryId)
+      .length;
+  const submit = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const formData = new FormData(form);
+    perform(
+      () =>
+        api.createCategory({
+          name: String(formData.get("name")),
+          icon: nextAvailableCategoryIcon(
+            data.categories.map((category) => category.icon),
+          ),
+          sortOrder: data.categories.length * 10,
+        }),
+      "Categorie aangemaakt",
+    ).then((saved) => saved && form.reset());
+  };
+  return (
+    <>
+      <SectionHeader
+        eyebrow="ORGANISATIE"
+        title="Categorieën"
+        copy="Maak rustige, gerichte verzamelingen. Sleep categorieën om de volgorde op je dashboard en in de favorietenbalk aan te passen. De knoppen omhoog en omlaag blijven bruikbaar met het toetsenbord."
+      />
+      <div className="category-organizer">
+        <span className="studio-mark" aria-hidden="true">
+          <Sparkles size={18} />
+        </span>
+        <span>
+          <strong>Slim indelen op servicetype</strong>
+          <small>
+            Herkent onder meer media, downloads, monitoring, databases en
+            beheerapps. Onbekende containers en favorieten blijven ongewijzigd.
+          </small>
+        </span>
+        <button
+          type="button"
+          className="secondary-button"
+          onClick={() => {
+            if (
+              !window.confirm(
+                "Bekende containers opnieuw indelen? Onbekende apps en favorieten blijven ongewijzigd.",
+              )
+            )
+              return;
+            void perform(
+              () => api.organizeCategories(),
+              "Bekende containers zijn opnieuw ingedeeld",
+            );
+          }}
+        >
+          <Sparkles size={16} /> Slim herindelen
+        </button>
+      </div>
+      <form className="create-row" onSubmit={submit}>
+        <input
+          name="name"
+          required
+          placeholder="Naam van nieuwe categorie"
+          aria-label="Naam van nieuwe categorie"
+        />
+        <button className="primary-button" type="submit">
+          <Plus size={17} /> Aanmaken
+        </button>
+      </form>
+      <SortableList
+        items={sortByPosition(data.categories)}
+        label="Categorieënvolgorde"
+        className="management-list compact-list category-card-grid"
+        emptyMessage="Maak een categorie aan om je dashboard en favorietenmappen te ordenen."
+        orientation="grid"
+        getItemLabel={(category) => category.name}
+        onReorder={(items) =>
+          perform(
+            () => persistSortOrder("category", items),
+            "Categorievolgorde bijgewerkt",
+          )
+        }
+        renderItem={(category, index, controls) => (
+          <article className="management-card row-card">
+            <div className="sortable-card-tools category-sort-tools">
+              {controls.dragHandle}
+              {controls.moveUpButton}
+              {controls.moveDownButton}
+            </div>
+            <span className="category-icon-preview" aria-hidden="true">
+              <CategoryIcon name={category.icon} size={21} />
+            </span>
+            <span className="category-item-count">
+              {itemCount(category.id)}{" "}
+              {itemCount(category.id) === 1 ? "item" : "items"}
+            </span>
+            <label className="grow">
+              <span>Naam</span>
+              <input
+                name={`categoryName-${category.id}`}
+                defaultValue={category.name}
+                onBlur={(event) =>
+                  event.target.value !== category.name &&
+                  perform(
+                    () =>
+                      api.updateCategory(category.id, {
+                        name: event.target.value,
+                      }),
+                    "Categorie hernoemd",
+                  )
+                }
+              />
+            </label>
+            <label className="icon-field">
+              <span>Pictogram</span>
+              <select
+                name={`categoryIcon-${category.id}`}
+                value={category.icon}
+                onChange={(event) =>
+                  perform(
+                    () =>
+                      api.updateCategory(category.id, {
+                        icon: event.target.value,
+                      }),
+                    "Pictogram van categorie bijgewerkt",
+                  )
+                }
+              >
+                {!categoryIconOptions.some(
+                  (option) => option.id === category.icon,
+                ) && <option value={category.icon}>Aangepast</option>}
+                {categoryIconOptions.map((option) => (
+                  <option key={option.id} value={option.id}>
+                    {option.label}
+                  </option>
+                ))}
+              </select>
+            </label>
+            <label className="small-field">
+              <span>Volgorde</span>
+              <input
+                name={`categoryOrder-${category.id}`}
+                type="number"
+                min="0"
+                defaultValue={category.sortOrder}
+                onBlur={(event) =>
+                  Number(event.target.value) !== category.sortOrder &&
+                  perform(
+                    () =>
+                      api.updateCategory(category.id, {
+                        sortOrder: Number(event.target.value),
+                      }),
+                    "Volgorde van categorie bijgewerkt",
+                  )
+                }
+              />
+            </label>
+            <button
+              type="button"
+              className="danger-icon"
+              onClick={() =>
+                perform(
+                  () => api.deleteCategory(category.id),
+                  "Categorie verwijderd",
+                )
+              }
+              aria-label={`${category.name} verwijderen`}
+            >
+              <Trash2 size={17} />
+            </button>
+            <span
+              className="category-position"
+              aria-label={`Positie ${index + 1}`}
+            >
+              {String(index + 1).padStart(2, "0")}
+            </span>
+          </article>
+        )}
+      />
+    </>
+  );
+}
+
+function IntegrationsSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const activeWidgetNames = new Set(
+    data.apps
+      .filter((app) => app.widgetEnabled)
+      .map((app) => app.technicalName),
+  );
+  const relevantIntegrations = data.integrations.filter(
+    (integration) =>
+      !integration.id.startsWith("widget-") ||
+      activeWidgetNames.has(integration.id.slice("widget-".length)),
+  );
+
+  return (
+    <>
+      <SectionHeader
+        eyebrow="ALLEEN-LEZEN KOPPELINGEN"
+        title="Integraties"
+        copy="DockDeck leest alleen metadata. Inloggegevens blijven op de server en Docker-beheeracties bestaan niet."
+      />
+      <div className="security-callout">
+        <ServerCog size={20} />
+        <span>
+          <strong>Ontworpen als alleen-lezen</strong>
+          <small>
+            De DockDeck-container krijgt nooit rechtstreeks toegang tot de
+            Docker-socket. De bestaande AppOps-inventaris wordt via
+            GET-verzoeken gelezen; een geïsoleerde, beperkte proxy blijft alleen
+            beschikbaar als terugvaloptie.
+          </small>
+        </span>
+      </div>
+      <div className="integration-section-heading">
+        <strong>Actieve koppelingen</strong>
+        <small>
+          App-specifieke koppelingen verschijnen zodra je hun paneel activeert
+          in Algemeen → Dashboardpanelen.
+        </small>
+      </div>
+      <div className="integration-list integration-settings-list">
+        {relevantIntegrations.map((integration) => (
+          <article key={integration.id}>
+            <span className={`integration-mark ${integration.state}`}>
+              <Globe2 size={19} />
+            </span>
+            <span>
+              <strong>{integration.label}</strong>
+              <small>{integration.message}</small>
+              {integration.requiredEnvironment &&
+                integration.state !== "connected" && (
+                  <span className="environment-keys">
+                    {integration.requiredEnvironment.map((key) => (
+                      <code key={key}>{key}</code>
+                    ))}
+                  </span>
+                )}
+              <IntegrationCredentials
+                integration={integration}
+                perform={perform}
+              />
+            </span>
+            <span className={`state-badge ${integration.state}`}>
+              {integration.state === "connected"
+                ? "verbonden"
+                : integration.state === "degraded"
+                  ? "beperkt"
+                  : "uitgeschakeld"}
+            </span>
+          </article>
+        ))}
+      </div>
+      <div className="external-toggle">
+        <span>
+          <strong>Externe URL's verkiezen</strong>
+          <small>
+            Gebruik gekoppelde Nginx Proxy Manager-hosts wanneer die beschikbaar
+            zijn. Lokale URL's blijven de terugvaloptie.
+          </small>
+        </span>
+        <button
+          className={`switch ${data.preferences.externalAccess ? "on" : ""}`}
+          role="switch"
+          aria-checked={data.preferences.externalAccess}
+          onClick={() =>
+            perform(
+              () =>
+                api.updatePreferences({
+                  externalAccess: !data.preferences.externalAccess,
+                }),
+              data.preferences.externalAccess
+                ? "Externe URL's uitgeschakeld"
+                : "Externe URL's ingeschakeld",
+            )
+          }
+        >
+          <span />
+        </button>
+      </div>
+    </>
+  );
+}
+
+function WidgetsSettings({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const serverSections = [
+    {
+      id: "stats",
+      label: "Capaciteitsmetingen",
+      description: "CPU-kernen, geheugen en gestopte containers",
+      enabled: data.preferences.serverWidgetShowStats,
+    },
+    {
+      id: "details",
+      label: "Hostdetails",
+      description: "Actief totaal, besturingssysteem, images en Docker-versie",
+      enabled: data.preferences.serverWidgetShowDetails,
+    },
+    {
+      id: "progress",
+      label: "Statusbalk",
+      description: "Verhouding actieve containers in één oogopslag",
+      enabled: data.preferences.serverWidgetShowProgress,
+    },
+    {
+      id: "native",
+      label: "Unraid-arraydetails",
+      description: "Array, pool, parity, temperatuur en optionele UPS-status",
+      enabled: data.preferences.serverWidgetShowNative,
+    },
+  ];
+  return (
+    <>
+      <SectionHeader
+        eyebrow="PERSOONLIJKE LIVEPANELEN"
+        title="Dashboardpanelen"
+        copy="Kies de belangrijke services en stel daarna de grootte en informatielagen per paneel in. Wijzigingen verschijnen direct op je dashboard."
+      />
+      <article className="server-widget-config">
+        <header>
+          <span className="studio-mark">
+            <ServerCog size={18} />
+          </span>
+          <span>
+            <strong>Unraid server</strong>
+            <small>Hostcapaciteit, runtimestatus en Docker-inventaris</small>
+          </span>
+          <button
+            className={`switch ${data.preferences.showServerWidget ? "on" : ""}`}
+            role="switch"
+            aria-label="Unraid-serverpaneel tonen"
+            aria-checked={data.preferences.showServerWidget}
+            onClick={() =>
+              perform(
+                () =>
+                  api.updatePreferences({
+                    showServerWidget: !data.preferences.showServerWidget,
+                  }),
+                data.preferences.showServerWidget
+                  ? "Unraid-paneel verborgen"
+                  : "Unraid-paneel ingeschakeld",
+              )
+            }
+          >
+            <span />
+          </button>
+        </header>
+        <div className="server-identity-fields">
+          <label>
+            <span>Servernaam</span>
+            <input
+              name="serverName"
+              defaultValue={data.preferences.serverName}
+              maxLength={64}
+              onBlur={(event) => {
+                const serverName = event.target.value.trim();
+                if (serverName && serverName !== data.preferences.serverName)
+                  void perform(
+                    () => api.updatePreferences({ serverName }),
+                    "Servernaam bijgewerkt",
+                  );
+              }}
+            />
+          </label>
+          <label>
+            <span>Unraid WebUI URL</span>
+            <input
+              name="serverUrl"
+              type="url"
+              defaultValue={data.preferences.serverUrl}
+              placeholder="http://host.local:5000"
+              onBlur={(event) => {
+                const serverUrl = event.target.value.trim();
+                if (serverUrl && serverUrl !== data.preferences.serverUrl)
+                  void perform(
+                    () => api.updatePreferences({ serverUrl }),
+                    "Unraid-URL bijgewerkt",
+                  );
+              }}
+            />
+            <small>
+              Tower opent dit adres; de standaardpoort van Unraid is 5000.
+            </small>
+          </label>
+        </div>
+        {data.preferences.showServerWidget && (
+          <>
+            <WidgetConfigurator
+              label="Unraid server"
+              size={data.preferences.serverWidgetSize}
+              sections={serverSections}
+              onSizeChange={(serverWidgetSize) =>
+                void perform(
+                  () => api.updatePreferences({ serverWidgetSize }),
+                  `Unraid-paneel ingesteld op ${serverWidgetSize}`,
+                )
+              }
+              onSectionChange={(id, enabled) => {
+                const patch =
+                  id === "stats"
+                    ? { serverWidgetShowStats: enabled }
+                    : id === "details"
+                      ? { serverWidgetShowDetails: enabled }
+                      : id === "progress"
+                        ? { serverWidgetShowProgress: enabled }
+                        : { serverWidgetShowNative: enabled };
+                void perform(
+                  () => api.updatePreferences(patch),
+                  "Inhoud van Unraid-paneel bijgewerkt",
+                );
+              }}
+            />
+            <ServerWidgetAdvancedConfigurator
+              preferences={data.preferences}
+              onChange={(patch, message) =>
+                void perform(() => api.updatePreferences(patch), message)
+              }
+            />
+          </>
+        )}
+        <label className="server-widget-order">
+          <span>Volgorde op dashboard</span>
+          <input
+            name="serverWidgetOrder"
+            type="number"
+            min="0"
+            max="10000"
+            defaultValue={data.preferences.serverWidgetOrder}
+            onBlur={(event) => {
+              const value = Number(event.target.value);
+              if (value !== data.preferences.serverWidgetOrder)
+                void perform(
+                  () => api.updatePreferences({ serverWidgetOrder: value }),
+                  "Volgorde van Unraid-paneel bijgewerkt",
+                );
+            }}
+          />
+        </label>
+      </article>
+      <WidgetStudio data={data} perform={perform} />
+      <WidgetPresetManager presets={data.layoutPresets} perform={perform} />
+    </>
+  );
+}
+
+function WidgetStudio({
+  data,
+  perform,
+}: {
+  data: DashboardPayload;
+  perform: Performer;
+}) {
+  const [filter, setFilter] = useState<
+    "recommended" | "all" | "active" | "issues"
+  >("all");
+  const [query, setQuery] = useState("");
+  const [visibleCount, setVisibleCount] = useState(24);
+  const activeCount = data.apps.filter((app) => app.widgetEnabled).length;
+  const appsById = useMemo(
+    () => new Map(data.apps.map((app) => [app.id, app])),
+    [data.apps],
+  );
+  const widgetIntegrationsByName = useMemo(
+    () =>
+      new Map(
+        data.integrations
+          .filter((integration) => integration.id.startsWith("widget-"))
+          .map((integration) => [
+            integration.id.slice("widget-".length),
+            integration,
+          ]),
+      ),
+    [data.integrations],
+  );
+  const capabilities = useMemo(() => {
+    const needle = query.trim().toLowerCase();
+    return data.widgetCapabilities.filter((capability) => {
+      const app = appsById.get(capability.appId);
+      if (!app) return false;
+      const matchesFilter =
+        filter === "all" ||
+        (filter === "active"
+          ? app.widgetEnabled
+          : filter === "issues"
+            ? widgetIntegrationsByName.get(app.technicalName)?.state !==
+              "connected"
+            : capability.recommended || app.widgetEnabled);
+      const matchesQuery =
+        !needle ||
+        `${capability.label} ${capability.description} ${capability.features.join(" ")}`
+          .toLowerCase()
+          .includes(needle);
+      return matchesFilter && matchesQuery;
+    });
+  }, [
+    appsById,
+    data.widgetCapabilities,
+    filter,
+    query,
+    widgetIntegrationsByName,
+  ]);
+  const shownCapabilities = capabilities.slice(0, visibleCount);
+
+  return (
+    <section className="widget-studio" aria-labelledby="widget-studio-heading">
+      <header className="widget-studio-heading">
+        <span className="studio-mark">
+          <Sparkles size={18} />
+        </span>
+        <span>
+          <strong id="widget-studio-heading">Paneelstudio</strong>
+          <small>
+            Activeer ieder gewenst serverpaneel en stel daarna grootte en
+            informatielagen in. Dockertelemetrie werkt direct; uitgebreide
+            providers worden automatisch benut zodra ze verbonden zijn.
+          </small>
+        </span>
+        <span className="studio-capacity">
+          {data.widgetCapabilities.length} beschikbaar · {activeCount} actief
+        </span>
+        <button
+          type="button"
+          className="secondary-button widget-audit-button"
+          onClick={() =>
+            void perform(async () => {
+              await api.enableAllWidgets();
+              return api.sync();
+            }, `${data.widgetCapabilities.length} serverpanelen geactiveerd`)
+          }
+        >
+          <PanelsTopLeft size={14} /> Alles activeren
+        </button>
+        <button
+          type="button"
+          className="secondary-button widget-audit-button"
+          onClick={() =>
+            void perform(
+              () => api.auditWidgets(),
+              `${data.widgetCapabilities.length} widgetkoppelingen getest`,
+            )
+          }
+        >
+          <RefreshCw size={14} /> Alle koppelingen testen
+        </button>
+      </header>
+      <div className="widget-data-contract">
+        <strong>Alleen-lezen, volledig aanpasbaar</strong>
+        <span>
+          DockDeck gebruikt automatisch beschikbare servicegegevens en vult die
+          veilig aan met Dockertelemetrie. Na activatie verschijnen alle
+          inhoudsopties rechtstreeks onder het gekozen paneel.
+        </span>
+      </div>
+      <ol className="studio-steps" aria-label="Paneelstudio stappen">
+        <li>
+          <span>1</span>
+          <strong>Kies een service</strong>
+          <small>Zoek of filter in de catalogus.</small>
+        </li>
+        <li>
+          <span>2</span>
+          <strong>Voeg het paneel toe</strong>
+          <small>Maximaal acht tegelijk.</small>
+        </li>
+        <li>
+          <span>3</span>
+          <strong>Stem de inhoud af</strong>
+          <small>Kies grootte, metingen en grafiek.</small>
+        </li>
+      </ol>
+      <div className="widget-studio-toolbar">
+        <label>
+          <Search size={14} />
+          <span className="sr-only">Paneelmogelijkheden zoeken</span>
+          <input
+            name="widgetSearch"
+            value={query}
+            onChange={(event) => {
+              setQuery(event.target.value);
+              setVisibleCount(24);
+            }}
+            placeholder="Zoek een paneel of meting"
+            aria-label="Paneelmogelijkheden zoeken"
+          />
+        </label>
+        <div
+          className="studio-filters"
+          role="group"
+          aria-label="Paneelcatalogus filteren"
+        >
+          {(["all", "recommended", "active", "issues"] as const).map(
+            (option) => (
+              <button
+                key={option}
+                className={filter === option ? "active" : ""}
+                aria-pressed={filter === option}
+                onClick={() => {
+                  setFilter(option);
+                  setVisibleCount(24);
+                }}
+              >
+                {option === "all"
+                  ? "Alles"
+                  : option === "recommended"
+                    ? "Aanbevolen"
+                    : option === "active"
+                      ? "Actief"
+                      : "Aandacht nodig"}
+              </button>
+            ),
+          )}
+        </div>
+      </div>
+      <div className="widget-catalog">
+        {shownCapabilities.map((capability, index) => {
+          const app = appsById.get(capability.appId);
+          if (!app) return null;
+          const integration = widgetIntegrationsByName.get(app.technicalName);
+          return (
+            <article
+              className={
+                app.widgetEnabled ? "widget-option active" : "widget-option"
+              }
+              key={capability.appId}
+            >
+              <header>
+                <ServiceIcon
+                  name={app.displayName}
+                  icon={app.icon}
+                  index={index}
+                  className="widget-option-icon"
+                />
+                <span>
+                  <strong>{capability.label}</strong>
+                  <small>{app.displayName}</small>
+                </span>
+                <span
+                  className={`capability-source ${capability.source}`}
+                  title={
+                    capability.source === "provider"
+                      ? "Ondersteunt uitgebreide providerdata"
+                      : capability.source === "custom-get"
+                        ? "Ondersteunt een instelbaar GET-endpoint"
+                        : "Gebruikt gerichte Docker-telemetrie"
+                  }
+                >
+                  {capability.source === "provider"
+                    ? "Rich API"
+                    : capability.source === "custom-get"
+                      ? "GET + Docker"
+                      : "Docker+"}
+                </span>
+              </header>
+              <p>{capability.description}</p>
+              <div className="capability-features">
+                {capability.features.map((feature) => (
+                  <span key={feature}>{feature}</span>
+                ))}
+              </div>
+              <footer>
+                <span
+                  className={`widget-connection ${
+                    capability.source === "tailored-docker"
+                      ? app.status === "online"
+                        ? "connected"
+                        : "degraded"
+                      : (integration?.state ?? "untested")
+                  }`}
+                  title={
+                    capability.source === "tailored-docker"
+                      ? "Read-only gekoppeld via de Docker/AppOps-inventaris"
+                      : (integration?.message ??
+                        "Deze providerkoppeling is nog niet getest in deze sessie")
+                  }
+                >
+                  {capability.source === "tailored-docker"
+                    ? app.status === "online"
+                      ? "Docker gekoppeld"
+                      : "Container offline"
+                    : integration?.state === "connected"
+                      ? "Verbonden"
+                      : integration?.state === "degraded"
+                        ? "Niet bereikbaar"
+                        : integration?.state === "disabled"
+                          ? "Configuratie nodig"
+                          : "Niet getest"}
+                </span>
+                <span
+                  className={`credential-mode ${capability.credentialMode}`}
+                >
+                  {capability.credentialMode === "none" ? (
+                    <>
+                      <Sparkles size={11} /> Directe data
+                    </>
+                  ) : capability.credentialMode === "optional" ? (
+                    <>
+                      <KeyRound size={11} /> Optioneel data-endpoint
+                    </>
+                  ) : (
+                    <>
+                      <KeyRound size={11} /> API-inloggegeven
+                    </>
+                  )}
+                </span>
+                <button
+                  className={
+                    app.widgetEnabled
+                      ? "secondary-button active"
+                      : "secondary-button"
+                  }
+                  aria-pressed={app.widgetEnabled}
+                  onClick={() =>
+                    perform(
+                      async () => {
+                        await api.updateApp(app.id, {
+                          widgetEnabled: !app.widgetEnabled,
+                        });
+                        await api.sync();
+                      },
+                      app.widgetEnabled
+                        ? `${capability.label}-paneel verwijderd`
+                        : `${capability.label}-paneel ingeschakeld`,
+                    )
+                  }
+                >
+                  <PanelsTopLeft size={13} />
+                  {app.widgetEnabled ? "Actief" : "Paneel toevoegen"}
+                </button>
+              </footer>
+              {app.widgetEnabled && (
+                <>
+                  <WidgetConfigurator
+                    label={app.displayName}
+                    size={app.widgetSize}
+                    sections={appWidgetSections(app)}
+                    onSizeChange={(widgetSize) =>
+                      void perform(
+                        () => api.updateApp(app.id, { widgetSize }),
+                        `${app.displayName}-paneel ingesteld op ${widgetSize}`,
+                      )
+                    }
+                    onSectionChange={(id, enabled) => {
+                      const patch =
+                        id === "summary"
+                          ? { widgetShowSummary: enabled }
+                          : id === "metrics"
+                            ? { widgetShowMetrics: enabled }
+                            : id === "infrastructure"
+                              ? { widgetShowInfrastructure: enabled }
+                              : { widgetShowProgress: enabled };
+                      void perform(
+                        () => api.updateApp(app.id, patch),
+                        `Inhoud van ${app.displayName}-paneel bijgewerkt`,
+                      );
+                    }}
+                  />
+                  <WidgetAdvancedConfigurator
+                    app={app}
+                    availableMetrics={[
+                      ...capability.metrics,
+                      ...(data.widgetMetrics[
+                        app.technicalName
+                      ]?.provider?.stats.flatMap((stat) =>
+                        capability.metrics.some(
+                          (metric) => metric.label === stat.label,
+                        )
+                          ? []
+                          : [
+                              {
+                                label: stat.label,
+                                description: `Live ${stat.label.toLowerCase()} uit de gekoppelde app-API`,
+                                group: "activity" as const,
+                                defaultVisible: true,
+                                defaultStyle: "value" as const,
+                                chartable: stat.numericValue !== undefined,
+                                unit: "count" as const,
+                              },
+                            ],
+                      ) ?? []),
+                    ]}
+                    onChange={(patch, message) =>
+                      void perform(() => api.updateApp(app.id, patch), message)
+                    }
+                  />
+                  {integration &&
+                    (integration.credentialFields?.length ?? 0) > 0 && (
+                      <div className="widget-inline-connection">
+                        <strong>App-datakoppeling</strong>
+                        <small>
+                          Koppel de gedocumenteerde API of een alleen-lezen
+                          JSON-endpoint voor metingen. Secrets blijven op de
+                          server.
+                        </small>
+                        <IntegrationCredentials
+                          integration={integration}
+                          perform={perform}
+                        />
+                      </div>
+                    )}
+                </>
+              )}
+            </article>
+          );
+        })}
+      </div>
+      {shownCapabilities.length < capabilities.length && (
+        <button
+          className="secondary-button catalog-more"
+          type="button"
+          onClick={() => setVisibleCount((value) => value + 24)}
+        >
+          Meer panelen tonen ({capabilities.length - shownCapabilities.length})
+        </button>
+      )}
+      {capabilities.length === 0 && (
+        <div className="soft-empty compact-empty">
+          <Search size={20} />
+          <strong>Geen passend paneel</strong>
+          <span>Probeer een andere service of mogelijkheid.</span>
+        </div>
+      )}
+    </section>
+  );
+}
+
+function IntegrationCredentials({
+  integration,
+  perform,
+}: {
+  integration: IntegrationState;
+  perform: Performer;
+}) {
+  const [values, setValues] = useState<Record<string, string>>({});
+  const [editing, setEditing] = useState(false);
+  const required = new Set(integration.requiredEnvironment ?? []);
+  const fields =
+    integration.state === "disabled"
+      ? (integration.credentialFields ?? [])
+      : integration.state === "degraded" || editing
+        ? (integration.credentialFields ?? [])
+        : [];
+  if (fields.length === 0)
+    return integration.state === "connected" &&
+      (integration.credentialFields?.length ?? 0) > 0 ? (
+      <button
+        className="credential-reconfigure"
+        type="button"
+        onClick={() => setEditing(true)}
+      >
+        <KeyRound size={12} /> Koppeling opnieuw instellen
+      </button>
+    ) : null;
+
+  const submit = async (event: FormEvent) => {
+    event.preventDefault();
+    const payload = Object.fromEntries(
+      fields.flatMap((field) => {
+        if (!Object.hasOwn(values, field.key)) return [];
+        return [[field.key, values[field.key]?.trim() ?? ""]];
+      }),
+    );
+    const saved = await perform(
+      () => api.updateIntegrationCredentials(integration.id, payload),
+      `Inloggegevens voor ${integration.label} opgeslagen`,
+    );
+    if (saved) {
+      setValues({});
+      setEditing(false);
+    }
+  };
+
+  return (
+    <form className="credential-form" onSubmit={(event) => void submit(event)}>
+      <span className="credential-heading">
+        <KeyRound size={13} />
+        <span>
+          <strong>Provider-API koppelen</strong>
+          <small>
+            Wordt op de server opgeslagen en daarna niet meer getoond. Gebruik
+            een vertrouwd LAN of HTTPS.
+          </small>
+        </span>
+      </span>
+      <div className="credential-fields">
+        {fields.map((field) => (
+          <label key={field.key}>
+            <span>{field.label}</span>
+            <input
+              name={field.key}
+              type={field.type}
+              value={values[field.key] ?? ""}
+              placeholder={field.placeholder}
+              autoComplete={field.type === "password" ? "new-password" : "off"}
+              spellCheck={false}
+              required={field.required !== false && required.has(field.key)}
+              onChange={(event) =>
+                setValues((current) => ({
+                  ...current,
+                  [field.key]: event.target.value,
+                }))
+              }
+            />
+          </label>
+        ))}
+      </div>
+      <button className="secondary-button credential-save" type="submit">
+        <KeyRound size={14} /> Koppeling opslaan en testen
+      </button>
+    </form>
+  );
+}
+
+function BackupSettings({ perform }: { perform: Performer }) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [dragging, setDragging] = useState(false);
+  const [lastImportedFile, setLastImportedFile] = useState<string | null>(null);
+  const importFile = async (file: File | undefined) => {
+    if (!file) return;
+    if (file.size > 10 * 1024 * 1024) {
+      await perform(
+        () =>
+          Promise.reject(
+            new Error("De back-up mag maximaal 10 MB groot zijn."),
+          ),
+        "",
+      );
+      return;
+    }
+    let payload: unknown;
+    try {
+      payload = JSON.parse(await file.text()) as unknown;
+    } catch {
+      await perform(
+        () => Promise.reject(new Error("Dit bestand bevat geen geldige JSON.")),
+        "",
+      );
+      return;
+    }
+    if (
+      !window.confirm(
+        "Deze back-up vervangt je huidige categorieën, favorieten en instellingen. Doorgaan?",
+      )
+    )
+      return;
+    const restored = await perform(
+      () => api.importBackup(payload),
+      "Back-up hersteld",
+    );
+    if (restored) setLastImportedFile(file.name);
+  };
+  const dropFile = (event: DragEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    setDragging(false);
+    void importFile(event.dataTransfer.files[0]);
+  };
+  return (
+    <>
+      <SectionHeader
+        eyebrow="DRAAGBARE CONFIGURATIE"
+        title="Back-up en herstel"
+        copy="Exporteer een versieerbare JSON-back-up van je indeling. Secrets en inloggegevens van integraties worden nooit opgenomen."
+      />
+      <div className="backup-grid">
+        <article>
+          <span className="backup-icon">
+            <ArrowDownToLine size={23} />
+          </span>
+          <h3>Configuratie exporteren</h3>
+          <p>
+            Download categorieën, aangepaste app-instellingen, favorieten en
+            vormgevingsvoorkeuren.
+          </p>
+          <a className="secondary-button" href="/api/export" download>
+            <ArrowDownToLine size={16} /> Back-up downloaden
+          </a>
+        </article>
+        <article className="backup-import-card">
+          <input
+            name="backupFile"
+            ref={inputRef}
+            type="file"
+            accept="application/json"
+            hidden
+            onChange={(event) => void importFile(event.target.files?.[0])}
+          />
+          <button
+            className={`backup-dropzone ${dragging ? "dragging" : ""}`}
+            type="button"
+            onClick={() => inputRef.current?.click()}
+            onDragEnter={(event) => {
+              event.preventDefault();
+              setDragging(true);
+            }}
+            onDragOver={(event) => event.preventDefault()}
+            onDragLeave={() => setDragging(false)}
+            onDrop={dropFile}
+          >
+            <span className="backup-icon">
+              <Upload size={23} />
+            </span>
+            <strong>Configuratie importeren</strong>
+            <span>Sleep een bestand hierheen of klik om te uploaden</span>
+            <small>JSON · maximaal 10 MB</small>
+          </button>
+          <p>
+            DockDeck valideert de back-up voor herstel. Gevonden runtimegegevens
+            en integratiesecrets blijven intact.
+          </p>
+          {lastImportedFile && (
+            <small className="backup-success">
+              Laatst hersteld: {lastImportedFile}
+            </small>
+          )}
+        </article>
+      </div>
+      <div className="privacy-note">
+        <DatabaseBackup size={18} />
+        <span>
+          <strong>Lokaal opgeslagen in SQLite</strong>
+          <small>
+            Maak een back-up van de gekoppelde map <code>/data</code> voor
+            volledig herstel na een storing.
+          </small>
+        </span>
+      </div>
+    </>
+  );
+}
diff --git a/src/client/components/SortableList.tsx b/src/client/components/SortableList.tsx
new file mode 100644
index 0000000..47a6e0d
--- /dev/null
+++ b/src/client/components/SortableList.tsx
@@ -0,0 +1,296 @@
+import { ArrowDown, ArrowUp, GripVertical } from "lucide-react";
+import { isSortableDropTarget } from "../sortable-order";
+import {
+  type PointerEvent as ReactPointerEvent,
+  type ReactNode,
+  useRef,
+  useState,
+} from "react";
+
+export interface SortableControls {
+  dragHandle: ReactNode;
+  moveDownButton: ReactNode;
+  moveUpButton: ReactNode;
+  isDragging: boolean;
+}
+
+interface SortableListProps<T extends { id: string }> {
+  items: readonly T[];
+  label: string;
+  className: string;
+  emptyMessage?: string;
+  orientation?: "vertical" | "horizontal" | "grid";
+  getItemLabel: (item: T) => string;
+  onReorder: (items: T[]) => void | boolean | Promise<void | boolean>;
+  renderItem: (item: T, index: number, controls: SortableControls) => ReactNode;
+}
+
+interface DropTarget {
+  id: string;
+  after: boolean;
+}
+
+interface PointerDrag {
+  id: string;
+  pointerId: number;
+  startX: number;
+  startY: number;
+  active: boolean;
+}
+
+const moveItem = <T extends { id: string }>(
+  items: readonly T[],
+  sourceId: string,
+  targetId: string,
+  after: boolean,
+) => {
+  const sourceIndex = items.findIndex((item) => item.id === sourceId);
+  const targetIndex = items.findIndex((item) => item.id === targetId);
+  if (sourceIndex < 0 || targetIndex < 0 || sourceIndex === targetIndex)
+    return [...items];
+
+  const next = [...items];
+  const [moved] = next.splice(sourceIndex, 1);
+  if (!moved) return [...items];
+  const adjustedTarget = targetIndex - Number(sourceIndex < targetIndex);
+  next.splice(adjustedTarget + Number(after), 0, moved);
+  return next;
+};
+
+export function SortableList<T extends { id: string }>({
+  items,
+  label,
+  className,
+  emptyMessage,
+  orientation = "vertical",
+  getItemLabel,
+  onReorder,
+  renderItem,
+}: SortableListProps<T>) {
+  const [optimisticItems, setOptimisticItems] = useState<T[] | null>(null);
+  const [draggingId, setDraggingId] = useState<string | null>(null);
+  const [dropTarget, setDropTarget] = useState<DropTarget | null>(null);
+  const [saving, setSaving] = useState(false);
+  const [announcement, setAnnouncement] = useState("");
+  const pointerDrag = useRef<PointerDrag | null>(null);
+  const savingRef = useRef(false);
+  const orderedItems = optimisticItems ?? [...items];
+
+  const commitOrder = async (nextItems: T[], movedId: string) => {
+    if (savingRef.current) return;
+    const nextPosition = nextItems.findIndex((item) => item.id === movedId) + 1;
+    savingRef.current = true;
+    setSaving(true);
+    setOptimisticItems(nextItems);
+    setAnnouncement(
+      `${getItemLabel(nextItems[nextPosition - 1]!)} verplaatst naar positie ${nextPosition} van ${nextItems.length}.`,
+    );
+    try {
+      const saved = await onReorder(nextItems);
+      if (saved === false) {
+        setOptimisticItems(null);
+        setAnnouncement("De nieuwe volgorde kon niet worden opgeslagen.");
+      }
+    } catch {
+      setOptimisticItems(null);
+      setAnnouncement("De nieuwe volgorde kon niet worden opgeslagen.");
+    } finally {
+      setOptimisticItems(null);
+      savingRef.current = false;
+      setSaving(false);
+    }
+  };
+
+  const moveBy = (itemId: string, offset: -1 | 1) => {
+    const sourceIndex = orderedItems.findIndex((item) => item.id === itemId);
+    const targetIndex = sourceIndex + offset;
+    if (
+      sourceIndex < 0 ||
+      targetIndex < 0 ||
+      targetIndex >= orderedItems.length
+    )
+      return;
+    const next = [...orderedItems];
+    [next[sourceIndex], next[targetIndex]] = [
+      next[targetIndex]!,
+      next[sourceIndex]!,
+    ];
+    void commitOrder(next, itemId);
+  };
+
+  const resetPointerDrag = () => {
+    pointerDrag.current = null;
+    setDraggingId(null);
+    setDropTarget(null);
+  };
+
+  const handlePointerDown = (
+    event: ReactPointerEvent<HTMLButtonElement>,
+    id: string,
+  ) => {
+    if (savingRef.current || event.button !== 0 || event.isPrimary === false)
+      return;
+    event.preventDefault();
+    event.stopPropagation();
+    pointerDrag.current = {
+      id,
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      active: false,
+    };
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+  };
+
+  const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {
+    const drag = pointerDrag.current;
+    if (!drag || drag.pointerId !== event.pointerId) return;
+
+    if (
+      !drag.active &&
+      Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 6
+    )
+      return;
+
+    if (!drag.active) {
+      drag.active = true;
+      setDraggingId(drag.id);
+    }
+
+    const elementAtPointer = document
+      .elementFromPoint?.(event.clientX, event.clientY)
+      ?.closest<HTMLElement>("[data-sortable-id]");
+    const eventTarget = (event.target as HTMLElement | null)?.closest?.(
+      "[data-sortable-id]",
+    );
+    const target = elementAtPointer ?? eventTarget;
+    const targetId = (target as HTMLElement | null)?.dataset.sortableId;
+    if (
+      !target ||
+      !targetId ||
+      !isSortableDropTarget(target, event.currentTarget) ||
+      targetId === drag.id
+    ) {
+      setDropTarget(null);
+      return;
+    }
+
+    const bounds = target.getBoundingClientRect();
+    const isVertical =
+      orientation === "vertical" ||
+      (orientation === "grid" &&
+        Math.abs(event.clientY - (bounds.top + bounds.height / 2)) >
+          Math.abs(event.clientX - (bounds.left + bounds.width / 2)));
+    const after = isVertical
+      ? event.clientY > bounds.top + bounds.height / 2
+      : event.clientX > bounds.left + bounds.width / 2;
+    setDropTarget({ id: targetId, after });
+  };
+
+  const handlePointerUp = (event: ReactPointerEvent<HTMLDivElement>) => {
+    const drag = pointerDrag.current;
+    if (!drag || drag.pointerId !== event.pointerId) return;
+    const destination = dropTarget;
+    resetPointerDrag();
+    if (!drag.active || !destination) return;
+    const next = moveItem(
+      orderedItems,
+      drag.id,
+      destination.id,
+      destination.after,
+    );
+    if (next.some((item, index) => item.id !== orderedItems[index]?.id))
+      void commitOrder(next, drag.id);
+  };
+
+  if (items.length === 0) {
+    return emptyMessage ? (
+      <div className={`${className} sortable-list-empty`} role="status">
+        {emptyMessage}
+      </div>
+    ) : null;
+  }
+
+  return (
+    <>
+      <div
+        className={`sortable-list ${className}`}
+        role="list"
+        aria-label={label}
+        onPointerMove={handlePointerMove}
+        onPointerUp={handlePointerUp}
+        onPointerCancel={resetPointerDrag}
+      >
+        {orderedItems.map((item, index) => {
+          const itemLabel = getItemLabel(item);
+          const isDragging = draggingId === item.id;
+          const isDropTarget = dropTarget?.id === item.id;
+          const handle = (
+            <button
+              className="sortable-handle"
+              type="button"
+              aria-label={`Sleep ${itemLabel}; gebruik de knoppen omhoog en omlaag voor toetsenbordbediening`}
+              title="Sleep om te verplaatsen"
+              disabled={saving}
+              onClick={(event) => event.preventDefault()}
+              onPointerDown={(event) => handlePointerDown(event, item.id)}
+            >
+              <GripVertical size={15} aria-hidden="true" />
+            </button>
+          );
+          const moveUpButton = (
+            <button
+              className="sortable-move-button"
+              type="button"
+              aria-label={`${itemLabel} omhoog verplaatsen`}
+              title="Omhoog verplaatsen"
+              disabled={saving || index === 0}
+              onClick={() => moveBy(item.id, -1)}
+            >
+              <ArrowUp size={14} aria-hidden="true" />
+            </button>
+          );
+          const moveDownButton = (
+            <button
+              className="sortable-move-button"
+              type="button"
+              aria-label={`${itemLabel} omlaag verplaatsen`}
+              title="Omlaag verplaatsen"
+              disabled={saving || index === orderedItems.length - 1}
+              onClick={() => moveBy(item.id, 1)}
+            >
+              <ArrowDown size={14} aria-hidden="true" />
+            </button>
+          );
+          const targetPosition =
+            isDropTarget && dropTarget
+              ? dropTarget.after
+                ? "after"
+                : "before"
+              : "";
+
+          return (
+            <div
+              className={`sortable-list-item ${isDragging ? "is-dragging" : ""} ${targetPosition ? `drop-${targetPosition}` : ""}`}
+              data-sortable-id={item.id}
+              data-sortable-index={index}
+              aria-busy={saving || undefined}
+              role="listitem"
+              key={item.id}
+            >
+              {renderItem(item, index, {
+                dragHandle: handle,
+                moveDownButton,
+                moveUpButton,
+                isDragging,
+              })}
+            </div>
+          );
+        })}
+      </div>
+      <span className="sr-only" aria-live="polite" aria-atomic="true">
+        {announcement}
+      </span>
+    </>
+  );
+}
diff --git a/src/client/components/WeatherBadge.tsx b/src/client/components/WeatherBadge.tsx
new file mode 100644
index 0000000..a62e0e3
--- /dev/null
+++ b/src/client/components/WeatherBadge.tsx
@@ -0,0 +1,74 @@
+import {
+  Cloud,
+  CloudFog,
+  CloudLightning,
+  CloudMoon,
+  CloudRain,
+  CloudSun,
+  Moon,
+  Snowflake,
+  Sun,
+} from "lucide-react";
+import { useEffect, useState } from "react";
+import type { WeatherMetric } from "../../shared/contracts";
+import { api } from "../api";
+
+const iconFor = (weather: WeatherMetric | null) => {
+  if (!weather) return CloudSun;
+  const code = weather.weatherCode;
+  if (code === 0) return weather.isDay ? Sun : Moon;
+  if (code <= 3) return weather.isDay ? CloudSun : CloudMoon;
+  if (code === 45 || code === 48) return CloudFog;
+  if (code <= 67 || (code >= 80 && code <= 82)) return CloudRain;
+  if (code <= 77 || (code >= 85 && code <= 86)) return Snowflake;
+  if (code >= 95) return CloudLightning;
+  return Cloud;
+};
+
+export function WeatherBadge({
+  enabled,
+  location,
+}: {
+  enabled: boolean;
+  location: string;
+}) {
+  const [weather, setWeather] = useState<WeatherMetric | null>(null);
+
+  useEffect(() => {
+    if (!enabled) return;
+    let active = true;
+    const refresh = () =>
+      void api
+        .weather()
+        .then((value) => active && setWeather(value))
+        .catch(() => active && setWeather(null));
+    refresh();
+    const timer = window.setInterval(refresh, 10 * 60_000);
+    return () => {
+      active = false;
+      window.clearInterval(timer);
+    };
+  }, [enabled, location]);
+
+  if (!enabled) return null;
+  const Icon = iconFor(weather);
+  return (
+    <span
+      className={`weather-badge ${weather ? "ready" : "loading"}`}
+      title={
+        weather ? `${weather.summary} in ${weather.location}` : "Weer laden"
+      }
+      aria-label={
+        weather
+          ? `${Math.round(weather.temperatureC)} graden, ${weather.summary} in ${weather.location}`
+          : "Weer laden"
+      }
+    >
+      <Icon size={18} />
+      <strong>
+        {weather ? `${Math.round(weather.temperatureC)}°` : "--°"}
+      </strong>
+      <span>{weather?.location ?? location}</span>
+    </span>
+  );
+}
diff --git a/src/client/components/WidgetAdvancedConfigurator.tsx b/src/client/components/WidgetAdvancedConfigurator.tsx
new file mode 100644
index 0000000..455048a
--- /dev/null
+++ b/src/client/components/WidgetAdvancedConfigurator.tsx
@@ -0,0 +1,466 @@
+import {
+  ArrowDown,
+  ArrowUp,
+  BarChart3,
+  Gauge,
+  RefreshCw,
+  SlidersHorizontal,
+  Tag,
+  TrendingUp,
+} from "lucide-react";
+import type {
+  AppPatch,
+  DockApp,
+  WidgetMetricDefinition,
+  WidgetMetricStyle,
+} from "../../shared/contracts";
+
+interface WidgetAdvancedConfiguratorProps {
+  app: DockApp;
+  availableMetrics: WidgetMetricDefinition[];
+  onChange: (patch: AppPatch, message: string) => void;
+}
+
+const refreshOptions = [
+  { value: 15_000, label: "15 seconden" },
+  { value: 30_000, label: "30 seconden" },
+  { value: 60_000, label: "1 minuut" },
+  { value: 120_000, label: "2 minuten" },
+  { value: 300_000, label: "5 minuten" },
+];
+
+const chartSamples = [10, 20, 30, 45, 60];
+const infrastructureMetrics = [
+  { label: "cpu", name: "Container-CPU" },
+  { label: "memory", name: "Containergeheugen" },
+  { label: "network", name: "Inkomend netwerkverkeer" },
+];
+
+export function WidgetAdvancedConfigurator({
+  app,
+  availableMetrics,
+  onChange,
+}: WidgetAdvancedConfiguratorProps) {
+  const metricLabels = availableMetrics.map((metric) => metric.label);
+  const orderedMetrics = [
+    ...app.widgetMetricOrder.filter((label) => metricLabels.includes(label)),
+    ...metricLabels.filter((label) => !app.widgetMetricOrder.includes(label)),
+  ].filter((label) => !app.widgetHiddenMetrics.includes(label));
+  const chartableMetrics = availableMetrics.filter(
+    (metric) => metric.chartable,
+  );
+  const warningMetrics = [
+    ...infrastructureMetrics,
+    ...availableMetrics
+      .filter((metric) => metric.unit !== "text")
+      .map((metric) => ({ label: metric.label, name: metric.label })),
+  ];
+  const moveMetric = (index: number, direction: -1 | 1) => {
+    const target = index + direction;
+    if (!orderedMetrics[target]) return;
+    const next = [...orderedMetrics];
+    [next[index], next[target]] = [next[target]!, next[index]!];
+    onChange({ widgetMetricOrder: next }, "Volgorde van metingen bijgewerkt");
+  };
+  const setMetricStyle = (label: string, style: WidgetMetricStyle) =>
+    onChange(
+      {
+        widgetMetricStyles: { ...app.widgetMetricStyles, [label]: style },
+      },
+      `Weergave van ${label} bijgewerkt`,
+    );
+
+  return (
+    <details className="widget-advanced-config">
+      <summary>
+        <Gauge size={14} /> Volledige paneelconfiguratie
+      </summary>
+      <div className="widget-advanced-grid">
+        <label>
+          <span>
+            <Tag size={13} /> Eigen paneellabel
+          </span>
+          <input
+            name={`widgetLabel-${app.id}`}
+            defaultValue={app.widgetCustomLabel ?? ""}
+            placeholder="Gebruik een appspecifiek label"
+            maxLength={64}
+            onBlur={(event) => {
+              const value = event.target.value.trim() || null;
+              if (value !== app.widgetCustomLabel)
+                onChange(
+                  { widgetCustomLabel: value },
+                  "Paneellabel bijgewerkt",
+                );
+            }}
+          />
+        </label>
+        <label>
+          <span>Primaire statistiek</span>
+          <select
+            name={`widgetPrimaryMetric-${app.id}`}
+            value={app.widgetPrimaryMetric ?? ""}
+            onChange={(event) =>
+              onChange(
+                { widgetPrimaryMetric: event.target.value || null },
+                "Primaire meting bijgewerkt",
+              )
+            }
+          >
+            <option value="">Automatisch</option>
+            {orderedMetrics.map((metric) => (
+              <option value={metric} key={metric}>
+                {metric}
+              </option>
+            ))}
+          </select>
+        </label>
+        <label>
+          <span>Maximum aantal statistieken</span>
+          <select
+            name={`widgetStatLimit-${app.id}`}
+            value={app.widgetStatLimit}
+            onChange={(event) =>
+              onChange(
+                { widgetStatLimit: Number(event.target.value) },
+                "Limiet voor statistieken bijgewerkt",
+              )
+            }
+          >
+            {Array.from({ length: 12 }, (_, index) => index + 1).map(
+              (limit) => (
+                <option value={limit} key={limit}>
+                  {limit} statistieken
+                </option>
+              ),
+            )}
+          </select>
+        </label>
+        <label>
+          <span>Paneelvolgorde</span>
+          <input
+            name={`widgetOrder-${app.id}`}
+            type="number"
+            min={0}
+            max={10_000}
+            defaultValue={app.widgetOrder}
+            onBlur={(event) => {
+              const value = Number(event.target.value);
+              if (value !== app.widgetOrder)
+                onChange({ widgetOrder: value }, "Paneelvolgorde bijgewerkt");
+            }}
+          />
+        </label>
+        <label>
+          <span>
+            <RefreshCw size={13} /> Vernieuwingsinterval
+          </span>
+          <select
+            name={`widgetRefreshInterval-${app.id}`}
+            value={app.widgetRefreshIntervalMs}
+            onChange={(event) =>
+              onChange(
+                { widgetRefreshIntervalMs: Number(event.target.value) },
+                "Vernieuwingsinterval bijgewerkt",
+              )
+            }
+          >
+            {refreshOptions.map((option) => (
+              <option key={option.value} value={option.value}>
+                {option.label}
+              </option>
+            ))}
+          </select>
+        </label>
+      </div>
+
+      <section className="widget-config-section" aria-label="Trendgrafiek">
+        <header>
+          <BarChart3 size={14} />
+          <span>
+            <strong>Trendgrafiek</strong>
+            <small>
+              Kies een echte reeks, grafiekstijl en geheugenvenster.
+            </small>
+          </span>
+        </header>
+        <div className="widget-advanced-grid">
+          <label>
+            <span>Reeks</span>
+            <select
+              name={`widgetChartMetric-${app.id}`}
+              value={app.widgetChartMetric}
+              onChange={(event) =>
+                onChange(
+                  { widgetChartMetric: event.target.value },
+                  "Grafiekreeks bijgewerkt",
+                )
+              }
+            >
+              <option value="auto">Beste beschikbare signaal</option>
+              {infrastructureMetrics.map((metric) => (
+                <option key={metric.label} value={metric.label}>
+                  {metric.name}
+                </option>
+              ))}
+              {chartableMetrics.map((metric) => (
+                <option key={metric.label} value={metric.label}>
+                  {metric.label}
+                </option>
+              ))}
+            </select>
+          </label>
+          <label>
+            <span>Grafiekstijl</span>
+            <select
+              name={`widgetChartType-${app.id}`}
+              value={app.widgetChartType}
+              onChange={(event) =>
+                onChange(
+                  {
+                    widgetChartType: event.target.value as
+                      "line" | "area" | "bar",
+                  },
+                  "Grafiekstijl bijgewerkt",
+                )
+              }
+            >
+              <option value="line">Lijn</option>
+              <option value="area">Vlak</option>
+              <option value="bar">Balken</option>
+            </select>
+          </label>
+          <label>
+            <span>Geschiedenisvenster</span>
+            <select
+              name={`widgetChartSamples-${app.id}`}
+              value={app.widgetChartSamples}
+              onChange={(event) =>
+                onChange(
+                  { widgetChartSamples: Number(event.target.value) },
+                  "Grafiekvenster bijgewerkt",
+                )
+              }
+            >
+              {chartSamples.map((value) => (
+                <option key={value} value={value}>
+                  Laatste {value} metingen
+                </option>
+              ))}
+            </select>
+          </label>
+          <button
+            type="button"
+            className={
+              app.widgetShowSparkline
+                ? "sparkline-toggle active"
+                : "sparkline-toggle"
+            }
+            aria-pressed={app.widgetShowSparkline}
+            onClick={() =>
+              onChange(
+                { widgetShowSparkline: !app.widgetShowSparkline },
+                app.widgetShowSparkline
+                  ? "Grafiek verborgen"
+                  : "Grafiek ingeschakeld",
+              )
+            }
+          >
+            <TrendingUp size={15} />
+            <span>
+              <strong>Grafiek tonen</strong>
+              <small>Geschiedenis blijft alleen in het geheugen</small>
+            </span>
+          </button>
+          <button
+            type="button"
+            className={
+              app.widgetShowLegend
+                ? "sparkline-toggle active"
+                : "sparkline-toggle"
+            }
+            aria-pressed={app.widgetShowLegend}
+            onClick={() =>
+              onChange(
+                { widgetShowLegend: !app.widgetShowLegend },
+                "Grafieklegenda bijgewerkt",
+              )
+            }
+          >
+            <SlidersHorizontal size={15} />
+            <span>
+              <strong>Legenda tonen</strong>
+              <small>Reeks, waarde en aantal metingen</small>
+            </span>
+          </button>
+        </div>
+      </section>
+
+      <section
+        className="widget-config-section"
+        aria-label="Paneelwaarschuwing"
+      >
+        <header>
+          <Gauge size={14} />
+          <span>
+            <strong>Visuele waarschuwing</strong>
+            <small>
+              Markeer de kaart wanneer een gekozen numeriek signaal een
+              drempelwaarde overschrijdt.
+            </small>
+          </span>
+        </header>
+        <div className="widget-advanced-grid">
+          <label>
+            <span>Waarschuwingssignaal</span>
+            <select
+              name={`widgetWarningMetric-${app.id}`}
+              value={app.widgetWarningMetric}
+              onChange={(event) =>
+                onChange(
+                  { widgetWarningMetric: event.target.value },
+                  "Waarschuwingsmeting bijgewerkt",
+                )
+              }
+            >
+              {warningMetrics.map((metric) => (
+                <option value={metric.label} key={metric.label}>
+                  {metric.name}
+                </option>
+              ))}
+            </select>
+          </label>
+          <label>
+            <span>Activeringsrichting</span>
+            <select
+              name={`widgetWarningDirection-${app.id}`}
+              value={app.widgetWarningDirection}
+              onChange={(event) =>
+                onChange(
+                  {
+                    widgetWarningDirection: event.target.value as
+                      "above" | "below",
+                  },
+                  "Waarschuwingsrichting bijgewerkt",
+                )
+              }
+            >
+              <option value="above">Op of boven</option>
+              <option value="below">Op of onder</option>
+            </select>
+          </label>
+          <label>
+            <span>Drempelwaarde</span>
+            <input
+              name={`widgetWarningThreshold-${app.id}`}
+              type="number"
+              min={0}
+              max={1_000_000_000_000}
+              defaultValue={app.widgetWarningThreshold ?? ""}
+              placeholder="Uitgeschakeld"
+              onBlur={(event) => {
+                const parsed = event.target.value
+                  ? Number(event.target.value)
+                  : null;
+                if (parsed !== app.widgetWarningThreshold)
+                  onChange(
+                    { widgetWarningThreshold: parsed },
+                    "Waarschuwingsdrempel bijgewerkt",
+                  );
+              }}
+            />
+          </label>
+        </div>
+      </section>
+
+      <div
+        className="metric-visibility-list"
+        aria-label="Zichtbare app-metingen"
+      >
+        <strong>Appspecifieke metingen</strong>
+        <small>
+          Kies elke statistiek en of die als waarde, meter of voortgangsbalk
+          verschijnt.
+        </small>
+        <div>
+          {availableMetrics.map((metric) => {
+            const visible = !app.widgetHiddenMetrics.includes(metric.label);
+            const style =
+              app.widgetMetricStyles[metric.label] ?? metric.defaultStyle;
+            return (
+              <div className="metric-config-row" key={metric.label}>
+                <button
+                  type="button"
+                  className={visible ? "active" : ""}
+                  aria-pressed={visible}
+                  onClick={() =>
+                    onChange(
+                      {
+                        widgetHiddenMetrics: visible
+                          ? [...app.widgetHiddenMetrics, metric.label]
+                          : app.widgetHiddenMetrics.filter(
+                              (label) => label !== metric.label,
+                            ),
+                      },
+                      `${metric.label} ${visible ? "verborgen" : "ingeschakeld"}`,
+                    )
+                  }
+                >
+                  <span>{metric.label}</span>
+                  <small>{metric.description}</small>
+                </button>
+                <label>
+                  <span className="sr-only">Weergave van {metric.label}</span>
+                  <select
+                    name={`widgetMetricStyle-${app.id}-${metric.label}`}
+                    value={style}
+                    disabled={!visible}
+                    onChange={(event) =>
+                      setMetricStyle(
+                        metric.label,
+                        event.target.value as WidgetMetricStyle,
+                      )
+                    }
+                    aria-label={`Weergave van ${metric.label}`}
+                  >
+                    <option value="value">Waarde</option>
+                    <option value="gauge">Meter</option>
+                    <option value="progress">Voortgang</option>
+                  </select>
+                </label>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+      {orderedMetrics.length > 1 && (
+        <div
+          className="metric-order-list"
+          aria-label="Weergavevolgorde van metingen"
+        >
+          {orderedMetrics.map((metric, index) => (
+            <span key={metric}>
+              <strong>{metric}</strong>
+              <button
+                type="button"
+                disabled={index === 0}
+                onClick={() => moveMetric(index, -1)}
+                aria-label={`${metric} eerder plaatsen`}
+              >
+                <ArrowUp size={12} />
+              </button>
+              <button
+                type="button"
+                disabled={index === orderedMetrics.length - 1}
+                onClick={() => moveMetric(index, 1)}
+                aria-label={`${metric} later plaatsen`}
+              >
+                <ArrowDown size={12} />
+              </button>
+            </span>
+          ))}
+        </div>
+      )}
+    </details>
+  );
+}
diff --git a/src/client/components/WidgetConfigurator.tsx b/src/client/components/WidgetConfigurator.tsx
new file mode 100644
index 0000000..dd64550
--- /dev/null
+++ b/src/client/components/WidgetConfigurator.tsx
@@ -0,0 +1,88 @@
+import { Check, Maximize2, Rows3 } from "lucide-react";
+import type { WidgetSize } from "../../shared/contracts";
+
+export interface WidgetSectionOption {
+  id: string;
+  label: string;
+  description: string;
+  enabled: boolean;
+}
+
+interface WidgetConfiguratorProps {
+  label: string;
+  size: WidgetSize;
+  sections: WidgetSectionOption[];
+  onSizeChange: (size: WidgetSize) => void;
+  onSectionChange: (id: string, enabled: boolean) => void;
+}
+
+const sizes: Array<{
+  id: WidgetSize;
+  label: string;
+  description: string;
+}> = [
+  { id: "compact", label: "Compact", description: "Snelle blik" },
+  { id: "standard", label: "Standaard", description: "Evenwichtig" },
+  { id: "wide", label: "Breed", description: "Veel detail" },
+];
+
+export function WidgetConfigurator({
+  label,
+  size,
+  sections,
+  onSizeChange,
+  onSectionChange,
+}: WidgetConfiguratorProps) {
+  return (
+    <div className="widget-configurator">
+      <div className="widget-config-heading">
+        <span>
+          <Maximize2 size={13} /> Paneelformaat
+        </span>
+        <small>
+          {sections.filter((section) => section.enabled).length} content blocks
+        </small>
+      </div>
+      <div
+        className="widget-size-picker"
+        role="group"
+        aria-label={`Paneelgrootte voor ${label}`}
+      >
+        {sizes.map((option) => (
+          <button
+            type="button"
+            key={option.id}
+            className={size === option.id ? "active" : ""}
+            aria-pressed={size === option.id}
+            onClick={() => onSizeChange(option.id)}
+          >
+            <strong>{option.label}</strong>
+            <small>{option.description}</small>
+          </button>
+        ))}
+      </div>
+      <fieldset className="widget-content-picker">
+        <legend>
+          <Rows3 size={13} /> Zichtbare inhoud
+        </legend>
+        {sections.map((section) => (
+          <button
+            type="button"
+            key={section.id}
+            className={section.enabled ? "active" : ""}
+            aria-pressed={section.enabled}
+            onClick={() => onSectionChange(section.id, !section.enabled)}
+          >
+            <span className="widget-content-check" aria-hidden="true">
+              {section.enabled && <Check size={12} />}
+            </span>
+            <span>
+              <strong>{section.label}</strong>
+              <small>{section.description}</small>
+            </span>
+          </button>
+        ))}
+      </fieldset>
+    </div>
+  );
+}
diff --git a/src/client/components/WidgetEditToolbar.tsx b/src/client/components/WidgetEditToolbar.tsx
new file mode 100644
index 0000000..dcacc6d
--- /dev/null
+++ b/src/client/components/WidgetEditToolbar.tsx
@@ -0,0 +1,76 @@
+import {
+  ArrowLeft,
+  ArrowRight,
+  EyeOff,
+  Maximize2,
+  Minimize2,
+} from "lucide-react";
+import type { WidgetSize } from "../../shared/contracts";
+
+interface WidgetEditToolbarProps {
+  label: string;
+  size: WidgetSize;
+  first: boolean;
+  last: boolean;
+  disabled: boolean;
+  onMove: (direction: -1 | 1) => void;
+  onSizeChange: (size: WidgetSize) => void;
+  onHide: () => void;
+}
+
+const sizes: WidgetSize[] = ["compact", "standard", "wide"];
+
+export function WidgetEditToolbar({
+  label,
+  size,
+  first,
+  last,
+  disabled,
+  onMove,
+  onSizeChange,
+  onHide,
+}: WidgetEditToolbarProps) {
+  const nextSize =
+    sizes[(sizes.indexOf(size) + 1) % sizes.length] ?? "standard";
+  return (
+    <div
+      className="widget-edit-toolbar"
+      role="toolbar"
+      aria-label={`${label} bewerken`}
+    >
+      <button
+        type="button"
+        disabled={disabled || first}
+        onClick={() => onMove(-1)}
+        aria-label={`${label} eerder plaatsen`}
+      >
+        <ArrowLeft size={14} />
+      </button>
+      <button
+        type="button"
+        disabled={disabled || last}
+        onClick={() => onMove(1)}
+        aria-label={`${label} later plaatsen`}
+      >
+        <ArrowRight size={14} />
+      </button>
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => onSizeChange(nextSize)}
+        aria-label={`${label} wijzigen van ${size} naar ${nextSize}`}
+      >
+        {size === "compact" ? <Maximize2 size={14} /> : <Minimize2 size={14} />}
+        <span>{size}</span>
+      </button>
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={onHide}
+        aria-label={`${label} verbergen`}
+      >
+        <EyeOff size={14} />
+      </button>
+    </div>
+  );
+}
diff --git a/src/client/components/WidgetPresetManager.tsx b/src/client/components/WidgetPresetManager.tsx
new file mode 100644
index 0000000..4cbd4eb
--- /dev/null
+++ b/src/client/components/WidgetPresetManager.tsx
@@ -0,0 +1,140 @@
+import { Download, Layers3, Play, Plus, Trash2, Upload } from "lucide-react";
+import { type ChangeEvent, type FormEvent, useRef } from "react";
+import type { LayoutPreset, LayoutPresetImport } from "../../shared/contracts";
+import { api } from "../api";
+
+type Performer = (
+  action: () => Promise<unknown>,
+  message: string,
+) => Promise<boolean>;
+
+interface WidgetPresetManagerProps {
+  presets: LayoutPreset[];
+  perform: Performer;
+}
+
+export function WidgetPresetManager({
+  presets,
+  perform,
+}: WidgetPresetManagerProps) {
+  const fileRef = useRef<HTMLInputElement>(null);
+  const create = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const name = String(new FormData(form).get("name"));
+    void perform(
+      () => api.createLayoutPreset(name),
+      "Indelingspreset opgeslagen",
+    ).then((saved) => saved && form.reset());
+  };
+  const importPreset = async (event: ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    try {
+      const payload = JSON.parse(await file.text()) as LayoutPresetImport;
+      await perform(
+        () => api.importLayoutPreset(payload),
+        "Indelingspreset geïmporteerd",
+      );
+    } catch {
+      await perform(
+        () =>
+          Promise.reject(
+            new Error("Dit indelingsbestand bevat geen geldige JSON."),
+          ),
+        "",
+      );
+    } finally {
+      event.target.value = "";
+    }
+  };
+  return (
+    <section
+      className="widget-presets"
+      aria-labelledby="widget-presets-heading"
+    >
+      <header>
+        <span className="studio-mark">
+          <Layers3 size={18} />
+        </span>
+        <span>
+          <strong id="widget-presets-heading">Indelingspresets</strong>
+          <small>
+            Wissel in één handeling tussen volledige paneelindelingen.
+          </small>
+        </span>
+      </header>
+      <form onSubmit={create} className="preset-create-row">
+        <input
+          name="name"
+          required
+          maxLength={48}
+          placeholder="Ochtend, Media, Onderhoud…"
+          aria-label="Naam van nieuwe indelingspreset"
+        />
+        <button type="submit" className="primary-button">
+          <Plus size={15} /> Huidige indeling opslaan
+        </button>
+        <button type="button" onClick={() => fileRef.current?.click()}>
+          <Upload size={15} /> Importeren
+        </button>
+        <input
+          name="layoutPresetFile"
+          className="sr-only"
+          ref={fileRef}
+          type="file"
+          accept="application/json"
+          onChange={(event) => void importPreset(event)}
+        />
+      </form>
+      <div className="preset-list">
+        {presets.length === 0 && (
+          <p>
+            Nog geen presets. Sla de huidige indeling op om je eerste te maken.
+          </p>
+        )}
+        {presets.map((preset) => (
+          <article key={preset.id}>
+            <span>
+              <strong>{preset.name}</strong>
+              <small>
+                {preset.configuration.apps.length} app-panelen · bijgewerkt{" "}
+                {new Date(preset.updatedAt).toLocaleDateString()}
+              </small>
+            </span>
+            <button
+              type="button"
+              onClick={() =>
+                void perform(async () => {
+                  await api.applyLayoutPreset(preset.id);
+                  await api.sync();
+                }, `Indeling ${preset.name} toegepast`)
+              }
+            >
+              <Play size={14} /> Toepassen
+            </button>
+            <a
+              href={`/api/layout-presets/${encodeURIComponent(preset.id)}/export`}
+              aria-label={`${preset.name} exporteren`}
+            >
+              <Download size={14} /> Exporteren
+            </a>
+            <button
+              type="button"
+              className="danger-icon"
+              onClick={() =>
+                void perform(
+                  () => api.deleteLayoutPreset(preset.id),
+                  `${preset.name} verwijderd`,
+                )
+              }
+              aria-label={`${preset.name} verwijderen`}
+            >
+              <Trash2 size={14} />
+            </button>
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/src/client/components/WidgetSparkline.tsx b/src/client/components/WidgetSparkline.tsx
new file mode 100644
index 0000000..ecb1375
--- /dev/null
+++ b/src/client/components/WidgetSparkline.tsx
@@ -0,0 +1,80 @@
+import type {
+  WidgetChartType,
+  WidgetValueHistoryPoint,
+} from "../../shared/contracts";
+
+interface WidgetSparklineProps {
+  history: WidgetValueHistoryPoint[];
+  chartType: WidgetChartType;
+  sampleLimit: number;
+  label: string;
+  showLegend: boolean;
+}
+
+export function WidgetSparkline({
+  history,
+  chartType,
+  sampleLimit,
+  label,
+  showLegend,
+}: WidgetSparklineProps) {
+  const samples = history
+    .filter((point) => Number.isFinite(point.value))
+    .slice(-sampleLimit);
+  if (samples.length < 2) return null;
+  const values = samples.map((point) => point.value);
+  const minimum = Math.min(...values);
+  const maximum = Math.max(...values);
+  const range = Math.max(0.001, maximum - minimum);
+  const coordinates = values.map((value, index) => ({
+    x: (index / Math.max(1, values.length - 1)) * 100,
+    y: 28 - ((value - minimum) / range) * 24,
+  }));
+  const points = coordinates
+    .map(({ x, y }) => `${x.toFixed(1)},${y.toFixed(1)}`)
+    .join(" ");
+  const barWidth = Math.max(1.5, 82 / values.length);
+  return (
+    <figure
+      className={`widget-sparkline chart-${chartType}`}
+      aria-label={`${label} recent trend`}
+    >
+      <svg viewBox="0 0 100 32" aria-hidden="true">
+        {chartType === "bar" ? (
+          coordinates.map(({ x, y }, index) => (
+            <rect
+              key={`${samples[index]?.sampledAt ?? "sample"}-${index}`}
+              x={Math.max(0, x - barWidth / 2)}
+              y={y}
+              width={barWidth}
+              height={30 - y}
+              rx="1"
+            />
+          ))
+        ) : (
+          <>
+            {chartType === "area" && (
+              <polygon points={`0,30 ${points} 100,30`} />
+            )}
+            <polyline
+              points={points}
+              fill="none"
+              vectorEffect="non-scaling-stroke"
+            />
+          </>
+        )}
+      </svg>
+      {showLegend && (
+        <figcaption>
+          <span>{label}</span>
+          <span>
+            {values.at(-1)?.toLocaleString(undefined, {
+              maximumFractionDigits: 1,
+            })}{" "}
+            · {values.length} samples
+          </span>
+        </figcaption>
+      )}
+    </figure>
+  );
+}
diff --git a/src/client/design-tokens.css b/src/client/design-tokens.css
new file mode 100644
index 0000000..50a6b15
--- /dev/null
+++ b/src/client/design-tokens.css
@@ -0,0 +1,138 @@
+:root {
+  color-scheme: light;
+  font-family: "Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif;
+  --color-background: #f6f7fb;
+  --color-surface: #ffffff;
+  --color-surface-elevated: #f0f2fa;
+  --color-surface-muted: #e9ebf4;
+  --color-border: #dfe2ee;
+  --color-border-strong: #cbd0df;
+  --color-text: #171a2b;
+  --color-text-muted: #626a80;
+  --color-text-faint: #8a92a8;
+  --color-primary: #5e63df;
+  --color-primary-strong: #4b50c7;
+  --color-primary-soft: #e8e9ff;
+  --color-focus: #6366f1;
+  --color-success: #0d9f72;
+  --color-success-soft: #e2f7ef;
+  --color-warning: #b7791f;
+  --color-warning-soft: #fff2d7;
+  --color-error: #d74747;
+  --color-error-soft: #fde8e8;
+  --color-unknown: #7c879e;
+  --color-hover: #f2f3fa;
+  --color-active: #e8e9ff;
+  --color-disabled: #a8aec0;
+  --shadow-overlay: 0 28px 80px rgb(13 20 43 / 0.18);
+  --shadow-interactive: 0 12px 32px rgb(79 70 229 / 0.08);
+  --radius-control: 8px;
+  --radius-surface: 12px;
+  --radius-panel: 16px;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-8: 32px;
+  --space-10: 40px;
+  --space-12: 48px;
+  --content-canon: 1280px;
+
+  /* Compatibiliteitsaliases voor bestaande componenten. */
+  --bg: var(--color-background);
+  --surface: var(--color-surface);
+  --surface-raised: var(--color-surface);
+  --surface-muted: var(--color-surface-muted);
+  --text: var(--color-text);
+  --text-soft: var(--color-text-muted);
+  --text-faint: var(--color-text-faint);
+  --border: var(--color-border);
+  --border-strong: var(--color-border-strong);
+  --accent: var(--color-primary);
+  --accent-soft: var(--color-primary-soft);
+  --green: var(--color-success);
+  --amber: var(--color-warning);
+  --shadow: var(--shadow-overlay);
+  --shadow-soft: var(--shadow-interactive);
+  --radius-sm: var(--radius-control);
+  --radius: var(--radius-surface);
+  --radius-lg: var(--radius-panel);
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --color-background: #0b1326;
+  --color-surface: #111a30;
+  --color-surface-elevated: #17213a;
+  --color-surface-muted: #202a42;
+  --color-border: #25314b;
+  --color-border-strong: #34415e;
+  --color-text: #eef0ff;
+  --color-text-muted: #a9b1c9;
+  --color-text-faint: #78849f;
+  --color-primary: #818cf8;
+  --color-primary-strong: #9aa2ff;
+  --color-primary-soft: #232c58;
+  --color-focus: #aeb4ff;
+  --color-success: #10b981;
+  --color-success-soft: #0c3b34;
+  --color-warning: #f0b35a;
+  --color-warning-soft: #3c3025;
+  --color-error: #f26b6b;
+  --color-error-soft: #3d232c;
+  --color-unknown: #94a3b8;
+  --color-hover: #17223b;
+  --color-active: #252f5d;
+  --color-disabled: #59647c;
+  --shadow-overlay: 0 32px 90px rgb(1 5 16 / 0.56);
+  --shadow-interactive: 0 12px 36px rgb(99 102 241 / 0.1);
+}
+
+:root[data-theme="harbor"] {
+  color-scheme: dark;
+  --color-background: #081923;
+  --color-surface: #0e2430;
+  --color-surface-elevated: #14303e;
+  --color-surface-muted: #1b3b48;
+  --color-border: #28505e;
+  --color-border-strong: #376879;
+  --color-text: #edf8fa;
+  --color-text-muted: #a9c4ca;
+  --color-text-faint: #71939b;
+  --color-primary: #8c96ff;
+  --color-primary-strong: #a8afff;
+  --color-primary-soft: #263156;
+  --color-focus: #aeb4ff;
+  --color-success: #38c997;
+  --color-success-soft: #123e36;
+  --color-warning: #e7b45f;
+  --color-warning-soft: #3b3326;
+  --color-error: #f47b76;
+  --color-error-soft: #44272b;
+  --color-unknown: #8ca2ad;
+  --color-hover: #14303e;
+  --color-active: #28345e;
+  --color-disabled: #5d7580;
+}
+
+:root[data-accent="coral"] {
+  --color-primary: #776fe8;
+  --color-primary-soft: color-mix(in srgb, #776fe8 16%, var(--color-surface));
+}
+
+:root[data-accent="ocean"] {
+  --color-primary: #4f83df;
+  --color-primary-soft: color-mix(in srgb, #4f83df 16%, var(--color-surface));
+}
+
+:root[data-accent="violet"] {
+  --color-primary: #818cf8;
+  --color-primary-soft: color-mix(in srgb, #818cf8 16%, var(--color-surface));
+}
+
+:root[data-accent="lime"] {
+  --color-primary: #6f9f78;
+  --color-primary-soft: color-mix(in srgb, #6f9f78 16%, var(--color-surface));
+}
diff --git a/src/client/launch-history.ts b/src/client/launch-history.ts
new file mode 100644
index 0000000..d1e2c10
--- /dev/null
+++ b/src/client/launch-history.ts
@@ -0,0 +1,217 @@
+export const LAUNCH_HISTORY_STORAGE_KEY = "dockdeck.launch-history.v1";
+export const MAX_LAUNCH_HISTORY_ENTRIES = 200;
+export const MAX_LAUNCH_COUNT = 9_999;
+export const MAX_LAUNCH_ID_LENGTH = 160;
+
+const MAX_SERIALIZED_LENGTH = 64_000;
+const MAX_FUTURE_SKEW_MS = 5 * 60 * 1_000;
+
+export type LaunchKind = "app" | "favorite";
+export type LaunchKey = `${LaunchKind}:${string}`;
+export type LaunchHistoryMode = "recent" | "most-used";
+
+export interface LaunchHistoryEntry {
+  key: LaunchKey;
+  lastOpenedAt: number;
+  count: number;
+}
+
+export interface LaunchHistoryStorage {
+  getItem(key: string): string | null;
+  setItem(key: string, value: string): void;
+  removeItem(key: string): void;
+}
+
+export function makeLaunchKey(kind: LaunchKind, id: string): LaunchKey {
+  return `${kind}:${id}`;
+}
+
+export function isLaunchKey(value: unknown): value is LaunchKey {
+  if (typeof value !== "string") return false;
+  const separator = value.indexOf(":");
+  if (separator < 1) return false;
+
+  const kind = value.slice(0, separator);
+  const id = value.slice(separator + 1);
+  return (
+    (kind === "app" || kind === "favorite") &&
+    id.length > 0 &&
+    id.length <= MAX_LAUNCH_ID_LENGTH
+  );
+}
+
+function isBoundedTimestamp(value: unknown, now: number): value is number {
+  return (
+    Number.isSafeInteger(value) &&
+    typeof value === "number" &&
+    value >= 0 &&
+    value <= now + MAX_FUTURE_SKEW_MS
+  );
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
+function hasOnlyEntryFields(value: Record<string, unknown>) {
+  const keys = Object.keys(value);
+  return (
+    keys.length === 3 &&
+    keys.includes("key") &&
+    keys.includes("lastOpenedAt") &&
+    keys.includes("count")
+  );
+}
+
+export function parseLaunchHistory(
+  serialized: string | null,
+  now = Date.now(),
+): LaunchHistoryEntry[] {
+  if (!serialized || serialized.length > MAX_SERIALIZED_LENGTH) return [];
+
+  try {
+    const parsed: unknown = JSON.parse(serialized);
+    if (!Array.isArray(parsed)) return [];
+
+    const entries = new Map<LaunchKey, LaunchHistoryEntry>();
+    for (const item of parsed) {
+      if (!isRecord(item) || !hasOnlyEntryFields(item)) continue;
+      if (!isLaunchKey(item.key)) continue;
+      if (!isBoundedTimestamp(item.lastOpenedAt, now)) continue;
+      if (
+        !Number.isSafeInteger(item.count) ||
+        typeof item.count !== "number" ||
+        item.count < 1
+      ) {
+        continue;
+      }
+
+      const entry: LaunchHistoryEntry = {
+        key: item.key,
+        lastOpenedAt: item.lastOpenedAt,
+        count: Math.min(item.count, MAX_LAUNCH_COUNT),
+      };
+      const previous = entries.get(entry.key);
+      if (!previous) {
+        entries.set(entry.key, entry);
+      } else if (entry.lastOpenedAt > previous.lastOpenedAt) {
+        entries.set(entry.key, {
+          ...entry,
+          count: Math.max(previous.count, entry.count),
+        });
+      } else {
+        entries.set(entry.key, {
+          ...previous,
+          count: Math.max(previous.count, entry.count),
+        });
+      }
+    }
+
+    return [...entries.values()]
+      .sort((left, right) => right.lastOpenedAt - left.lastOpenedAt)
+      .slice(0, MAX_LAUNCH_HISTORY_ENTRIES);
+  } catch {
+    return [];
+  }
+}
+
+export function serializeLaunchHistory(entries: readonly LaunchHistoryEntry[]) {
+  const now = Date.now();
+  return JSON.stringify(
+    entries
+      .filter(
+        (entry) =>
+          isLaunchKey(entry.key) &&
+          isBoundedTimestamp(entry.lastOpenedAt, now) &&
+          Number.isSafeInteger(entry.count) &&
+          entry.count >= 1,
+      )
+      .slice(0, MAX_LAUNCH_HISTORY_ENTRIES)
+      .map(({ key, lastOpenedAt, count }) => ({
+        key,
+        lastOpenedAt,
+        count: Math.min(Math.max(1, count), MAX_LAUNCH_COUNT),
+      })),
+  );
+}
+
+export function loadLaunchHistory(storage: LaunchHistoryStorage) {
+  try {
+    return parseLaunchHistory(storage.getItem(LAUNCH_HISTORY_STORAGE_KEY));
+  } catch {
+    return [];
+  }
+}
+
+export function saveLaunchHistory(
+  storage: LaunchHistoryStorage,
+  entries: readonly LaunchHistoryEntry[],
+) {
+  try {
+    if (entries.length === 0) {
+      storage.removeItem(LAUNCH_HISTORY_STORAGE_KEY);
+      return;
+    }
+    storage.setItem(
+      LAUNCH_HISTORY_STORAGE_KEY,
+      serializeLaunchHistory(entries),
+    );
+  } catch {
+    // Launch history is a best-effort browser convenience.
+  }
+}
+
+export function recordLaunchHistory(
+  entries: readonly LaunchHistoryEntry[],
+  key: string,
+  lastOpenedAt = Date.now(),
+): LaunchHistoryEntry[] {
+  const now = Date.now();
+  if (!isLaunchKey(key) || !isBoundedTimestamp(lastOpenedAt, now)) {
+    return [...entries];
+  }
+
+  const existing = entries.find((entry) => entry.key === key);
+  const existingCount =
+    existing && Number.isSafeInteger(existing.count) && existing.count > 0
+      ? Math.min(existing.count, MAX_LAUNCH_COUNT)
+      : 0;
+  return [
+    {
+      key,
+      lastOpenedAt,
+      count: Math.min(existingCount + 1, MAX_LAUNCH_COUNT),
+    },
+    ...entries.filter((entry) => entry.key !== key),
+  ].slice(0, MAX_LAUNCH_HISTORY_ENTRIES);
+}
+
+export function retainAvailableLaunches(
+  entries: readonly LaunchHistoryEntry[],
+  availableKeys: ReadonlySet<string>,
+) {
+  return entries.filter((entry) => availableKeys.has(entry.key));
+}
+
+export function selectLaunchHistory(
+  entries: readonly LaunchHistoryEntry[],
+  availableKeys: ReadonlySet<string>,
+  mode: LaunchHistoryMode,
+  limit = 6,
+) {
+  const indexed = entries
+    .map((entry, index) => ({ entry, index }))
+    .filter(({ entry }) => availableKeys.has(entry.key));
+
+  indexed.sort((left, right) => {
+    if (mode === "most-used" && left.entry.count !== right.entry.count) {
+      return right.entry.count - left.entry.count;
+    }
+    if (left.entry.lastOpenedAt !== right.entry.lastOpenedAt) {
+      return right.entry.lastOpenedAt - left.entry.lastOpenedAt;
+    }
+    return left.index - right.index;
+  });
+
+  return indexed.slice(0, Math.max(0, limit)).map(({ entry }) => entry);
+}
diff --git a/src/client/main.tsx b/src/client/main.tsx
new file mode 100644
index 0000000..a45defe
--- /dev/null
+++ b/src/client/main.tsx
@@ -0,0 +1,21 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "@fontsource-variable/geist";
+import "@fontsource/newsreader/latin-500-italic.css";
+import { App } from "./App";
+import "./styles.css";
+import "./design-tokens.css";
+import "./canon.css";
+import "./stitch-direct.css";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
+
+if (import.meta.env.PROD && "serviceWorker" in navigator) {
+  window.addEventListener("load", () => {
+    void navigator.serviceWorker.register("/sw.js");
+  });
+}
diff --git a/src/client/persist-sort-order.ts b/src/client/persist-sort-order.ts
new file mode 100644
index 0000000..27c9622
--- /dev/null
+++ b/src/client/persist-sort-order.ts
@@ -0,0 +1,32 @@
+import { api } from "./api";
+import { MAX_SORTABLE_ITEMS, sortOrderForPosition } from "./sortable-order";
+
+export type SortableEntity = "app" | "category" | "favorite";
+
+export async function persistSortOrder(
+  entity: SortableEntity,
+  items: readonly { id: string }[],
+) {
+  if (items.length > MAX_SORTABLE_ITEMS) {
+    throw new RangeError(
+      `Sortable order supports up to ${MAX_SORTABLE_ITEMS} items.`,
+    );
+  }
+  const update =
+    entity === "app"
+      ? api.updateApp
+      : entity === "category"
+        ? api.updateCategory
+        : api.updateFavorite;
+
+  for (let start = 0; start < items.length; start += 8) {
+    const batch = items.slice(start, start + 8);
+    await Promise.all(
+      batch.map((item, batchIndex) =>
+        update(item.id, {
+          sortOrder: sortOrderForPosition(start + batchIndex, items.length),
+        }),
+      ),
+    );
+  }
+}
diff --git a/src/client/sortable-order.ts b/src/client/sortable-order.ts
new file mode 100644
index 0000000..bfd0a97
--- /dev/null
+++ b/src/client/sortable-order.ts
@@ -0,0 +1,33 @@
+export function reorderWithinSlots<T extends { id: string }>(
+  completeOrder: readonly T[],
+  movableIds: readonly string[],
+  reorderedItems: readonly T[],
+) {
+  const movable = new Set(movableIds);
+  let nextIndex = 0;
+  return completeOrder.map((item) =>
+    movable.has(item.id) ? (reorderedItems[nextIndex++] ?? item) : item,
+  );
+}
+
+export function isSortableDropTarget(target: Element, list: Element) {
+  return target.closest(".sortable-list") === list;
+}
+
+export const MAX_SORTABLE_ITEMS = 10_001;
+
+export function sortOrderForPosition(index: number, itemCount: number) {
+  if (
+    !Number.isInteger(itemCount) ||
+    itemCount < 1 ||
+    itemCount > MAX_SORTABLE_ITEMS
+  ) {
+    throw new RangeError(
+      `Sortable order supports between 1 and ${MAX_SORTABLE_ITEMS} items.`,
+    );
+  }
+  if (!Number.isInteger(index) || index < 0 || index >= itemCount) {
+    throw new RangeError("Sortable position is outside the item list.");
+  }
+  return itemCount === 1 ? 0 : Math.round((index * 10_000) / (itemCount - 1));
+}
diff --git a/src/client/stitch-direct.css b/src/client/stitch-direct.css
new file mode 100644
index 0000000..7eef904
--- /dev/null
+++ b/src/client/stitch-direct.css
@@ -0,0 +1,6567 @@
+/*
+ * DockDeck Canon v1 — direct Stitch composition layer.
+ * This is intentionally the final presentation layer: existing product
+ * components and contracts remain intact, while their hierarchy and density
+ * follow the selected canon_* exports as closely as real data allows.
+ */
+
+:root {
+  --stitch-bg: #f8f9fd;
+  --stitch-surface-lowest: var(--stitch-bg);
+  --stitch-surface: #ffffff;
+  --stitch-surface-low: #f1f3f9;
+  --stitch-surface-high: #e7eaf2;
+  --stitch-surface-highest: #dde1eb;
+  --stitch-border: #d7dbe5;
+  --stitch-border-strong: #b9bfcd;
+  --stitch-text: #161b2c;
+  --stitch-text-muted: #59647a;
+  --stitch-primary: #6f78ee;
+  --stitch-primary-soft: #e3e6ff;
+  --stitch-on-primary: #10163c;
+  --stitch-success: #00a572;
+  --stitch-success-bright: #2edca4;
+  --stitch-error: #c43f45;
+  --stitch-unknown: #8190a8;
+  --stitch-canvas: 1384px;
+}
+
+:root[data-theme="dark"] {
+  --stitch-bg: #0b1326;
+  --stitch-surface: #10192d;
+  --stitch-surface-low: #131b2e;
+  --stitch-surface-high: #222a3e;
+  --stitch-surface-highest: #2d3449;
+  --stitch-border: #252f46;
+  --stitch-border-strong: #454653;
+  --stitch-text: #dbe2fd;
+  --stitch-text-muted: #bfc6dc;
+  --stitch-primary: #818cf8;
+  --stitch-primary-soft: #29335f;
+  --stitch-on-primary: #0c1748;
+  --stitch-success: #00a572;
+  --stitch-success-bright: #4edea3;
+  --stitch-error: #ff9a9a;
+  --stitch-unknown: #929bb3;
+}
+
+:root[data-theme="harbor"] {
+  --stitch-bg: #071723;
+  --stitch-surface: #0d2030;
+  --stitch-surface-low: #102738;
+  --stitch-surface-high: #173246;
+  --stitch-surface-highest: #223e52;
+  --stitch-border: #27485b;
+  --stitch-border-strong: #3e6475;
+  --stitch-text: #e3f3f7;
+  --stitch-text-muted: #a9c4cb;
+}
+
+html,
+body,
+#root,
+.app-shell {
+  min-height: 100%;
+  background: var(--stitch-bg);
+  color: var(--stitch-text);
+}
+
+body {
+  overflow-x: hidden;
+  font-family: "Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif;
+}
+
+/* Dashboard top app bar */
+.dashboard-topbar {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  width: 100%;
+  height: 64px;
+  display: block;
+  border-bottom: 1px solid var(--stitch-border-strong);
+  padding: 0;
+  background: color-mix(in srgb, var(--stitch-bg) 96%, transparent);
+  backdrop-filter: blur(14px);
+}
+
+.dashboard-topbar-inner {
+  width: min(calc(100% - 48px), var(--stitch-canvas));
+  height: 64px;
+  margin: 0 auto;
+  display: grid;
+  grid-template-columns: minmax(190px, 1fr) minmax(320px, 560px) auto auto;
+  align-items: center;
+  gap: 32px;
+}
+
+.dashboard-topbar .brand-lockup {
+  gap: 10px;
+}
+
+.dashboard-topbar .brand-lockup.compact img {
+  width: 32px;
+  height: 32px;
+  flex-basis: 32px;
+}
+
+.dashboard-topbar .brand-lockup.compact strong {
+  color: var(--stitch-text);
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: -0.035em;
+}
+
+.dashboard-topbar nav {
+  justify-self: end;
+  gap: 24px;
+}
+
+.dashboard-topbar nav button {
+  min-height: 34px;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  padding: 0 0 3px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.05em;
+}
+
+.dashboard-topbar nav button.active,
+.dashboard-topbar nav button:hover {
+  border-bottom-color: var(--stitch-primary);
+  color: var(--stitch-text);
+}
+
+.topbar-actions {
+  gap: 4px;
+}
+
+.dashboard-topbar .icon-button {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  border: 0;
+  border-radius: 999px;
+  color: var(--stitch-primary);
+}
+
+.dashboard-topbar .icon-button:hover {
+  background: var(--stitch-surface-highest);
+}
+
+.sync-online-dot {
+  position: absolute;
+  top: 7px;
+  right: 7px;
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: var(--stitch-success-bright);
+  box-shadow: 0 0 0 2px var(--stitch-bg);
+}
+
+.topbar-search .search-bar {
+  height: 40px;
+  border: 0;
+  border-radius: 8px;
+  padding-inline: 15px 12px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+}
+
+.topbar-search .search-bar input {
+  font-size: 14px;
+}
+
+.search-bar input:focus {
+  border: 0;
+  outline: 0;
+  box-shadow: none;
+}
+
+.topbar-search .search-bar kbd {
+  display: none;
+}
+
+/* Direct Stitch dashboard canvas */
+.dashboard-canvas {
+  position: relative;
+  width: min(calc(100% - 48px), var(--stitch-canvas));
+  margin: 0 auto;
+  padding: 32px 0 56px;
+}
+
+.dashboard-canvas::before,
+.dashboard-canvas::after {
+  content: "";
+  position: fixed;
+  z-index: -1;
+  width: 360px;
+  height: 360px;
+  border-radius: 999px;
+  filter: blur(110px);
+  opacity: 0.08;
+  pointer-events: none;
+}
+
+.dashboard-canvas::before {
+  top: 120px;
+  right: 8%;
+  background: var(--stitch-primary);
+}
+
+.dashboard-canvas::after {
+  bottom: 40px;
+  left: 5%;
+  background: var(--stitch-success);
+}
+
+.dashboard-hero {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  margin: 0 0 32px;
+}
+
+.dashboard-hero .hero-copy h1 {
+  margin: 0 0 4px;
+  color: var(--stitch-text);
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 40px;
+  letter-spacing: -0.035em;
+}
+
+.dashboard-hero .hero-intro {
+  margin: 0;
+  color: var(--stitch-text-muted);
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.dashboard-hero .discovery-banner {
+  width: auto;
+  min-width: 0;
+  min-height: 42px;
+  margin: 0;
+  gap: 12px;
+  border: 1px solid color-mix(in srgb, var(--stitch-success) 45%, transparent);
+  border-radius: 12px;
+  padding: 8px 16px;
+  color: var(--stitch-success-bright);
+  background: color-mix(in srgb, var(--stitch-success) 11%, transparent);
+}
+
+.dashboard-hero .discovery-banner strong {
+  color: inherit;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.degraded-banner {
+  margin: -12px 0 24px;
+}
+
+.category-tabs {
+  display: flex;
+  gap: 8px;
+  margin: 0 0 32px;
+  overflow-x: auto;
+  padding: 0 0 2px;
+  scrollbar-width: none;
+}
+
+.category-tabs::-webkit-scrollbar {
+  display: none;
+}
+
+.category-tabs button {
+  min-height: 40px;
+  flex: 0 0 auto;
+  gap: 8px;
+  border: 0;
+  border-radius: 999px;
+  padding: 0 20px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.05em;
+}
+
+.category-tabs button.active {
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+.category-tabs button > span {
+  display: none;
+}
+
+.favorites-section,
+.app-section {
+  margin: 0 0 32px;
+}
+
+.favorites-section > header,
+.app-section > header {
+  display: flex;
+  align-items: center;
+  margin: 0 0 16px;
+  padding: 0;
+}
+
+.favorites-section h2,
+.app-section h2 {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  margin: 0;
+  color: var(--stitch-text);
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 28px;
+  letter-spacing: -0.02em;
+}
+
+.favorites-section h2 svg,
+.app-section h2 svg {
+  color: var(--stitch-primary);
+}
+
+.favorite-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(230px, 288px));
+  gap: 16px;
+}
+
+.app-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 24px;
+}
+
+.app-grid.feature-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.app-tile {
+  position: relative;
+  min-width: 0;
+  min-height: 164px;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: 48px 1fr;
+  align-items: start;
+  gap: 14px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 16px;
+  padding: 20px;
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-surface) 68%, transparent);
+  box-shadow: none;
+  backdrop-filter: blur(8px);
+}
+
+.app-tile:hover {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 35%,
+    var(--stitch-border)
+  );
+  background: var(--stitch-surface-high);
+  box-shadow: none;
+  transform: translateY(-2px);
+}
+
+.app-tile > .app-icon-image,
+.app-tile > .app-monogram {
+  grid-column: 1;
+  grid-row: 1;
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  padding: 7px;
+  background: var(--stitch-surface-highest);
+  object-fit: contain;
+}
+
+.app-tile > .app-monogram {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--stitch-primary);
+  font-size: 17px;
+  font-weight: 700;
+}
+
+.app-tile .tile-copy {
+  grid-column: 1 / -1;
+  grid-row: 2;
+  align-self: end;
+  display: grid;
+}
+
+.app-tile .tile-copy strong {
+  color: var(--stitch-text);
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 26px;
+}
+
+.app-tile .tile-copy small {
+  margin-top: 0;
+  overflow: hidden;
+  color: var(--stitch-text-muted);
+  font-size: 14px;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tile-status {
+  grid-column: 2;
+  grid-row: 1;
+  min-height: 28px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--stitch-border-strong);
+  border-radius: 999px;
+  padding: 3px 9px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-highest);
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
+}
+
+.tile-status > span {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: var(--stitch-unknown);
+}
+
+.tile-status.online {
+  border-color: color-mix(in srgb, var(--stitch-success) 42%, transparent);
+  color: var(--stitch-success-bright);
+  background: color-mix(in srgb, var(--stitch-success) 18%, transparent);
+}
+
+.tile-status.online > span {
+  background: var(--stitch-success-bright);
+}
+
+.tile-status.offline {
+  border-color: color-mix(in srgb, var(--stitch-error) 35%, transparent);
+  color: var(--stitch-error);
+  background: color-mix(in srgb, var(--stitch-error) 12%, transparent);
+}
+
+.tile-status.offline > span {
+  background: var(--stitch-error);
+}
+
+.app-tile .tile-arrow {
+  display: none;
+}
+
+.app-tile.feature {
+  min-height: 128px;
+  grid-template-columns: 72px 1fr auto;
+  grid-template-rows: 1fr;
+  align-items: center;
+  gap: 16px;
+  padding: 24px 28px;
+}
+
+.app-tile.feature > .app-icon-image,
+.app-tile.feature > .app-monogram {
+  grid-column: 1;
+  grid-row: 1;
+  width: 64px;
+  height: 64px;
+  border: 1px solid color-mix(in srgb, var(--stitch-primary) 28%, transparent);
+  border-radius: 999px;
+  padding: 13px;
+  background: color-mix(in srgb, var(--stitch-primary) 12%, transparent);
+}
+
+.app-tile.feature .tile-copy {
+  grid-column: 2;
+  grid-row: 1;
+  align-self: center;
+}
+
+.app-tile.feature .tile-copy strong {
+  font-size: 20px;
+  line-height: 28px;
+}
+
+.app-tile.feature .tile-status {
+  position: absolute;
+  top: 75px;
+  left: 83px;
+  width: 14px;
+  height: 14px;
+  min-height: 14px;
+  overflow: hidden;
+  border: 4px solid var(--stitch-surface);
+  padding: 0;
+  font-size: 0;
+  background: var(--stitch-unknown);
+}
+
+.app-tile.feature .tile-status > span {
+  display: none;
+}
+
+.app-tile.feature .tile-status.online {
+  background: var(--stitch-success-bright);
+}
+
+.app-tile.feature .tile-status.offline {
+  background: var(--stitch-error);
+}
+
+.favorite-grid .app-tile {
+  min-height: 96px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  border-radius: 12px;
+  padding: 16px 20px;
+}
+
+.favorite-grid .app-tile > .app-icon-image,
+.favorite-grid .app-tile > .app-monogram {
+  width: 48px;
+  height: 48px;
+  flex: 0 0 48px;
+}
+
+.favorite-grid .app-tile .tile-copy {
+  display: flex;
+  align-items: center;
+}
+
+.favorite-grid .app-tile .tile-copy strong {
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.favorite-grid .app-tile .tile-copy small,
+.favorite-grid .status-icon {
+  display: none;
+}
+
+.dashboard-insights {
+  display: none;
+}
+
+.dashboard-footer {
+  display: none;
+}
+
+/* Quick Launch follows the full-screen canon overlay, not a dropdown. */
+.search-shell.expanded {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  width: 100vw;
+  max-width: none;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: min(12vh, 120px) 20px 40px;
+}
+
+.dashboard-topbar:has(.search-shell.expanded) {
+  backdrop-filter: none;
+}
+
+.search-shell.expanded .search-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border: 0;
+  background: color-mix(in srgb, var(--stitch-bg) 93%, transparent);
+  backdrop-filter: blur(7px);
+}
+
+.search-shell.expanded .search-bar,
+.search-results {
+  width: min(100%, 800px);
+}
+
+.search-shell.expanded .search-bar {
+  z-index: 2;
+  height: 106px;
+  border: 1px solid var(--stitch-border-strong);
+  border-radius: 16px 16px 0 0;
+  padding-inline: 30px;
+  background: var(--stitch-bg);
+  box-shadow: 0 32px 90px rgb(0 0 0 / 0.36);
+}
+
+.search-shell.expanded .search-bar input {
+  font-size: 22px;
+}
+
+.search-shell.expanded .search-bar kbd {
+  display: inline-flex;
+}
+
+.search-results {
+  position: relative;
+  inset: auto;
+  z-index: 2;
+  max-height: min(66vh, 630px);
+  overflow-y: auto;
+  border: 1px solid var(--stitch-border-strong);
+  border-top: 0;
+  border-radius: 0 0 16px 16px;
+  padding: 18px 10px 0;
+  background: var(--stitch-bg);
+  box-shadow: 0 32px 90px rgb(0 0 0 / 0.36);
+}
+
+.result-group {
+  padding: 0 0 10px;
+}
+
+.result-group h2 {
+  padding: 9px 20px;
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  letter-spacing: 0.06em;
+  text-transform: none;
+}
+
+.search-results a,
+.search-results button.google-result {
+  min-height: 74px;
+  border: 0 !important;
+  border-radius: 10px !important;
+  padding: 9px 20px;
+  color: var(--stitch-text);
+}
+
+.search-results a:hover,
+.search-results button:hover,
+.search-results a.selected,
+.search-results button.selected {
+  background: color-mix(
+    in srgb,
+    var(--stitch-primary) 24%,
+    var(--stitch-surface)
+  );
+}
+
+.result-icon {
+  width: 50px;
+  height: 50px;
+  border-radius: 10px;
+  background: var(--stitch-surface-highest);
+}
+
+.result-icon .app-icon-image,
+.result-icon .app-monogram {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  object-fit: contain;
+}
+
+.search-shortcuts {
+  min-height: 66px;
+  margin: 0 -10px;
+  padding: 0 30px;
+  background: var(--stitch-surface-low);
+}
+
+/* Settings shell */
+.settings-topbar {
+  height: 72px;
+  grid-template-columns: minmax(210px, auto) 1fr auto;
+  gap: 36px;
+  border-bottom: 1px solid var(--stitch-border-strong);
+  padding: 0 30px;
+  background: var(--stitch-bg);
+  backdrop-filter: none;
+}
+
+.settings-topbar .settings-brand .brand-lockup img {
+  width: 32px;
+  height: 32px;
+}
+
+.settings-topbar .settings-brand .brand-lockup strong {
+  color: var(--stitch-text);
+  font-size: 22px;
+}
+
+.settings-topbar nav {
+  justify-self: end;
+  gap: 40px;
+}
+
+.settings-topbar nav button,
+.settings-topbar nav span {
+  min-height: 44px;
+  padding: 0 0 3px;
+  color: var(--stitch-text-muted);
+  font-size: 13px;
+  letter-spacing: 0.04em;
+}
+
+.settings-topbar .back-button {
+  display: none;
+}
+
+.settings-topbar .saving {
+  min-width: 78px;
+  color: var(--stitch-success-bright);
+}
+
+.settings-layout {
+  width: 100%;
+  max-width: none;
+  min-height: calc(100vh - 72px);
+  grid-template-columns: 320px minmax(0, 1fr);
+  margin: 0;
+}
+
+.settings-sidebar {
+  position: sticky;
+  top: 72px;
+  align-self: start;
+  height: calc(100vh - 72px);
+  border-right: 1px solid var(--stitch-border-strong);
+  padding: 28px 14px 28px 30px;
+  background: var(--stitch-surface-low);
+}
+
+.settings-sidebar > .eyebrow {
+  margin: 0 0 3px;
+  color: var(--stitch-text);
+  font-size: 17px;
+  font-weight: 500;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+.settings-sidebar h1 {
+  margin: 0 0 32px;
+  color: var(--stitch-text-muted);
+  font-size: 13px;
+  font-weight: 400;
+}
+
+.settings-sidebar nav {
+  display: grid;
+  gap: 6px;
+}
+
+.settings-sidebar nav button {
+  min-height: 52px;
+  gap: 16px;
+  border-radius: 8px;
+  padding: 0 18px;
+  color: var(--stitch-text-muted);
+  font-size: 14px;
+  font-weight: 450;
+}
+
+.settings-sidebar nav button svg {
+  width: 21px;
+  height: 21px;
+}
+
+.settings-sidebar nav button.active {
+  color: #061e18;
+  background: var(--stitch-success);
+}
+
+.settings-page[data-section="appearance"] .settings-sidebar nav button.active {
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+.settings-sidebar .local-note {
+  bottom: 26px;
+  color: var(--stitch-text-muted);
+}
+
+.settings-content {
+  width: 100%;
+  max-width: 1320px;
+  padding: 40px 30px 80px;
+}
+
+.settings-heading {
+  max-width: 780px;
+  margin: 0 0 20px;
+}
+
+.settings-heading .eyebrow {
+  margin: 0 0 12px;
+  color: var(--stitch-text-muted);
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.06em;
+  text-transform: none;
+}
+
+.settings-heading h2 {
+  margin: 0 0 8px;
+  color: var(--stitch-text);
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 40px;
+  letter-spacing: -0.035em;
+}
+
+.settings-heading > p:last-child {
+  color: var(--stitch-text-muted);
+  font-size: 15px;
+  line-height: 24px;
+}
+
+.settings-summary {
+  display: none;
+}
+
+.management-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 14px;
+  margin: 0 0 22px;
+}
+
+.settings-search {
+  order: 2;
+  min-width: min(100%, 320px);
+  margin-left: auto;
+}
+
+.settings-search input {
+  height: 42px;
+  border-color: var(--stitch-border);
+  background: var(--stitch-surface-low);
+}
+
+.filter-pills {
+  order: 1;
+  gap: 10px;
+  border: 0;
+  padding: 0;
+  background: transparent;
+}
+
+.filter-pills button {
+  min-height: 42px;
+  border: 0;
+  border-radius: 8px;
+  padding: 0 18px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+  font-size: 13px;
+}
+
+.filter-pills button.active {
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+.results-note {
+  display: none;
+}
+
+.management-table-head {
+  min-height: 54px;
+  display: grid;
+  grid-template-columns: minmax(260px, 1.4fr) 150px 180px 210px 90px;
+  align-items: center;
+  gap: 16px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 16px 16px 0 0;
+  padding: 0 30px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+}
+
+.management-list:has(> .app-management-row) {
+  position: relative;
+  gap: 0;
+  overflow: hidden;
+  border: 1px solid var(--stitch-border);
+  border-top: 0;
+  border-radius: 0 0 16px 16px;
+  background: var(--stitch-surface-low);
+}
+
+.management-list:has(> .app-management-row)::before {
+  content: "";
+  position: absolute;
+  z-index: 2;
+  inset: 0 auto 0 0;
+  width: 5px;
+  background: var(--stitch-success-bright);
+  box-shadow: 0 0 18px
+    color-mix(in srgb, var(--stitch-success-bright) 70%, transparent);
+}
+
+.app-management-row {
+  min-height: 82px;
+  grid-template-columns: minmax(260px, 1.4fr) 150px 180px minmax(280px, 300px);
+  gap: 16px;
+  border: 0;
+  border-bottom: 1px solid var(--stitch-border);
+  border-radius: 0;
+  padding: 12px 30px;
+  background: transparent;
+}
+
+.app-management-row:last-child {
+  border-bottom: 0;
+}
+
+.app-management-row .management-title .app-icon-image,
+.app-management-row .management-title .app-monogram {
+  width: 46px;
+  height: 46px;
+  border-radius: 9px;
+  background: var(--stitch-surface-highest);
+}
+
+.app-management-row .management-title strong {
+  color: var(--stitch-text);
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.app-management-row .management-title small {
+  color: var(--stitch-text-muted);
+}
+
+.inline-status {
+  color: var(--stitch-text-muted);
+}
+
+.category-badge {
+  width: fit-content;
+  border: 1px solid var(--stitch-border-strong);
+  border-radius: 999px;
+  padding: 5px 12px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.app-row-actions {
+  display: grid;
+  grid-template-columns: 150px 1fr;
+  align-items: center;
+  gap: 18px;
+}
+
+.visibility-toggle {
+  min-height: 38px;
+  justify-content: flex-start;
+  border: 0;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.visibility-toggle::before {
+  content: "";
+  width: 50px;
+  height: 28px;
+  flex: 0 0 50px;
+  border-radius: 999px;
+  background: var(--stitch-surface-highest);
+  box-shadow: inset 0 0 0 1px var(--stitch-border);
+}
+
+.visibility-toggle::after {
+  content: "";
+  position: absolute;
+  left: 4px;
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  background: #f8f9fd;
+  transition: transform 160ms ease;
+}
+
+.visibility-toggle {
+  position: relative;
+}
+
+.visibility-toggle.on::before {
+  background: var(--stitch-primary);
+}
+
+.visibility-toggle.on {
+  border: 0;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.visibility-toggle.on::after {
+  transform: translateX(22px);
+}
+
+.visibility-toggle svg {
+  display: none;
+}
+
+.edit-app-button {
+  justify-content: flex-end;
+  color: var(--stitch-primary);
+}
+
+.edit-app-button svg {
+  display: none;
+}
+
+/* App editor sheet */
+.drawer-layer {
+  z-index: 120;
+}
+
+.drawer-backdrop {
+  background: rgb(2 7 16 / 0.78);
+  backdrop-filter: blur(7px);
+}
+
+.app-editor-drawer {
+  width: min(100%, 570px);
+  border-left: 1px solid var(--stitch-border-strong);
+  border-radius: 0;
+  background: var(--stitch-surface-low);
+  box-shadow: -24px 0 60px rgb(0 0 0 / 0.32);
+}
+
+.app-editor-drawer > header {
+  min-height: 100px;
+  border-bottom: 1px solid var(--stitch-border-strong);
+  padding: 20px 30px;
+  background: var(--stitch-surface-low);
+}
+
+.drawer-app-title > .app-icon-image,
+.drawer-app-title > .app-monogram {
+  display: none;
+}
+
+.drawer-app-title small {
+  order: -1;
+  color: var(--stitch-primary);
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.07em;
+  text-transform: uppercase;
+}
+
+.drawer-app-title strong {
+  color: var(--stitch-text);
+  font-size: 22px;
+  font-weight: 550;
+}
+
+.drawer-content {
+  padding: 28px 30px 120px;
+}
+
+.drawer-section {
+  margin: 0 0 36px;
+  border: 0;
+  padding: 0;
+  background: transparent;
+}
+
+.drawer-section > header h3 {
+  color: var(--stitch-primary);
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.drawer-section input,
+.drawer-section select,
+.drawer-section .input-with-icon {
+  min-height: 58px;
+  border-color: var(--stitch-border-strong);
+  border-radius: 9px;
+  color: var(--stitch-text);
+  background: var(--stitch-bg);
+}
+
+.drawer-section.two-column {
+  grid-template-columns: 1fr;
+}
+
+.drawer-visibility {
+  min-height: 84px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  border: 1px solid var(--stitch-border-strong);
+  border-radius: 9px;
+  padding: 14px 16px;
+  color: var(--stitch-text);
+  background: var(--stitch-bg);
+  text-align: left;
+}
+
+.drawer-visibility > span {
+  display: grid;
+}
+
+.drawer-visibility small {
+  margin-top: 2px;
+  color: var(--stitch-text-muted);
+}
+
+.drawer-visibility i {
+  position: relative;
+  width: 52px;
+  height: 30px;
+  flex: 0 0 52px;
+  border-radius: 999px;
+  background: var(--stitch-surface-highest);
+}
+
+.drawer-visibility i::after {
+  content: "";
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 22px;
+  height: 22px;
+  border-radius: 999px;
+  background: #f8f9fd;
+  transition: transform 160ms ease;
+}
+
+.drawer-visibility.on i {
+  background: var(--stitch-success);
+}
+
+.drawer-visibility.on i::after {
+  transform: translateX(22px);
+}
+
+.app-editor-drawer > footer {
+  min-height: 92px;
+  border-top: 1px solid var(--stitch-border-strong);
+  padding: 18px 30px;
+  background: var(--stitch-surface-low);
+}
+
+.app-editor-drawer > footer .danger-button {
+  margin-right: auto;
+}
+
+.app-editor-drawer > footer .primary-button {
+  min-width: 138px;
+  min-height: 52px;
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+/* Appearance screen mirrors the canon preview hierarchy. Additional real
+   product options remain available below the canonical first viewport. */
+.settings-page[data-section="appearance"] .settings-content {
+  max-width: 1180px;
+  padding-left: 80px;
+  padding-right: 50px;
+}
+
+.settings-page[data-section="appearance"] .settings-heading {
+  margin-bottom: 20px;
+}
+
+.theme-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 30px;
+  margin: 0 0 46px;
+  padding-bottom: 46px;
+  border-bottom: 1px solid var(--stitch-border-strong);
+}
+
+.theme-card {
+  min-height: 250px;
+  display: grid;
+  grid-template-rows: 198px auto;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.theme-card:hover {
+  transform: none;
+}
+
+.theme-card.selected {
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.theme-card .theme-preview {
+  width: 100%;
+  height: 198px;
+  border: 2px solid transparent;
+  border-radius: 14px;
+  padding: 14px;
+  background: var(--stitch-surface-high);
+}
+
+.theme-card.selected .theme-preview {
+  border-color: var(--stitch-primary);
+  box-shadow: 0 0 0 1px var(--stitch-text);
+}
+
+.theme-card > span:nth-child(2) {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  padding: 14px 5px 0;
+  text-align: left;
+}
+
+.theme-card > span:nth-child(2) strong {
+  color: var(--stitch-text);
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.theme-card > span:nth-child(2) small {
+  display: none;
+}
+
+.theme-card > svg {
+  position: absolute;
+  right: 6px;
+  bottom: 14px;
+  color: var(--stitch-primary);
+}
+
+.settings-page[data-section="appearance"] .setting-label {
+  margin: 30px 0 14px;
+  color: var(--stitch-text);
+  font-size: 20px;
+  font-weight: 550;
+  letter-spacing: -0.02em;
+  text-transform: none;
+}
+
+.canon-preference-columns {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 40px;
+  margin-bottom: 44px;
+  padding-bottom: 44px;
+  border-bottom: 1px solid var(--stitch-border-strong);
+}
+
+.canon-preference-columns .setting-label {
+  margin-top: 0 !important;
+}
+
+.canon-preference-columns .view-grid,
+.canon-preference-columns .density-grid {
+  grid-template-columns: 1fr;
+  gap: 14px;
+}
+
+.canon-preference-columns .option-card {
+  min-height: 100px;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto auto;
+  align-items: center;
+  column-gap: 14px;
+  text-align: left;
+}
+
+.canon-preference-columns .option-card > svg:first-child {
+  grid-row: 1 / 3;
+}
+
+.canon-preference-columns .option-card > strong,
+.canon-preference-columns .option-card > small {
+  grid-column: 2;
+}
+
+.canon-preference-columns .option-card > svg:last-child {
+  grid-column: 3;
+  grid-row: 1 / 3;
+}
+
+.view-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.view-card,
+.option-card,
+.background-card,
+.toggle-list article {
+  border-color: var(--stitch-border-strong);
+  color: var(--stitch-text);
+  background: transparent;
+}
+
+.view-card.selected,
+.option-card.selected,
+.background-card.selected {
+  border-color: var(--stitch-primary);
+  background: color-mix(in srgb, var(--stitch-primary) 9%, transparent);
+  box-shadow: inset 0 0 0 1px var(--stitch-primary);
+}
+
+.view-card {
+  min-height: 100px;
+}
+
+.toggle-list article {
+  min-height: 104px;
+  border-radius: 16px;
+  background: var(--stitch-surface-low);
+}
+
+.switch.on,
+.visibility-toggle.on::before {
+  background: var(--stitch-primary);
+}
+
+/* Keep the remainder of the settings workflows in the same material family. */
+.management-card,
+.integration-list article,
+.backup-grid article,
+.privacy-note,
+.security-callout,
+.external-toggle,
+.server-widget-config,
+.widget-studio,
+.appearance-preview {
+  border-color: var(--stitch-border);
+  color: var(--stitch-text);
+  background: var(--stitch-surface-low);
+  box-shadow: none;
+}
+
+.primary-button {
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+.secondary-button {
+  border-color: var(--stitch-border-strong);
+  color: var(--stitch-text);
+  background: transparent;
+}
+
+@media (max-width: 1300px) {
+  .dashboard-topbar-inner {
+    grid-template-columns: auto minmax(260px, 1fr) auto;
+    gap: 18px;
+  }
+
+  .dashboard-topbar nav {
+    display: none;
+  }
+
+  .app-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .settings-layout {
+    grid-template-columns: 248px minmax(0, 1fr);
+  }
+
+  .settings-sidebar {
+    padding-left: 18px;
+  }
+
+  .management-table-head {
+    display: none;
+  }
+
+  .management-list:has(> .app-management-row) {
+    border-top: 1px solid var(--stitch-border);
+    border-radius: 16px;
+  }
+
+  .app-management-row {
+    grid-template-columns: minmax(220px, 1fr) 130px minmax(260px, auto);
+  }
+
+  .app-management-row .category-badge {
+    display: none;
+  }
+}
+
+.mobile-dashboard-search {
+  display: none;
+}
+
+@media (max-width: 720px) {
+  .app-shell {
+    padding-bottom: 82px;
+  }
+
+  .dashboard-topbar {
+    height: 86px;
+    background: var(--stitch-bg);
+  }
+
+  .dashboard-topbar-inner {
+    width: calc(100% - 44px);
+    height: 86px;
+    grid-template-columns: 1fr auto auto;
+    gap: 10px;
+  }
+
+  .dashboard-topbar .brand-lockup.compact img {
+    width: 44px;
+    height: 44px;
+    flex-basis: 44px;
+  }
+
+  .dashboard-topbar .brand-lockup.compact strong {
+    font-size: 23px;
+  }
+
+  .dashboard-topbar .topbar-search {
+    justify-self: end;
+    width: 42px;
+    grid-column: auto;
+    grid-row: auto;
+  }
+
+  .dashboard-topbar .topbar-search .search-bar {
+    width: 42px;
+    height: 42px;
+    justify-content: center;
+    padding: 0;
+    color: var(--stitch-text);
+    background: transparent;
+  }
+
+  .dashboard-topbar .topbar-search .search-bar input,
+  .dashboard-topbar .topbar-search .search-bar kbd {
+    display: none;
+  }
+
+  .dashboard-topbar .topbar-search .search-bar input {
+    position: absolute;
+    inset: 0;
+    display: block;
+    width: 100%;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .dashboard-topbar .topbar-actions .sync-status-button {
+    display: none;
+  }
+
+  .dashboard-topbar .icon-button {
+    color: var(--stitch-text);
+  }
+
+  .dashboard-canvas {
+    width: calc(100% - 44px);
+    padding: 22px 0 40px;
+  }
+
+  .dashboard-hero {
+    display: block;
+    margin-bottom: 22px;
+  }
+
+  .dashboard-hero .hero-copy {
+    display: none;
+  }
+
+  .dashboard-hero .discovery-banner {
+    position: relative;
+    width: 100%;
+    min-height: 102px;
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-template-rows: auto auto;
+    align-content: center;
+    gap: 2px 8px;
+    border: 0;
+    border-radius: 16px;
+    padding: 18px;
+    color: var(--stitch-on-primary);
+    background: var(--stitch-primary);
+    text-align: left;
+  }
+
+  .dashboard-hero .discovery-banner::before {
+    content: "ONTDEKKING";
+    grid-column: 1;
+    color: color-mix(in srgb, var(--stitch-on-primary) 80%, transparent);
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+  }
+
+  .dashboard-hero .discovery-banner::after {
+    content: "BEKIJK";
+    grid-column: 2;
+    grid-row: 1 / 3;
+    align-self: center;
+    border-radius: 999px;
+    padding: 9px 16px;
+    color: var(--stitch-primary);
+    background: var(--stitch-on-primary);
+    font-size: 12px;
+    font-weight: 650;
+    letter-spacing: 0.04em;
+  }
+
+  .dashboard-hero .discovery-banner strong {
+    grid-column: 1;
+    color: var(--stitch-on-primary);
+    font-size: 22px;
+    font-weight: 500;
+    line-height: 29px;
+  }
+
+  .dashboard-hero .discovery-banner > svg {
+    display: none;
+  }
+
+  .mobile-dashboard-search {
+    display: block;
+    margin-bottom: 32px;
+  }
+
+  .mobile-dashboard-search .search-bar {
+    height: 62px;
+    border: 1px solid var(--stitch-border);
+    border-radius: 14px;
+    padding: 0 16px;
+    color: var(--stitch-text);
+    background: var(--stitch-surface-low);
+  }
+
+  .mobile-dashboard-search .search-bar input {
+    font-size: 16px;
+  }
+
+  .mobile-dashboard-search .search-bar kbd {
+    display: none;
+  }
+
+  .category-tabs {
+    position: relative;
+    gap: 16px;
+    margin: 0 -22px 42px;
+    padding: 38px 22px 0;
+  }
+
+  .category-tabs::before {
+    content: "CATEGORIEËN";
+    position: absolute;
+    top: 0;
+    left: 22px;
+    color: var(--stitch-text);
+    font-size: 12px;
+    font-weight: 650;
+    letter-spacing: 0.07em;
+  }
+
+  .category-tabs button {
+    position: relative;
+    width: 76px;
+    height: 98px;
+    min-height: 98px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    gap: 20px;
+    overflow: visible;
+    border-radius: 0;
+    padding: 0;
+    color: var(--stitch-text-muted);
+    background: transparent;
+    font-size: 12px;
+    letter-spacing: 0.02em;
+  }
+
+  .category-tabs button::before {
+    content: "";
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    width: 76px;
+    height: 76px;
+    border: 1px solid var(--stitch-border);
+    border-radius: 999px;
+    background: var(--stitch-surface-low);
+  }
+
+  .category-tabs button.active {
+    color: var(--stitch-text);
+    background: transparent;
+  }
+
+  .category-tabs button.active::before {
+    border-color: var(--stitch-border-strong);
+    background: var(--stitch-surface-highest);
+  }
+
+  .category-tabs button svg {
+    position: absolute;
+    z-index: 1;
+    top: 25px;
+    left: 27px;
+    width: 22px;
+    height: 22px;
+    color: var(--stitch-primary);
+  }
+
+  .favorites-section,
+  .app-section {
+    margin-bottom: 42px;
+  }
+
+  .favorites-section > header,
+  .app-section > header {
+    margin-bottom: 18px;
+  }
+
+  .favorites-section h2,
+  .app-section h2 {
+    font-size: 26px;
+    line-height: 34px;
+  }
+
+  .favorite-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 14px;
+  }
+
+  .favorite-grid .app-tile {
+    min-height: 176px;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 14px;
+    border-radius: 16px;
+    padding: 22px;
+  }
+
+  .favorite-grid .app-tile > .app-icon-image,
+  .favorite-grid .app-tile > .app-monogram {
+    width: 54px;
+    height: 54px;
+  }
+
+  .favorite-grid .app-tile .tile-copy {
+    display: grid;
+  }
+
+  .favorite-grid .app-tile .tile-copy strong {
+    font-size: 19px;
+  }
+
+  .favorite-grid .app-tile .tile-copy small {
+    display: block;
+  }
+
+  .favorite-grid .app-tile:nth-child(3):last-child {
+    grid-column: 1 / -1;
+    min-height: 110px;
+    flex-direction: row;
+    align-items: center;
+    padding: 18px 22px;
+  }
+
+  .favorite-grid .app-tile:nth-child(3):last-child .tile-copy {
+    margin-right: auto;
+  }
+
+  .app-grid {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .app-tile.standard {
+    min-height: 90px;
+    grid-template-columns: 56px minmax(0, 1fr) auto;
+    grid-template-rows: 1fr;
+    align-items: center;
+    gap: 14px;
+    border-radius: 14px;
+    padding: 12px 16px;
+  }
+
+  .app-tile.standard > .app-icon-image,
+  .app-tile.standard > .app-monogram {
+    grid-column: 1;
+    grid-row: 1;
+    width: 56px;
+    height: 56px;
+  }
+
+  .app-tile.standard .tile-copy {
+    grid-column: 2;
+    grid-row: 1;
+    align-self: center;
+  }
+
+  .app-tile.standard .tile-copy strong {
+    font-size: 17px;
+    line-height: 22px;
+  }
+
+  .app-tile.standard .tile-copy small {
+    font-size: 11px;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+  }
+
+  .app-tile.standard .tile-status {
+    grid-column: 3;
+    grid-row: 1;
+    width: 12px;
+    min-height: 12px;
+    overflow: hidden;
+    border: 0;
+    padding: 0;
+    font-size: 0;
+    background: transparent;
+  }
+
+  .app-tile.standard .tile-status > span {
+    width: 8px;
+    height: 8px;
+  }
+
+  .app-grid.feature-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 12px;
+  }
+
+  .app-tile.feature {
+    min-height: 150px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 18px;
+    border: 0;
+    border-radius: 16px;
+    padding: 16px 8px;
+    background: var(--stitch-surface-high);
+    text-align: center;
+  }
+
+  .app-tile.feature > .app-icon-image,
+  .app-tile.feature > .app-monogram {
+    width: 52px;
+    height: 52px;
+    flex: 0 0 52px;
+    margin: 0 auto;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+  }
+
+  .app-tile.feature .tile-copy strong {
+    overflow: hidden;
+    font-size: 12px;
+    line-height: 18px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .app-tile.feature .tile-copy small,
+  .app-tile.feature .tile-status {
+    display: none;
+  }
+
+  .mobile-nav {
+    z-index: 80;
+    height: 82px;
+    border-top: 1px solid var(--stitch-border);
+    padding: 8px 16px 5px;
+    background: var(--stitch-bg);
+  }
+
+  .mobile-nav button {
+    min-height: 66px;
+    border-radius: 999px;
+    color: var(--stitch-text-muted);
+  }
+
+  .mobile-nav button.active {
+    color: var(--stitch-text);
+    background: transparent;
+  }
+
+  .mobile-nav button.active svg {
+    width: 52px;
+    height: 40px;
+    border-radius: 999px;
+    padding: 9px 15px;
+    color: var(--stitch-on-primary);
+    background: var(--stitch-primary);
+  }
+
+  .mobile-nav button span {
+    font-size: 10px;
+  }
+
+  .search-shell.expanded {
+    padding: 18px 12px 96px;
+  }
+
+  .search-shell.expanded .search-bar {
+    height: 72px;
+    padding-inline: 18px;
+  }
+
+  .search-shell.expanded .search-bar input {
+    position: static;
+    display: block;
+    width: auto;
+    opacity: 1;
+    font-size: 18px;
+  }
+
+  .search-results {
+    max-height: calc(100vh - 186px);
+  }
+
+  .settings-topbar {
+    height: 70px;
+    grid-template-columns: 1fr auto;
+    padding: 0 18px;
+  }
+
+  .settings-topbar nav {
+    display: none;
+  }
+
+  .settings-layout {
+    display: block;
+    min-height: calc(100vh - 70px);
+  }
+
+  .settings-sidebar {
+    position: sticky;
+    top: 70px;
+    z-index: 35;
+    width: 100%;
+    height: auto;
+    overflow-x: auto;
+    border-right: 0;
+    border-bottom: 1px solid var(--stitch-border);
+    padding: 10px 16px;
+  }
+
+  .settings-sidebar > .eyebrow,
+  .settings-sidebar > h1,
+  .settings-sidebar .local-note {
+    display: none;
+  }
+
+  .settings-sidebar nav {
+    display: flex;
+    gap: 8px;
+  }
+
+  .settings-sidebar nav button {
+    min-height: 42px;
+    flex: 0 0 auto;
+    gap: 8px;
+    padding: 0 14px;
+  }
+
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    padding: 28px 18px 100px;
+  }
+
+  .settings-heading h2 {
+    font-size: 28px;
+    line-height: 34px;
+  }
+
+  .settings-search {
+    order: 1;
+    width: 100%;
+    margin: 0;
+  }
+
+  .filter-pills {
+    order: 2;
+    width: 100%;
+    overflow-x: auto;
+  }
+
+  .management-list:has(> .app-management-row) {
+    display: grid;
+    gap: 12px;
+    overflow: visible;
+    border: 0;
+    background: transparent;
+  }
+
+  .management-list:has(> .app-management-row)::before {
+    display: none;
+  }
+
+  .app-management-row {
+    min-height: 180px;
+    grid-template-columns: 1fr auto;
+    grid-template-rows: auto auto auto;
+    gap: 12px;
+    border: 1px solid var(--stitch-border);
+    border-radius: 14px;
+    padding: 18px;
+    background: var(--stitch-surface-low);
+  }
+
+  .app-management-row .management-title {
+    grid-column: 1 / -1;
+  }
+
+  .app-management-row .inline-status {
+    grid-column: 1;
+  }
+
+  .app-management-row .category-badge {
+    grid-column: 2;
+    display: inline-flex;
+  }
+
+  .app-row-actions {
+    grid-column: 1 / -1;
+    grid-template-columns: 1fr auto;
+  }
+
+  .theme-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .canon-preference-columns {
+    grid-template-columns: 1fr;
+  }
+
+  .app-editor-drawer {
+    width: 100%;
+  }
+}
+
+/* Platform geometry v2 — shared scaling, readable settings and widescreen dock. */
+:root {
+  --platform-max: 3040px;
+  --platform-gutter: clamp(24px, 2.25vw, 56px);
+  --platform-inset: clamp(48px, 4.5vw, 112px);
+  --widget-dock-width: clamp(360px, 22vw, 430px);
+}
+
+.dashboard-topbar-inner,
+.dashboard-workspace {
+  width: calc(100% - var(--platform-inset));
+  max-width: var(--platform-max);
+}
+
+.dashboard-workspace {
+  grid-template-columns: clamp(248px, 15vw, 292px) minmax(0, 1fr);
+  gap: clamp(24px, 2vw, 36px);
+}
+
+.dashboard-rail {
+  padding: 20px;
+}
+
+.rail-intro span,
+.rail-favorites nav a small,
+.rail-widget-link small,
+.rail-empty-action small,
+.rail-deck-health p,
+.rail-deck-health > button {
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.rail-favorites nav a strong,
+.rail-widget-link strong,
+.rail-empty-action strong,
+.rail-favorites > header > span,
+.rail-deck-health > header > span {
+  font-size: 14px;
+}
+
+.app-tile.standard {
+  isolation: isolate;
+  overflow: hidden;
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-border) 88%,
+    var(--stitch-primary) 12%
+  );
+  background: linear-gradient(
+    145deg,
+    color-mix(in srgb, var(--stitch-surface) 94%, var(--stitch-primary) 6%),
+    var(--stitch-surface)
+  );
+}
+
+.app-tile.standard::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  inset: 0 auto 0 0;
+  width: 3px;
+  background: linear-gradient(
+    180deg,
+    var(--stitch-primary),
+    var(--stitch-success-bright)
+  );
+  opacity: 0;
+  transition: opacity 180ms ease;
+}
+
+.app-tile.standard:hover,
+.app-tile.standard:focus-visible {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 46%,
+    var(--stitch-border)
+  );
+  box-shadow: 0 16px 34px rgb(0 0 0 / 0.13);
+  transform: translateY(-3px);
+}
+
+.app-tile.standard:hover::before,
+.app-tile.standard:focus-visible::before {
+  opacity: 1;
+}
+
+.app-tile.standard .tile-arrow {
+  opacity: 0.42;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease;
+}
+
+.app-tile.standard:hover .tile-arrow,
+.app-tile.standard:focus-visible .tile-arrow {
+  opacity: 1;
+  transform: translate(2px, -2px);
+}
+
+.quick-launch-home {
+  display: grid;
+  gap: 10px;
+  padding-bottom: 12px;
+}
+
+.quick-links-section {
+  padding: 0 10px 12px;
+}
+
+.quick-links-section > h2 {
+  margin: 0;
+  padding: 10px 10px 12px;
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.quick-links-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.search-results .quick-links-grid > a {
+  min-width: 0;
+  min-height: 108px;
+  display: grid;
+  grid-template-columns: 46px minmax(0, 1fr) auto;
+  grid-template-rows: 1fr;
+  align-items: center;
+  gap: 12px;
+  border: 1px solid var(--stitch-border) !important;
+  border-radius: 13px !important;
+  padding: 14px;
+  background: color-mix(in srgb, var(--stitch-surface) 82%, transparent);
+}
+
+.search-results .quick-links-grid > a:hover,
+.search-results .quick-links-grid > a:focus-visible {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 48%,
+    var(--stitch-border)
+  ) !important;
+  background: var(--stitch-primary-soft);
+  transform: translateY(-2px);
+}
+
+.quick-links-grid > a > span:nth-child(2) {
+  min-width: 0;
+  display: grid;
+  gap: 4px;
+}
+
+.quick-links-grid > a strong,
+.quick-links-grid > a small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.quick-links-grid > a strong {
+  font-size: 14px;
+}
+
+.quick-links-grid > a small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.quick-links-grid .result-icon {
+  width: 46px;
+  height: 46px;
+}
+
+.settings-topbar {
+  padding-right: max(
+    calc(var(--platform-gutter) + 30px),
+    calc((100vw - var(--platform-max)) / 2 + 30px)
+  );
+  padding-left: max(
+    calc(var(--platform-gutter) + 30px),
+    calc((100vw - var(--platform-max)) / 2 + 30px)
+  );
+}
+
+.settings-layout {
+  width: calc(100% - var(--platform-inset));
+  max-width: var(--platform-max);
+  grid-template-columns: clamp(300px, 18vw, 348px) minmax(0, 1fr);
+  margin: 0 auto;
+}
+
+.settings-content,
+.settings-page[data-section="appearance"] .settings-content {
+  max-width: none;
+  padding-right: clamp(40px, 4vw, 76px);
+  padding-left: clamp(40px, 4vw, 76px);
+  font-size: 16px;
+}
+
+.settings-sidebar nav button {
+  font-size: 15.5px;
+  font-weight: 520;
+}
+
+.settings-sidebar h1,
+.settings-sidebar .local-note {
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+.settings-heading .eyebrow {
+  font-size: 13px;
+}
+
+.settings-heading h2 {
+  font-size: clamp(34px, 2vw, 40px);
+  line-height: 1.15;
+}
+
+.settings-heading > p:last-child {
+  max-width: 900px;
+  font-size: 17px;
+  line-height: 1.6;
+}
+
+.settings-content :where(input, select, textarea, button) {
+  font-size: 15px;
+}
+
+.settings-global-search input {
+  font-size: 15.5px;
+}
+
+.settings-content :where(.setting-label, label > span, .results-note) {
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+.settings-content
+  :where(
+    .management-title small,
+    .management-card small,
+    .widget-option > p,
+    .widget-option > header small,
+    .integration-list article small,
+    .security-callout small,
+    .toggle-list article small,
+    .appearance-advanced small,
+    .integration-section-heading small
+  ) {
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.settings-content
+  :where(
+    .management-title strong,
+    .management-card strong,
+    .widget-option strong,
+    .toggle-list article strong,
+    .integration-list article strong
+  ) {
+  font-size: 15px;
+}
+
+.management-table-head,
+.filter-pills button,
+.pagination span,
+.favorite-editor > summary {
+  font-size: 13px;
+}
+
+@media (min-width: 1680px) {
+  .dashboard-canvas {
+    padding-right: calc(var(--widget-dock-width) + 32px);
+  }
+
+  .dashboard-insights-panel {
+    position: fixed;
+    z-index: 20;
+    top: 96px;
+    right: max(var(--platform-gutter), calc((100vw - var(--platform-max)) / 2));
+    width: var(--widget-dock-width);
+    max-height: calc(100vh - 120px);
+    overflow: auto;
+    margin: 0;
+    background: color-mix(in srgb, var(--stitch-surface) 92%, transparent);
+    box-shadow: 0 20px 70px rgb(0 0 0 / 0.18);
+    backdrop-filter: blur(20px);
+    scrollbar-width: thin;
+  }
+
+  .dashboard-insights-panel > summary {
+    position: sticky;
+    z-index: 3;
+    top: 0;
+    min-height: 76px;
+    background: color-mix(in srgb, var(--stitch-surface) 96%, transparent);
+    backdrop-filter: blur(16px);
+  }
+
+  .dashboard-insights-panel .dashboard-widgets {
+    padding: 18px;
+  }
+
+  .dashboard-insights-panel .widgets-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .dashboard-insights-panel .widget-shell.widget-size-wide {
+    grid-column: auto;
+  }
+
+  .dashboard-insights-panel .widgets-section > header {
+    align-items: flex-start;
+    gap: 14px;
+  }
+
+  .dashboard-insights-panel .widgets-actions {
+    width: 100%;
+  }
+
+  .dashboard-insights-panel .widgets-edit,
+  .dashboard-insights-panel .widgets-refresh {
+    flex: 1 1 0;
+    justify-content: center;
+  }
+
+  .dashboard-canvas .app-grid {
+    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
+  }
+
+  .dashboard-canvas .app-grid.feature-grid {
+    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  }
+}
+
+/* Unified platform header, settings forms and panel catalog. */
+.dashboard-topbar,
+.settings-topbar.dashboard-topbar {
+  height: 72px;
+  display: block;
+  padding: 0;
+}
+
+.dashboard-topbar-inner {
+  height: 72px;
+}
+
+.dashboard-topbar nav button,
+.settings-topbar nav button {
+  cursor: pointer;
+  transition:
+    color 160ms ease,
+    border-color 160ms ease;
+}
+
+.dashboard-topbar nav button:hover,
+.settings-topbar nav button:hover,
+.dashboard-topbar nav button:focus-visible,
+.settings-topbar nav button:focus-visible,
+.dashboard-topbar nav button.active,
+.settings-topbar nav button.active {
+  border-bottom-color: var(--stitch-primary);
+  color: var(--stitch-text);
+}
+
+.settings-search-slot,
+.settings-search-slot .settings-global-search {
+  width: 100%;
+}
+
+.settings-topbar .topbar-actions {
+  position: relative;
+}
+
+.settings-topbar .saving {
+  position: absolute;
+  right: calc(100% + 12px);
+  width: max-content;
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.settings-topbar .icon-button.active {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 52%,
+    var(--stitch-border)
+  );
+  color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+.integration-settings-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  overflow: hidden;
+  border: 1px solid var(--stitch-border);
+  border-radius: 10px;
+  background: var(--stitch-surface-low);
+}
+
+.integration-settings-list article {
+  min-height: 0;
+  grid-template-columns: 46px minmax(0, 1fr) auto;
+  gap: 16px;
+  border: 0;
+  border-bottom: 1px solid var(--stitch-border);
+  border-radius: 0;
+  padding: 22px 24px;
+  background: transparent;
+}
+
+.integration-settings-list article:last-child {
+  border-bottom: 0;
+}
+
+.integration-settings-list article > span:nth-child(2) {
+  gap: 8px;
+  padding: 2px 0 0;
+}
+
+.integration-settings-list article > span:nth-child(2) > strong {
+  font-size: 17px;
+  line-height: 1.3;
+}
+
+.integration-settings-list article > span:nth-child(2) > small,
+.integration-settings-list .credential-heading small {
+  max-width: 820px;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.integration-settings-list .state-badge {
+  position: static;
+  align-self: start;
+  justify-self: end;
+  margin: 2px 0 0;
+  font-size: 11px;
+}
+
+.integration-settings-list .credential-form {
+  max-width: 920px;
+  margin-top: 12px;
+  padding-top: 16px;
+}
+
+.integration-settings-list .credential-heading strong,
+.widget-inline-connection .credential-heading strong {
+  font-size: 14px;
+}
+
+.integration-settings-list .credential-fields,
+.widget-inline-connection .credential-fields {
+  gap: 14px;
+}
+
+.integration-settings-list .credential-fields label > span,
+.widget-inline-connection .credential-fields label > span {
+  font-size: 13px;
+}
+
+.integration-settings-list .credential-fields input,
+.widget-inline-connection .credential-fields input {
+  height: 46px;
+  border-radius: 8px;
+  padding: 0 14px;
+  font-size: 15px;
+}
+
+.integration-settings-list .credential-save,
+.integration-settings-list .credential-reconfigure {
+  min-height: 40px;
+  font-size: 13px;
+}
+
+.widget-studio {
+  border-radius: 10px;
+  padding: clamp(20px, 2.5vw, 32px);
+}
+
+.widget-studio-heading {
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.widget-studio-heading strong {
+  font-size: 21px;
+}
+
+.widget-studio-heading small {
+  max-width: 820px;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.studio-capacity {
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.widget-data-contract {
+  margin: 20px 0 12px;
+  border-radius: 8px;
+  padding: 16px 18px;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.studio-steps {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 10px;
+  margin: 0 0 18px;
+  padding: 0;
+  list-style: none;
+}
+
+.studio-steps li {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 30px minmax(0, 1fr);
+  gap: 2px 10px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 8px;
+  padding: 13px;
+  background: var(--stitch-surface);
+}
+
+.studio-steps li > span {
+  grid-row: 1 / span 2;
+  width: 30px;
+  height: 30px;
+  display: grid;
+  place-items: center;
+  border-radius: 7px;
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+  font-size: 13px;
+  font-weight: 750;
+}
+
+.studio-steps strong {
+  font-size: 14px;
+}
+
+.studio-steps small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.widget-studio-toolbar {
+  align-items: stretch;
+  gap: 12px;
+  margin: 0 0 14px;
+}
+
+.widget-studio-toolbar > label,
+.widget-studio-toolbar input {
+  min-height: 44px;
+}
+
+.widget-studio-toolbar input {
+  font-size: 14px;
+}
+
+.studio-filters button {
+  min-height: 38px;
+  padding: 0 13px;
+  font-size: 12px;
+}
+
+.widget-catalog {
+  grid-template-columns: 1fr;
+  gap: 10px;
+}
+
+.widget-option {
+  grid-template-columns: minmax(240px, 0.9fr) minmax(280px, 1.4fr) auto;
+  grid-template-rows: auto auto;
+  column-gap: 22px;
+  align-items: center;
+  border-radius: 8px;
+  padding: 16px 18px;
+  background: var(--stitch-surface);
+}
+
+.widget-option > header {
+  grid-column: 1;
+  grid-row: 1 / span 2;
+}
+
+.widget-option-icon {
+  width: 42px;
+  height: 42px;
+  flex-basis: 42px;
+}
+
+.widget-option > header strong {
+  font-size: 15px;
+}
+
+.widget-option > header small {
+  font-size: 12px;
+}
+
+.widget-option > p {
+  grid-column: 2;
+  min-height: 0;
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.capability-features {
+  grid-column: 2;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.capability-features span {
+  padding: 4px 7px;
+  font-size: 11px;
+}
+
+.widget-option > footer {
+  grid-column: 3;
+  grid-row: 1 / span 2;
+  flex-direction: column;
+  align-items: flex-end;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+.credential-mode {
+  font-size: 11px;
+}
+
+.widget-option .secondary-button {
+  min-height: 38px;
+  padding: 0 12px;
+  font-size: 12px;
+}
+
+.widget-option > .widget-config,
+.widget-option > .widget-advanced-config,
+.widget-option > .widget-inline-connection {
+  grid-column: 1 / -1;
+}
+
+@media (max-width: 1050px) {
+  .widget-option {
+    grid-template-columns: minmax(220px, 1fr) auto;
+  }
+
+  .widget-option > p,
+  .widget-option > .capability-features {
+    grid-column: 1;
+    grid-row: auto;
+    margin-left: 50px;
+  }
+
+  .widget-option > footer {
+    grid-column: 2;
+  }
+}
+
+@media (max-width: 720px) {
+  .settings-topbar.dashboard-topbar,
+  .settings-topbar.dashboard-topbar .dashboard-topbar-inner {
+    height: 116px;
+  }
+
+  .settings-topbar .dashboard-topbar-inner {
+    width: calc(100% - 28px);
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-rows: 56px 48px;
+    gap: 4px 12px;
+  }
+
+  .settings-topbar .settings-search-slot {
+    grid-column: 1 / -1;
+    grid-row: 2;
+  }
+
+  .settings-topbar .topbar-actions {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  .settings-topbar .saving,
+  .settings-topbar .icon-button.active {
+    display: none;
+  }
+
+  .settings-sidebar {
+    top: 116px;
+  }
+
+  .studio-steps {
+    grid-template-columns: 1fr;
+  }
+
+  .widget-studio-toolbar {
+    flex-direction: column;
+  }
+
+  .widget-option {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+
+  .widget-option > header,
+  .widget-option > p,
+  .widget-option > .capability-features,
+  .widget-option > footer {
+    grid-column: 1;
+    grid-row: auto;
+    margin-left: 0;
+  }
+
+  .widget-option > footer {
+    align-items: stretch;
+  }
+
+  .integration-settings-list article {
+    grid-template-columns: 42px minmax(0, 1fr);
+    padding: 18px;
+  }
+
+  .integration-settings-list .state-badge {
+    grid-column: 2;
+    justify-self: start;
+  }
+
+  .integration-settings-list .credential-fields {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 2600px) {
+  .dashboard-canvas .app-grid {
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  }
+
+  .category-card-grid,
+  .integration-list,
+  .settings-page[data-section="favorites"] .compact-list {
+    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+  }
+}
+
+@media (max-width: 1399px) and (min-width: 1101px) {
+  .dashboard-workspace {
+    grid-template-columns: 232px minmax(0, 1fr);
+  }
+}
+
+@media (max-width: 900px) {
+  .settings-topbar {
+    padding-right: 22px;
+    padding-left: 22px;
+  }
+
+  .settings-layout {
+    width: 100%;
+  }
+
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    font-size: 15px;
+  }
+}
+
+/* DockDeck product identity with restrained ITWorx ownership */
+.brand-lockup,
+.dashboard-topbar .brand-lockup,
+.settings-topbar .settings-brand .brand-lockup {
+  gap: 10px;
+}
+
+.brand-lockup .dockdeck-mark,
+.dashboard-topbar .brand-lockup.compact img.dockdeck-mark,
+.settings-topbar .settings-brand .brand-lockup img.dockdeck-mark {
+  width: 42px;
+  height: 42px;
+  flex: 0 0 42px;
+}
+
+.brand-lockup .brand-product {
+  display: grid;
+  border: 0;
+  padding: 0;
+  line-height: 1;
+}
+
+.brand-lockup .brand-product strong,
+.dashboard-topbar .brand-lockup.compact .brand-product strong,
+.settings-topbar .settings-brand .brand-lockup .brand-product strong {
+  color: var(--stitch-text);
+  font-size: 21px;
+  font-weight: 720;
+  letter-spacing: -0.045em;
+}
+
+.brand-lockup .brand-owner {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  margin-left: 4px;
+  border-left: 1px solid var(--stitch-border-strong);
+  padding-left: 12px;
+}
+
+.brand-lockup .brand-owner small {
+  margin: 0;
+  color: var(--stitch-text-faint);
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  white-space: nowrap;
+}
+
+.brand-lockup .brand-credit {
+  display: grid;
+  gap: 1px;
+}
+
+.brand-lockup .brand-owner .brand-credit strong {
+  color: var(--stitch-text-muted);
+  font-size: 11px;
+  font-weight: 650;
+  line-height: 1;
+  letter-spacing: 0;
+}
+
+.brand-lockup .brand-owner img,
+.dashboard-topbar .brand-lockup.compact .brand-owner img,
+.settings-topbar .settings-brand .brand-lockup .brand-owner img {
+  width: 92px;
+  height: auto;
+  flex: 0 0 92px;
+}
+
+.widget-audit-button {
+  min-height: 36px;
+  gap: 7px;
+  white-space: nowrap;
+}
+
+.widget-connection {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 999px;
+  padding: 4px 8px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+  font-size: 10px;
+  font-weight: 650;
+}
+
+.widget-connection.connected {
+  border-color: color-mix(in srgb, var(--stitch-success) 40%, transparent);
+  color: var(--stitch-success-bright);
+  background: color-mix(in srgb, var(--stitch-success) 10%, transparent);
+}
+
+.widget-connection.degraded {
+  border-color: color-mix(in srgb, var(--stitch-danger) 38%, transparent);
+  color: var(--stitch-danger);
+  background: color-mix(in srgb, var(--stitch-danger) 9%, transparent);
+}
+
+.widget-connection.disabled {
+  border-color: color-mix(in srgb, var(--stitch-warning) 38%, transparent);
+  color: var(--stitch-warning);
+  background: color-mix(in srgb, var(--stitch-warning) 9%, transparent);
+}
+
+@media (max-width: 720px) {
+  .brand-lockup .dockdeck-mark,
+  .dashboard-topbar .brand-lockup.compact img.dockdeck-mark,
+  .settings-topbar .settings-brand .brand-lockup img.dockdeck-mark {
+    width: 36px;
+    height: 36px;
+    flex-basis: 36px;
+  }
+
+  .brand-lockup .brand-owner {
+    display: none;
+  }
+
+  .brand-lockup .brand-product strong,
+  .dashboard-topbar .brand-lockup.compact .brand-product strong {
+    font-size: 18px;
+  }
+
+  .widget-audit-button {
+    width: 100%;
+    justify-content: center;
+  }
+}
+
+@media (max-width: 720px) {
+  .quick-links-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .search-results .quick-links-grid > a {
+    min-height: 94px;
+    grid-template-columns: 42px minmax(0, 1fr);
+    padding: 12px;
+  }
+
+  .quick-links-grid > a > svg {
+    display: none;
+  }
+
+  .quick-links-grid .result-icon {
+    width: 42px;
+    height: 42px;
+  }
+}
+
+/* Finale visuele audit — launcher-first hiërarchie en compacte beheerflows. */
+.dashboard-insights-panel {
+  margin: 4px 0 30px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 14px;
+  background: color-mix(in srgb, var(--stitch-surface) 66%, transparent);
+}
+
+.dashboard-insights-panel > summary {
+  min-height: 68px;
+  display: grid;
+  grid-template-columns: 38px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  color: var(--stitch-text);
+  cursor: pointer;
+  list-style: none;
+}
+
+.dashboard-insights-panel > summary::-webkit-details-marker {
+  display: none;
+}
+
+.dashboard-insights-panel > summary:hover {
+  background: var(--stitch-surface-low);
+}
+
+.insights-summary-icon {
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  border-radius: 10px;
+  color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+.dashboard-insights-panel > summary > span:nth-child(2) {
+  min-width: 0;
+  display: grid;
+  gap: 2px;
+}
+
+.dashboard-insights-panel > summary strong {
+  font-size: 14px;
+  font-weight: 650;
+}
+
+.dashboard-insights-panel > summary small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.insights-chevron {
+  color: var(--stitch-text-muted);
+  transition: transform 160ms ease;
+}
+
+.dashboard-insights-panel[open] .insights-chevron {
+  transform: rotate(90deg);
+}
+
+.dashboard-insights-panel[open] > summary {
+  border-bottom: 1px solid var(--stitch-border);
+}
+
+.dashboard-insights-panel .dashboard-widgets {
+  margin: 0;
+  padding: 20px;
+}
+
+.dashboard-insights-panel .widgets-section > header {
+  margin-bottom: 18px;
+}
+
+.settings-sidebar nav button.active,
+.settings-page[data-section="appearance"] .settings-sidebar nav button.active {
+  color: var(--stitch-on-primary);
+  background: var(--stitch-primary);
+}
+
+.settings-content {
+  padding-right: clamp(28px, 4vw, 64px);
+  padding-left: clamp(28px, 4vw, 64px);
+}
+
+.settings-heading > p:last-child,
+.integration-list article small,
+.security-callout small,
+.management-card small,
+.widget-option > p {
+  overflow-wrap: anywhere;
+}
+
+.management-title small,
+.rail-favorites nav a small,
+.rail-widget-link small,
+.rail-empty-action small,
+.results-note,
+.widget-option > header small {
+  font-size: 11px;
+}
+
+.new-app-badge {
+  display: inline-flex;
+  margin-left: 8px;
+  border: 1px solid color-mix(in srgb, var(--stitch-success) 42%, transparent);
+  border-radius: 5px;
+  padding: 2px 5px;
+  color: var(--stitch-success-bright);
+  background: color-mix(in srgb, var(--stitch-success) 10%, transparent);
+  font-size: 9px;
+  font-weight: 750;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.pagination {
+  min-height: 54px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 14px;
+}
+
+.pagination button,
+.catalog-more {
+  min-height: 38px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 9px;
+  padding: 0 14px;
+  color: var(--stitch-text);
+  background: var(--stitch-surface-low);
+}
+
+.pagination button:hover:not(:disabled),
+.catalog-more:hover {
+  border-color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+.pagination button:disabled {
+  color: var(--stitch-text-muted);
+  opacity: 0.46;
+}
+
+.pagination span {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.catalog-more {
+  display: flex;
+  margin: 18px auto 0;
+}
+
+.category-card-grid {
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 14px;
+}
+
+.category-card-grid .row-card {
+  min-height: 176px;
+  gap: 12px;
+  padding: 16px;
+}
+
+.category-card-grid .row-card label > span {
+  font-size: 11px;
+}
+
+.category-item-count {
+  white-space: nowrap;
+}
+
+.category-position {
+  right: 58px;
+  bottom: 20px;
+}
+
+.settings-page[data-section="favorites"] .compact-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  align-items: start;
+  gap: 16px;
+}
+
+.favorite-management {
+  min-width: 0;
+  padding: 18px;
+}
+
+.favorite-management .management-title {
+  display: grid;
+  grid-template-columns: 42px minmax(0, 1fr) auto auto;
+  gap: 10px;
+}
+
+.favorite-editor {
+  margin-top: 16px;
+  border-top: 1px solid var(--stitch-border);
+}
+
+.favorite-editor > summary {
+  padding: 14px 0 0;
+  color: var(--stitch-primary);
+  font-size: 12px;
+  font-weight: 650;
+  cursor: pointer;
+}
+
+.favorite-editor .favorite-fields {
+  margin-top: 14px;
+}
+
+.integration-section-heading {
+  display: grid;
+  gap: 4px;
+  margin: 28px 0 14px;
+}
+
+.integration-section-heading strong {
+  color: var(--stitch-text);
+  font-size: 18px;
+}
+
+.integration-section-heading small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.integration-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 16px;
+}
+
+.integration-list article {
+  position: relative;
+  min-width: 0;
+  min-height: 188px;
+  display: grid;
+  grid-template-columns: 46px minmax(0, 1fr);
+  grid-template-rows: 1fr;
+  align-items: start;
+  gap: 14px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 14px;
+  padding: 18px;
+  background: var(--stitch-surface-low);
+}
+
+.integration-list article > span:nth-child(2) {
+  min-width: 0;
+  display: grid;
+  gap: 7px;
+  padding-top: 4px;
+  padding-right: 74px;
+}
+
+.integration-list article > span:nth-child(2) > strong {
+  font-size: 15px;
+}
+
+.integration-list article > span:nth-child(2) > small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.integration-list .state-badge {
+  position: absolute;
+  top: 18px;
+  right: 18px;
+  width: auto;
+  white-space: nowrap;
+}
+
+.theme-grid {
+  gap: 18px;
+  margin-bottom: 30px;
+  padding-bottom: 30px;
+}
+
+.theme-card {
+  min-height: 176px;
+  grid-template-rows: 126px auto;
+}
+
+.theme-card .theme-preview {
+  height: 126px;
+}
+
+.settings-page[data-section="appearance"] .settings-content {
+  padding-right: clamp(28px, 4vw, 64px);
+  padding-left: clamp(28px, 4vw, 64px);
+}
+
+.canon-preference-columns {
+  gap: 24px;
+  margin-bottom: 30px;
+  padding-bottom: 30px;
+}
+
+.canon-preference-columns .option-card,
+.view-card {
+  min-height: 84px;
+}
+
+.toggle-list article {
+  min-height: 82px;
+}
+
+.appearance-advanced {
+  overflow: hidden;
+  border: 1px solid var(--stitch-border);
+  border-radius: 14px;
+  background: var(--stitch-surface-low);
+}
+
+.appearance-advanced > summary {
+  min-height: 72px;
+  display: flex;
+  align-items: center;
+  padding: 14px 18px;
+  color: var(--stitch-text);
+  cursor: pointer;
+}
+
+.appearance-advanced > summary > span {
+  display: grid;
+  gap: 3px;
+}
+
+.appearance-advanced > summary strong {
+  font-size: 15px;
+}
+
+.appearance-advanced > summary small {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.appearance-advanced-content {
+  border-top: 1px solid var(--stitch-border);
+  padding: 4px 18px 22px;
+}
+
+@media (max-width: 900px) {
+  .settings-layout {
+    display: block;
+    min-height: calc(100vh - 72px);
+  }
+
+  .settings-sidebar {
+    position: sticky;
+    top: 72px;
+    z-index: 35;
+    width: 100%;
+    height: auto;
+    overflow-x: auto;
+    border-right: 0;
+    border-bottom: 1px solid var(--stitch-border);
+    padding: 10px 16px;
+    background: var(--stitch-surface-low);
+    scrollbar-width: none;
+  }
+
+  .settings-sidebar::-webkit-scrollbar,
+  .settings-sidebar nav::-webkit-scrollbar {
+    display: none;
+  }
+
+  .settings-sidebar > .eyebrow,
+  .settings-sidebar > h1,
+  .settings-sidebar .local-note {
+    display: none;
+  }
+
+  .settings-sidebar nav {
+    display: flex;
+    width: max-content;
+    gap: 8px;
+  }
+
+  .settings-sidebar nav button {
+    min-height: 42px;
+    flex: 0 0 auto;
+    gap: 8px;
+    padding: 0 14px;
+    font-size: 12px;
+  }
+
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    max-width: none;
+    padding: 28px 22px 100px;
+  }
+}
+
+@media (max-width: 600px) {
+  .settings-topbar {
+    height: 116px;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-rows: 56px 44px;
+    gap: 4px 12px;
+    padding: 4px 16px 12px;
+  }
+
+  .settings-topbar .settings-brand {
+    grid-column: 1;
+    grid-row: 1;
+    justify-self: start;
+  }
+
+  .settings-topbar .saving {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  .settings-global-search {
+    grid-column: 1 / -1;
+    grid-row: 2;
+    width: 100%;
+  }
+
+  .settings-global-search input::placeholder {
+    color: var(--stitch-text-muted);
+    opacity: 1;
+  }
+
+  .settings-sidebar {
+    top: 116px;
+  }
+
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    padding: 24px 16px 96px;
+  }
+
+  .settings-heading {
+    margin-bottom: 18px;
+  }
+
+  .settings-heading h2 {
+    font-size: 27px;
+    line-height: 1.18;
+  }
+
+  .settings-heading > p:last-child {
+    font-size: 14px;
+    line-height: 1.55;
+  }
+
+  .app-management-row {
+    min-height: 0;
+    padding: 14px;
+  }
+
+  .pagination {
+    justify-content: space-between;
+  }
+
+  .pagination span {
+    text-align: center;
+  }
+
+  .category-card-grid,
+  .settings-page[data-section="favorites"] .compact-list,
+  .integration-list {
+    grid-template-columns: 1fr;
+  }
+
+  .favorite-management .management-title {
+    grid-template-columns: 42px minmax(0, 1fr) auto;
+  }
+
+  .favorite-management .favorite-visit-link {
+    grid-column: 2;
+    justify-self: start;
+    margin-left: 0;
+  }
+
+  .theme-grid {
+    gap: 14px;
+    margin-bottom: 24px;
+    padding-bottom: 24px;
+  }
+
+  .theme-card {
+    min-height: 160px;
+    grid-template-rows: 112px auto;
+  }
+
+  .theme-card .theme-preview {
+    height: 112px;
+  }
+
+  .dashboard-insights-panel {
+    margin-bottom: 24px;
+  }
+
+  .dashboard-insights-panel .dashboard-widgets {
+    padding: 14px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .app-tile,
+  .theme-card,
+  .visibility-toggle::after {
+    transition: none;
+  }
+}
+
+/* Canon settings upgrades: global discovery, richer management cards and safe restore. */
+.settings-topbar {
+  grid-template-columns: auto minmax(280px, 520px) 1fr auto;
+}
+
+.settings-global-search {
+  min-width: 0;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 10px;
+  padding: 0 12px;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-low);
+}
+
+.settings-global-search:focus-within {
+  border-color: var(--stitch-primary);
+  box-shadow: 0 0 0 3px
+    color-mix(in srgb, var(--stitch-primary) 14%, transparent);
+}
+
+.settings-global-search input {
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  padding: 0;
+  color: var(--stitch-text);
+  background: transparent;
+  outline: 0;
+}
+
+.settings-global-search button {
+  width: 28px;
+  height: 28px;
+  flex: 0 0 28px;
+  display: grid;
+  place-items: center;
+  border: 0;
+  border-radius: 7px;
+  padding: 0;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.settings-global-search button:hover {
+  color: var(--stitch-text);
+  background: var(--stitch-surface-high);
+}
+
+.settings-search-empty {
+  margin: 8px 12px;
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  line-height: 1.55;
+}
+
+.inline-select-control select {
+  min-width: 150px;
+  height: 40px;
+  border-color: var(--stitch-border);
+  background: var(--stitch-surface-high);
+}
+
+.favorite-visit-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: auto;
+  color: var(--stitch-primary);
+  font-size: 12px;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.favorite-management .danger-icon {
+  order: 4;
+}
+
+.favorite-management .favorite-visit-link {
+  order: 3;
+}
+
+.category-card-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18px;
+}
+
+.category-card-grid .row-card {
+  position: relative;
+  min-height: 220px;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-content: start;
+  gap: 16px 12px;
+  padding: 20px;
+  border-radius: 14px;
+}
+
+.category-card-grid .row-card label,
+.category-card-grid .row-card label.grow,
+.category-card-grid .row-card label.icon-field,
+.category-card-grid .row-card label.small-field {
+  width: auto;
+  margin: 0;
+}
+
+.category-card-grid .row-card label.grow {
+  grid-column: 1 / -1;
+}
+
+.category-card-grid .row-card label.icon-field {
+  grid-column: 1 / 3;
+}
+
+.category-card-grid .row-card label.small-field {
+  grid-column: 3;
+}
+
+.category-card-grid .row-card .danger-icon {
+  grid-column: 3;
+  justify-self: end;
+}
+
+.category-icon-preview {
+  width: 48px;
+  height: 48px;
+  display: grid;
+  place-items: center;
+  border-radius: 12px;
+  color: var(--stitch-primary);
+  background: var(--stitch-surface-highest);
+}
+
+.category-item-count {
+  grid-column: 3;
+  align-self: start;
+  border: 1px solid color-mix(in srgb, var(--stitch-success) 38%, transparent);
+  border-radius: 999px;
+  padding: 5px 9px;
+  color: var(--stitch-success-bright);
+  background: color-mix(in srgb, var(--stitch-success) 10%, transparent);
+  font-size: 11px;
+}
+
+.category-position {
+  position: absolute;
+  right: 64px;
+  bottom: 26px;
+  color: var(--stitch-text-muted);
+  font: 600 10px/1 var(--font-mono, monospace);
+}
+
+.backup-import-card {
+  display: flex;
+  flex-direction: column;
+}
+
+.backup-dropzone {
+  min-height: 188px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px dashed var(--stitch-border-strong);
+  border-radius: 12px;
+  padding: 18px;
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-surface-high) 70%, transparent);
+  text-align: center;
+}
+
+.backup-dropzone:hover,
+.backup-dropzone.dragging {
+  border-color: var(--stitch-primary);
+  background: color-mix(
+    in srgb,
+    var(--stitch-primary) 8%,
+    var(--stitch-surface-high)
+  );
+}
+
+.backup-dropzone .backup-icon {
+  margin-bottom: 4px;
+}
+
+.backup-dropzone > span:not(.backup-icon),
+.backup-dropzone small,
+.backup-success {
+  color: var(--stitch-text-muted);
+  font-size: 11px;
+}
+
+.backup-import-card > p {
+  min-height: 0;
+  margin: 14px 0 0;
+}
+
+.backup-success {
+  margin-top: 8px;
+  color: var(--stitch-success-bright);
+}
+
+html[data-reduced-motion="true"] *,
+html[data-reduced-motion="true"] *::before,
+html[data-reduced-motion="true"] *::after {
+  scroll-behavior: auto !important;
+  animation-duration: 0.01ms !important;
+  animation-iteration-count: 1 !important;
+  transition-duration: 0.01ms !important;
+}
+
+@media (max-width: 960px) {
+  .settings-topbar {
+    grid-template-columns: auto minmax(180px, 1fr) auto;
+    gap: 14px;
+  }
+
+  .settings-topbar nav {
+    display: none;
+  }
+
+  .category-card-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 600px) {
+  .settings-topbar {
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    padding: 0 14px;
+  }
+
+  .settings-global-search {
+    height: 38px;
+  }
+
+  .settings-global-search input::placeholder {
+    color: transparent;
+  }
+
+  .inline-select-control {
+    grid-column: 1 / -1;
+    width: 100%;
+  }
+
+  .inline-select-control select {
+    width: 100%;
+  }
+}
+
+/* Stitch launcher workspace: favorite rail + first-class live widgets. */
+.app-brand-icon {
+  width: var(--tile-icon);
+  height: var(--tile-icon);
+  flex: 0 0 var(--tile-icon);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 12px;
+  color: var(--stitch-primary);
+  background: var(--stitch-surface-highest);
+}
+
+.app-brand-icon svg {
+  width: 58%;
+  height: 58%;
+  flex: 0 0 auto;
+}
+
+.app-brand-icon.actual-brand {
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-surface-highest) 88%, white 12%);
+}
+
+.dashboard-topbar-inner,
+.dashboard-workspace {
+  width: min(calc(100% - 48px), 1680px);
+}
+
+.dashboard-workspace {
+  margin: 0 auto;
+  display: grid;
+  grid-template-columns: 248px minmax(0, 1fr);
+  align-items: start;
+  gap: 32px;
+}
+
+.dashboard-canvas {
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+}
+
+.dashboard-rail {
+  position: sticky;
+  top: 88px;
+  height: calc(100vh - 112px);
+  min-height: 520px;
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+  overflow: hidden;
+  border: 1px solid var(--stitch-border);
+  border-radius: 18px;
+  padding: 18px;
+  background: color-mix(in srgb, var(--stitch-surface) 72%, transparent);
+  backdrop-filter: blur(12px);
+}
+
+.rail-intro {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 12px;
+  border-bottom: 1px solid var(--stitch-border);
+  padding: 0 2px 16px;
+}
+
+.rail-intro span {
+  max-width: 110px;
+  color: var(--stitch-text-muted);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 15px;
+  text-transform: capitalize;
+}
+
+.rail-intro strong {
+  color: var(--stitch-text);
+  font-size: 20px;
+  font-weight: 550;
+  letter-spacing: -0.03em;
+}
+
+.rail-favorites {
+  min-height: 0;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+
+.rail-favorites > header,
+.rail-deck-health > header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.rail-favorites > header > span,
+.rail-deck-health > header > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--stitch-text);
+  font-size: 13px;
+  font-weight: 650;
+  letter-spacing: 0.02em;
+}
+
+.rail-favorites > header svg,
+.rail-deck-health > header svg {
+  color: var(--stitch-primary);
+}
+
+.rail-favorites > header button {
+  width: 30px;
+  height: 30px;
+  display: inline-grid;
+  place-items: center;
+  border: 1px solid var(--stitch-border);
+  border-radius: 9px;
+  padding: 0;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.rail-favorites > header button:hover {
+  border-color: var(--stitch-border-strong);
+  color: var(--stitch-text);
+  background: var(--stitch-surface-high);
+}
+
+.rail-favorites nav {
+  min-height: 0;
+  display: grid;
+  align-content: start;
+  gap: 6px;
+  overflow-y: auto;
+  margin-top: 12px;
+  padding-right: 2px;
+  scrollbar-width: thin;
+}
+
+.rail-favorite-folder {
+  display: grid;
+  gap: 5px;
+}
+
+.rail-folder-toggle {
+  width: 100%;
+  min-height: 40px;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto auto;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  padding: 8px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+  text-align: left;
+}
+
+.rail-folder-toggle:hover,
+.rail-folder-toggle:focus-visible,
+.rail-folder-toggle[aria-expanded="true"] {
+  border-color: var(--stitch-border);
+  color: var(--stitch-text);
+  background: var(--stitch-surface-high);
+}
+
+.rail-folder-toggle > svg:first-child {
+  color: var(--stitch-primary);
+}
+
+.rail-folder-toggle > span {
+  overflow: hidden;
+  font-size: 12px;
+  font-weight: 650;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rail-folder-toggle > small {
+  min-width: 22px;
+  border-radius: 999px;
+  padding: 2px 6px;
+  color: var(--stitch-text-muted);
+  background: color-mix(in srgb, var(--stitch-surface-high) 86%, transparent);
+  font-size: 10px;
+  text-align: center;
+}
+
+.rail-folder-toggle > svg:last-child {
+  transition: transform 160ms ease;
+}
+
+.rail-folder-toggle[aria-expanded="true"] > svg:last-child {
+  transform: rotate(180deg);
+}
+
+.rail-folder-links {
+  display: grid;
+  gap: 4px;
+  border-left: 1px solid var(--stitch-border);
+  margin-left: 15px;
+  padding-left: 6px;
+}
+
+.rail-favorites nav a {
+  min-width: 0;
+  min-height: 54px;
+  display: grid;
+  grid-template-columns: 38px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid transparent;
+  border-radius: 11px;
+  padding: 7px 8px;
+  color: var(--stitch-text);
+}
+
+.rail-favorites nav a:hover {
+  border-color: var(--stitch-border);
+  background: var(--stitch-surface-high);
+  transform: translateX(2px);
+}
+
+.rail-favorites .rail-app-icon {
+  width: 38px;
+  height: 38px;
+  flex-basis: 38px;
+  border-radius: 9px;
+  padding: 7px;
+  object-fit: contain;
+}
+
+.rail-favorites .rail-app-icon.app-brand-icon {
+  padding: 0;
+}
+
+.rail-favorites nav a > span:nth-child(2) {
+  min-width: 0;
+  display: grid;
+}
+
+.rail-favorites nav a strong,
+.rail-widget-link strong,
+.rail-empty-action strong {
+  overflow: hidden;
+  color: var(--stitch-text);
+  font-size: 13px;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rail-favorites nav a small,
+.rail-widget-link small,
+.rail-empty-action small {
+  overflow: hidden;
+  color: var(--stitch-text-muted);
+  font-size: 10px;
+  line-height: 15px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rail-favorites nav a > svg {
+  color: var(--stitch-text-muted);
+  opacity: 0;
+  transition: opacity 160ms ease;
+}
+
+.rail-favorites nav a:hover > svg {
+  opacity: 1;
+}
+
+.rail-empty-action {
+  min-height: 92px;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  margin-top: 12px;
+  border: 1px dashed var(--stitch-border-strong);
+  border-radius: 12px;
+  padding: 14px;
+  color: var(--stitch-primary);
+  background: transparent;
+  text-align: left;
+}
+
+.rail-empty-action > span {
+  min-width: 0;
+  display: grid;
+}
+
+.rail-deck-health {
+  border: 1px solid var(--stitch-border);
+  border-radius: 12px;
+  padding: 13px;
+  background: var(--stitch-surface-low);
+}
+
+.rail-deck-health > header > strong {
+  color: var(--stitch-success-bright);
+  font-size: 12px;
+}
+
+.rail-health-bar {
+  height: 4px;
+  overflow: hidden;
+  margin-top: 12px;
+  border-radius: 999px;
+  background: var(--stitch-surface-highest);
+}
+
+.rail-health-bar span {
+  height: 100%;
+  display: block;
+  border-radius: inherit;
+  background: var(--stitch-success-bright);
+}
+
+.rail-deck-health p {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 9px 0 10px;
+  color: var(--stitch-text-muted);
+  font-size: 10px;
+  line-height: 14px;
+}
+
+.rail-deck-health p svg {
+  flex: 0 0 auto;
+  color: var(--stitch-success-bright);
+}
+
+.rail-deck-health > button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  padding: 0;
+  color: var(--stitch-primary);
+  background: transparent;
+  font-size: 10px;
+  font-weight: 650;
+}
+
+.rail-widget-link {
+  min-height: 60px;
+  display: grid;
+  grid-template-columns: 36px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 12px;
+  padding: 10px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+  text-align: left;
+}
+
+.rail-widget-link:hover {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 45%,
+    var(--stitch-border)
+  );
+  background: var(--stitch-surface-high);
+}
+
+.rail-widget-icon {
+  width: 36px;
+  height: 36px;
+  display: grid;
+  place-items: center;
+  border-radius: 9px;
+  color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+.rail-widget-link > span:nth-child(2) {
+  min-width: 0;
+  display: grid;
+}
+
+.app-tile > .app-brand-icon {
+  grid-column: 1;
+  grid-row: 1;
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+}
+
+.app-tile.feature > .app-brand-icon {
+  grid-column: 1;
+  grid-row: 1;
+  width: 64px;
+  height: 64px;
+  border: 1px solid color-mix(in srgb, var(--stitch-primary) 28%, transparent);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--stitch-primary) 12%, transparent);
+}
+
+.favorite-grid .app-tile > .app-brand-icon {
+  width: 48px;
+  height: 48px;
+  flex: 0 0 48px;
+}
+
+.management-title > .app-brand-icon,
+.drawer-app-title > .app-brand-icon,
+.result-icon > .app-brand-icon {
+  width: 42px;
+  height: 42px;
+  flex-basis: 42px;
+  border-radius: 10px;
+}
+
+.dashboard-widgets {
+  margin: 0 0 40px;
+}
+
+.dashboard-widgets:empty {
+  display: none;
+}
+
+.dashboard-widgets .widgets-section {
+  margin: 0;
+}
+
+.dashboard-widgets .widgets-section > header {
+  margin-bottom: 16px;
+}
+
+.dashboard-widgets .widgets-section .section-kicker {
+  color: var(--stitch-primary);
+  font-size: 10px;
+  letter-spacing: 0.12em;
+}
+
+.dashboard-widgets .widgets-section h2 {
+  color: var(--stitch-text);
+  font-size: 20px;
+  font-weight: 520;
+  letter-spacing: -0.02em;
+}
+
+.dashboard-widgets .widgets-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.dashboard-widgets .widget-shell.widget-size-wide {
+  grid-column: 1 / -1;
+}
+
+.dashboard-widgets .service-widget,
+.dashboard-widgets .server-widget {
+  border: 1px solid var(--stitch-border);
+  border-radius: 16px;
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-surface) 74%, transparent);
+  box-shadow: none;
+}
+
+.dashboard-widgets .service-widget:hover,
+.dashboard-widgets .server-widget:hover {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 40%,
+    var(--stitch-border)
+  );
+  box-shadow: none;
+  transform: translateY(-2px);
+}
+
+.dashboard-widgets .widget-service-icon.app-brand-icon {
+  width: 42px;
+  height: 42px;
+  flex-basis: 42px;
+}
+
+.dashboard-widgets .widgets-edit,
+.dashboard-widgets .widgets-refresh {
+  border: 1px solid var(--stitch-border);
+  border-radius: 9px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.dashboard-widgets .widgets-edit:hover,
+.dashboard-widgets .widgets-refresh:hover,
+.dashboard-widgets .widgets-edit.active {
+  border-color: var(--stitch-border-strong);
+  color: var(--stitch-text);
+  background: var(--stitch-surface-high);
+}
+
+.app-tile > .app-brand-icon.actual-brand,
+.dashboard-widgets .app-brand-icon.actual-brand,
+.rail-favorites .app-brand-icon.actual-brand,
+.management-title > .app-brand-icon.actual-brand,
+.drawer-app-title > .app-brand-icon.actual-brand,
+.result-icon > .app-brand-icon.actual-brand {
+  background: #f3f4f8;
+}
+
+.app-tile > .app-icon-image,
+.dashboard-widgets .app-icon-image,
+.rail-favorites img.rail-app-icon,
+.management-title > .app-icon-image,
+.drawer-app-title > .app-icon-image,
+.result-icon > .app-icon-image {
+  background: #f3f4f8;
+}
+
+@media (min-width: 1101px) {
+  .favorites-section {
+    display: none;
+  }
+}
+
+@media (max-width: 1300px) and (min-width: 1101px) {
+  .dashboard-workspace {
+    grid-template-columns: 224px minmax(0, 1fr);
+    gap: 24px;
+  }
+
+  .dashboard-rail {
+    padding: 15px;
+  }
+
+  .dashboard-canvas .app-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .dashboard-canvas .app-grid.feature-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 1100px) {
+  .dashboard-workspace {
+    width: 100%;
+    display: block;
+  }
+
+  .dashboard-rail {
+    display: none;
+  }
+
+  .dashboard-canvas {
+    width: min(calc(100% - 48px), var(--stitch-canvas));
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .dashboard-widgets .widgets-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .dashboard-widgets .widget-shell.widget-size-wide {
+    grid-column: auto;
+  }
+
+  .dashboard-widgets {
+    order: 10;
+  }
+
+  .dashboard-footer {
+    order: 11;
+  }
+}
+
+@media (max-width: 720px) {
+  .dashboard-canvas {
+    width: calc(100% - 44px);
+  }
+
+  .favorite-grid .app-tile > .app-brand-icon {
+    width: 54px;
+    height: 54px;
+    flex-basis: 54px;
+  }
+
+  .app-tile.standard > .app-brand-icon {
+    grid-column: 1;
+    grid-row: 1;
+    width: 56px;
+    height: 56px;
+  }
+
+  .app-tile.feature > .app-brand-icon {
+    width: 52px;
+    height: 52px;
+    flex: 0 0 52px;
+    margin: 0 auto;
+    border: 0;
+    border-radius: 12px;
+    background: var(--stitch-surface-low);
+  }
+
+  .dashboard-widgets {
+    margin-bottom: 42px;
+  }
+
+  .dashboard-widgets .widgets-section > header {
+    align-items: flex-start;
+  }
+
+  .dashboard-widgets .widgets-actions {
+    width: 100%;
+  }
+
+  .dashboard-widgets .widgets-edit,
+  .dashboard-widgets .widgets-refresh {
+    flex: 1 1 0;
+    justify-content: center;
+  }
+}
+
+/* Cascade guard: platform geometry must win over the legacy launcher layer. */
+.dashboard-topbar-inner,
+.dashboard-workspace {
+  width: calc(100% - var(--platform-inset));
+  max-width: var(--platform-max);
+}
+
+.dashboard-workspace {
+  grid-template-columns: clamp(248px, 15vw, 292px) minmax(0, 1fr);
+  gap: clamp(24px, 2vw, 36px);
+}
+
+.dashboard-rail {
+  padding: 20px;
+}
+
+.rail-intro span,
+.rail-favorites nav a small,
+.rail-widget-link small,
+.rail-empty-action small,
+.rail-deck-health p,
+.rail-deck-health > button {
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.rail-favorites nav a strong,
+.rail-widget-link strong,
+.rail-empty-action strong,
+.rail-favorites > header > span,
+.rail-deck-health > header > span {
+  font-size: 14px;
+}
+
+.settings-layout {
+  width: calc(100% - var(--platform-inset));
+  max-width: var(--platform-max);
+  grid-template-columns: clamp(300px, 18vw, 348px) minmax(0, 1fr);
+  margin: 0 auto;
+}
+
+.settings-content,
+.settings-page[data-section="appearance"] .settings-content {
+  max-width: none;
+  padding-right: clamp(40px, 4vw, 76px);
+  padding-left: clamp(40px, 4vw, 76px);
+  font-size: 16px;
+}
+
+.settings-sidebar nav button {
+  font-size: 15.5px;
+  font-weight: 520;
+}
+
+.settings-heading .eyebrow {
+  font-size: 13px;
+}
+
+.settings-heading h2 {
+  font-size: clamp(34px, 2vw, 40px);
+  line-height: 1.15;
+}
+
+.settings-heading > p:last-child {
+  max-width: 900px;
+  font-size: 17px;
+  line-height: 1.6;
+}
+
+.settings-content :where(input, select, textarea, button) {
+  font-size: 15px;
+}
+
+.settings-global-search input {
+  font-size: 15.5px;
+}
+
+.settings-content
+  :where(
+    .management-title small,
+    .management-card small,
+    .widget-option > p,
+    .widget-option > header small,
+    .integration-list article small,
+    .security-callout small,
+    .toggle-list article small,
+    .appearance-advanced small,
+    .integration-section-heading small
+  ) {
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+@media (min-width: 1680px) {
+  .dashboard-canvas {
+    padding-right: calc(var(--widget-dock-width) + 32px);
+  }
+
+  .dashboard-insights-panel {
+    position: fixed;
+    z-index: 20;
+    top: 96px;
+    right: max(var(--platform-gutter), calc((100vw - var(--platform-max)) / 2));
+    width: var(--widget-dock-width);
+    max-height: calc(100vh - 120px);
+    overflow: auto;
+    margin: 0;
+    background: color-mix(in srgb, var(--stitch-surface) 92%, transparent);
+    box-shadow: 0 20px 70px rgb(0 0 0 / 0.18);
+    backdrop-filter: blur(20px);
+    scrollbar-width: thin;
+  }
+
+  .dashboard-insights-panel > summary {
+    position: sticky;
+    z-index: 3;
+    top: 0;
+    min-height: 76px;
+    background: color-mix(in srgb, var(--stitch-surface) 96%, transparent);
+    backdrop-filter: blur(16px);
+  }
+
+  .dashboard-insights-panel .widgets-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .dashboard-insights-panel .widget-shell.widget-size-wide {
+    grid-column: auto;
+  }
+
+  .dashboard-canvas .app-grid {
+    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
+  }
+
+  .dashboard-canvas .app-grid.feature-grid {
+    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  }
+}
+
+@media (max-width: 1399px) and (min-width: 1101px) {
+  .dashboard-workspace {
+    grid-template-columns: 232px minmax(0, 1fr);
+  }
+}
+
+@media (max-width: 1100px) {
+  .dashboard-workspace {
+    width: 100%;
+    display: block;
+  }
+}
+
+@media (max-width: 900px) {
+  .settings-layout {
+    width: 100%;
+    display: block;
+  }
+
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    padding: 28px 22px 100px;
+    font-size: 15px;
+  }
+}
+
+@media (max-width: 600px) {
+  .settings-content,
+  .settings-page[data-section="appearance"] .settings-content {
+    padding: 24px 16px 96px;
+  }
+}
+
+/* Stitch edge rails: the dashboard and settings navigation now use the same
+   anchored shell language instead of floating inside a conservative canvas. */
+@media (min-width: 901px) {
+  .settings-layout {
+    width: 100%;
+    max-width: none;
+    margin: 0;
+    grid-template-columns: clamp(300px, 18vw, 348px) minmax(0, 1fr);
+  }
+
+  .settings-sidebar {
+    top: 72px;
+    height: calc(100vh - 72px);
+    min-height: calc(100vh - 72px);
+    border-radius: 0;
+    padding: 28px 14px 28px 30px;
+    background: var(--stitch-surface-low);
+    box-shadow: none;
+  }
+}
+
+@media (min-width: 1101px) {
+  .dashboard-topbar-inner {
+    width: calc(100% - 64px);
+    max-width: none;
+  }
+
+  .dashboard-workspace {
+    width: 100%;
+    max-width: none;
+    margin: 0;
+    grid-template-columns: clamp(300px, 18vw, 348px) minmax(0, 1fr);
+    gap: 0;
+    align-items: stretch;
+  }
+
+  .dashboard-rail {
+    position: sticky;
+    top: 72px;
+    z-index: 24;
+    align-self: start;
+    height: calc(100vh - 72px);
+    min-height: calc(100vh - 72px);
+    overflow-y: auto;
+    border: 0;
+    border-right: 1px solid var(--stitch-border-strong);
+    border-radius: 0;
+    padding: 28px 14px 28px 30px;
+    background: var(--stitch-surface-low);
+    box-shadow: none;
+    backdrop-filter: none;
+    scrollbar-width: thin;
+  }
+
+  .dashboard-canvas {
+    width: 100%;
+    max-width: none;
+    padding: 34px clamp(34px, 4vw, 78px) 72px;
+  }
+
+  .dashboard-groups {
+    gap: clamp(38px, 3vw, 54px);
+  }
+
+  .app-section > header {
+    margin-bottom: 18px;
+  }
+
+  .app-section > header h2 {
+    font-size: clamp(22px, 1.45vw, 28px);
+    font-weight: 560;
+    letter-spacing: -0.035em;
+  }
+
+  .dashboard-canvas .app-grid {
+    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
+    gap: 16px;
+  }
+
+  .dashboard-canvas .app-grid.feature-grid {
+    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+  }
+}
+
+.rail-intro {
+  align-items: flex-start;
+  padding: 0 16px 20px;
+}
+
+.rail-intro span {
+  max-width: 150px;
+  font-size: 12.5px;
+  line-height: 1.45;
+}
+
+.rail-intro strong {
+  font-size: 24px;
+  font-weight: 620;
+}
+
+.rail-favorites,
+.rail-deck-health,
+.rail-widget-link,
+.rail-empty-action {
+  border-radius: 8px;
+}
+
+.rail-favorites {
+  padding: 0;
+}
+
+.rail-favorites > header,
+.rail-deck-health > header {
+  padding: 0 16px;
+}
+
+.rail-favorites > header > span,
+.rail-deck-health > header > span {
+  font-size: 14px;
+  font-weight: 650;
+  letter-spacing: 0;
+}
+
+.rail-favorites nav {
+  gap: 6px;
+  margin-top: 14px;
+  padding-right: 0;
+}
+
+.rail-favorites nav a,
+.rail-widget-link,
+.rail-empty-action {
+  min-height: 52px;
+  border: 0;
+  border-radius: 8px;
+  padding: 0 16px;
+  background: transparent;
+}
+
+.rail-favorites nav a {
+  grid-template-columns: 38px minmax(0, 1fr) auto;
+  gap: 12px;
+}
+
+.rail-favorites nav a:hover,
+.rail-widget-link:hover,
+.rail-empty-action:hover {
+  background: var(--stitch-surface);
+  transform: none;
+}
+
+.rail-favorites .rail-app-icon {
+  width: 38px;
+  height: 38px;
+  border-radius: 8px;
+  padding: 7px;
+}
+
+.rail-favorites nav a strong,
+.rail-widget-link strong,
+.rail-empty-action strong {
+  font-size: 14px;
+  font-weight: 590;
+}
+
+.rail-favorites nav a small,
+.rail-widget-link small,
+.rail-empty-action small {
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.rail-deck-health {
+  margin-top: 6px;
+  border: 1px solid var(--stitch-border);
+  padding: 18px 0;
+  background: color-mix(in srgb, var(--stitch-surface) 70%, transparent);
+}
+
+.rail-deck-health p,
+.rail-deck-health > button {
+  margin-right: 16px;
+  margin-left: 16px;
+}
+
+.rail-widget-link {
+  grid-template-columns: 38px minmax(0, 1fr) auto;
+  gap: 12px;
+}
+
+.rail-widget-icon {
+  width: 38px;
+  height: 38px;
+  border-radius: 8px;
+}
+
+@media (min-width: 721px) {
+  .app-tile.standard {
+    min-height: 132px;
+    grid-template-columns: 64px minmax(0, 1fr) auto;
+    grid-template-rows: auto 1fr auto;
+    gap: 14px 16px;
+    overflow: hidden;
+    border-radius: 8px;
+    padding: 18px;
+    border-color: color-mix(
+      in srgb,
+      var(--stitch-border-strong) 70%,
+      transparent
+    );
+    background:
+      radial-gradient(
+        circle at 0 0,
+        color-mix(in srgb, var(--stitch-primary) 16%, transparent),
+        transparent 38%
+      ),
+      linear-gradient(
+        135deg,
+        color-mix(in srgb, var(--stitch-surface-high) 94%, white 6%),
+        var(--stitch-surface)
+      );
+    box-shadow: 0 16px 42px rgb(0 0 0 / 0.08);
+    backdrop-filter: none;
+  }
+
+  .app-tile.standard::before {
+    content: "";
+    position: absolute;
+    inset: 0 auto 0 0;
+    width: 3px;
+    background: linear-gradient(
+      180deg,
+      var(--stitch-primary),
+      color-mix(in srgb, var(--stitch-primary) 35%, transparent)
+    );
+    opacity: 0.85;
+  }
+
+  .app-tile.standard > .app-icon-image,
+  .app-tile.standard > .app-monogram,
+  .app-tile.standard > .app-brand-icon {
+    grid-column: 1;
+    grid-row: 1 / span 2;
+    align-self: center;
+    width: 58px;
+    height: 58px;
+    border: 1px solid color-mix(in srgb, var(--stitch-border) 80%, transparent);
+    border-radius: 8px;
+    padding: 10px;
+    background: #f3f4f8;
+    box-shadow: 0 10px 24px rgb(15 23 42 / 0.1);
+  }
+
+  .app-tile.standard > .app-monogram {
+    padding: 0;
+    color: var(--stitch-primary);
+    background: color-mix(in srgb, var(--stitch-primary) 12%, white 88%);
+    font-size: 20px;
+  }
+
+  .app-tile.standard .tile-copy {
+    grid-column: 2;
+    grid-row: 1 / span 2;
+    align-self: center;
+    gap: 4px;
+  }
+
+  .app-tile.standard .tile-copy strong {
+    font-size: 17px;
+    font-weight: 650;
+    line-height: 1.2;
+    letter-spacing: -0.02em;
+  }
+
+  .app-tile.standard .tile-copy small {
+    display: -webkit-box;
+    overflow: hidden;
+    color: var(--stitch-text-muted);
+    font-size: 13px;
+    line-height: 1.35;
+    text-overflow: ellipsis;
+    white-space: normal;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+
+  .app-tile.standard .tile-status {
+    position: static;
+    grid-column: 1 / 3;
+    grid-row: 3;
+    justify-self: start;
+    min-height: 26px;
+    padding: 0 10px;
+    border-radius: 999px;
+    font-size: 12px;
+  }
+
+  .app-tile.standard .tile-arrow {
+    grid-column: 3;
+    grid-row: 1;
+    width: 34px;
+    height: 34px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--stitch-border);
+    border-radius: 999px;
+    padding: 8px;
+    color: var(--stitch-text-muted);
+    background: color-mix(
+      in srgb,
+      var(--stitch-surface-highest) 88%,
+      transparent
+    );
+    opacity: 1;
+  }
+
+  .app-tile.standard:hover,
+  .app-tile.standard:focus-visible {
+    border-color: color-mix(
+      in srgb,
+      var(--stitch-primary) 54%,
+      var(--stitch-border)
+    );
+    background:
+      radial-gradient(
+        circle at 0 0,
+        color-mix(in srgb, var(--stitch-primary) 22%, transparent),
+        transparent 42%
+      ),
+      var(--stitch-surface-high);
+    box-shadow: 0 22px 58px rgb(0 0 0 / 0.14);
+    transform: translateY(-3px);
+  }
+
+  .app-tile.standard:hover .tile-arrow,
+  .app-tile.standard:focus-visible .tile-arrow {
+    border-color: color-mix(
+      in srgb,
+      var(--stitch-primary) 42%,
+      var(--stitch-border)
+    );
+    color: var(--stitch-primary);
+    background: var(--stitch-primary-soft);
+  }
+
+  .app-tile.feature {
+    min-height: 154px;
+    border-radius: 8px;
+    padding: 26px 30px;
+    border-color: color-mix(
+      in srgb,
+      var(--stitch-primary) 26%,
+      var(--stitch-border)
+    );
+    background:
+      linear-gradient(
+        135deg,
+        color-mix(in srgb, var(--stitch-primary) 16%, transparent),
+        transparent 42%
+      ),
+      var(--stitch-surface-high);
+  }
+
+  .app-tile.feature > .app-icon-image,
+  .app-tile.feature > .app-monogram,
+  .app-tile.feature > .app-brand-icon {
+    border-radius: 8px;
+  }
+}
+
+@media (min-width: 1680px) {
+  .dashboard-canvas {
+    padding-right: calc(var(--widget-dock-width) + 78px);
+  }
+
+  .dashboard-insights-panel {
+    top: 72px;
+    right: 0;
+    width: var(--widget-dock-width);
+    height: calc(100vh - 72px);
+    max-height: none;
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-radius: 0;
+    background: var(--stitch-surface-low);
+    box-shadow: none;
+    backdrop-filter: none;
+  }
+
+  .dashboard-insights-panel > summary {
+    min-height: 72px;
+    background: var(--stitch-surface-low);
+    backdrop-filter: none;
+  }
+}
+
+/* Final cascade guard for the shared header and form-oriented settings views. */
+.dashboard-topbar,
+.settings-topbar.dashboard-topbar {
+  height: 72px;
+  display: block;
+  padding: 0;
+}
+
+.dashboard-topbar-inner {
+  height: 72px;
+}
+
+.settings-topbar .dashboard-topbar-inner {
+  grid-template-columns: minmax(190px, 1fr) minmax(320px, 560px) auto auto;
+}
+
+.integration-list.integration-settings-list {
+  display: flex;
+  grid-template-columns: none;
+  flex-direction: column;
+  gap: 0;
+}
+
+.integration-list.integration-settings-list article {
+  min-height: 0;
+  grid-template-columns: 46px minmax(0, 1fr) auto;
+  gap: 16px;
+  border: 0;
+  border-bottom: 1px solid var(--stitch-border);
+  border-radius: 0;
+  padding: 22px 24px;
+  background: transparent;
+}
+
+.integration-list.integration-settings-list article:last-child {
+  border-bottom: 0;
+}
+
+.integration-list.integration-settings-list article > span:nth-child(2) {
+  gap: 8px;
+  padding: 2px 0 0;
+}
+
+.integration-list.integration-settings-list .state-badge {
+  position: static;
+  align-self: start;
+  justify-self: end;
+  margin: 2px 0 0;
+}
+
+@media (max-width: 1300px) and (min-width: 721px) {
+  .settings-topbar .dashboard-topbar-inner {
+    grid-template-columns: auto minmax(260px, 1fr) auto;
+  }
+
+  .settings-topbar nav {
+    display: none;
+  }
+}
+
+@media (max-width: 720px) {
+  .settings-topbar.dashboard-topbar,
+  .settings-topbar.dashboard-topbar .dashboard-topbar-inner {
+    height: 116px;
+  }
+
+  .settings-topbar .dashboard-topbar-inner {
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-rows: 56px 48px;
+  }
+
+  .integration-list.integration-settings-list article {
+    grid-template-columns: 42px minmax(0, 1fr);
+    padding: 18px;
+  }
+}
+
+/* Integration typography must remain readable after all legacy overrides. */
+.settings-page[data-section="integrations"] .security-callout {
+  gap: 14px;
+  padding: 18px 20px;
+}
+
+.settings-page[data-section="integrations"] .security-callout strong,
+.settings-page[data-section="integrations"] .external-toggle strong {
+  font-size: 15px;
+}
+
+.settings-page[data-section="integrations"] .security-callout small,
+.settings-page[data-section="integrations"] .integration-section-heading small,
+.settings-page[data-section="integrations"]
+  .integration-settings-list
+  article
+  small,
+.settings-page[data-section="integrations"] .external-toggle small,
+.settings-page[data-section="integrations"] .credential-heading small {
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.settings-page[data-section="integrations"] .external-toggle {
+  min-height: 84px;
+  padding: 18px 20px;
+}
+
+.dashboard-topbar nav button,
+.settings-topbar nav button {
+  border-radius: 6px 6px 0 0;
+  padding-right: 9px;
+  padding-left: 9px;
+}
+
+.dashboard-topbar nav button:hover,
+.settings-topbar nav button:hover,
+.dashboard-topbar nav button:focus-visible,
+.settings-topbar nav button:focus-visible {
+  color: var(--stitch-text);
+  background: var(--stitch-primary-soft);
+}
+
+/* Widescreen audit: readable service panels and deliberate use of long canvases. */
+.settings-content :where(small, .integration-copy) {
+  font-size: 13px !important;
+  line-height: 1.5;
+}
+
+.settings-content :where(label > span:first-child, .setting-label) {
+  font-size: 12px !important;
+  line-height: 1.35;
+}
+
+.settings-content
+  :where(
+    .settings-summary span,
+    .filter-pills button,
+    .results-note,
+    .pagination span,
+    .favorite-visit-link,
+    .favorite-editor > summary
+  ) {
+  font-size: 12px;
+}
+
+.server-widget-config > header strong,
+.widget-studio-heading strong {
+  font-size: 16px;
+}
+
+.widget-config-heading > span,
+.widget-content-picker legend,
+.widget-advanced-config summary {
+  font-size: 12px;
+}
+
+.widget-size-picker strong,
+.widget-content-picker strong,
+.widget-config-section > header strong {
+  font-size: 13px;
+}
+
+.capability-features span,
+.credential-mode {
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.widget-option .secondary-button {
+  min-height: 38px;
+  font-size: 12px;
+}
+
+.backup-grid p {
+  font-size: 14px;
+}
+
+.privacy-note strong {
+  font-size: 14px;
+}
+
+.category-organizer {
+  max-width: 1120px;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 14px;
+  margin-bottom: 18px;
+  border: 1px solid
+    color-mix(in srgb, var(--stitch-primary) 30%, var(--stitch-border));
+  border-radius: 14px;
+  padding: 16px 18px;
+  background: color-mix(
+    in srgb,
+    var(--stitch-primary) 7%,
+    var(--stitch-surface-low)
+  );
+}
+
+.category-organizer > span:nth-child(2) {
+  display: grid;
+  gap: 4px;
+}
+
+.category-organizer strong {
+  font-size: 15px;
+}
+
+@media (min-width: 1400px) {
+  .settings-page[data-section="apps"]
+    .settings-content
+    :where(
+      .settings-summary,
+      .management-toolbar,
+      .results-note,
+      .management-table-head,
+      .management-list,
+      .pagination
+    ) {
+    width: 100%;
+    max-width: 2400px;
+  }
+
+  .settings-page[data-section="favorites"] .compact-list {
+    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
+  }
+
+  .settings-page[data-section="categories"] .category-card-grid {
+    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
+  }
+
+  .settings-page[data-section="integrations"]
+    :where(.integration-settings-list, .security-callout, .external-toggle) {
+    max-width: 2200px;
+  }
+
+  .settings-page[data-section="backup"] :where(.backup-grid, .privacy-note) {
+    max-width: 2200px;
+  }
+}
+
+@media (min-width: 1680px) {
+  :root {
+    --widget-dock-width: clamp(480px, 25vw, 540px);
+  }
+
+  .dashboard-insights-panel .dashboard-widgets {
+    padding: 24px;
+  }
+
+  .dashboard-insights-panel .widgets-grid {
+    gap: 16px;
+  }
+
+  .dashboard-insights-panel .service-widget {
+    padding: 20px;
+  }
+
+  .dashboard-insights-panel .widget-title small,
+  .dashboard-insights-panel .widget-state small,
+  .dashboard-insights-panel .provider-stats small,
+  .dashboard-insights-panel .provider-note,
+  .dashboard-insights-panel .widget-infra-line {
+    font-size: 11px !important;
+    line-height: 1.4;
+  }
+
+  .dashboard-insights-panel .widget-title strong {
+    font-size: 17px;
+  }
+
+  .dashboard-insights-panel .widget-state strong,
+  .dashboard-insights-panel .provider-stats strong {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 700px) {
+  .category-organizer {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .category-organizer .secondary-button {
+    grid-column: 1 / -1;
+    justify-content: center;
+  }
+}
+
+/* Premium canvas, weather and explicit controls */
+.visibility-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 38px;
+  padding: 0;
+}
+
+.visibility-toggle::before,
+.visibility-toggle::after {
+  content: none;
+}
+
+.visibility-toggle-track {
+  position: relative;
+  width: 52px;
+  height: 28px;
+  flex: 0 0 52px;
+  border: 1px solid var(--stitch-border-strong);
+  border-radius: 999px;
+  background: var(--stitch-surface-highest);
+  box-shadow: inset 0 2px 5px rgb(0 0 0 / 14%);
+  transition:
+    background 180ms ease,
+    border-color 180ms ease;
+}
+
+.visibility-toggle-track > span {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 2px 6px rgb(0 0 0 / 28%);
+  transform: translateX(0);
+  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.visibility-toggle.on .visibility-toggle-track {
+  border-color: color-mix(in srgb, var(--stitch-primary) 76%, white);
+  background: var(--stitch-primary);
+}
+
+.visibility-toggle.on .visibility-toggle-track > span {
+  transform: translateX(24px);
+}
+
+.visibility-toggle-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  white-space: nowrap;
+}
+
+.visibility-toggle .visibility-toggle-label svg {
+  display: block;
+}
+
+.weather-badge {
+  display: inline-flex;
+  min-width: 104px;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border: 1px solid
+    color-mix(in srgb, var(--stitch-primary) 24%, var(--stitch-border));
+  border-radius: 999px;
+  padding: 0 13px;
+  color: var(--stitch-text);
+  background: linear-gradient(
+    135deg,
+    color-mix(in srgb, var(--stitch-primary) 13%, var(--stitch-surface-high)),
+    color-mix(in srgb, var(--stitch-surface-high) 94%, transparent)
+  );
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
+}
+
+.weather-badge svg {
+  color: var(--stitch-primary);
+  filter: drop-shadow(
+    0 0 7px color-mix(in srgb, var(--stitch-primary) 45%, transparent)
+  );
+}
+
+.weather-badge strong {
+  font-size: 14px;
+  font-variant-numeric: tabular-nums;
+}
+
+.weather-badge > span {
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+}
+
+.weather-badge.loading {
+  opacity: 0.68;
+}
+
+.dashboard-canvas {
+  position: relative;
+  overflow: clip;
+  isolation: isolate;
+  min-height: calc(100vh - 72px);
+  background-color: var(--stitch-surface-lowest);
+  background-repeat: no-repeat;
+  transition: background-image 220ms ease;
+}
+
+:root[data-background="aurora"] .dashboard-canvas {
+  background-image:
+    radial-gradient(
+      circle at 10% 7%,
+      color-mix(in srgb, var(--stitch-primary) 28%, transparent) 0,
+      transparent 32rem
+    ),
+    radial-gradient(
+      circle at 82% 28%,
+      color-mix(in srgb, #7c5cff 20%, transparent) 0,
+      transparent 38rem
+    ),
+    radial-gradient(
+      circle at 52% 72%,
+      color-mix(in srgb, var(--stitch-success) 10%, transparent) 0,
+      transparent 34rem
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-lowest) 88%, transparent),
+      var(--stitch-surface-lowest) 72%
+    );
+}
+
+:root[data-background="grid"] .dashboard-canvas {
+  background-image:
+    linear-gradient(
+      color-mix(in srgb, var(--stitch-primary) 15%, transparent) 1px,
+      transparent 1px
+    ),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--stitch-primary) 15%, transparent) 1px,
+      transparent 1px
+    ),
+    radial-gradient(
+      circle at 18% 8%,
+      color-mix(in srgb, var(--stitch-primary) 15%, transparent),
+      transparent 30rem
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-low) 90%, transparent),
+      var(--stitch-surface-lowest) 76%
+    );
+  background-size:
+    40px 40px,
+    40px 40px,
+    auto,
+    auto;
+}
+
+:root[data-background="minimal"] .dashboard-canvas {
+  background-image: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-low) 42%, transparent),
+    transparent 34rem
+  );
+}
+
+.dashboard-wallpaper-stage {
+  position: fixed;
+  z-index: 0;
+  top: 72px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  pointer-events: none;
+  background: var(--stitch-surface-lowest);
+}
+
+.dashboard-wallpaper-stage img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.dashboard-wallpaper-ambient {
+  z-index: 0;
+  object-fit: cover;
+  object-position: var(--dashboard-wallpaper-position-x, 50%)
+    var(--dashboard-wallpaper-position-y, 50%);
+  filter: blur(30px) saturate(0.86) brightness(0.68);
+  transform: scale(1.06);
+}
+
+.dashboard-wallpaper-image {
+  z-index: 1;
+  object-fit: var(--dashboard-wallpaper-fit, contain);
+  object-position: var(--dashboard-wallpaper-position-x, 50%)
+    var(--dashboard-wallpaper-position-y, 50%);
+  transform: scale(var(--dashboard-wallpaper-zoom, 1));
+  transform-origin: var(--dashboard-wallpaper-position-x, 50%)
+    var(--dashboard-wallpaper-position-y, 50%);
+  transition:
+    transform 220ms ease,
+    object-position 220ms ease;
+}
+
+.dashboard-wallpaper-stage::after {
+  content: "";
+  position: absolute;
+  z-index: 2;
+  inset: 0;
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-lowest) 16%, transparent),
+    color-mix(in srgb, var(--stitch-surface-lowest) 28%, transparent)
+  );
+}
+
+:root[data-background="aurora"] .dashboard-wallpaper-stage::after {
+  background:
+    radial-gradient(
+      circle at 12% 9%,
+      color-mix(in srgb, var(--stitch-primary) 32%, transparent),
+      transparent 34rem
+    ),
+    radial-gradient(
+      circle at 84% 30%,
+      color-mix(in srgb, #7c5cff 24%, transparent),
+      transparent 40rem
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-lowest) 34%, transparent),
+      color-mix(in srgb, var(--stitch-surface-lowest) 64%, transparent) 82%,
+      var(--stitch-surface-lowest)
+    );
+}
+
+:root[data-background="grid"] .dashboard-wallpaper-stage::after {
+  background:
+    linear-gradient(
+      color-mix(in srgb, var(--stitch-primary) 22%, transparent) 1px,
+      transparent 1px
+    ),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--stitch-primary) 22%, transparent) 1px,
+      transparent 1px
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-lowest) 38%, transparent),
+      color-mix(in srgb, var(--stitch-surface-lowest) 68%, transparent) 82%,
+      var(--stitch-surface-lowest)
+    );
+  background-size:
+    40px 40px,
+    40px 40px,
+    auto;
+}
+
+:root[data-background="minimal"] .dashboard-wallpaper-stage::after {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-lowest) 26%, transparent),
+    color-mix(in srgb, var(--stitch-surface-lowest) 56%, transparent) 82%,
+    var(--stitch-surface-lowest)
+  );
+}
+
+/* An uploaded wallpaper owns the complete platform canvas. Presets only apply
+   while no wallpaper is present; rails and widgets become glass layers above it. */
+.dashboard.has-wallpaper {
+  position: relative;
+  isolation: isolate;
+  background: transparent;
+}
+
+.dashboard.has-wallpaper .dashboard-workspace {
+  position: relative;
+  z-index: 1;
+}
+
+:root[data-background] .dashboard.has-wallpaper .dashboard-canvas {
+  background-color: transparent;
+  background-image: none;
+}
+
+.dashboard.has-wallpaper .dashboard-canvas::before,
+.dashboard.has-wallpaper .dashboard-canvas::after {
+  content: none;
+}
+
+:root[data-background]
+  .dashboard.has-wallpaper
+  .dashboard-wallpaper-stage::after {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-lowest) 16%, transparent),
+    color-mix(in srgb, var(--stitch-surface-lowest) 28%, transparent)
+  );
+}
+
+.dashboard.has-wallpaper .dashboard-rail,
+.dashboard.has-wallpaper .dashboard-insights-panel,
+.dashboard.has-wallpaper .dashboard-insights-panel > summary {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-border-strong) 42%,
+    transparent
+  );
+  background: color-mix(in srgb, var(--stitch-surface-low) 62%, transparent);
+  box-shadow: 0 18px 55px rgb(2 8 23 / 12%);
+  backdrop-filter: blur(18px) saturate(1.1);
+}
+
+.dashboard.has-wallpaper .app-tile.standard,
+.dashboard.has-wallpaper .app-tile.feature,
+.dashboard.has-wallpaper .favorite-grid .app-tile,
+.dashboard.has-wallpaper .degraded-banner,
+.dashboard.has-wallpaper .soft-empty {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-border-strong) 74%,
+    transparent
+  );
+  background: color-mix(in srgb, var(--stitch-surface-high) 78%, transparent);
+  box-shadow: 0 14px 38px rgb(2 8 23 / 14%);
+  backdrop-filter: blur(16px) saturate(1.08);
+}
+
+.app-section > header h2::after {
+  content: "";
+  display: inline-block;
+  width: 42px;
+  height: 2px;
+  margin-left: 12px;
+  border-radius: 999px;
+  vertical-align: middle;
+  background: linear-gradient(90deg, var(--stitch-primary), transparent);
+}
+
+.app-tile {
+  position: relative;
+  overflow: hidden;
+}
+
+.app-tile::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(
+    115deg,
+    transparent 15%,
+    rgb(255 255 255 / 7%) 48%,
+    transparent 70%
+  );
+  transform: translateX(-130%);
+  transition: transform 520ms ease;
+}
+
+.app-tile:hover::after {
+  transform: translateX(130%);
+}
+
+.wallpaper-settings {
+  display: grid;
+  gap: 16px;
+  margin: 18px 0 30px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 22px;
+  padding: 18px;
+  background:
+    radial-gradient(
+      circle at 92% 8%,
+      color-mix(in srgb, var(--stitch-primary) 13%, transparent),
+      transparent 24rem
+    ),
+    color-mix(in srgb, var(--stitch-surface-high) 91%, transparent);
+}
+
+.wallpaper-editor-heading {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: center;
+}
+
+.wallpaper-editor-heading > span:nth-child(2) {
+  display: grid;
+  gap: 4px;
+}
+
+.wallpaper-editor-icon {
+  display: grid;
+  width: 40px;
+  height: 40px;
+  place-items: center;
+  border: 1px solid color-mix(in srgb, var(--stitch-primary) 30%, transparent);
+  border-radius: 12px;
+  color: var(--stitch-primary);
+  background: color-mix(in srgb, var(--stitch-primary) 12%, transparent);
+}
+
+.wallpaper-editor-preview {
+  position: relative;
+  isolation: isolate;
+  justify-self: center;
+  width: min(100%, 1600px);
+  aspect-ratio: 21 / 9;
+  min-height: 220px;
+  overflow: hidden;
+  border: 1px solid var(--stitch-border);
+  border-radius: 17px;
+  background:
+    radial-gradient(
+      circle at 25% 20%,
+      color-mix(in srgb, var(--stitch-primary) 38%, transparent),
+      transparent 55%
+    ),
+    var(--stitch-surface-highest);
+}
+
+.wallpaper-editor-preview img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  transition:
+    transform 140ms ease,
+    object-position 140ms ease;
+}
+
+.wallpaper-preview-image {
+  z-index: -2;
+}
+
+.wallpaper-preview-ambient {
+  z-index: -3;
+  object-fit: cover;
+  filter: blur(18px) saturate(0.86) brightness(0.68);
+  transform: scale(1.08);
+}
+
+.wallpaper-preview-empty {
+  display: grid;
+  height: 100%;
+  place-content: center;
+  justify-items: center;
+  gap: 8px;
+  color: var(--stitch-text-muted);
+}
+
+.wallpaper-preview-overlay {
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-lowest) 28%, transparent),
+    color-mix(in srgb, var(--stitch-surface-lowest) 62%, transparent)
+  );
+}
+
+.wallpaper-editor-preview.aurora .wallpaper-preview-overlay {
+  background:
+    radial-gradient(
+      circle at 74% 30%,
+      color-mix(in srgb, #7c5cff 27%, transparent),
+      transparent 48%
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-lowest) 26%, transparent),
+      color-mix(in srgb, var(--stitch-surface-lowest) 62%, transparent)
+    );
+}
+
+.wallpaper-editor-preview.grid .wallpaper-preview-overlay {
+  background:
+    linear-gradient(
+      color-mix(in srgb, var(--stitch-primary) 28%, transparent) 1px,
+      transparent 1px
+    ),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--stitch-primary) 28%, transparent) 1px,
+      transparent 1px
+    ),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--stitch-surface-lowest) 30%, transparent),
+      color-mix(in srgb, var(--stitch-surface-lowest) 64%, transparent)
+    );
+  background-size:
+    22px 22px,
+    22px 22px,
+    auto;
+}
+
+.wallpaper-editor-preview.has-wallpaper .wallpaper-preview-overlay {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--stitch-surface-lowest) 16%, transparent),
+    color-mix(in srgb, var(--stitch-surface-lowest) 28%, transparent)
+  );
+}
+
+.wallpaper-editor-preview.has-wallpaper
+  :where(.wallpaper-preview-sidebar, .wallpaper-preview-topbar) {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-border-strong) 42%,
+    transparent
+  );
+  background: color-mix(in srgb, var(--stitch-surface-low) 62%, transparent);
+}
+
+/* Responsive edge controls: preserve the generous ultrawide composition while
+   returning useful canvas space on Full HD and allowing every desktop rail to
+   get out of the way without losing its entry point. */
+.rail-collapse-button,
+.settings-sidebar-collapse {
+  position: static;
+  z-index: 6;
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  flex: 0 0 36px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--stitch-border);
+  border-radius: 8px;
+  color: var(--stitch-text-muted);
+  background: color-mix(in srgb, var(--stitch-surface-high) 88%, transparent);
+  box-shadow: none;
+  cursor: pointer;
+  transition:
+    color 160ms ease,
+    border-color 160ms ease,
+    background 160ms ease;
+}
+
+.rail-intro {
+  align-items: flex-start;
+}
+
+.rail-intro-copy {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.settings-sidebar-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 32px;
+}
+
+.settings-sidebar-header-copy {
+  min-width: 0;
+}
+
+.settings-sidebar-header .eyebrow {
+  margin: 0 0 3px;
+  color: var(--stitch-text);
+  font-size: 17px;
+  font-weight: 500;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+.settings-sidebar-header h1 {
+  margin: 0;
+}
+
+.rail-collapse-button:hover,
+.rail-collapse-button:focus-visible,
+.settings-sidebar-collapse:hover,
+.settings-sidebar-collapse:focus-visible {
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 44%,
+    var(--stitch-border)
+  );
+  color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+@media (min-width: 901px) {
+  .settings-layout {
+    grid-template-columns: clamp(236px, 13.5vw, 280px) minmax(0, 1fr);
+    transition: grid-template-columns 180ms ease;
+  }
+
+  .settings-layout.sidebar-collapsed {
+    grid-template-columns: 72px minmax(0, 1fr);
+  }
+
+  .settings-sidebar.is-collapsed {
+    width: 72px;
+    padding: 20px 14px 28px;
+  }
+
+  .settings-sidebar.is-collapsed > .local-note,
+  .settings-sidebar.is-collapsed .settings-nav-label,
+  .settings-sidebar.is-collapsed .settings-search-empty {
+    display: none;
+  }
+
+  .settings-sidebar.is-collapsed .settings-sidebar-header {
+    justify-content: center;
+    margin-bottom: 32px;
+  }
+
+  .settings-sidebar.is-collapsed .settings-sidebar-header-copy {
+    display: none;
+  }
+
+  .settings-sidebar.is-collapsed .settings-sidebar-collapse {
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+  }
+
+  .settings-sidebar.is-collapsed nav {
+    align-items: center;
+  }
+
+  .settings-sidebar.is-collapsed nav button {
+    width: 44px;
+    min-width: 44px;
+    justify-content: center;
+    padding-inline: 0;
+  }
+}
+
+@media (min-width: 1101px) {
+  .dashboard-workspace {
+    grid-template-columns: clamp(236px, 13.5vw, 280px) minmax(0, 1fr);
+    transition: grid-template-columns 180ms ease;
+  }
+
+  .dashboard-workspace.rail-collapsed {
+    grid-template-columns: 72px minmax(0, 1fr);
+  }
+
+  .dashboard-rail.is-collapsed {
+    width: 72px;
+    padding: 20px 14px 28px;
+    overflow: hidden;
+  }
+
+  .dashboard-rail.is-collapsed > :not(.rail-intro) {
+    display: none;
+  }
+
+  .dashboard-rail.is-collapsed .rail-intro {
+    width: 100%;
+    justify-content: center;
+    border-bottom: 0;
+    padding: 0;
+  }
+
+  .dashboard-rail.is-collapsed .rail-intro-copy {
+    display: none;
+  }
+
+  .dashboard-rail.is-collapsed .rail-collapse-button {
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+  }
+}
+
+@media (min-width: 1101px) and (max-width: 2559px) {
+  .category-tabs {
+    flex-wrap: wrap;
+    overflow-x: visible;
+    row-gap: 10px;
+  }
+}
+
+@media (min-width: 1680px) {
+  :root {
+    --widget-dock-width: clamp(390px, 21vw, 460px);
+  }
+
+  .dashboard-canvas {
+    padding-right: calc(var(--widget-dock-width) + 48px);
+  }
+
+  .dashboard-workspace:has(.dashboard-insights-panel.is-collapsed)
+    .dashboard-canvas {
+    padding-right: 96px;
+  }
+
+  .dashboard-insights-panel {
+    transition:
+      width 180ms ease,
+      background 180ms ease;
+  }
+
+  .dashboard-insights-panel.is-collapsed {
+    width: 64px;
+    overflow: hidden;
+  }
+
+  .dashboard-insights-panel.is-collapsed > summary {
+    width: 64px;
+    height: 100%;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 14px;
+    padding: 18px 0;
+  }
+
+  .dashboard-insights-panel.is-collapsed > summary > span:nth-child(2) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .dashboard-insights-panel.is-collapsed > summary::after {
+    content: "Live inzicht";
+    color: var(--stitch-text-muted);
+    font-size: 11px;
+    font-weight: 650;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    writing-mode: vertical-rl;
+  }
+
+  .dashboard-insights-panel.is-collapsed .insights-chevron {
+    display: none;
+  }
+}
+
+@media (min-width: 2560px) {
+  :root {
+    --widget-dock-width: clamp(480px, 21vw, 540px);
+  }
+
+  .dashboard-workspace {
+    grid-template-columns: clamp(300px, 10vw, 348px) minmax(0, 1fr);
+  }
+
+  .settings-layout {
+    grid-template-columns: clamp(300px, 10vw, 348px) minmax(0, 1fr);
+  }
+
+  .dashboard-workspace.rail-collapsed,
+  .settings-layout.sidebar-collapsed {
+    grid-template-columns: 72px minmax(0, 1fr);
+  }
+}
+
+@media (max-width: 1100px) {
+  .rail-collapse-button {
+    display: none;
+  }
+}
+
+@media (max-width: 900px) {
+  .settings-sidebar-collapse {
+    display: none;
+  }
+}
+
+.wallpaper-editor-preview.has-wallpaper .wallpaper-preview-card {
+  background: color-mix(in srgb, var(--stitch-surface-high) 78%, transparent);
+}
+
+.wallpaper-preview-sidebar,
+.wallpaper-preview-topbar,
+.wallpaper-preview-card {
+  position: absolute;
+  border: 1px solid color-mix(in srgb, var(--stitch-border) 84%, transparent);
+  background: color-mix(in srgb, var(--stitch-surface-high) 82%, transparent);
+  box-shadow: 0 12px 30px rgb(2 8 23 / 18%);
+  backdrop-filter: blur(8px);
+}
+
+.wallpaper-preview-sidebar {
+  inset: 0 auto 0 0;
+  width: 10%;
+  border-block: 0;
+  border-left: 0;
+}
+
+.wallpaper-preview-topbar {
+  inset: 0 0 auto 10%;
+  height: 14%;
+  border-top: 0;
+  border-right: 0;
+}
+
+.wallpaper-preview-card {
+  top: 36%;
+  width: 22%;
+  height: 28%;
+  border-radius: 9px;
+}
+
+.wallpaper-preview-card.one {
+  left: 16%;
+}
+
+.wallpaper-preview-card.two {
+  left: 41%;
+}
+
+.wallpaper-preview-card.three {
+  left: 66%;
+}
+
+.wallpaper-editor-controls {
+  display: grid;
+  justify-self: center;
+  width: min(100%, 1600px);
+  gap: 15px;
+  border-top: 1px solid var(--stitch-border);
+  padding-top: 16px;
+}
+
+.wallpaper-fit-control,
+.wallpaper-editor-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+}
+
+.wallpaper-fit-control > span {
+  display: grid;
+  gap: 3px;
+}
+
+.segmented-control {
+  display: inline-flex;
+  gap: 4px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 11px;
+  padding: 4px;
+  background: var(--stitch-surface-lowest);
+}
+
+.segmented-control button {
+  min-width: 92px;
+  border: 0;
+  border-radius: 8px;
+  padding: 8px 12px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+}
+
+.segmented-control button.active {
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-primary) 18%, transparent);
+  box-shadow: 0 4px 14px rgb(2 8 23 / 20%);
+}
+
+.wallpaper-slider-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.wallpaper-slider-grid label {
+  display: grid;
+  gap: 9px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 13px;
+  padding: 12px;
+  background: color-mix(in srgb, var(--stitch-surface-lowest) 62%, transparent);
+}
+
+.wallpaper-slider-grid label > span {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  color: var(--stitch-text-muted);
+  font-size: 0.82rem;
+}
+
+.wallpaper-slider-grid label > span strong {
+  color: var(--stitch-text);
+}
+
+.wallpaper-slider-grid input[type="range"] {
+  width: 100%;
+  accent-color: var(--stitch-primary);
+}
+
+.wallpaper-editor-footer > small {
+  max-width: 52ch;
+}
+
+.wallpaper-editor-footer > div {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+}
+
+.wallpaper-settings small {
+  color: var(--stitch-text-muted);
+  line-height: 1.5;
+}
+
+.wallpaper-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.weather-location-fields {
+  display: grid;
+  grid-template-columns: minmax(110px, 1.5fr) minmax(86px, 1fr) minmax(
+      86px,
+      1fr
+    );
+  gap: 7px;
+  max-width: 390px;
+}
+
+.weather-location-fields input {
+  min-width: 0;
+  height: 38px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 10px;
+  padding: 0 10px;
+  color: var(--stitch-text);
+  background: var(--stitch-surface-highest);
+}
+
+:root[data-reduced-motion="true"] .app-tile::after {
+  transition: none;
+}
+
+@media (max-width: 900px) {
+  .weather-badge > span {
+    display: none;
+  }
+  .weather-badge {
+    min-width: 72px;
+    padding-inline: 10px;
+  }
+  .wallpaper-settings {
+    padding: 14px;
+  }
+  .wallpaper-editor-heading {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+  .wallpaper-editor-heading .wallpaper-actions {
+    grid-column: 1 / -1;
+  }
+  .wallpaper-editor-preview {
+    aspect-ratio: 16 / 9;
+    min-height: 190px;
+  }
+  .wallpaper-fit-control,
+  .wallpaper-editor-footer {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .segmented-control,
+  .wallpaper-editor-footer > div {
+    width: 100%;
+  }
+  .segmented-control button,
+  .wallpaper-editor-footer button {
+    flex: 1;
+  }
+  .wallpaper-slider-grid {
+    grid-template-columns: 1fr;
+  }
+  .weather-location-row {
+    align-items: start;
+  }
+  .weather-location-fields {
+    grid-column: 1 / -1;
+    width: 100%;
+  }
+}
+
+/* Shared ordering controls. The dedicated handle keeps link cards safe to open. */
+.sortable-list {
+  min-width: 0;
+  overflow: visible;
+}
+
+.sortable-list-item {
+  position: relative;
+  min-width: 0;
+}
+
+.sortable-list-item.is-dragging {
+  z-index: 2;
+  opacity: 0.48;
+}
+
+.sortable-list-item.drop-before::before,
+.sortable-list-item.drop-after::after {
+  position: absolute;
+  z-index: 3;
+  right: 0;
+  left: 0;
+  height: 3px;
+  border-radius: 999px;
+  background: var(--stitch-primary);
+  box-shadow: 0 0 0 3px
+    color-mix(in srgb, var(--stitch-primary) 18%, transparent);
+  content: "";
+  pointer-events: none;
+}
+
+.sortable-list-item.drop-before::before {
+  top: -7px;
+}
+
+.sortable-list-item.drop-after::after {
+  bottom: -7px;
+}
+
+.sortable-list-empty {
+  min-width: 0;
+  border: 1px dashed var(--stitch-border-strong);
+  border-radius: 14px;
+  padding: 18px;
+  color: var(--stitch-text-muted);
+  background: color-mix(in srgb, var(--stitch-surface-low) 80%, transparent);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.sortable-card-tools {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.sortable-handle,
+.sortable-move-button {
+  width: 27px;
+  height: 27px;
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  border: 1px solid var(--stitch-border);
+  border-radius: 8px;
+  padding: 0;
+  color: var(--stitch-text-muted);
+  background: var(--stitch-surface-high);
+  cursor: pointer;
+  transition:
+    color 140ms ease,
+    border-color 140ms ease,
+    background 140ms ease;
+}
+
+.sortable-handle {
+  touch-action: none;
+  cursor: grab;
+}
+
+.sortable-handle:active {
+  cursor: grabbing;
+}
+
+.sortable-handle:hover,
+.sortable-move-button:hover:not(:disabled) {
+  border-color: var(--stitch-primary);
+  color: var(--stitch-primary);
+  background: var(--stitch-primary-soft);
+}
+
+.sortable-handle:focus-visible,
+.sortable-move-button:focus-visible {
+  outline: 2px solid var(--stitch-primary);
+  outline-offset: 2px;
+}
+
+.sortable-handle:disabled,
+.sortable-move-button:disabled {
+  cursor: default;
+  opacity: 0.38;
+}
+
+.sortable-card-tools button {
+  user-select: none;
+}
+
+.dashboard-sortable-card {
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: stretch;
+  gap: 6px;
+}
+
+.dashboard-sortable-card > .app-tile {
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+.dashboard-sort-tools {
+  flex: 0 0 29px;
+  flex-direction: column;
+  justify-content: center;
+  gap: 3px;
+}
+
+.dashboard-sort-tools .sortable-handle,
+.dashboard-sort-tools .sortable-move-button {
+  width: 26px;
+  height: 25px;
+}
+
+.favorite-sort-tools {
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+
+.category-sort-tools {
+  grid-column: 1 / -1;
+  justify-content: flex-end;
+}
+
+.favorite-management .favorite-sort-tools {
+  margin: 0 0 12px;
+}
+
+.category-card-grid > .sortable-list-item,
+.settings-page[data-section="favorites"] .compact-list > .sortable-list-item {
+  min-width: 0;
+}
+
+@media (max-width: 620px) {
+  .dashboard-sortable-card {
+    gap: 4px;
+  }
+
+  .dashboard-sort-tools {
+    flex-basis: 25px;
+  }
+
+  .dashboard-sort-tools .sortable-handle,
+  .dashboard-sort-tools .sortable-move-button {
+    width: 24px;
+    height: 24px;
+  }
+}
+
+.dashboard-launch-history {
+  min-width: 0;
+  margin: 0 0 26px;
+  padding: 4px 0 22px;
+  border-bottom: 1px solid var(--stitch-border);
+}
+
+.launch-history-header,
+.launch-history-heading,
+.launch-history-actions,
+.launch-history-tabs {
+  display: flex;
+  align-items: center;
+}
+
+.launch-history-header {
+  justify-content: space-between;
+  gap: 18px;
+  margin-bottom: 14px;
+}
+
+.launch-history-heading {
+  min-width: 0;
+  align-items: flex-start;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.launch-history-heading h2 {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  margin: 0;
+  color: var(--stitch-text);
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 23px;
+  letter-spacing: -0.02em;
+}
+
+.launch-history-heading h2 svg {
+  flex: 0 0 auto;
+  color: var(--stitch-primary);
+}
+
+.launch-history-heading > small {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  color: var(--stitch-text-muted);
+  font-size: 11px;
+  line-height: 16px;
+}
+
+.launch-history-actions {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 7px;
+}
+
+.launch-history-tabs {
+  gap: 2px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 10px;
+  padding: 3px;
+  background: color-mix(in srgb, var(--stitch-surface-low) 82%, transparent);
+}
+
+.launch-history-tabs button,
+.launch-history-action {
+  min-height: 31px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid transparent;
+  border-radius: 7px;
+  padding: 0 9px;
+  color: var(--stitch-text-muted);
+  background: transparent;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 600;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.launch-history-tabs button[aria-pressed="true"] {
+  border-color: var(--stitch-border);
+  color: var(--stitch-text);
+  background: var(--stitch-surface);
+  box-shadow: 0 1px 2px rgb(13 20 43 / 8%);
+}
+
+.launch-history-action {
+  border-color: var(--stitch-border);
+  background: color-mix(in srgb, var(--stitch-surface) 72%, transparent);
+}
+
+.launch-history-action:hover:not(:disabled) {
+  border-color: var(--stitch-border-strong);
+  color: var(--stitch-text);
+  background: var(--stitch-surface-high);
+}
+
+.launch-history-action:disabled {
+  opacity: 0.48;
+  cursor: not-allowed;
+}
+
+.launch-history-tabs button:focus-visible,
+.launch-history-action:focus-visible,
+.launch-history-card:focus-visible {
+  outline: 2px solid var(--stitch-primary);
+  outline-offset: 2px;
+}
+
+.launch-history-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 205px), 1fr));
+  gap: 9px;
+}
+
+.launch-history-card {
+  min-width: 0;
+  min-height: 62px;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  border: 1px solid var(--stitch-border);
+  border-radius: 12px;
+  padding: 10px 12px;
+  color: var(--stitch-text);
+  background: color-mix(in srgb, var(--stitch-surface) 70%, transparent);
+  text-decoration: none;
+  transition:
+    border-color 140ms ease,
+    background-color 140ms ease,
+    transform 140ms ease;
+}
+
+.launch-history-card:hover {
+  transform: translateY(-1px);
+  border-color: color-mix(
+    in srgb,
+    var(--stitch-primary) 38%,
+    var(--stitch-border)
+  );
+  background: var(--stitch-surface-high);
+}
+
+.launch-history-icon.app-icon-image,
+.launch-history-icon.app-brand-icon {
+  width: 35px;
+  height: 35px;
+  flex: 0 0 35px;
+  border-radius: 9px;
+  padding: 6px;
+}
+
+.launch-history-copy {
+  min-width: 0;
+  display: grid;
+  gap: 2px;
+}
+
+.launch-history-copy strong,
+.launch-history-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.launch-history-copy strong {
+  color: var(--stitch-text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 17px;
+}
+
+.launch-history-copy small {
+  color: var(--stitch-text-muted);
+  font-size: 10px;
+  line-height: 14px;
+}
+
+.launch-history-empty {
+  margin: 0;
+  border: 1px dashed var(--stitch-border-strong);
+  border-radius: 10px;
+  padding: 12px 14px;
+  color: var(--stitch-text-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+@media (max-width: 760px) {
+  .launch-history-header {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 11px;
+  }
+
+  .launch-history-actions {
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 480px) {
+  .launch-history-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .launch-history-actions {
+    width: 100%;
+    justify-content: flex-start;
+  }
+
+  .launch-history-toggle span {
+    display: none;
+  }
+}
+
+:root[data-reduced-motion="true"] .launch-history-card {
+  transition: none;
+}
diff --git a/src/client/styles.css b/src/client/styles.css
new file mode 100644
index 0000000..e3b4b98
--- /dev/null
+++ b/src/client/styles.css
@@ -0,0 +1,4522 @@
+:root {
+  font-family: "Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif;
+  color: #20231f;
+  background: #f3f4ef;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  --bg: #f3f4ef;
+  --surface: #fbfcf8;
+  --surface-raised: #ffffff;
+  --surface-muted: #eaebe5;
+  --text: #20231f;
+  --text-soft: #696d66;
+  --text-faint: #93978f;
+  --border: #dde0d8;
+  --border-strong: #ced1c8;
+  --accent: #e66040;
+  --accent-soft: #fae9e2;
+  --green: #4c9a69;
+  --amber: #c68b35;
+  --shadow: 0 18px 45px rgba(38, 43, 35, 0.07);
+  --shadow-soft: 0 5px 18px rgba(38, 43, 35, 0.045);
+  --radius-sm: 10px;
+  --radius: 16px;
+  --radius-lg: 24px;
+  --rail: 238px;
+  --content-max: 2300px;
+  --tile-min: 240px;
+  --tile-max: 380px;
+  --tile-height: 96px;
+  --tile-padding: 16px;
+  --tile-icon: 44px;
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --bg: #141613;
+  --surface: #191c18;
+  --surface-raised: #20231f;
+  --surface-muted: #292c27;
+  --text: #f0f1eb;
+  --text-soft: #adb1a8;
+  --text-faint: #7c8178;
+  --border: #30342e;
+  --border-strong: #41463e;
+  --accent: #f17a59;
+  --accent-soft: #38231d;
+  --green: #68b580;
+  --amber: #d9a455;
+  --shadow: 0 20px 55px rgba(0, 0, 0, 0.22);
+  --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.13);
+}
+
+:root[data-theme="harbor"] {
+  color-scheme: dark;
+  --bg: #0e1820;
+  --surface: #121f29;
+  --surface-raised: #172732;
+  --surface-muted: #20333e;
+  --text: #eef6f6;
+  --text-soft: #a9bdbe;
+  --text-faint: #718e91;
+  --border: #29404a;
+  --border-strong: #385761;
+  --accent: #e58963;
+  --accent-soft: #332924;
+  --green: #69b99b;
+  --amber: #d9ae67;
+  --shadow: 0 20px 55px rgba(3, 9, 13, 0.3);
+  --shadow-soft: 0 8px 20px rgba(3, 9, 13, 0.2);
+}
+
+:root[data-accent="coral"] {
+  --accent: #e66040;
+  --accent-soft: color-mix(in srgb, #e66040 14%, var(--surface));
+}
+:root[data-accent="ocean"] {
+  --accent: #3188c7;
+  --accent-soft: color-mix(in srgb, #3188c7 14%, var(--surface));
+}
+:root[data-accent="violet"] {
+  --accent: #8068d7;
+  --accent-soft: color-mix(in srgb, #8068d7 14%, var(--surface));
+}
+:root[data-accent="lime"] {
+  --accent: #65a84b;
+  --accent-soft: color-mix(in srgb, #65a84b 14%, var(--surface));
+}
+
+:root[data-content-width="focused"] {
+  --content-max: 1120px;
+}
+:root[data-content-width="wide"] {
+  --content-max: 2300px;
+}
+:root[data-content-width="fluid"] {
+  --content-max: 3200px;
+}
+
+:root[data-density="compact"] {
+  --tile-min: 190px;
+  --tile-max: 320px;
+  --tile-height: 76px;
+  --tile-padding: 12px;
+  --tile-icon: 36px;
+}
+:root[data-density="comfortable"] {
+  --tile-min: 240px;
+  --tile-max: 380px;
+  --tile-height: 96px;
+  --tile-padding: 16px;
+  --tile-icon: 44px;
+}
+:root[data-density="spacious"] {
+  --tile-min: 290px;
+  --tile-max: 460px;
+  --tile-height: 116px;
+  --tile-padding: 20px;
+  --tile-icon: 50px;
+}
+
+* {
+  box-sizing: border-box;
+}
+html {
+  min-width: 320px;
+  min-height: 100%;
+  background: var(--bg);
+}
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+  background: var(--bg);
+  color: var(--text);
+  overflow-x: hidden;
+}
+body::before {
+  content: "";
+  position: fixed;
+  z-index: -1;
+  inset: 0;
+  pointer-events: none;
+}
+:root[data-background="aurora"] body::before {
+  background:
+    radial-gradient(
+      circle at 72% -10%,
+      color-mix(in srgb, var(--accent) 14%, transparent),
+      transparent 32rem
+    ),
+    radial-gradient(
+      circle at 12% 88%,
+      color-mix(in srgb, var(--green) 8%, transparent),
+      transparent 28rem
+    );
+}
+:root[data-background="grid"] body::before {
+  opacity: 0.55;
+  background-image:
+    linear-gradient(var(--border) 1px, transparent 1px),
+    linear-gradient(90deg, var(--border) 1px, transparent 1px);
+  background-size: 42px 42px;
+  mask-image: linear-gradient(to bottom, black, transparent 85%);
+}
+:root[data-background="minimal"] body::before {
+  background: none;
+}
+button,
+input,
+select {
+  font: inherit;
+}
+button,
+a {
+  -webkit-tap-highlight-color: transparent;
+}
+button {
+  color: inherit;
+}
+button:focus-visible,
+a:focus-visible,
+input:focus-visible,
+select:focus-visible {
+  outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent);
+  outline-offset: 2px;
+}
+a {
+  color: inherit;
+}
+.skip-link {
+  position: fixed;
+  left: 12px;
+  top: -60px;
+  z-index: 1000;
+  background: var(--text);
+  color: var(--bg);
+  padding: 10px 14px;
+  border-radius: 8px;
+  transition: top 0.15s ease;
+}
+.skip-link:focus {
+  top: 12px;
+}
+.sr-only {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  clip-path: inset(50%) !important;
+}
+
+.app-shell {
+  min-height: 100vh;
+  isolation: isolate;
+}
+.rail {
+  position: fixed;
+  inset: 0 auto 0 0;
+  z-index: 20;
+  width: var(--rail);
+  padding: 31px 22px 25px;
+  border-right: 1px solid var(--border);
+  background: color-mix(in srgb, var(--surface) 86%, transparent);
+  display: flex;
+  flex-direction: column;
+  backdrop-filter: blur(14px);
+}
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 0;
+  background: none;
+  padding: 0 6px 29px;
+  cursor: pointer;
+  text-align: left;
+}
+.logo-mark {
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  color: #fff;
+  border-radius: 12px;
+  background: var(--accent);
+  box-shadow: 0 7px 18px color-mix(in srgb, var(--accent) 27%, transparent);
+  transform: rotate(-2deg);
+}
+.brand-copy {
+  display: grid;
+  line-height: 1.1;
+}
+.brand-copy strong {
+  font-size: 15px;
+  letter-spacing: -0.01em;
+}
+.brand-copy small {
+  color: var(--text-faint);
+  font-size: 10px;
+  margin-top: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+.rail nav {
+  display: grid;
+  gap: 7px;
+}
+.rail nav button {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 0;
+  border-radius: 11px;
+  padding: 11px 13px;
+  color: var(--text-soft);
+  background: transparent;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 600;
+  text-align: left;
+  transition: 0.16s ease;
+}
+.rail nav button:hover {
+  color: var(--text);
+  background: var(--surface-muted);
+}
+.rail nav button.active {
+  color: var(--text);
+  background: var(--surface-raised);
+  box-shadow: var(--shadow-soft);
+}
+.rail nav button.active svg {
+  color: var(--accent);
+}
+.rail-content {
+  min-height: 0;
+  display: grid;
+  gap: 12px;
+  margin-top: 38px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+}
+.rail-clock {
+  display: grid;
+  gap: 3px;
+  padding: 0 8px 13px;
+  border-bottom: 1px solid var(--border);
+}
+.rail-clock small {
+  color: var(--text-faint);
+  font-size: 9px;
+  text-transform: capitalize;
+}
+.rail-clock strong {
+  font-family: "Newsreader", Georgia, serif;
+  font-size: 29px;
+  font-weight: 500;
+  letter-spacing: -0.04em;
+}
+.rail-pulse,
+.rail-services {
+  border: 1px solid var(--border);
+  border-radius: 13px;
+  padding: 12px;
+  background: color-mix(in srgb, var(--surface-raised) 72%, transparent);
+}
+.rail-pulse header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 9px;
+}
+.rail-pulse header span {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-soft);
+  font-weight: 700;
+}
+.rail-pulse header svg,
+.rail-pulse header strong {
+  color: var(--accent);
+}
+.rail-progress {
+  height: 4px;
+  margin: 11px 0 8px;
+  overflow: hidden;
+  border-radius: 4px;
+  background: var(--surface-muted);
+}
+.rail-progress span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--green), var(--accent));
+}
+.rail-pulse p {
+  margin: 0;
+  color: var(--text-faint);
+  font-size: 8px;
+  line-height: 1.5;
+}
+.rail-services > small {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-bottom: 7px;
+  color: var(--text-faint);
+  font-size: 7px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+}
+.rail-favorite-icon {
+  width: 20px;
+  height: 20px;
+  flex-basis: 20px;
+  border-radius: 6px;
+  padding: 2px;
+  font-size: 8px;
+}
+.app-remove {
+  flex: 0 0 auto;
+}
+.rail-services a {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  border-radius: 8px;
+  padding: 7px 5px;
+  text-decoration: none;
+}
+.rail-services a:hover {
+  background: var(--surface-muted);
+}
+.rail-services a strong {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  font-size: 9px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rail-services a > svg {
+  color: var(--text-faint);
+}
+.rail-status {
+  margin-top: auto;
+  border-top: 1px solid var(--border);
+  padding: 19px 8px 0;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.rail-status > span:last-child {
+  display: grid;
+}
+.rail-status strong {
+  font-size: 11px;
+}
+.rail-status small {
+  font-size: 10px;
+  color: var(--text-faint);
+  margin-top: 2px;
+}
+.online-mark {
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--green);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--green) 13%, transparent);
+}
+.mobile-nav {
+  display: none;
+}
+
+.dashboard {
+  margin-left: var(--rail);
+  min-height: 100vh;
+  width: calc(100% - var(--rail));
+  padding: clamp(32px, 4vw, 72px) clamp(26px, 3vw, 84px) 36px;
+}
+.dashboard-hero,
+.dashboard-toolbar,
+.search-shell,
+.degraded-banner,
+.widgets-section,
+.category-tabs,
+.dashboard-groups,
+.empty-state,
+.dashboard-footer {
+  width: 100%;
+  max-width: var(--content-max);
+  margin-inline: auto;
+}
+.dashboard-hero {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
+  gap: clamp(28px, 4vw, 72px);
+  align-items: end;
+  margin-bottom: clamp(34px, 4vw, 54px);
+}
+.dashboard-hero::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -22px;
+  height: 1px;
+  background: linear-gradient(90deg, var(--border), transparent 80%);
+}
+.eyebrow {
+  margin: 0 0 12px;
+  color: var(--accent);
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.18em;
+}
+.hero-copy h1 {
+  margin: 0;
+  max-width: 820px;
+  font-size: clamp(42px, 4.25vw, 74px);
+  line-height: 0.94;
+  letter-spacing: -0.06em;
+  font-weight: 600;
+}
+.hero-copy h1 em {
+  display: block;
+  margin-top: 0.08em;
+  font-family: "Newsreader", Georgia, serif;
+  color: color-mix(in srgb, var(--text) 68%, var(--accent));
+  font-weight: 500;
+}
+.hero-intro {
+  max-width: 560px;
+  margin: 22px 0 0;
+  color: var(--text-soft);
+  font-size: 14px;
+  line-height: 1.65;
+}
+.hero-overview {
+  width: 100%;
+  max-width: 520px;
+  justify-self: end;
+  border: 1px solid color-mix(in srgb, var(--border) 80%, var(--accent));
+  border-radius: var(--radius-lg);
+  padding: 18px;
+  background: color-mix(in srgb, var(--surface-raised) 84%, transparent);
+  box-shadow: var(--shadow);
+  backdrop-filter: blur(18px);
+}
+.overview-topline {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 15px;
+  color: var(--text-soft);
+  font-size: 11px;
+  font-weight: 700;
+}
+.overview-topline > span {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+}
+.hero-metrics {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+}
+.hero-metrics > span {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  column-gap: 7px;
+  border: 1px solid var(--border);
+  border-radius: 13px;
+  padding: 11px;
+  background: var(--surface);
+}
+.hero-metrics svg {
+  grid-row: span 2;
+  color: var(--accent);
+}
+.hero-metrics strong {
+  font-size: 18px;
+  line-height: 1;
+}
+.hero-metrics small {
+  margin-top: 3px;
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 9px;
+  text-overflow: ellipsis;
+}
+.dashboard-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 28px;
+}
+.dashboard-toolbar h1 {
+  margin: 0;
+  font-size: clamp(28px, 3vw, 42px);
+  letter-spacing: -0.045em;
+}
+.icon-button {
+  width: 41px;
+  height: 41px;
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--border);
+  border-radius: 50%;
+  background: var(--surface);
+  color: var(--text-soft);
+  cursor: pointer;
+  transition: 0.16s ease;
+}
+.icon-button:hover {
+  color: var(--text);
+  border-color: var(--border-strong);
+  transform: translateY(-1px);
+}
+.icon-button:disabled {
+  opacity: 0.6;
+  cursor: wait;
+}
+
+.search-shell {
+  position: relative;
+  z-index: 10;
+  margin-bottom: 34px;
+}
+.search-bar {
+  height: 64px;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  padding: 0 18px 0 21px;
+  border: 1px solid var(--border);
+  border-radius: 19px;
+  background: color-mix(in srgb, var(--surface-raised) 92%, transparent);
+  box-shadow: 0 10px 34px rgba(20, 24, 20, 0.06);
+  backdrop-filter: blur(16px);
+  transition: 0.18s ease;
+}
+.search-shell.expanded .search-bar,
+.search-bar:focus-within {
+  border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
+  box-shadow: 0 10px 32px color-mix(in srgb, var(--accent) 8%, transparent);
+}
+.search-bar svg {
+  color: var(--text-faint);
+  flex: 0 0 auto;
+}
+.search-bar input {
+  flex: 1;
+  height: 100%;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--text);
+  font-size: 15px;
+}
+.search-bar input::placeholder {
+  color: var(--text-faint);
+}
+kbd {
+  border: 1px solid var(--border);
+  border-bottom-color: var(--border-strong);
+  border-radius: 6px;
+  padding: 4px 7px;
+  color: var(--text-faint);
+  background: var(--surface-muted);
+  font:
+    10px "Geist Variable",
+    sans-serif;
+}
+.search-results {
+  position: absolute;
+  top: calc(100% + 8px);
+  inset-inline: 0;
+  padding: 8px;
+  border: 1px solid var(--border);
+  border-radius: 17px;
+  background: var(--surface-raised);
+  box-shadow: var(--shadow);
+  animation: appear 0.15s ease both;
+}
+.search-results a,
+.search-results button {
+  width: 100%;
+  min-height: 56px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 0;
+  border-radius: 11px;
+  padding: 8px 11px;
+  text-align: left;
+  text-decoration: none;
+  background: transparent;
+  cursor: pointer;
+}
+.search-results a:hover,
+.search-results button:hover,
+.search-results a.selected {
+  background: var(--surface-muted);
+}
+.search-results a > span:nth-child(2),
+.search-results button > span:nth-child(2) {
+  flex: 1;
+  display: grid;
+}
+.search-results strong {
+  font-size: 13px;
+}
+.search-results small {
+  margin-top: 3px;
+  color: var(--text-faint);
+  font-size: 10px;
+}
+.result-icon {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 9px;
+  background: var(--accent-soft);
+  color: var(--accent);
+  font-size: 13px;
+  font-weight: 700;
+}
+.result-icon.google {
+  background: #e8eef8;
+  color: #356ac3;
+}
+.search-results > * > svg {
+  color: var(--text-faint);
+}
+.google-result {
+  border-top: 1px solid var(--border) !important;
+  border-radius: 0 0 11px 11px !important;
+  margin-top: 5px;
+}
+
+.degraded-banner {
+  margin: -12px auto 25px;
+  min-height: 44px;
+  display: flex;
+  gap: 11px;
+  align-items: center;
+  padding: 10px 13px;
+  border: 1px solid color-mix(in srgb, var(--amber) 25%, var(--border));
+  border-radius: 11px;
+  background: color-mix(in srgb, var(--amber) 8%, var(--surface));
+  font-size: 11px;
+  color: var(--text-soft);
+}
+.degraded-banner > span:nth-child(2) {
+  flex: 1;
+}
+.degraded-banner strong {
+  color: var(--text);
+}
+.degraded-banner button {
+  border: 0;
+  background: none;
+  color: var(--amber);
+  font-weight: 700;
+  cursor: pointer;
+}
+.status-pulse {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--amber);
+}
+.category-tabs {
+  margin: -10px auto 31px;
+  display: flex;
+  gap: 6px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.widgets-section {
+  margin: 0 auto clamp(34px, 3vw, 48px);
+}
+.widgets-section > header {
+  display: flex;
+  align-items: end;
+  justify-content: space-between;
+  padding: 0 2px 14px;
+}
+.widgets-section h2 {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: clamp(20px, 1.5vw, 24px);
+  letter-spacing: -0.025em;
+}
+.widgets-section h2 svg {
+  color: var(--accent);
+}
+.widgets-section > header > span,
+.widgets-refresh {
+  color: var(--text-faint);
+  font-size: 10px;
+}
+.widgets-refresh {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  padding: 7px 9px;
+  color: var(--text-soft);
+  background: transparent;
+  cursor: pointer;
+}
+.widgets-refresh:hover {
+  color: var(--accent);
+}
+.widgets-refresh:disabled {
+  cursor: wait;
+}
+.widgets-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  grid-auto-flow: dense;
+  gap: clamp(11px, 1vw, 16px);
+}
+.service-widget {
+  position: relative;
+  min-width: 0;
+  min-height: 250px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 17px;
+  color: var(--text);
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, var(--accent) 11%, transparent),
+      transparent 45%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+  box-shadow: var(--shadow-soft);
+  text-decoration: none;
+  transition:
+    transform 0.18s ease,
+    border-color 0.18s ease,
+    box-shadow 0.18s ease;
+}
+.service-widget.widget-size-compact {
+  min-height: 178px;
+  padding: 14px;
+}
+.service-widget.widget-size-standard {
+  min-height: 250px;
+}
+.service-widget.widget-size-wide {
+  grid-column: span 2;
+  min-height: 250px;
+  padding: 20px;
+}
+.widget-size-wide .provider-stats {
+  gap: 10px;
+}
+.widget-size-wide .provider-stats > span {
+  padding: 12px;
+}
+.widget-size-wide .widget-state {
+  max-width: 70%;
+}
+.widget-size-compact .widget-state {
+  margin: 14px 0 10px;
+}
+.widget-size-compact .provider-stats > span {
+  padding: 8px;
+}
+.widget-size-compact .widget-infra-line,
+.widget-size-compact .server-footer {
+  flex-wrap: wrap;
+  gap: 7px;
+}
+.service-widget:hover {
+  transform: translateY(-3px);
+  border-color: color-mix(in srgb, var(--accent) 33%, var(--border));
+  box-shadow: 0 18px 42px color-mix(in srgb, var(--accent) 9%, transparent);
+}
+.service-widget > header {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+}
+.widget-service-icon {
+  width: 42px;
+  height: 42px;
+  flex-basis: 42px;
+  border-radius: 12px;
+}
+.widget-title {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.widget-title small {
+  color: var(--text-faint);
+  font-size: 8px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.widget-title strong {
+  margin-top: 3px;
+  overflow: hidden;
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.widget-kind {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  border-radius: 10px;
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.widget-state {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  column-gap: 8px;
+  margin: 20px 0 15px;
+}
+.widget-state .status-dot {
+  grid-row: span 2;
+}
+.widget-state strong {
+  font-size: 12px;
+}
+.widget-state small {
+  margin-top: 2px;
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.widget-metrics {
+  display: grid;
+  grid-template-columns: 0.72fr 1fr 1.45fr;
+  gap: 6px;
+  margin-top: auto;
+}
+.widget-metrics > span {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  column-gap: 5px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 8px;
+  background: color-mix(in srgb, var(--surface) 80%, transparent);
+}
+.widget-metrics svg {
+  color: var(--text-faint);
+}
+.widget-metrics small {
+  color: var(--text-faint);
+  font-size: 7px;
+  text-transform: uppercase;
+}
+.widget-metrics strong {
+  grid-column: 1 / -1;
+  margin-top: 5px;
+  overflow: hidden;
+  font-size: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.widget-metrics .network-value {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 8px;
+}
+.provider-stats {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 7px;
+  margin-top: auto;
+}
+.provider-stats > span {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+  border: 1px solid var(--border);
+  border-radius: 11px;
+  padding: 10px;
+  background: color-mix(in srgb, var(--surface) 82%, transparent);
+}
+.provider-stats small {
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 7px;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+.provider-stats strong {
+  overflow: hidden;
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.provider-stats .stat-visual {
+  grid-column: 1 / -1;
+  width: 100%;
+  height: 4px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--text-faint) 18%, transparent);
+}
+.provider-stats .stat-visual i {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--accent);
+}
+.provider-stats .metric-style-gauge .stat-visual {
+  height: 6px;
+  padding: 1px;
+  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--border));
+  background: transparent;
+}
+.tailored-stats > span {
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  column-gap: 5px;
+}
+.tailored-stats svg {
+  grid-row: span 2;
+  color: var(--text-faint);
+}
+.tailored-stats strong {
+  grid-column: 1 / -1;
+}
+.provider-note {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 10px;
+  color: var(--amber);
+  font-size: 8px;
+}
+.service-widget-downloads {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, #f6a623 14%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.service-widget-dns {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, var(--green) 14%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.service-widget-media {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, #9d7df2 15%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.service-widget-ai {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, #4a9eff 14%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.service-widget-documents {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, #d39a5f 13%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.service-widget-security {
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, #58b99d 13%, transparent),
+      transparent 46%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.provider-stats .positive strong {
+  color: var(--green);
+}
+.provider-stats .warning strong {
+  color: var(--amber);
+}
+.widget-infra-line,
+.server-footer {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 12px;
+  color: var(--text-faint);
+  font-size: 8px;
+}
+.widget-infra-line span,
+.server-footer span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+.server-widget {
+  background:
+    radial-gradient(
+      circle at 95% 5%,
+      color-mix(in srgb, var(--green) 18%, transparent),
+      transparent 48%
+    ),
+    color-mix(in srgb, var(--surface-raised) 92%, transparent);
+}
+.server-widget-icon {
+  width: 42px;
+  height: 42px;
+  display: grid;
+  place-items: center;
+  border-radius: 12px;
+  color: var(--green);
+  background: color-mix(in srgb, var(--green) 11%, var(--surface));
+}
+.server-title-link {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 3px;
+  overflow: hidden;
+  text-decoration: none;
+}
+.server-title-link strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.server-title-link svg {
+  flex: 0 0 auto;
+  color: var(--green);
+}
+.server-health {
+  border-radius: 20px;
+  padding: 5px 8px;
+  color: var(--green);
+  background: color-mix(in srgb, var(--green) 10%, transparent);
+  font-size: 8px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.server-health.unknown {
+  color: var(--amber);
+  background: color-mix(in srgb, var(--amber) 10%, transparent);
+}
+.server-summary {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 17px 0 14px;
+}
+.server-summary > strong {
+  font-size: 38px;
+  line-height: 1;
+  letter-spacing: -0.06em;
+}
+.server-summary > span {
+  display: grid;
+  color: var(--text-soft);
+  font-size: 11px;
+  font-weight: 600;
+}
+.server-summary small {
+  margin-top: 4px;
+  color: var(--text-faint);
+  font-size: 8px;
+  font-weight: 400;
+}
+.server-stats {
+  margin-top: 0;
+}
+.server-stats > span {
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  column-gap: 5px;
+}
+.server-stats svg {
+  grid-row: span 2;
+  color: var(--text-faint);
+}
+.server-stats strong {
+  grid-column: 1 / -1;
+}
+.memory-track {
+  height: 3px;
+  margin-top: 11px;
+  overflow: hidden;
+  border-radius: 4px;
+  background: var(--surface-muted);
+}
+.memory-track span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--green), var(--accent));
+}
+.widget-arrow {
+  position: absolute;
+  right: 17px;
+  bottom: 15px;
+  opacity: 0;
+  color: var(--accent);
+  transition: opacity 0.18s ease;
+}
+.service-widget:hover .widget-arrow {
+  opacity: 1;
+}
+.service-widget.offline {
+  filter: saturate(0.72);
+}
+.category-tabs button {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid transparent;
+  border-radius: 20px;
+  padding: 8px 12px;
+  background: transparent;
+  color: var(--text-soft);
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.category-tabs button span {
+  margin-left: 1px;
+  color: var(--text-faint);
+}
+.category-tabs button:hover {
+  background: var(--surface-muted);
+}
+.category-tabs button.active {
+  background: var(--surface-raised);
+  border-color: var(--border);
+  color: var(--text);
+  box-shadow: var(--shadow-soft);
+}
+
+.dashboard-groups {
+  margin-bottom: 0;
+}
+.app-section {
+  margin: 0 0 clamp(34px, 4vw, 54px);
+}
+.app-section > header {
+  display: flex;
+  justify-content: space-between;
+  align-items: end;
+  padding: 0 2px 14px;
+}
+.section-kicker {
+  margin: 0 0 5px;
+  color: var(--text-faint);
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+}
+.app-section h2 {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: clamp(20px, 1.5vw, 24px);
+  letter-spacing: -0.025em;
+}
+.app-section h2 svg {
+  color: var(--accent);
+}
+.section-count {
+  color: var(--text-faint);
+  font-size: 11px;
+}
+.app-grid {
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(min(100%, var(--tile-min)), var(--tile-max))
+  );
+  gap: clamp(10px, 1vw, 15px);
+}
+.app-tile {
+  min-width: 0;
+  min-height: var(--tile-height);
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: var(--tile-padding);
+  color: var(--text);
+  background: color-mix(in srgb, var(--surface-raised) 92%, transparent);
+  box-shadow: var(--shadow-soft);
+  backdrop-filter: blur(14px);
+  text-decoration: none;
+  transition:
+    transform 0.18s ease,
+    box-shadow 0.18s ease,
+    border-color 0.18s ease;
+}
+.app-tile:hover {
+  transform: translateY(-4px) scale(1.008);
+  border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
+  box-shadow: 0 18px 42px color-mix(in srgb, var(--accent) 9%, transparent);
+}
+.app-tile.disabled {
+  opacity: 0.65;
+}
+.app-monogram,
+.app-icon-image {
+  width: var(--tile-icon);
+  height: var(--tile-icon);
+  flex: 0 0 var(--tile-icon);
+  border-radius: calc(var(--radius-sm) + 2px);
+}
+.app-monogram {
+  display: grid;
+  place-items: center;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 700;
+}
+.app-icon-image {
+  object-fit: contain;
+  background: var(--surface-muted);
+  padding: 5px;
+}
+.app-monogram.coral {
+  background: #dc6a4f;
+}
+.app-monogram.violet {
+  background: #7669ad;
+}
+.app-monogram.cyan {
+  background: #4598a0;
+}
+.app-monogram.lime {
+  background: #6e9b62;
+}
+.app-monogram.amber {
+  background: #c38c45;
+}
+.tile-copy {
+  min-width: 0;
+  display: grid;
+  flex: 1;
+}
+.tile-copy strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  letter-spacing: -0.01em;
+}
+.tile-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-faint);
+  font-size: 10px;
+  margin-top: 5px;
+}
+.status-dot {
+  width: 7px;
+  height: 7px;
+  flex: 0 0 7px;
+  border: 2px solid var(--surface-raised);
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px var(--border);
+}
+.status-dot.online {
+  background: var(--green);
+}
+.status-dot.offline {
+  background: var(--text-faint);
+}
+.status-dot.unknown {
+  background: var(--amber);
+}
+.status-icon {
+  color: var(--text-faint);
+}
+.tile-arrow {
+  opacity: 0;
+  transform: translate(-3px, 3px);
+  color: var(--text-faint);
+  transition: 0.18s ease;
+}
+.app-tile:hover .tile-arrow {
+  opacity: 1;
+  transform: translate(0, 0);
+}
+
+.empty-state {
+  min-height: min(460px, 52vh);
+  margin-bottom: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border: 1px dashed var(--border-strong);
+  border-radius: var(--radius-lg);
+  text-align: center;
+  background:
+    radial-gradient(
+      circle at 50% 0%,
+      color-mix(in srgb, var(--accent) 10%, transparent),
+      transparent 52%
+    ),
+    color-mix(in srgb, var(--surface) 78%, transparent);
+}
+.empty-icon {
+  width: 65px;
+  height: 65px;
+  display: grid;
+  place-items: center;
+  margin-bottom: 27px;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  color: var(--accent);
+  background: var(--surface-raised);
+  box-shadow: var(--shadow-soft);
+  transform: rotate(-3deg);
+}
+.empty-state h2 {
+  margin: 0 0 11px;
+  font-size: 26px;
+  letter-spacing: -0.04em;
+}
+.empty-state > p:not(.eyebrow) {
+  max-width: 440px;
+  margin: 0 20px 23px;
+  color: var(--text-soft);
+  font-size: 12px;
+  line-height: 1.7;
+}
+.primary-button,
+.secondary-button {
+  min-height: 39px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border-radius: 10px;
+  padding: 0 15px;
+  font-size: 11px;
+  font-weight: 700;
+  cursor: pointer;
+  text-decoration: none;
+  transition: 0.16s ease;
+}
+.primary-button {
+  border: 1px solid var(--accent);
+  color: #fff;
+  background: var(--accent);
+  box-shadow: 0 5px 15px color-mix(in srgb, var(--accent) 22%, transparent);
+}
+.primary-button:hover {
+  filter: brightness(1.04);
+  transform: translateY(-1px);
+}
+.secondary-button {
+  border: 1px solid var(--border);
+  color: var(--text);
+  background: var(--surface-raised);
+}
+.secondary-button:hover {
+  border-color: var(--border-strong);
+  background: var(--surface-muted);
+}
+.dashboard-footer {
+  margin: 18px auto 0;
+  padding: 17px 2px 0;
+  border-top: 1px solid var(--border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--text-faint);
+  font-size: 10px;
+}
+.dashboard-footer > span {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+}
+.dashboard-footer button {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  border: 0;
+  background: none;
+  color: var(--text-soft);
+  font-size: 10px;
+  cursor: pointer;
+}
+
+.settings-page {
+  margin-left: var(--rail);
+  min-height: 100vh;
+  width: calc(100% - var(--rail));
+}
+.settings-topbar {
+  height: 64px;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 36px;
+  background: color-mix(in srgb, var(--surface) 88%, transparent);
+  backdrop-filter: blur(16px);
+}
+.back-button {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  border: 0;
+  background: transparent;
+  color: var(--text-soft);
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.back-button:hover {
+  color: var(--text);
+}
+.saving {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  opacity: 0;
+  color: var(--text-faint);
+  font-size: 10px;
+  transition: opacity 0.15s;
+}
+.saving.visible {
+  opacity: 1;
+}
+.settings-layout {
+  display: grid;
+  grid-template-columns: 250px minmax(0, 1fr);
+  width: min(calc(100% - 72px), 1760px);
+  max-width: 1760px;
+  margin: 0 auto;
+  min-height: calc(100vh - 64px);
+}
+.settings-sidebar {
+  border-right: 1px solid var(--border);
+  padding: 50px 32px 30px 0;
+}
+.settings-sidebar h1 {
+  margin: 0 0 34px;
+  font-size: 28px;
+  letter-spacing: -0.04em;
+}
+.settings-sidebar nav {
+  display: grid;
+  gap: 5px;
+}
+.settings-sidebar nav button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border: 0;
+  border-radius: 10px;
+  min-height: 44px;
+  padding: 10px 13px;
+  background: transparent;
+  color: var(--text-soft);
+  font-size: 12px;
+  font-weight: 600;
+  text-align: left;
+  cursor: pointer;
+}
+.settings-sidebar nav button:hover {
+  background: var(--surface-muted);
+  color: var(--text);
+}
+.settings-sidebar nav button.active {
+  background: var(--surface-raised);
+  color: var(--text);
+  box-shadow: var(--shadow-soft);
+}
+.settings-sidebar nav button.active svg {
+  color: var(--accent);
+}
+.local-note {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 34px;
+  color: var(--text-faint);
+  font-size: 9px;
+  line-height: 1.5;
+}
+.local-note > span {
+  width: 6px;
+  height: 6px;
+  flex: 0 0 6px;
+  border-radius: 50%;
+  background: var(--green);
+}
+.settings-content {
+  min-width: 0;
+  padding: 52px 0 80px 60px;
+}
+.settings-heading {
+  max-width: 650px;
+  margin-bottom: 30px;
+}
+.settings-heading h2 {
+  margin: 0 0 10px;
+  font-size: clamp(30px, 3vw, 38px);
+  letter-spacing: -0.045em;
+}
+.settings-heading > p:last-child {
+  margin: 0;
+  color: var(--text-soft);
+  font-size: 13px;
+  line-height: 1.7;
+}
+.settings-summary {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 14px;
+}
+.settings-summary span {
+  min-width: 120px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 13px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--surface);
+  color: var(--text-soft);
+  font-size: 10px;
+}
+.settings-summary svg {
+  color: var(--accent);
+}
+.management-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 7px;
+}
+.settings-search {
+  position: relative;
+  min-width: 220px;
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.settings-search > svg {
+  position: absolute;
+  left: 12px;
+  color: var(--text-faint);
+}
+.settings-search input {
+  height: 42px;
+  padding-left: 38px;
+  background: var(--surface-raised);
+}
+.filter-pills {
+  display: flex;
+  gap: 4px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 4px;
+  background: var(--surface);
+}
+.filter-pills button {
+  min-height: 32px;
+  border: 0;
+  border-radius: 8px;
+  padding: 0 10px;
+  background: transparent;
+  color: var(--text-faint);
+  font-size: 9px;
+  font-weight: 700;
+  text-transform: capitalize;
+  cursor: pointer;
+}
+.filter-pills button.active {
+  background: var(--surface-raised);
+  color: var(--text);
+  box-shadow: var(--shadow-soft);
+}
+.results-note {
+  margin: 0 2px 12px;
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.management-list {
+  display: grid;
+  gap: 10px;
+}
+.management-card {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface-raised);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015);
+}
+.app-management {
+  padding: 16px;
+}
+.favorite-management {
+  padding: 16px;
+}
+.management-title {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.mini-monogram {
+  width: 35px;
+  height: 35px;
+  flex: 0 0 35px;
+  display: grid;
+  place-items: center;
+  border-radius: 9px;
+  background: var(--surface-muted);
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 700;
+}
+.management-title > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.management-title strong {
+  font-size: 12px;
+}
+.management-title small {
+  max-width: 400px;
+  margin-top: 3px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.visibility-toggle {
+  min-width: 85px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 7px 10px;
+  background: var(--surface-muted);
+  color: var(--text-soft);
+  font-size: 9px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.widget-toggle {
+  min-width: 86px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 7px 10px;
+  background: transparent;
+  color: var(--text-faint);
+  font-size: 9px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.widget-toggle.on {
+  border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.mini-service-icon {
+  width: 35px;
+  height: 35px;
+  flex-basis: 35px;
+  border-radius: 9px;
+}
+.visibility-toggle.on {
+  border-color: color-mix(in srgb, var(--green) 30%, var(--border));
+  background: color-mix(in srgb, var(--green) 10%, var(--surface));
+  color: var(--green);
+}
+.field-grid {
+  display: grid;
+  grid-template-columns: 1.3fr 1fr 90px;
+  gap: 12px;
+  margin-top: 16px;
+  padding-top: 15px;
+  border-top: 1px solid var(--border);
+}
+.field-grid .wide {
+  grid-column: span 2;
+}
+label {
+  min-width: 0;
+  display: grid;
+  gap: 6px;
+}
+label > span:first-child,
+.setting-label {
+  color: var(--text-faint);
+  font-size: 8px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+input,
+select {
+  width: 100%;
+  height: 36px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 0 10px;
+  outline: 0;
+  color: var(--text);
+  background: var(--surface);
+  font-size: 10px;
+  transition: border 0.15s;
+}
+input:hover,
+select:hover {
+  border-color: var(--border-strong);
+}
+input:focus,
+select:focus {
+  border-color: var(--accent);
+}
+.input-with-icon {
+  position: relative;
+}
+.input-with-icon svg {
+  position: absolute;
+  left: 10px;
+  top: 10px;
+  color: var(--text-faint);
+}
+.input-with-icon input {
+  padding-left: 32px;
+}
+.inline-status {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--text-soft);
+  font-size: 10px;
+  text-transform: capitalize;
+}
+.inline-status > span {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--text-faint);
+}
+.inline-status.online > span {
+  background: var(--green);
+}
+.inline-status.unknown > span {
+  background: var(--amber);
+}
+.add-button {
+  margin: -5px 0 16px;
+}
+.inline-form {
+  display: grid;
+  grid-template-columns: 1fr 1.5fr 1fr auto;
+  gap: 10px;
+  align-items: end;
+  margin-bottom: 17px;
+  padding: 16px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+  animation: appear 0.15s ease;
+}
+.favorite-form {
+  grid-template-columns: 1fr 1.4fr 1fr 1.2fr auto;
+}
+.compact-list {
+  margin-top: 10px;
+}
+.row-card {
+  min-height: 69px;
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  padding: 13px;
+}
+.row-card label {
+  width: 165px;
+}
+.row-card label.grow {
+  flex: 1;
+  width: auto;
+}
+.row-card label.small-field {
+  width: 80px;
+}
+.row-card label.icon-field {
+  width: 130px;
+}
+.danger-icon {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 34px;
+  border: 0;
+  border-radius: 8px;
+  color: var(--text-faint);
+  background: transparent;
+  cursor: pointer;
+}
+.danger-icon:hover {
+  color: #d0574a;
+  background: color-mix(in srgb, #d0574a 10%, transparent);
+}
+.number-pill {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  border-radius: 9px;
+  background: var(--surface-muted);
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.create-row {
+  display: flex;
+  gap: 9px;
+  margin-bottom: 14px;
+}
+.create-row input {
+  max-width: 300px;
+  height: 39px;
+}
+.soft-empty {
+  min-height: 180px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  border: 1px dashed var(--border-strong);
+  border-radius: var(--radius);
+  color: var(--text-faint);
+  text-align: center;
+}
+.soft-empty strong {
+  color: var(--text);
+  font-size: 12px;
+}
+.soft-empty span {
+  max-width: 320px;
+  font-size: 10px;
+  line-height: 1.5;
+}
+.compact-empty {
+  min-height: 140px;
+}
+
+.setting-label {
+  margin: 34px 0 12px;
+  font-size: 9px;
+}
+.theme-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+.theme-card {
+  position: relative;
+  min-width: 0;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 10px;
+  background: var(--surface-raised);
+  text-align: left;
+  cursor: pointer;
+}
+.theme-card:hover,
+.theme-card.selected {
+  border-color: var(--border-strong);
+  box-shadow: var(--shadow-soft);
+}
+.theme-card.selected {
+  box-shadow: 0 0 0 1px var(--accent);
+}
+.theme-card > svg {
+  position: absolute;
+  right: 12px;
+  bottom: 18px;
+  color: var(--accent);
+}
+.theme-card > span:nth-child(2) {
+  display: grid;
+  padding: 11px 3px 6px;
+}
+.theme-card strong {
+  font-size: 11px;
+}
+.theme-card small {
+  margin-top: 4px;
+  color: var(--text-faint);
+  font-size: 8px;
+  line-height: 1.4;
+}
+.theme-preview {
+  height: 85px;
+  display: flex;
+  align-items: end;
+  gap: 5px;
+  padding: 12px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: #f1f2ed;
+}
+.theme-preview.dark {
+  background: #171916;
+}
+.theme-preview.harbor {
+  background: #11212b;
+}
+.theme-preview i {
+  display: block;
+  flex: 1;
+  height: 44px;
+  border-radius: 6px;
+  background: #fff;
+  border: 1px solid #dedfd8;
+}
+.theme-preview i:nth-child(2) {
+  height: 58px;
+}
+.theme-preview.light i:first-child {
+  background: #e66040;
+  border-color: #e66040;
+}
+.theme-preview.dark i {
+  background: #252824;
+  border-color: #353a33;
+}
+.theme-preview.dark i:first-child {
+  background: #f17a59;
+}
+.theme-preview.harbor i {
+  background: #20333e;
+  border-color: #36515c;
+}
+.theme-preview.harbor i:first-child {
+  background: #e58963;
+}
+.view-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.view-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-height: 79px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 14px;
+  background: var(--surface-raised);
+  text-align: left;
+  cursor: pointer;
+}
+.view-card:hover,
+.view-card.selected {
+  border-color: var(--border-strong);
+}
+.view-card.selected {
+  box-shadow: 0 0 0 1px var(--accent);
+}
+.view-card > svg:first-child {
+  color: var(--accent);
+}
+.view-card > span {
+  flex: 1;
+  display: grid;
+}
+.view-card strong {
+  font-size: 11px;
+}
+.view-card small {
+  margin-top: 4px;
+  color: var(--text-faint);
+  font-size: 8px;
+}
+.view-card > svg:last-child {
+  color: var(--accent);
+}
+.appearance-preview {
+  position: relative;
+  min-height: 112px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  overflow: hidden;
+  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
+  border-radius: var(--radius-lg);
+  padding: 22px;
+  background:
+    radial-gradient(
+      circle at 12% 0%,
+      color-mix(in srgb, var(--accent) 20%, transparent),
+      transparent 45%
+    ),
+    var(--surface-raised);
+  box-shadow: var(--shadow-soft);
+}
+.appearance-preview > div {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.appearance-preview > div small {
+  color: var(--accent);
+  font-size: 8px;
+  font-weight: 800;
+  letter-spacing: 0.16em;
+}
+.appearance-preview > div strong {
+  margin-top: 5px;
+  font-size: 18px;
+  letter-spacing: -0.025em;
+}
+.appearance-preview > div span {
+  margin-top: 5px;
+  color: var(--text-soft);
+  font-size: 10px;
+}
+.appearance-preview > svg {
+  color: var(--accent);
+}
+.preview-orb {
+  width: 48px;
+  height: 48px;
+  flex: 0 0 48px;
+  border-radius: 16px;
+  background: linear-gradient(145deg, var(--accent), var(--green));
+  box-shadow: 0 12px 26px color-mix(in srgb, var(--accent) 25%, transparent);
+  transform: rotate(-7deg);
+}
+.accent-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 9px;
+}
+.accent-choice {
+  min-width: 0;
+  min-height: 49px;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 8px 10px;
+  background: var(--surface-raised);
+  color: var(--text-soft);
+  cursor: pointer;
+  font-size: 10px;
+  font-weight: 700;
+}
+.accent-choice.selected {
+  border-color: var(--accent);
+  color: var(--text);
+  box-shadow: 0 0 0 1px var(--accent);
+}
+.accent-choice > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.accent-choice > svg {
+  color: var(--accent);
+}
+.accent-swatch {
+  width: 22px;
+  height: 22px;
+  flex: 0 0 22px;
+  border-radius: 8px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
+}
+.accent-swatch.coral {
+  background: #e66040;
+}
+.accent-swatch.ocean {
+  background: #3188c7;
+}
+.accent-swatch.violet {
+  background: #8068d7;
+}
+.accent-swatch.lime {
+  background: #65a84b;
+}
+.choice-grid {
+  display: grid;
+  gap: 10px;
+}
+.choice-grid.three-up,
+.background-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.option-card {
+  position: relative;
+  min-width: 0;
+  min-height: 114px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+  background: var(--surface-raised);
+  text-align: left;
+  cursor: pointer;
+}
+.option-card:hover,
+.option-card.selected {
+  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
+  box-shadow: var(--shadow-soft);
+}
+.option-card > svg:first-child {
+  margin-bottom: 17px;
+  color: var(--accent);
+}
+.option-card > svg:last-child {
+  position: absolute;
+  right: 13px;
+  top: 13px;
+  color: var(--accent);
+}
+.option-card strong {
+  font-size: 11px;
+}
+.option-card small {
+  margin-top: 5px;
+  color: var(--text-faint);
+  font-size: 9px;
+  line-height: 1.45;
+}
+.background-grid {
+  display: grid;
+  gap: 10px;
+}
+.background-card {
+  position: relative;
+  min-width: 0;
+  display: grid;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 9px;
+  background: var(--surface-raised);
+  text-align: left;
+  cursor: pointer;
+}
+.background-card.selected {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 1px var(--accent);
+}
+.background-card > span:first-child {
+  height: 64px;
+  margin-bottom: 10px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background-color: var(--surface);
+}
+.background-card.aurora > span:first-child {
+  background:
+    radial-gradient(circle at 70% 0, var(--accent-soft), transparent 55%),
+    var(--surface);
+}
+.background-card.grid > span:first-child {
+  background-image:
+    linear-gradient(var(--border) 1px, transparent 1px),
+    linear-gradient(90deg, var(--border) 1px, transparent 1px);
+  background-size: 12px 12px;
+}
+.background-card strong,
+.background-card small {
+  padding-inline: 3px;
+}
+.background-card strong {
+  font-size: 11px;
+}
+.background-card small {
+  margin: 4px 0 4px;
+  color: var(--text-faint);
+  font-size: 8px;
+  line-height: 1.4;
+}
+.background-card > svg {
+  position: absolute;
+  right: 13px;
+  bottom: 18px;
+  color: var(--accent);
+}
+.toggle-list {
+  display: grid;
+  gap: 9px;
+}
+.toggle-list article {
+  min-height: 70px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  padding: 13px;
+  background: var(--surface-raised);
+}
+.toggle-icon {
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  border-radius: 11px;
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.toggle-list article > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.toggle-list strong {
+  font-size: 11px;
+}
+.toggle-list small {
+  margin-top: 4px;
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.widget-studio {
+  margin-bottom: 16px;
+  border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--border));
+  border-radius: 17px;
+  padding: 16px;
+  background:
+    linear-gradient(
+      145deg,
+      color-mix(in srgb, var(--accent) 6%, transparent),
+      transparent 38%
+    ),
+    var(--surface-raised);
+}
+.widget-studio-heading {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+}
+.studio-mark {
+  width: 38px;
+  height: 38px;
+  flex: 0 0 38px;
+  display: grid;
+  place-items: center;
+  border-radius: 11px;
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.widget-studio-heading > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.widget-studio-heading strong {
+  font-size: 12px;
+}
+.widget-studio-heading small {
+  margin-top: 3px;
+  color: var(--text-soft);
+  font-size: 9px;
+  line-height: 1.45;
+}
+.studio-capacity {
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 6px 9px;
+  color: var(--text-soft);
+  background: var(--surface);
+  font-size: 8px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+.widget-studio-toolbar {
+  display: flex;
+  gap: 8px;
+  margin: 14px 0 11px;
+}
+.widget-studio-toolbar > label {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.widget-studio-toolbar > label svg {
+  position: absolute;
+  left: 11px;
+  color: var(--text-faint);
+}
+.widget-studio-toolbar input {
+  height: 38px;
+  padding-left: 34px;
+  background: var(--surface);
+  font-size: 9px;
+}
+.studio-filters {
+  display: flex;
+  gap: 3px;
+  border: 1px solid var(--border);
+  border-radius: 11px;
+  padding: 3px;
+  background: var(--surface);
+}
+.studio-filters button {
+  border: 0;
+  border-radius: 8px;
+  padding: 0 9px;
+  color: var(--text-faint);
+  background: transparent;
+  font-size: 8px;
+  font-weight: 700;
+  text-transform: capitalize;
+  cursor: pointer;
+}
+.studio-filters button.active {
+  color: var(--text);
+  background: var(--surface-muted);
+}
+.widget-catalog {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+.widget-option {
+  min-width: 0;
+  display: grid;
+  grid-template-rows: auto auto auto 1fr;
+  border: 1px solid var(--border);
+  border-radius: 13px;
+  padding: 12px;
+  background: color-mix(in srgb, var(--surface) 84%, transparent);
+}
+.widget-option.active {
+  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
+  box-shadow: inset 0 0 0 1px var(--accent-soft);
+}
+.widget-option > header {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.widget-option-icon {
+  width: 31px;
+  height: 31px;
+  flex: 0 0 31px;
+  border-radius: 8px;
+}
+.widget-option > header > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.widget-option > header strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--text);
+  font-size: 10px;
+  white-space: nowrap;
+}
+.widget-option > header small {
+  margin-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--text-faint);
+  font-size: 7px;
+  white-space: nowrap;
+}
+.capability-source {
+  border-radius: 5px;
+  padding: 4px 5px;
+  color: var(--text-faint);
+  background: var(--surface-muted);
+  font-size: 6px;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+.capability-source.provider {
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.widget-option > p {
+  min-height: 31px;
+  margin: 9px 0 8px;
+  color: var(--text-soft);
+  font-size: 8px;
+  line-height: 1.5;
+}
+.capability-features {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.capability-features span {
+  border-radius: 5px;
+  padding: 3px 5px;
+  color: var(--text-faint);
+  background: var(--surface-muted);
+  font-size: 6px;
+  font-weight: 700;
+}
+.widget-option > footer {
+  align-self: end;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  margin-top: 11px;
+  padding-top: 9px;
+  border-top: 1px solid var(--border);
+}
+.credential-mode {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--text-faint);
+  font-size: 7px;
+  font-weight: 700;
+}
+.credential-mode.none {
+  color: var(--green);
+}
+.widget-option .secondary-button {
+  min-height: 30px;
+  padding: 0 8px;
+  font-size: 7px;
+}
+.widget-option .secondary-button.active {
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.server-widget-config {
+  margin-bottom: 12px;
+  border: 1px solid color-mix(in srgb, var(--green) 24%, var(--border));
+  border-radius: 17px;
+  padding: 16px;
+  background:
+    radial-gradient(
+      circle at 100% 0,
+      color-mix(in srgb, var(--green) 10%, transparent),
+      transparent 48%
+    ),
+    var(--surface-raised);
+}
+.server-widget-config > header {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+}
+.server-widget-config > header > span:nth-child(2) {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.server-widget-config > header strong {
+  font-size: 12px;
+}
+.server-widget-config > header small {
+  margin-top: 3px;
+  color: var(--text-soft);
+  font-size: 9px;
+}
+.widget-configurator {
+  grid-column: 1 / -1;
+  margin-top: 12px;
+  border-top: 1px solid var(--border);
+  padding-top: 12px;
+}
+.widget-config-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.widget-config-heading > span,
+.widget-content-picker legend {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  color: var(--text-soft);
+  font-size: 8px;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.widget-config-heading small {
+  color: var(--text-faint);
+  font-size: 7px;
+}
+.widget-size-picker {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 5px;
+}
+.widget-size-picker button {
+  min-width: 0;
+  display: grid;
+  gap: 2px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 8px;
+  color: var(--text-soft);
+  background: var(--surface);
+  text-align: left;
+  cursor: pointer;
+}
+.widget-size-picker button.active {
+  border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.widget-size-picker strong {
+  font-size: 8px;
+}
+.widget-size-picker small {
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 6px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.widget-content-picker {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+  margin: 12px 0 0;
+  border: 0;
+  padding: 0;
+}
+.widget-content-picker legend {
+  grid-column: 1 / -1;
+  margin-bottom: 2px;
+  padding: 0;
+}
+.widget-content-picker > button {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 8px;
+  background: color-mix(in srgb, var(--surface) 82%, transparent);
+  color: var(--text);
+  text-align: left;
+  cursor: pointer;
+}
+.widget-content-check {
+  width: 17px;
+  height: 17px;
+  flex: 0 0 17px;
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--border-strong);
+  border-radius: 5px;
+  color: var(--surface-raised);
+  background: var(--surface-raised);
+}
+.widget-content-picker > button.active .widget-content-check {
+  border-color: var(--accent);
+  background: var(--accent);
+}
+.widget-content-picker > button > span:last-child {
+  min-width: 0;
+  display: grid;
+}
+.widget-content-picker strong {
+  font-size: 8px;
+}
+.widget-content-picker small {
+  margin-top: 2px;
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 6px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.security-callout {
+  display: flex;
+  gap: 12px;
+  padding: 15px;
+  border: 1px solid color-mix(in srgb, var(--green) 22%, var(--border));
+  border-radius: 13px;
+  background: color-mix(in srgb, var(--green) 7%, var(--surface));
+}
+.security-callout > svg {
+  color: var(--green);
+}
+.security-callout span {
+  display: grid;
+}
+.security-callout strong {
+  font-size: 11px;
+}
+.security-callout small {
+  margin-top: 4px;
+  color: var(--text-soft);
+  font-size: 9px;
+  line-height: 1.5;
+}
+.integration-list {
+  display: grid;
+  gap: 8px;
+  margin-top: 14px;
+}
+.integration-list article {
+  min-height: 70px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 1px solid var(--border);
+  border-radius: 13px;
+  padding: 13px;
+  background: var(--surface-raised);
+}
+.integration-mark {
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  border-radius: 10px;
+  color: var(--green);
+  background: color-mix(in srgb, var(--green) 10%, var(--surface));
+}
+.integration-mark.degraded {
+  color: var(--amber);
+  background: color-mix(in srgb, var(--amber) 10%, var(--surface));
+}
+.integration-mark.disabled {
+  color: var(--text-faint);
+  background: var(--surface-muted);
+}
+.integration-copy {
+  min-width: 0;
+  flex: 1;
+  display: grid;
+}
+.integration-list strong {
+  font-size: 11px;
+}
+.integration-list small {
+  margin-top: 4px;
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.environment-keys {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 7px;
+}
+.environment-keys code {
+  border-radius: 5px;
+  padding: 3px 5px;
+  color: var(--text-soft);
+  background: var(--surface-muted);
+  font-size: 7px;
+}
+.credential-form {
+  display: grid;
+  gap: 11px;
+  margin-top: 13px;
+  padding-top: 13px;
+  border-top: 1px solid var(--border);
+}
+.credential-reconfigure {
+  justify-self: start;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 8px;
+  border: 0;
+  padding: 0;
+  color: var(--accent);
+  background: transparent;
+  font-size: 8px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.credential-heading {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+  color: var(--accent);
+}
+.credential-heading > span {
+  display: grid;
+}
+.credential-heading strong {
+  color: var(--text);
+  font-size: 9px;
+}
+.credential-heading small {
+  margin-top: 2px;
+  font-size: 8px;
+}
+.credential-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+.credential-fields label {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+}
+.credential-fields label:only-child {
+  grid-column: 1 / -1;
+}
+.credential-fields label > span {
+  color: var(--text-faint);
+  font-size: 8px;
+  font-weight: 700;
+}
+.credential-fields input {
+  width: 100%;
+  min-width: 0;
+  height: 38px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 0 10px;
+  color: var(--text);
+  background: var(--surface);
+  font: inherit;
+  font-size: 10px;
+}
+.credential-fields input:focus {
+  outline: 2px solid var(--accent-soft);
+  border-color: var(--accent);
+}
+.credential-save {
+  justify-self: start;
+  min-height: 35px;
+  padding: 0 12px;
+  font-size: 9px;
+}
+.state-badge {
+  border-radius: 20px;
+  padding: 5px 8px;
+  color: var(--green);
+  background: color-mix(in srgb, var(--green) 9%, transparent);
+  font-size: 8px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.state-badge.degraded {
+  color: var(--amber);
+  background: color-mix(in srgb, var(--amber) 10%, transparent);
+}
+.state-badge.disabled {
+  color: var(--text-faint);
+  background: var(--surface-muted);
+}
+.external-toggle {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  margin-top: 19px;
+  padding: 17px 2px;
+  border-top: 1px solid var(--border);
+}
+.external-toggle > span {
+  flex: 1;
+  display: grid;
+}
+.external-toggle strong {
+  font-size: 11px;
+}
+.external-toggle small {
+  margin-top: 5px;
+  color: var(--text-faint);
+  font-size: 9px;
+  line-height: 1.45;
+}
+.switch {
+  width: 39px;
+  height: 22px;
+  border: 0;
+  border-radius: 20px;
+  padding: 3px;
+  background: var(--surface-muted);
+  cursor: pointer;
+  transition: 0.15s;
+}
+.switch span {
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--surface-raised);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 0.15s;
+}
+.switch.on {
+  background: var(--accent);
+}
+.switch.on span {
+  transform: translateX(17px);
+}
+.backup-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+.backup-grid article {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 20px;
+  background: var(--surface-raised);
+}
+.backup-icon {
+  width: 43px;
+  height: 43px;
+  display: grid;
+  place-items: center;
+  border-radius: 12px;
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.backup-grid h3 {
+  margin: 20px 0 7px;
+  font-size: 14px;
+}
+.backup-grid p {
+  min-height: 48px;
+  margin: 0 0 18px;
+  color: var(--text-soft);
+  font-size: 9px;
+  line-height: 1.6;
+}
+.privacy-note {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  margin-top: 15px;
+  padding: 14px;
+  color: var(--text-soft);
+}
+.privacy-note svg {
+  color: var(--green);
+}
+.privacy-note span {
+  display: grid;
+}
+.privacy-note strong {
+  color: var(--text);
+  font-size: 10px;
+}
+.privacy-note small {
+  margin-top: 3px;
+  font-size: 8px;
+}
+.privacy-note code {
+  color: var(--accent);
+}
+
+.toast {
+  position: fixed;
+  z-index: 100;
+  right: 24px;
+  bottom: 24px;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  border: 1px solid var(--border);
+  border-radius: 11px;
+  padding: 11px 14px;
+  background: var(--text);
+  color: var(--bg);
+  box-shadow: var(--shadow);
+  font-size: 10px;
+  font-weight: 700;
+  animation: toast-in 0.2s ease both;
+}
+.toast svg {
+  color: var(--green);
+}
+.fatal-state {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 30px;
+  text-align: center;
+}
+.fatal-state .logo-mark {
+  margin-bottom: 35px;
+}
+.fatal-state h1 {
+  margin: 0 0 10px;
+  font-size: 34px;
+  letter-spacing: -0.05em;
+}
+.fatal-state > p:not(.eyebrow) {
+  max-width: 430px;
+  margin: 0 0 23px;
+  color: var(--text-soft);
+  font-size: 12px;
+}
+.loading-screen {
+  max-width: none;
+}
+.skeleton {
+  border-radius: 10px;
+  background: linear-gradient(
+    90deg,
+    var(--surface-muted) 25%,
+    var(--surface-raised) 50%,
+    var(--surface-muted) 75%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.5s infinite;
+}
+.skeleton.small {
+  width: 130px;
+  height: 9px;
+}
+.skeleton.title {
+  width: min(510px, 80%);
+  height: 104px;
+  margin: 17px 0 37px;
+}
+.skeleton.search {
+  max-width: var(--content-max);
+  height: 61px;
+  margin: 0 auto 45px;
+}
+.skeleton.section {
+  width: 150px;
+  height: 24px;
+  margin-bottom: 15px;
+}
+.skeleton-grid {
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fill,
+    minmax(min(100%, var(--tile-min)), 1fr)
+  );
+  gap: 11px;
+}
+.skeleton.card {
+  height: 91px;
+}
+.spin {
+  animation: spin 0.8s linear infinite;
+}
+@keyframes appear {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+}
+@keyframes toast-in {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+}
+@keyframes shimmer {
+  to {
+    background-position: -200% 0;
+  }
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.widget-shell {
+  position: relative;
+  min-width: 0;
+  display: flex;
+}
+.widget-shell.widget-size-wide {
+  grid-column: span 2;
+}
+.widget-shell > .service-widget {
+  width: 100%;
+  height: 100%;
+}
+.widget-shell > .service-widget.widget-size-wide {
+  grid-column: auto;
+}
+.widgets-actions {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.widgets-edit {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 7px 9px;
+  color: var(--text-soft);
+  background: var(--surface);
+  font-size: 9px;
+  cursor: pointer;
+}
+.widgets-edit.active {
+  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.widgets-grid.editing .widget-shell {
+  padding-top: 36px;
+}
+.widgets-grid.editing .service-widget {
+  pointer-events: none;
+}
+.widget-edit-error {
+  margin: -4px 0 9px;
+  color: var(--red);
+  font-size: 9px;
+}
+.widget-edit-toolbar {
+  position: absolute;
+  z-index: 3;
+  inset: 0 0 auto;
+  height: 31px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+}
+.widget-edit-toolbar button {
+  height: 28px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 0 8px;
+  color: var(--text-soft);
+  background: var(--surface-raised);
+  font-size: 8px;
+  cursor: pointer;
+}
+.widget-edit-toolbar button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.widget-freshness {
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 4px 6px;
+  color: var(--text-faint);
+  font-size: 6px;
+  font-weight: 800;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+.widget-freshness.fresh {
+  border-color: color-mix(in srgb, var(--green) 35%, var(--border));
+  color: var(--green);
+}
+.widget-freshness.stale,
+.widget-warning {
+  border-color: color-mix(in srgb, var(--amber) 55%, var(--border));
+}
+.widget-freshness.stale {
+  color: var(--amber);
+}
+.widget-sparkline {
+  display: grid;
+  gap: 4px;
+  margin: 10px 0 0;
+}
+.widget-sparkline svg {
+  width: 100%;
+  height: 30px;
+  overflow: visible;
+}
+.widget-sparkline polyline {
+  stroke: var(--accent);
+  stroke-width: 1.7;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  filter: drop-shadow(
+    0 3px 5px color-mix(in srgb, var(--accent) 25%, transparent)
+  );
+}
+.widget-sparkline polygon {
+  fill: color-mix(in srgb, var(--accent) 18%, transparent);
+}
+.widget-sparkline rect {
+  fill: color-mix(in srgb, var(--accent) 72%, transparent);
+}
+.widget-sparkline figcaption {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  color: var(--text-faint);
+  font-size: 7px;
+  white-space: nowrap;
+}
+.unraid-native-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+  margin-top: 10px;
+}
+.unraid-native-grid > span {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: 6px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 8px;
+  background: color-mix(in srgb, var(--surface) 78%, transparent);
+}
+.unraid-native-grid svg {
+  grid-row: 1 / 3;
+  color: var(--green);
+}
+.unraid-native-grid small,
+.unraid-native-grid em {
+  overflow: hidden;
+  color: var(--text-faint);
+  font-size: 7px;
+  font-style: normal;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.unraid-native-grid strong {
+  font-size: 10px;
+}
+.unraid-native-grid em {
+  grid-column: 2;
+  margin-top: 2px;
+}
+.server-widget-order {
+  width: 150px;
+  display: grid;
+  gap: 5px;
+  margin-top: 12px;
+  color: var(--text-soft);
+  font-size: 8px;
+  font-weight: 700;
+}
+
+.server-identity-fields {
+  display: grid;
+  grid-template-columns: minmax(160px, 0.7fr) minmax(260px, 1.3fr);
+  gap: 12px;
+  margin: 16px 0;
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  background: color-mix(in srgb, var(--surface) 72%, transparent);
+}
+
+.server-identity-fields label,
+.metric-visibility-list {
+  display: grid;
+  gap: 7px;
+}
+
+.server-identity-fields label > span,
+.metric-visibility-list > strong {
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.server-identity-fields small,
+.metric-visibility-list > small {
+  color: var(--muted);
+  font-size: 0.72rem;
+}
+
+.metric-visibility-list {
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--line);
+}
+
+.metric-visibility-list > div {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 8px;
+}
+
+.metric-config-row {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 92px;
+  gap: 6px;
+  align-items: stretch;
+}
+
+.metric-config-row > label {
+  display: flex;
+  align-items: stretch;
+}
+
+.metric-config-row select {
+  width: 100%;
+  min-height: 100%;
+  padding-inline: 8px;
+}
+
+.metric-visibility-list button {
+  display: grid;
+  gap: 3px;
+  min-height: 62px;
+  padding: 10px 12px;
+  color: var(--muted);
+  text-align: left;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  background: transparent;
+}
+
+.metric-visibility-list button.active {
+  color: var(--text);
+  border-color: color-mix(in srgb, var(--accent) 52%, var(--line));
+  background: color-mix(in srgb, var(--accent) 9%, transparent);
+}
+
+.metric-visibility-list button span {
+  font-weight: 700;
+}
+
+.metric-visibility-list button small {
+  color: inherit;
+  opacity: 0.72;
+}
+
+.widget-inline-connection {
+  display: grid;
+  gap: 6px;
+  margin-top: 14px;
+  padding: 14px;
+  border: 1px dashed color-mix(in srgb, var(--accent) 40%, var(--line));
+  border-radius: 14px;
+}
+
+.widget-inline-connection > small {
+  color: var(--muted);
+  font-size: 0.76rem;
+}
+
+.widget-data-contract {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin: 12px 0 16px;
+  padding: 12px 14px;
+  color: var(--muted);
+  font-size: 0.78rem;
+  border: 1px solid var(--line);
+  border-radius: 14px;
+}
+
+.widget-data-contract strong {
+  flex: 0 0 auto;
+  color: var(--text);
+}
+
+.widget-data-contract code {
+  display: block;
+  margin-top: 5px;
+  color: var(--text);
+  white-space: normal;
+}
+
+@media (max-width: 680px) {
+  .server-identity-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .metric-visibility-list > div {
+    grid-template-columns: 1fr;
+  }
+
+  .widget-data-contract {
+    flex-direction: column;
+  }
+
+  .widget-data-contract > span {
+    min-width: 0;
+  }
+
+  .widget-data-contract code {
+    overflow-wrap: anywhere;
+  }
+}
+.server-widget-order input {
+  width: 100%;
+}
+.widget-advanced-config {
+  grid-column: 1 / -1;
+  margin-top: 9px;
+  border-top: 1px solid var(--border);
+  padding-top: 9px;
+}
+.widget-advanced-config summary {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-soft);
+  font-size: 8px;
+  font-weight: 800;
+  cursor: pointer;
+}
+.widget-advanced-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+  margin-top: 10px;
+}
+.widget-config-section {
+  display: grid;
+  gap: 8px;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
+}
+.widget-config-section > header {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+  color: var(--text-soft);
+}
+.widget-config-section > header > span {
+  display: grid;
+  gap: 2px;
+}
+.widget-config-section > header strong {
+  font-size: 9px;
+}
+.widget-config-section > header small {
+  color: var(--text-faint);
+  font-size: 7px;
+}
+.widget-advanced-grid label {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+}
+.widget-advanced-grid label > span,
+.threshold-input > span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--text-faint);
+  font-size: 7px;
+  font-weight: 700;
+}
+.threshold-input {
+  position: relative;
+}
+.threshold-input input {
+  width: 100%;
+  padding-right: 24px;
+}
+.threshold-input > span {
+  position: absolute;
+  top: 50%;
+  right: 9px;
+  transform: translateY(-50%);
+}
+.sparkline-toggle {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 8px;
+  color: var(--text-soft);
+  background: var(--surface);
+  text-align: left;
+  cursor: pointer;
+}
+.sparkline-toggle.active {
+  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+.sparkline-toggle > span {
+  min-width: 0;
+  display: grid;
+}
+.sparkline-toggle strong {
+  font-size: 8px;
+}
+.sparkline-toggle small {
+  margin-top: 2px;
+  color: var(--text-faint);
+  font-size: 6px;
+}
+.metric-order-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  margin-top: 10px;
+}
+.metric-order-list > span {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 4px 5px 4px 8px;
+  background: var(--surface);
+}
+.metric-order-list strong {
+  margin-right: 3px;
+  font-size: 7px;
+}
+.metric-order-list button {
+  width: 22px;
+  height: 22px;
+  display: grid;
+  place-items: center;
+  border: 0;
+  border-radius: 5px;
+  color: var(--text-soft);
+  background: var(--surface-muted);
+  cursor: pointer;
+}
+.metric-order-list button:disabled {
+  opacity: 0.35;
+}
+.widget-presets {
+  margin-top: 14px;
+  border: 1px solid var(--border);
+  border-radius: 17px;
+  padding: 16px;
+  background: var(--surface-raised);
+}
+.widget-presets > header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.widget-presets > header > span:last-child {
+  display: grid;
+}
+.widget-presets > header strong {
+  font-size: 12px;
+}
+.widget-presets > header small {
+  margin-top: 2px;
+  color: var(--text-faint);
+  font-size: 8px;
+}
+.preset-create-row {
+  display: grid;
+  grid-template-columns: minmax(140px, 1fr) auto auto;
+  gap: 7px;
+  margin-top: 12px;
+}
+.preset-create-row button {
+  min-height: 38px;
+}
+.preset-list {
+  display: grid;
+  gap: 6px;
+  margin-top: 10px;
+}
+.preset-list > p {
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.preset-list article {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto auto auto;
+  align-items: center;
+  gap: 6px;
+  border-top: 1px solid var(--border);
+  padding-top: 8px;
+}
+.preset-list article > span {
+  min-width: 0;
+  display: grid;
+}
+.preset-list article strong {
+  font-size: 10px;
+}
+.preset-list article small {
+  color: var(--text-faint);
+  font-size: 7px;
+}
+.preset-list button,
+.preset-list a,
+.preset-create-row > button:not(.primary-button) {
+  min-height: 31px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 0 8px;
+  color: var(--text-soft);
+  background: var(--surface);
+  font-size: 8px;
+  text-decoration: none;
+  cursor: pointer;
+}
+.operations-overview {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+}
+.operations-overview article {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid var(--border);
+  border-radius: 13px;
+  padding: 13px;
+  background: var(--surface-raised);
+}
+.operations-overview article > span {
+  display: grid;
+}
+.operations-overview strong {
+  font-size: 18px;
+}
+.operations-overview small {
+  color: var(--text-faint);
+  font-size: 8px;
+}
+.diagnostics-run {
+  margin-top: 12px;
+}
+.diagnostics-error {
+  margin-top: 9px;
+  color: var(--red);
+  font-size: 9px;
+}
+.diagnostics-result {
+  margin-top: 12px;
+  border: 1px solid var(--border);
+  border-radius: 15px;
+  padding: 15px;
+  background: var(--surface-raised);
+}
+.diagnostics-result.healthy {
+  border-color: color-mix(in srgb, var(--green) 34%, var(--border));
+}
+.diagnostics-result > header {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+}
+.diagnostics-result > header > span {
+  display: grid;
+}
+.diagnostics-result > header strong {
+  text-transform: capitalize;
+}
+.diagnostics-result > header small {
+  color: var(--text-faint);
+  font-size: 8px;
+}
+.diagnostics-result dl {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 7px;
+  margin: 12px 0 0;
+}
+.diagnostics-result dl > div {
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 8px;
+}
+.diagnostics-result dt {
+  color: var(--text-faint);
+  font-size: 7px;
+}
+.diagnostics-result dd {
+  margin: 4px 0 0;
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: capitalize;
+}
+.operations-security {
+  margin-top: 12px;
+}
+
+@media (max-width: 1180px) {
+  :root {
+    --rail: 78px;
+  }
+  .rail {
+    padding-inline: 13px;
+    align-items: center;
+  }
+  .brand {
+    padding-inline: 0;
+  }
+  .brand-copy,
+  .rail nav button span,
+  .rail-content,
+  .rail-status > span:last-child {
+    display: none;
+  }
+  .rail nav button {
+    width: 48px;
+    height: 44px;
+    justify-content: center;
+    padding: 0;
+  }
+  .rail-status {
+    padding-inline: 0;
+  }
+  .app-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .settings-layout {
+    padding: 0 30px;
+  }
+}
+
+@media (max-width: 800px) {
+  :root {
+    --rail: 0px;
+  }
+  .rail {
+    display: none;
+  }
+  .dashboard,
+  .settings-page {
+    margin-left: 0;
+    width: 100%;
+    padding-bottom: 90px;
+  }
+  .dashboard {
+    padding: 38px 25px 95px;
+  }
+  .dashboard-hero {
+    grid-template-columns: 1fr;
+    gap: 25px;
+  }
+  .hero-copy h1 {
+    max-width: 680px;
+    font-size: clamp(40px, 8vw, 58px);
+  }
+  .hero-overview {
+    max-width: 560px;
+  }
+  .widgets-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .widget-advanced-grid,
+  .diagnostics-result dl {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .dashboard-header h1 {
+    font-size: 42px;
+  }
+  .app-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .settings-topbar {
+    padding: 0 22px;
+  }
+  .settings-layout {
+    display: block;
+    padding: 0 24px;
+  }
+  .settings-content {
+    max-width: 760px;
+    margin-inline: auto;
+  }
+  .settings-sidebar {
+    border: 0;
+    padding: 30px 0 5px;
+  }
+  .settings-sidebar h1 {
+    margin-bottom: 18px;
+  }
+  .settings-sidebar nav {
+    display: flex;
+    overflow-x: auto;
+    padding-bottom: 8px;
+    scrollbar-width: none;
+    scroll-snap-type: x proximity;
+    overscroll-behavior-inline: contain;
+  }
+  .settings-sidebar nav::-webkit-scrollbar {
+    display: none;
+  }
+  .settings-sidebar nav button {
+    flex: 0 0 auto;
+    scroll-snap-align: start;
+  }
+  .local-note {
+    display: none;
+  }
+  .settings-content {
+    padding: 32px 0 50px;
+  }
+  .mobile-nav {
+    position: fixed;
+    z-index: 30;
+    bottom: 13px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    gap: 4px;
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    padding: 5px;
+    background: color-mix(in srgb, var(--surface-raised) 90%, transparent);
+    box-shadow: var(--shadow);
+    backdrop-filter: blur(15px);
+  }
+  .mobile-nav button {
+    width: 100px;
+    height: 46px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 7px;
+    border: 0;
+    border-radius: 11px;
+    background: transparent;
+    color: var(--text-soft);
+    font-size: 9px;
+    font-weight: 700;
+  }
+  .mobile-nav button.active {
+    background: var(--surface-muted);
+    color: var(--text);
+  }
+  .mobile-nav button.active svg {
+    color: var(--accent);
+  }
+  .field-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+  .field-grid .wide {
+    grid-column: 1 / -1;
+  }
+  .inline-form {
+    grid-template-columns: 1fr 1fr;
+  }
+  .management-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .filter-pills {
+    align-self: flex-start;
+  }
+}
+
+@media (max-width: 520px) {
+  .dashboard {
+    padding: 29px 17px 94px;
+  }
+  .dashboard-header {
+    margin-bottom: 29px;
+  }
+  .dashboard-header h1 {
+    font-size: 35px;
+  }
+  .dashboard-header br {
+    display: none;
+  }
+  .dashboard-hero {
+    gap: 20px;
+    margin-bottom: 34px;
+  }
+  .dashboard-hero::after {
+    bottom: -17px;
+  }
+  .hero-copy h1 {
+    font-size: clamp(36px, 12vw, 48px);
+  }
+  .hero-intro {
+    margin-top: 16px;
+    font-size: 12px;
+  }
+  .hero-overview {
+    padding: 13px;
+    border-radius: 18px;
+  }
+  .hero-metrics > span {
+    padding: 9px;
+  }
+  .hero-metrics svg {
+    display: none;
+  }
+  .hero-metrics strong {
+    font-size: 16px;
+  }
+  .sync-button {
+    width: 37px;
+    height: 37px;
+  }
+  .search-bar {
+    height: 55px;
+    padding-inline: 15px;
+  }
+  .search-bar kbd {
+    display: none;
+  }
+  .degraded-banner {
+    align-items: flex-start;
+  }
+  .degraded-banner button {
+    display: none;
+  }
+  .app-grid {
+    grid-template-columns: 1fr;
+  }
+  .widgets-grid {
+    grid-template-columns: 1fr;
+  }
+  .widget-shell.widget-size-wide {
+    grid-column: auto;
+  }
+  .service-widget.widget-size-wide {
+    grid-column: auto;
+  }
+  .widgets-section > header {
+    align-items: flex-start;
+  }
+  .widgets-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .app-shell:has(.widgets-grid.editing) .mobile-nav {
+    display: none;
+  }
+  .widget-advanced-grid,
+  .operations-overview,
+  .diagnostics-result dl {
+    grid-template-columns: 1fr;
+  }
+  .preset-create-row,
+  .preset-list article {
+    grid-template-columns: 1fr;
+  }
+  .preset-list article > button,
+  .preset-list article > a {
+    justify-content: center;
+  }
+  .service-widget {
+    min-height: 235px;
+  }
+  .app-tile {
+    min-height: 82px;
+  }
+  .empty-state {
+    min-height: 370px;
+    padding-inline: 15px;
+  }
+  .dashboard-footer {
+    margin-top: 0;
+  }
+  .dashboard-footer button {
+    display: none;
+  }
+  .settings-topbar {
+    height: 56px;
+  }
+  .settings-layout {
+    padding-inline: 16px;
+  }
+  .settings-sidebar {
+    padding-top: 25px;
+  }
+  .settings-sidebar h1 {
+    font-size: 23px;
+  }
+  .settings-sidebar nav button {
+    padding-inline: 10px;
+  }
+  .settings-sidebar nav button svg {
+    display: none;
+  }
+  .settings-content {
+    padding-top: 25px;
+  }
+  .settings-heading h2 {
+    font-size: 27px;
+  }
+  .settings-summary {
+    flex-wrap: wrap;
+  }
+  .settings-summary span {
+    flex: 1;
+  }
+  .management-title {
+    flex-wrap: wrap;
+  }
+  .visibility-toggle {
+    margin-left: 47px;
+  }
+  .widget-toggle {
+    margin-left: 47px;
+  }
+  .field-grid {
+    grid-template-columns: 1fr;
+  }
+  .field-grid .wide {
+    grid-column: auto;
+  }
+  .row-card {
+    flex-wrap: wrap;
+  }
+  .row-card label,
+  .row-card label.grow {
+    width: calc(100% - 50px);
+    flex: none;
+  }
+  .row-card label.small-field {
+    margin-left: 45px;
+    width: 80px;
+  }
+  .row-card label.icon-field {
+    margin-left: 45px;
+    width: calc(100% - 95px);
+  }
+  .row-card .danger-icon {
+    margin-left: auto;
+  }
+  .inline-form {
+    grid-template-columns: 1fr;
+  }
+  .create-row {
+    align-items: stretch;
+  }
+  .create-row input {
+    flex: 1;
+    min-width: 0;
+  }
+  .theme-grid,
+  .view-grid,
+  .accent-grid,
+  .choice-grid.three-up,
+  .background-grid,
+  .backup-grid {
+    grid-template-columns: 1fr;
+  }
+  .accent-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+  .appearance-preview {
+    min-height: 96px;
+    padding: 16px;
+  }
+  .appearance-preview > svg {
+    display: none;
+  }
+  .preview-orb {
+    width: 40px;
+    height: 40px;
+    flex-basis: 40px;
+  }
+  .toggle-list article {
+    align-items: flex-start;
+  }
+  .toggle-list .switch {
+    margin-top: 8px;
+  }
+  .widget-studio {
+    padding: 13px;
+  }
+  .widget-studio-heading {
+    flex-wrap: wrap;
+  }
+  .studio-capacity {
+    margin-left: 49px;
+  }
+  .widget-studio-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .widget-studio-toolbar > label {
+    min-height: 38px;
+  }
+  .studio-filters button {
+    min-height: 31px;
+    flex: 1;
+  }
+  .widget-catalog {
+    grid-template-columns: 1fr;
+  }
+  .widget-content-picker {
+    grid-template-columns: 1fr;
+  }
+  .theme-preview {
+    height: 72px;
+  }
+  .backup-grid p {
+    min-height: auto;
+  }
+  .integration-list article {
+    flex-wrap: wrap;
+  }
+  .credential-fields {
+    grid-template-columns: 1fr;
+  }
+  .credential-fields label:only-child {
+    grid-column: auto;
+  }
+  .state-badge {
+    margin-left: 49px;
+  }
+  .toast {
+    right: 16px;
+    bottom: 82px;
+    left: 16px;
+    justify-content: center;
+  }
+  .skeleton-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 1800px) {
+  :root {
+    --rail: 276px;
+  }
+  .rail {
+    padding-inline: 28px;
+  }
+  .dashboard {
+    padding-inline: clamp(48px, 2.8vw, 96px);
+  }
+  .settings-layout {
+    max-width: 1760px;
+  }
+}
+
+@media (min-width: 2400px) {
+  .widgets-grid {
+    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
+  }
+  .app-grid {
+    gap: 16px;
+  }
+}
+
+@media (max-height: 720px) and (min-width: 1181px) {
+  .rail-clock,
+  .rail-services:not(.rail-favorites) {
+    display: none;
+  }
+  .rail-content {
+    margin-top: 24px;
+  }
+}
+
+@media (max-width: 370px) {
+  .dashboard {
+    padding-inline: 13px;
+  }
+  .mobile-nav {
+    right: 10px;
+    bottom: 10px;
+    left: 10px;
+    transform: none;
+  }
+  .mobile-nav button {
+    width: auto;
+    flex: 1;
+  }
+  .hero-metrics {
+    gap: 5px;
+  }
+  .hero-metrics small {
+    font-size: 8px;
+  }
+  .search-bar {
+    padding-inline: 13px;
+  }
+  .settings-layout {
+    padding-inline: 12px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+.bookmark-privacy-note {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin: 0 0 18px;
+  border: 1px solid color-mix(in srgb, var(--green) 22%, var(--border));
+  border-radius: 13px;
+  padding: 14px 16px;
+  background: color-mix(in srgb, var(--green) 6%, var(--surface));
+  color: var(--text-soft);
+}
+.bookmark-privacy-note > svg {
+  flex: 0 0 auto;
+  margin-top: 2px;
+  color: var(--green);
+}
+.bookmark-privacy-note > span {
+  display: grid;
+  gap: 4px;
+}
+.bookmark-privacy-note strong {
+  color: var(--text);
+  font-size: 12px;
+}
+.bookmark-privacy-note small {
+  font-size: 10px;
+  line-height: 1.55;
+}
+.bookmark-upload {
+  position: relative;
+  min-height: 228px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px dashed var(--border-strong);
+  border-radius: var(--radius);
+  padding: 24px;
+  background: var(--surface-raised);
+  text-align: center;
+  transition:
+    border-color 0.16s ease,
+    background-color 0.16s ease;
+}
+.bookmark-upload.is-dragging {
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 6%, var(--surface-raised));
+}
+.bookmark-file-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+}
+.bookmark-upload-icon {
+  width: 46px;
+  height: 46px;
+  display: grid;
+  place-items: center;
+  border-radius: 14px;
+  background: var(--accent-soft);
+  color: var(--accent);
+}
+.bookmark-upload > strong {
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  font-size: 14px;
+}
+.bookmark-upload > span:not(.bookmark-upload-icon) {
+  color: var(--text-soft);
+  font-size: 11px;
+}
+.bookmark-upload > small {
+  margin-bottom: 3px;
+  color: var(--text-faint);
+  font-size: 9px;
+}
+.bookmark-upload > .secondary-button {
+  margin-top: 2px;
+}
+.bookmark-import-message {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 12px 0 0;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 10px 12px;
+  font-size: 11px;
+}
+.bookmark-import-message svg {
+  flex: 0 0 auto;
+}
+.bookmark-import-message.error {
+  border-color: color-mix(in srgb, #d0574a 30%, var(--border));
+  color: #d0574a;
+  background: color-mix(in srgb, #d0574a 7%, var(--surface));
+}
+.bookmark-import-message.warning {
+  border-color: color-mix(in srgb, var(--amber) 30%, var(--border));
+  color: var(--amber);
+  background: color-mix(in srgb, var(--amber) 7%, var(--surface));
+}
+.bookmark-preview {
+  margin-top: 26px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 18px;
+  background: var(--surface);
+  box-shadow: var(--shadow-soft);
+}
+.bookmark-preview > header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 16px;
+}
+.bookmark-preview > header h3 {
+  margin: 3px 0 5px;
+  font-size: 18px;
+  letter-spacing: -0.025em;
+}
+.bookmark-preview > header p:last-child {
+  margin: 0;
+  color: var(--text-soft);
+  font-size: 10px;
+  line-height: 1.5;
+}
+.bookmark-preview > header .eyebrow {
+  margin: 0;
+  color: var(--accent);
+  font-size: 8px;
+  font-weight: 800;
+  letter-spacing: 0.14em;
+}
+.bookmark-preview > header .secondary-button {
+  flex: 0 0 auto;
+  height: 34px;
+  padding-inline: 11px;
+  font-size: 10px;
+}
+.bookmark-import-summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.bookmark-import-summary span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 6px 9px;
+  color: var(--text-soft);
+  background: var(--surface-raised);
+  font-size: 9px;
+  font-weight: 650;
+}
+.bookmark-import-summary span:first-child svg {
+  color: var(--green);
+}
+.bookmark-import-summary span:nth-child(2) svg,
+.bookmark-import-summary span:nth-child(3) svg {
+  color: var(--amber);
+}
+.bookmark-import-summary span:last-child svg {
+  color: var(--accent);
+}
+.bookmark-preview-list {
+  display: grid;
+  gap: 7px;
+  max-height: 480px;
+  overflow: auto;
+  margin: 0;
+  padding: 0 3px 0 0;
+  list-style: none;
+}
+.bookmark-preview-row {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 30px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 9px 11px;
+  background: var(--surface-raised);
+}
+.bookmark-row-icon {
+  width: 29px;
+  height: 29px;
+  display: grid;
+  place-items: center;
+  border-radius: 8px;
+  background: var(--accent-soft);
+  color: var(--accent);
+}
+.bookmark-row-copy {
+  min-width: 0;
+  display: grid;
+  gap: 2px;
+}
+.bookmark-row-copy strong,
+.bookmark-row-copy code,
+.bookmark-row-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bookmark-row-copy strong {
+  color: var(--text);
+  font-size: 11px;
+}
+.bookmark-row-copy code,
+.bookmark-row-copy small {
+  color: var(--text-faint);
+  font-family: inherit;
+  font-size: 9px;
+}
+.bookmark-row-status {
+  border-radius: 999px;
+  padding: 5px 8px;
+  color: var(--text-soft);
+  background: var(--surface-muted);
+  font-size: 8px;
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.bookmark-row-status.ready,
+.bookmark-row-status.imported {
+  color: var(--green);
+  background: color-mix(in srgb, var(--green) 11%, var(--surface));
+}
+.bookmark-row-status.duplicate {
+  color: var(--amber);
+  background: color-mix(in srgb, var(--amber) 10%, var(--surface));
+}
+.bookmark-row-status.error {
+  color: #d0574a;
+  background: color-mix(in srgb, #d0574a 9%, var(--surface));
+}
+.bookmark-preview-row.error .bookmark-row-copy small {
+  color: #d0574a;
+}
+.bookmark-preview-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  margin-top: 14px;
+  border-top: 1px solid var(--border);
+  padding-top: 14px;
+}
+.bookmark-preview-footer > span {
+  color: var(--text-soft);
+  font-size: 10px;
+  line-height: 1.5;
+}
+.bookmark-preview-footer button {
+  flex: 0 0 auto;
+}
+
+@media (max-width: 700px) {
+  .bookmark-preview {
+    padding: 13px;
+  }
+  .bookmark-preview > header {
+    display: grid;
+  }
+  .bookmark-preview-row {
+    grid-template-columns: 28px minmax(0, 1fr);
+  }
+  .bookmark-row-status {
+    grid-column: 2;
+    justify-self: start;
+  }
+  .bookmark-preview-footer {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .bookmark-preview-footer button {
+    width: 100%;
+    justify-content: center;
+  }
+}
diff --git a/src/client/useLaunchHistory.ts b/src/client/useLaunchHistory.ts
new file mode 100644
index 0000000..8730293
--- /dev/null
+++ b/src/client/useLaunchHistory.ts
@@ -0,0 +1,65 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  LAUNCH_HISTORY_STORAGE_KEY,
+  loadLaunchHistory,
+  recordLaunchHistory,
+  retainAvailableLaunches,
+  saveLaunchHistory,
+  type LaunchHistoryEntry,
+  type LaunchHistoryStorage,
+} from "./launch-history";
+
+function getBrowserStorage(): LaunchHistoryStorage | null {
+  try {
+    return typeof window === "undefined" ? null : window.localStorage;
+  } catch {
+    return null;
+  }
+}
+
+export function useLaunchHistory() {
+  const storageRef = useRef<LaunchHistoryStorage | null>(getBrowserStorage());
+  const [entries, setEntries] = useState<LaunchHistoryEntry[]>(() =>
+    storageRef.current ? loadLaunchHistory(storageRef.current) : [],
+  );
+  const entriesRef = useRef(entries);
+
+  useEffect(() => {
+    if (storageRef.current) saveLaunchHistory(storageRef.current, entries);
+  }, [entries]);
+
+  useEffect(() => {
+    const storage = storageRef.current;
+    if (!storage || typeof window === "undefined") return;
+
+    const reloadFromOtherTab = (event: StorageEvent) => {
+      if (event.key !== LAUNCH_HISTORY_STORAGE_KEY) return;
+      const next = loadLaunchHistory(storage);
+      entriesRef.current = next;
+      setEntries(next);
+    };
+    window.addEventListener("storage", reloadFromOtherTab);
+    return () => window.removeEventListener("storage", reloadFromOtherTab);
+  }, []);
+
+  const record = useCallback((key: string) => {
+    const next = recordLaunchHistory(entriesRef.current, key);
+    entriesRef.current = next;
+    setEntries(next);
+  }, []);
+
+  const clear = useCallback(() => {
+    entriesRef.current = [];
+    setEntries([]);
+  }, []);
+
+  const retainAvailable = useCallback((availableKeys: ReadonlySet<string>) => {
+    const current = entriesRef.current;
+    const next = retainAvailableLaunches(current, availableKeys);
+    if (next.length === current.length) return;
+    entriesRef.current = next;
+    setEntries(next);
+  }, []);
+
+  return { entries, record, clear, retainAvailable };
+}
diff --git a/src/client/useStoredBoolean.ts b/src/client/useStoredBoolean.ts
new file mode 100644
index 0000000..26ea1f7
--- /dev/null
+++ b/src/client/useStoredBoolean.ts
@@ -0,0 +1,26 @@
+import { useCallback, useState } from "react";
+
+export function useStoredBoolean(key: string, fallback: () => boolean) {
+  const [value, setValue] = useState(() => {
+    try {
+      const stored = window.localStorage.getItem(key);
+      return stored === null ? fallback() : stored === "true";
+    } catch {
+      return fallback();
+    }
+  });
+
+  const update = useCallback(
+    (next: boolean) => {
+      setValue(next);
+      try {
+        window.localStorage.setItem(key, String(next));
+      } catch {
+        // The preference remains available for this session when storage is blocked.
+      }
+    },
+    [key],
+  );
+
+  return [value, update] as const;
+}
diff --git a/src/server/app.ts b/src/server/app.ts
new file mode 100644
index 0000000..e7a4511
--- /dev/null
+++ b/src/server/app.ts
@@ -0,0 +1,611 @@
+import fastifyStatic from "@fastify/static";
+import Fastify, { type FastifyInstance } from "fastify";
+import { existsSync, readFileSync, readdirSync } from "node:fs";
+import { basename, dirname, extname, join, resolve } from "node:path";
+import {
+  appPatchSchema,
+  categoryInputSchema,
+  dashboardProfileImportSchema,
+  dashboardProfileInputSchema,
+  favoriteInputSchema,
+  importSchema,
+  integrationCredentialInputSchema,
+  layoutPresetImportSchema,
+  layoutPresetInputSchema,
+  preferencesPatchSchema,
+  widgetLayoutInputSchema,
+} from "../shared/contracts.js";
+import { registerOperatorAuth } from "./auth.js";
+import { buildInfo } from "./build-info.js";
+import {
+  DashboardProfileLimitError,
+  DashboardProfileNameConflictError,
+  DockDeckRepository,
+} from "./database.js";
+import { DiscoveryService } from "./integrations/discovery.js";
+import { ProviderWidgetService } from "./integrations/provider-widgets.js";
+import { WallpaperStore } from "./wallpaper.js";
+import { WeatherService } from "./weather.js";
+
+export interface AppOptions {
+  repository?: DockDeckRepository;
+  discovery?: DiscoveryService;
+  serveClient?: boolean;
+  providerWidgets?: ProviderWidgetService;
+  wallpaperStore?: WallpaperStore;
+  weather?: WeatherService;
+}
+
+const errorBody = (message: string) => ({ error: message });
+
+export async function buildApp(
+  options: AppOptions = {},
+): Promise<FastifyInstance> {
+  const app = Fastify({ logger: process.env.NODE_ENV !== "test" });
+  const repository = options.repository ?? new DockDeckRepository();
+  const discovery = options.discovery ?? new DiscoveryService();
+  const providerWidgets =
+    options.providerWidgets ?? new ProviderWidgetService();
+  const wallpaperStore =
+    options.wallpaperStore ??
+    new WallpaperStore(
+      process.env.WALLPAPER_DIRECTORY ??
+        dirname(resolve(process.env.DATABASE_PATH ?? "./data/dockdeck.db")),
+    );
+  const weather = options.weather ?? new WeatherService();
+
+  registerOperatorAuth(app);
+
+  app.addContentTypeParser(
+    ["image/png", "image/jpeg", "image/webp"],
+    { parseAs: "buffer", bodyLimit: 8 * 1024 * 1024 },
+    (_request, body, done) => done(null, body),
+  );
+
+  const integrationStates = () => [
+    ...discovery.getStates(),
+    ...providerWidgets.getStates(),
+  ];
+  const widgetMetrics = () => {
+    const providers = providerWidgets.getWidgets();
+    return Object.fromEntries(
+      repository
+        .getApps()
+        .filter((item) => item.widgetEnabled)
+        .map((item) => {
+          const metric = discovery.getWidgetMetrics()[item.technicalName];
+          const provider = providers[item.technicalName];
+          const base = metric ?? {
+            statusText:
+              item.status === "online" ? "Container online" : "No live data",
+            cpuPercent: null,
+            memoryUsageBytes: null,
+            memoryLimitBytes: null,
+            networkRxBytes: null,
+            networkTxBytes: null,
+            networkRxBytesPerSecond: null,
+            networkTxBytesPerSecond: null,
+            pids: null,
+            updatedAt: provider?.updatedAt ?? null,
+            freshness: provider?.freshness ?? "unavailable",
+            history: [],
+          };
+          return [
+            item.technicalName,
+            provider
+              ? {
+                  ...base,
+                  provider,
+                  freshness: provider.freshness,
+                }
+              : base,
+          ];
+        }),
+    );
+  };
+
+  app.setErrorHandler((error, _request, reply) => {
+    const cause = error as Error & { statusCode?: number; issues?: unknown };
+    const status = cause.issues ? 400 : (cause.statusCode ?? 500);
+    app.log.error({ err: cause, status }, "Request failed");
+    return reply
+      .status(status)
+      .send(
+        errorBody(
+          status === 500
+            ? "Er ging iets mis. Probeer het opnieuw."
+            : cause.message,
+        ),
+      );
+  });
+
+  app.get("/api/health", async () => ({
+    status: "ok",
+    ...buildInfo,
+    integrations: integrationStates(),
+  }));
+
+  const performDiscoverySync = async () => {
+    const widgetApps = repository
+      .getApps()
+      .filter((item) => item.widgetEnabled)
+      .map((item) => ({
+        technicalName: item.technicalName,
+        refreshIntervalMs: item.widgetRefreshIntervalMs,
+      }));
+    const result = await discovery.discover(
+      repository.getPreferences().externalAccess,
+      widgetApps,
+    );
+    const inventoryIsAuthoritative = result.integrations.some(
+      (integration) =>
+        integration.id === "docker" && integration.state === "connected",
+    );
+    repository.syncDiscovered(result.apps, {
+      removeMissing: inventoryIsAuthoritative,
+    });
+    await providerWidgets.refresh(repository.getApps());
+    return { apps: repository.getApps(), integrations: integrationStates() };
+  };
+  let discoverySync: ReturnType<typeof performDiscoverySync> | null = null;
+
+  app.post("/api/discovery/sync", async () => {
+    discoverySync ??= performDiscoverySync();
+    try {
+      return await discoverySync;
+    } finally {
+      discoverySync = null;
+    }
+  });
+
+  app.get("/api/dashboard", async () => {
+    const preferences = repository.getPreferences();
+    const serverWidget = discovery.getServerWidget();
+    return {
+      apps: repository.getApps(),
+      categories: repository.getCategories(),
+      favorites: repository.getFavorites(),
+      preferences,
+      integrations: integrationStates(),
+      widgetMetrics: widgetMetrics(),
+      widgetCapabilities: providerWidgets.getCapabilities(repository.getApps()),
+      serverWidget: serverWidget
+        ? {
+            ...serverWidget,
+            hostName: preferences.serverName,
+            url: preferences.serverUrl,
+          }
+        : null,
+      layoutPresets: repository.getLayoutPresets(),
+      profiles: repository.getDashboardProfileSummaries(),
+      wallpaper: wallpaperStore.describe(),
+    };
+  });
+
+  app.post("/api/widgets/audit", async () => {
+    await providerWidgets.refresh(repository.getApps(), true);
+    return { integrations: integrationStates() };
+  });
+
+  app.post("/api/widgets/enable-all", async () => ({
+    apps: repository.enableAllWidgets(),
+  }));
+
+  app.get("/api/weather", async (_request, reply) => {
+    const preferences = repository.getPreferences();
+    if (!preferences.weatherEnabled) return reply.status(204).send();
+    if (process.env.MOCK_WEATHER === "true")
+      return {
+        location: preferences.weatherLocation,
+        temperatureC: 21.4,
+        weatherCode: 1,
+        isDay: true,
+        summary: "Licht bewolkt",
+        updatedAt: new Date().toISOString(),
+      };
+    try {
+      return await weather.current(
+        preferences.weatherLocation,
+        preferences.weatherLatitude,
+        preferences.weatherLongitude,
+      );
+    } catch {
+      return reply
+        .status(503)
+        .send(errorBody("Weerdata is tijdelijk niet beschikbaar"));
+    }
+  });
+
+  app.get("/api/wallpaper", async (_request, reply) => {
+    const file = wallpaperStore.read();
+    if (!file)
+      return reply.status(404).send(errorBody("Geen wallpaper ingesteld"));
+    return reply
+      .header("content-type", file.contentType)
+      .header("cache-control", "public, max-age=3600")
+      .send(file.body);
+  });
+
+  app.put("/api/wallpaper", async (request, reply) => {
+    if (!Buffer.isBuffer(request.body))
+      return reply.status(415).send(errorBody("Gebruik PNG, JPEG of WebP"));
+    return reply.status(201).send(wallpaperStore.save(request.body));
+  });
+
+  app.delete("/api/wallpaper", async (_request, reply) => {
+    wallpaperStore.remove();
+    return reply.status(204).send();
+  });
+
+  app.patch<{ Params: { id: string } }>(
+    "/api/apps/:id",
+    async (request, reply) => {
+      const patch = appPatchSchema.parse(request.body);
+      const current = repository
+        .getApps()
+        .find((item) => item.id === request.params.id);
+      if (!current)
+        return reply.status(404).send(errorBody("App niet gevonden"));
+      const updated = repository.updateApp(request.params.id, patch);
+      return updated;
+    },
+  );
+
+  app.delete<{ Params: { id: string } }>(
+    "/api/apps/:id",
+    async (request, reply) => {
+      if (!repository.removeApp(request.params.id))
+        return reply.status(404).send(errorBody("App niet gevonden"));
+      await providerWidgets.refresh(repository.getApps());
+      return reply.status(204).send();
+    },
+  );
+
+  app.post("/api/categories", async (request, reply) =>
+    reply
+      .status(201)
+      .send(repository.createCategory(categoryInputSchema.parse(request.body))),
+  );
+  app.post("/api/categories/organize", async () =>
+    repository.organizeAppCategories(),
+  );
+  app.patch<{ Params: { id: string } }>(
+    "/api/categories/:id",
+    async (request) =>
+      repository.updateCategory(
+        request.params.id,
+        categoryInputSchema.partial().parse(request.body),
+      ),
+  );
+  app.delete<{ Params: { id: string } }>(
+    "/api/categories/:id",
+    async (request, reply) => {
+      repository.deleteCategory(request.params.id);
+      return reply.status(204).send();
+    },
+  );
+
+  app.post("/api/favorites", async (request, reply) =>
+    reply
+      .status(201)
+      .send(repository.createFavorite(favoriteInputSchema.parse(request.body))),
+  );
+  app.patch<{ Params: { id: string } }>("/api/favorites/:id", async (request) =>
+    repository.updateFavorite(
+      request.params.id,
+      favoriteInputSchema.partial().parse(request.body),
+    ),
+  );
+  app.delete<{ Params: { id: string } }>(
+    "/api/favorites/:id",
+    async (request, reply) => {
+      repository.deleteFavorite(request.params.id);
+      return reply.status(204).send();
+    },
+  );
+
+  app.patch("/api/preferences", async (request) =>
+    repository.updatePreferences(preferencesPatchSchema.parse(request.body)),
+  );
+
+  app.put("/api/widget-layout", async (request) => {
+    repository.updateWidgetLayout(widgetLayoutInputSchema.parse(request.body));
+    return { saved: true };
+  });
+
+  app.post("/api/layout-presets", async (request, reply) =>
+    reply
+      .status(201)
+      .send(
+        repository.createLayoutPreset(
+          layoutPresetInputSchema.parse(request.body),
+        ),
+      ),
+  );
+  app.post<{ Params: { id: string } }>(
+    "/api/layout-presets/:id/apply",
+    async (request, reply) => {
+      if (!repository.applyLayoutPreset(request.params.id))
+        return reply.status(404).send(errorBody("Layout preset not found"));
+      return { applied: true };
+    },
+  );
+  app.delete<{ Params: { id: string } }>(
+    "/api/layout-presets/:id",
+    async (request, reply) => {
+      if (!repository.deleteLayoutPreset(request.params.id))
+        return reply.status(404).send(errorBody("Layout preset not found"));
+      return reply.status(204).send();
+    },
+  );
+  app.get<{ Params: { id: string } }>(
+    "/api/layout-presets/:id/export",
+    async (request, reply) => {
+      const preset = repository
+        .getLayoutPresets()
+        .find((item) => item.id === request.params.id);
+      if (!preset)
+        return reply.status(404).send(errorBody("Layout preset not found"));
+      reply.header(
+        "content-disposition",
+        `attachment; filename="dockdeck-layout-${preset.name.toLowerCase().replace(/[^a-z0-9]+/g, "-")}.json"`,
+      );
+      return {
+        version: 1,
+        name: preset.name,
+        configuration: preset.configuration,
+      };
+    },
+  );
+  app.post("/api/layout-presets/import", async (request, reply) =>
+    reply
+      .status(201)
+      .send(
+        repository.importLayoutPreset(
+          layoutPresetImportSchema.parse(request.body),
+        ),
+      ),
+  );
+
+  app.get("/api/profiles", async () => repository.getDashboardProfiles());
+  app.post("/api/profiles", async (request, reply) => {
+    try {
+      return reply
+        .status(201)
+        .send(
+          repository.createDashboardProfile(
+            dashboardProfileInputSchema.parse(request.body),
+          ),
+        );
+    } catch (error) {
+      if (error instanceof DashboardProfileNameConflictError)
+        return reply
+          .status(409)
+          .send(errorBody("A dashboard profile with this name already exists"));
+      if (error instanceof DashboardProfileLimitError)
+        return reply
+          .status(409)
+          .send(errorBody("The dashboard profile limit has been reached"));
+      throw error;
+    }
+  });
+  app.get<{ Params: { id: string } }>(
+    "/api/profiles/:id",
+    async (request, reply) => {
+      const profile = repository.getDashboardProfile(request.params.id);
+      if (!profile)
+        return reply.status(404).send(errorBody("Dashboard profile not found"));
+      return profile;
+    },
+  );
+  app.patch<{ Params: { id: string } }>(
+    "/api/profiles/:id",
+    async (request, reply) => {
+      try {
+        const profile = repository.updateDashboardProfile(
+          request.params.id,
+          dashboardProfileInputSchema.parse(request.body),
+        );
+        if (!profile)
+          return reply
+            .status(404)
+            .send(errorBody("Dashboard profile not found"));
+        return profile;
+      } catch (error) {
+        if (error instanceof DashboardProfileNameConflictError)
+          return reply
+            .status(409)
+            .send(
+              errorBody("A dashboard profile with this name already exists"),
+            );
+        throw error;
+      }
+    },
+  );
+  app.delete<{ Params: { id: string } }>(
+    "/api/profiles/:id",
+    async (request, reply) => {
+      if (!repository.deleteDashboardProfile(request.params.id))
+        return reply.status(404).send(errorBody("Dashboard profile not found"));
+      return reply.status(204).send();
+    },
+  );
+  app.post<{ Params: { id: string } }>(
+    "/api/profiles/:id/apply",
+    async (request, reply) => {
+      if (!repository.applyDashboardProfile(request.params.id))
+        return reply
+          .status(404)
+          .send(errorBody("Dashboard profile not found or invalid"));
+      return { applied: true };
+    },
+  );
+  app.get<{ Params: { id: string } }>(
+    "/api/profiles/:id/export",
+    async (request, reply) => {
+      const profile = repository.getDashboardProfile(request.params.id);
+      if (!profile)
+        return reply.status(404).send(errorBody("Dashboard profile not found"));
+      reply.header(
+        "content-disposition",
+        `attachment; filename="dockdeck-profile-${profile.name.toLowerCase().replace(/[^a-z0-9]+/g, "-")}.json"`,
+      );
+      return {
+        version: 1,
+        name: profile.name,
+        configuration: profile.configuration,
+      };
+    },
+  );
+  app.post("/api/profiles/import", async (request, reply) => {
+    try {
+      return reply
+        .status(201)
+        .send(
+          repository.importDashboardProfile(
+            dashboardProfileImportSchema.parse(request.body),
+          ),
+        );
+    } catch (error) {
+      if (error instanceof DashboardProfileNameConflictError)
+        return reply
+          .status(409)
+          .send(errorBody("A dashboard profile with this name already exists"));
+      if (error instanceof DashboardProfileLimitError)
+        return reply
+          .status(409)
+          .send(errorBody("The dashboard profile limit has been reached"));
+      throw error;
+    }
+  });
+
+  app.get("/api/diagnostics", async () => {
+    const metrics = Object.values(widgetMetrics());
+    const integrations = integrationStates();
+    return {
+      status: integrations.some((item) => item.state === "degraded")
+        ? "degraded"
+        : "healthy",
+      generatedAt: new Date().toISOString(),
+      version: buildInfo.version,
+      database: "connected",
+      enabledWidgets: repository.getApps().filter((item) => item.widgetEnabled)
+        .length,
+      staleWidgets: metrics.filter((metric) => metric.freshness === "stale")
+        .length,
+      unavailableWidgets: metrics.filter(
+        (metric) => metric.freshness === "unavailable",
+      ).length,
+      integrations: integrations.map(({ id, label, state, checkedAt }) => ({
+        id,
+        label,
+        state,
+        checkedAt,
+      })),
+      unraidNative: integrations.some(
+        (item) => item.id === "unraid-native" && item.state === "connected",
+      )
+        ? "connected"
+        : "unavailable",
+      pwa: "enabled",
+    };
+  });
+
+  app.put<{ Params: { id: string } }>(
+    "/api/integrations/:id/credentials",
+    async (request, reply) => {
+      const origin = request.headers.origin;
+      if (origin) {
+        try {
+          if (new URL(origin).host !== request.headers.host)
+            return reply.status(403).send(errorBody("Origin not allowed"));
+        } catch {
+          return reply.status(403).send(errorBody("Origin not allowed"));
+        }
+      }
+      const parsed = integrationCredentialInputSchema.safeParse(request.body);
+      if (!parsed.success)
+        return reply
+          .status(400)
+          .send(errorBody("Credential fields are invalid"));
+      const target = repository
+        .getApps()
+        .find((item) => `widget-${item.technicalName}` === request.params.id);
+      if (!target)
+        return reply.status(404).send(errorBody("Integration not found"));
+      try {
+        providerWidgets.configure(target, parsed.data.values);
+      } catch {
+        return reply
+          .status(400)
+          .send(errorBody("Credential configuration is invalid"));
+      }
+      await providerWidgets.refresh(repository.getApps());
+      return { saved: true };
+    },
+  );
+
+  app.get("/api/export", async (_request, reply) => {
+    reply.header(
+      "content-disposition",
+      `attachment; filename="dockdeck-backup-${new Date().toISOString().slice(0, 10)}.json"`,
+    );
+    return repository.export();
+  });
+  app.post("/api/import", async (request) => {
+    repository.import(importSchema.parse(request.body));
+    return { imported: true };
+  });
+
+  const unraidIconsPath = resolve(
+    process.env.UNRAID_ICONS_PATH ?? "/unraid-icons",
+  );
+  const iconFiles = existsSync(unraidIconsPath)
+    ? new Map(
+        readdirSync(unraidIconsPath).map((name) => [
+          name.toLocaleLowerCase(),
+          name,
+        ]),
+      )
+    : new Map<string, string>();
+  const iconMimeTypes: Record<string, string> = {
+    ".gif": "image/gif",
+    ".ico": "image/x-icon",
+    ".jpeg": "image/jpeg",
+    ".jpg": "image/jpeg",
+    ".png": "image/png",
+    ".svg": "image/svg+xml",
+    ".webp": "image/webp",
+  };
+  app.get<{ Params: { name: string } }>(
+    "/api/icons/:name",
+    (request, reply) => {
+      const requestedName = request.params.name;
+      if (basename(requestedName) !== requestedName)
+        return reply.status(404).send(errorBody("Icoon niet gevonden"));
+      const fileName = iconFiles.get(requestedName.toLocaleLowerCase());
+      const mimeType = fileName
+        ? iconMimeTypes[extname(fileName).toLocaleLowerCase()]
+        : undefined;
+      if (!fileName || !mimeType)
+        return reply.status(404).send(errorBody("Icoon niet gevonden"));
+      return reply
+        .type(mimeType)
+        .header("cache-control", "public, max-age=86400, immutable")
+        .send(readFileSync(join(unraidIconsPath, fileName)));
+    },
+  );
+
+  const clientPath = resolve("dist/client");
+  if (options.serveClient !== false && existsSync(clientPath)) {
+    await app.register(fastifyStatic, { root: clientPath, wildcard: false });
+    app.setNotFoundHandler((request, reply) => {
+      if (request.url.startsWith("/api/"))
+        return reply.status(404).send(errorBody("Endpoint niet gevonden"));
+      return reply.sendFile("index.html");
+    });
+  }
+
+  app.addHook("onClose", async () => repository.close());
+  return app;
+}
diff --git a/src/server/auth.ts b/src/server/auth.ts
new file mode 100644
index 0000000..08f0bf0
--- /dev/null
+++ b/src/server/auth.ts
@@ -0,0 +1,134 @@
+import { scrypt, timingSafeEqual } from "node:crypto";
+import type { FastifyInstance } from "fastify";
+
+const USERNAME_COMPARE_LENGTH = 64;
+const MAXIMUM_AUTHORIZATION_LENGTH = 4096;
+const MAXIMUM_PASSWORD_LENGTH = 1024;
+const MAXIMUM_CONCURRENT_CHECKS = 4;
+const MAXIMUM_FAILURES_PER_MINUTE = 10;
+
+function timingSafeStringEqual(a: string, b: string): boolean {
+  const bufA = Buffer.alloc(USERNAME_COMPARE_LENGTH);
+  const bufB = Buffer.alloc(USERNAME_COMPARE_LENGTH);
+  bufA.write(a.slice(0, USERNAME_COMPARE_LENGTH));
+  bufB.write(b.slice(0, USERNAME_COMPARE_LENGTH));
+  return timingSafeEqual(bufA, bufB) && a === b;
+}
+
+/**
+ * Optional operator authentication. Off by default (no env vars set) so
+ * existing deployments are unaffected until the operator opts in - see
+ * README for setup. When enabled, every request must present HTTP Basic
+ * credentials matching DOCKDECK_OPERATOR_USER and a scrypt hash of the
+ * password (DOCKDECK_OPERATOR_PASSWORD_HASH), computed with
+ * `scripts/hash-operator-password.mjs`. Never compares or stores plaintext.
+ */
+export function registerOperatorAuth(app: FastifyInstance): void {
+  const configuredUser = process.env.DOCKDECK_OPERATOR_USER;
+  const configuredHash = process.env.DOCKDECK_OPERATOR_PASSWORD_HASH;
+
+  if (Boolean(configuredUser) !== Boolean(configuredHash)) {
+    throw new Error(
+      "DOCKDECK_OPERATOR_USER and DOCKDECK_OPERATOR_PASSWORD_HASH must be set together",
+    );
+  }
+  if (!configuredUser || !configuredHash) {
+    app.log.warn(
+      "DockDeck operator authentication is disabled (DOCKDECK_OPERATOR_USER / " +
+        "DOCKDECK_OPERATOR_PASSWORD_HASH not set). This dashboard holds read " +
+        "credentials for other services - set both env vars to require login.",
+    );
+    return;
+  }
+
+  const parts = configuredHash.split(":");
+  const [salt, expectedHex] = parts;
+  if (
+    parts.length !== 2 ||
+    !salt ||
+    !expectedHex ||
+    !/^[0-9a-f]{32}$/i.test(salt) ||
+    !/^[0-9a-f]{64}$/i.test(expectedHex)
+  ) {
+    throw new Error(
+      "DOCKDECK_OPERATOR_PASSWORD_HASH must be a 16-byte salt and 32-byte hash in 'salt:hash' hexadecimal form, as " +
+        "produced by scripts/hash-operator-password.mjs",
+    );
+  }
+  const expected = Buffer.from(expectedHex, "hex");
+  const failures = new Map<string, { count: number; resetAt: number }>();
+  let activeChecks = 0;
+
+  const derive = (password: string) =>
+    new Promise<Buffer>((resolve, reject) => {
+      scrypt(password, salt, expected.length, (error, derivedKey) => {
+        if (error) reject(error);
+        else resolve(derivedKey);
+      });
+    });
+
+  app.addHook("onRequest", async (request, reply) => {
+    if (request.url === "/api/health") return;
+
+    const header = request.headers.authorization;
+    const currentFailure = failures.get(request.ip);
+    if (currentFailure && currentFailure.resetAt <= Date.now())
+      failures.delete(request.ip);
+    if ((failures.get(request.ip)?.count ?? 0) >= MAXIMUM_FAILURES_PER_MINUTE) {
+      return reply
+        .code(429)
+        .send({ error: "Too many authentication attempts" });
+    }
+    if (
+      !header ||
+      header.length > MAXIMUM_AUTHORIZATION_LENGTH ||
+      !header.startsWith("Basic ")
+    ) {
+      return reply
+        .code(401)
+        .header("WWW-Authenticate", 'Basic realm="DockDeck", charset="UTF-8"')
+        .send({ error: "Authentication required" });
+    }
+
+    const credentials = header.startsWith("Basic ")
+      ? Buffer.from(header.slice(6), "base64").toString("utf8")
+      : null;
+    const separatorIndex = credentials?.indexOf(":") ?? -1;
+    const user =
+      separatorIndex >= 0 ? credentials!.slice(0, separatorIndex) : null;
+    const password =
+      separatorIndex >= 0 ? credentials!.slice(separatorIndex + 1) : null;
+
+    const userMatches =
+      user !== null && timingSafeStringEqual(user, configuredUser);
+    if (password === null || password.length > MAXIMUM_PASSWORD_LENGTH)
+      return reply
+        .code(401)
+        .header("WWW-Authenticate", 'Basic realm="DockDeck", charset="UTF-8"')
+        .send({ error: "Authentication required" });
+    if (activeChecks >= MAXIMUM_CONCURRENT_CHECKS)
+      return reply.code(429).send({ error: "Authentication service is busy" });
+
+    let passwordMatches = false;
+    activeChecks += 1;
+    try {
+      const candidate = await derive(password);
+      passwordMatches = timingSafeEqual(candidate, expected);
+    } finally {
+      activeChecks -= 1;
+    }
+
+    if (!userMatches || !passwordMatches) {
+      const previous = failures.get(request.ip);
+      failures.set(request.ip, {
+        count: (previous?.count ?? 0) + 1,
+        resetAt: previous?.resetAt ?? Date.now() + 60_000,
+      });
+      return reply
+        .code(401)
+        .header("WWW-Authenticate", 'Basic realm="DockDeck", charset="UTF-8"')
+        .send({ error: "Authentication required" });
+    }
+    failures.delete(request.ip);
+  });
+}
diff --git a/src/server/build-info.ts b/src/server/build-info.ts
new file mode 100644
index 0000000..ea9b5e4
--- /dev/null
+++ b/src/server/build-info.ts
@@ -0,0 +1,20 @@
+export interface BuildInfo {
+  version: string;
+  revision: string;
+  shortRevision: string;
+  buildDate: string;
+}
+
+declare const __DOCKDECK_BUILD_INFO__: BuildInfo;
+
+const developmentBuildInfo: BuildInfo = {
+  version: process.env.npm_package_version ?? "0.1.0",
+  revision: "development",
+  shortRevision: "dev",
+  buildDate: "1970-01-01T00:00:00.000Z",
+};
+
+export const buildInfo: BuildInfo =
+  typeof __DOCKDECK_BUILD_INFO__ === "undefined"
+    ? developmentBuildInfo
+    : __DOCKDECK_BUILD_INFO__;
diff --git a/src/server/concurrency.ts b/src/server/concurrency.ts
new file mode 100644
index 0000000..cdffedf
--- /dev/null
+++ b/src/server/concurrency.ts
@@ -0,0 +1,18 @@
+export async function mapWithConcurrency<T, R>(
+  values: T[],
+  maximumConcurrency: number,
+  mapper: (value: T, index: number) => Promise<R>,
+): Promise<R[]> {
+  const results = new Array<R>(values.length);
+  let nextIndex = 0;
+  const worker = async () => {
+    while (nextIndex < values.length) {
+      const index = nextIndex++;
+      results[index] = await mapper(values[index]!, index);
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.min(maximumConcurrency, values.length) }, worker),
+  );
+  return results;
+}
diff --git a/src/server/database.ts b/src/server/database.ts
new file mode 100644
index 0000000..d053664
--- /dev/null
+++ b/src/server/database.ts
@@ -0,0 +1,1323 @@
+import Database from "better-sqlite3";
+import { mkdirSync } from "node:fs";
+import { dirname } from "node:path";
+import { and, eq, sql } from "drizzle-orm";
+import { drizzle } from "drizzle-orm/better-sqlite3";
+import type {
+  AppPatch,
+  CategoryInput,
+  DashboardProfile,
+  DashboardProfileConfiguration,
+  DashboardProfileImport,
+  DashboardProfileInput,
+  DashboardProfileSummary,
+  DockApp,
+  DockDeckExport,
+  FavoriteInput,
+  LayoutConfiguration,
+  LayoutPreset,
+  LayoutPresetImport,
+  LayoutPresetInput,
+  Preferences,
+  PreferencesPatch,
+  WidgetLayoutInput,
+} from "../shared/contracts.js";
+import {
+  dashboardProfileConfigurationSchema,
+  dashboardProfileInputSchema,
+  dashboardProfileLimit,
+  dashboardProfileImportSchema,
+  importSchema,
+  layoutConfigurationSchema,
+} from "../shared/contracts.js";
+import { inferAppCategoryName } from "../shared/domain.js";
+import {
+  apps,
+  categories,
+  dashboardProfiles,
+  favorites,
+  layoutPresets,
+  preferences,
+  removedApps,
+} from "./schema.js";
+
+export type DiscoveredApp = Omit<
+  DockApp,
+  | "visible"
+  | "personalProject"
+  | "widgetEnabled"
+  | "widgetSize"
+  | "widgetShowSummary"
+  | "widgetShowMetrics"
+  | "widgetShowInfrastructure"
+  | "widgetShowProgress"
+  | "widgetShowSparkline"
+  | "widgetChartMetric"
+  | "widgetChartType"
+  | "widgetChartSamples"
+  | "widgetShowLegend"
+  | "widgetMetricStyles"
+  | "widgetStatLimit"
+  | "widgetOrder"
+  | "widgetMetricOrder"
+  | "widgetHiddenMetrics"
+  | "widgetPrimaryMetric"
+  | "widgetCustomLabel"
+  | "widgetWarningMetric"
+  | "widgetWarningDirection"
+  | "widgetWarningThreshold"
+  | "widgetRefreshIntervalMs"
+  | "categoryId"
+  | "sortOrder"
+  | "localUrlOverride"
+  | "externalUrlOverride"
+  | "discoveredAt"
+  | "isNew"
+> & {
+  personalProject?: boolean;
+};
+
+interface SyncDiscoveredOptions {
+  removeMissing?: boolean;
+}
+
+const migration = `
+CREATE TABLE IF NOT EXISTS categories (
+  id TEXT PRIMARY KEY, name TEXT NOT NULL, icon TEXT NOT NULL DEFAULT 'Layers3', sort_order INTEGER NOT NULL DEFAULT 0
+);
+CREATE TABLE IF NOT EXISTS apps (
+  id TEXT PRIMARY KEY, technical_name TEXT NOT NULL UNIQUE, display_name TEXT NOT NULL, image TEXT, icon TEXT,
+  status TEXT NOT NULL DEFAULT 'unknown', local_url TEXT, local_url_override TEXT, external_url TEXT,
+  external_url_override TEXT, visible INTEGER NOT NULL DEFAULT 0, personal_project INTEGER NOT NULL DEFAULT 0,
+  widget_enabled INTEGER NOT NULL DEFAULT 0,
+  widget_size TEXT NOT NULL DEFAULT 'standard', widget_show_summary INTEGER NOT NULL DEFAULT 1,
+  widget_show_metrics INTEGER NOT NULL DEFAULT 1, widget_show_infrastructure INTEGER NOT NULL DEFAULT 1,
+  widget_show_progress INTEGER NOT NULL DEFAULT 1,
+  widget_show_sparkline INTEGER NOT NULL DEFAULT 1, widget_order INTEGER NOT NULL DEFAULT 0,
+  widget_chart_metric TEXT NOT NULL DEFAULT 'auto', widget_chart_type TEXT NOT NULL DEFAULT 'line',
+  widget_chart_samples INTEGER NOT NULL DEFAULT 20, widget_show_legend INTEGER NOT NULL DEFAULT 1,
+  widget_metric_styles TEXT NOT NULL DEFAULT '{}', widget_stat_limit INTEGER NOT NULL DEFAULT 6,
+  widget_metric_order TEXT NOT NULL DEFAULT '[]', widget_primary_metric TEXT, widget_custom_label TEXT,
+  widget_hidden_metrics TEXT NOT NULL DEFAULT '[]',
+  widget_warning_metric TEXT NOT NULL DEFAULT 'cpu', widget_warning_direction TEXT NOT NULL DEFAULT 'above',
+  widget_warning_threshold INTEGER,
+  widget_refresh_interval_ms INTEGER NOT NULL DEFAULT 30000,
+  category_id TEXT, sort_order INTEGER NOT NULL DEFAULT 0,
+  detection_source TEXT NOT NULL, last_checked TEXT,
+  discovered_at TEXT, is_new INTEGER NOT NULL DEFAULT 0
+);
+CREATE TABLE IF NOT EXISTS removed_apps (
+  technical_name TEXT PRIMARY KEY, removed_at TEXT NOT NULL
+);
+CREATE TABLE IF NOT EXISTS favorites (
+  id TEXT PRIMARY KEY, name TEXT NOT NULL, url TEXT NOT NULL, icon TEXT, category_id TEXT, sort_order INTEGER NOT NULL DEFAULT 0
+);
+CREATE TABLE IF NOT EXISTS layout_presets (
+  id TEXT PRIMARY KEY, name TEXT NOT NULL, configuration TEXT NOT NULL,
+  created_at TEXT NOT NULL, updated_at TEXT NOT NULL
+);
+CREATE TABLE IF NOT EXISTS dashboard_profiles (
+  id TEXT PRIMARY KEY, name TEXT NOT NULL COLLATE NOCASE UNIQUE,
+  configuration TEXT NOT NULL, created_at TEXT NOT NULL, updated_at TEXT NOT NULL
+);
+CREATE TABLE IF NOT EXISTS preferences (
+  id INTEGER PRIMARY KEY CHECK(id = 1), theme TEXT NOT NULL DEFAULT 'light', view_mode TEXT NOT NULL DEFAULT 'overview',
+  accent TEXT NOT NULL DEFAULT 'coral', density TEXT NOT NULL DEFAULT 'comfortable',
+  content_width TEXT NOT NULL DEFAULT 'wide', background_style TEXT NOT NULL DEFAULT 'aurora',
+  wallpaper_fit TEXT NOT NULL DEFAULT 'contain', wallpaper_position_x INTEGER NOT NULL DEFAULT 50,
+  wallpaper_position_y INTEGER NOT NULL DEFAULT 50, wallpaper_zoom INTEGER NOT NULL DEFAULT 100,
+  weather_enabled INTEGER NOT NULL DEFAULT 1, weather_location TEXT NOT NULL DEFAULT 'Mol',
+  weather_latitude INTEGER NOT NULL DEFAULT 51191, weather_longitude INTEGER NOT NULL DEFAULT 5116,
+  reduced_motion INTEGER NOT NULL DEFAULT 0,
+  show_hero INTEGER NOT NULL DEFAULT 1, show_status INTEGER NOT NULL DEFAULT 1,
+  show_server_widget INTEGER NOT NULL DEFAULT 1,
+  server_widget_size TEXT NOT NULL DEFAULT 'standard', server_widget_show_stats INTEGER NOT NULL DEFAULT 1,
+  server_widget_show_details INTEGER NOT NULL DEFAULT 1, server_widget_show_progress INTEGER NOT NULL DEFAULT 1,
+  server_widget_show_native INTEGER NOT NULL DEFAULT 1, server_widget_show_chart INTEGER NOT NULL DEFAULT 1,
+  server_widget_chart_metric TEXT NOT NULL DEFAULT 'Running containers',
+  server_widget_chart_type TEXT NOT NULL DEFAULT 'area', server_widget_chart_samples INTEGER NOT NULL DEFAULT 20,
+  server_widget_show_legend INTEGER NOT NULL DEFAULT 1, server_widget_hidden_metrics TEXT NOT NULL DEFAULT '[]',
+  server_widget_metric_order TEXT NOT NULL DEFAULT '[]', server_widget_stat_limit INTEGER NOT NULL DEFAULT 8,
+  server_widget_order INTEGER NOT NULL DEFAULT 0,
+  server_name TEXT NOT NULL DEFAULT 'Tower', server_url TEXT NOT NULL DEFAULT '',
+  polling_interval_ms INTEGER NOT NULL DEFAULT 30000, external_access INTEGER NOT NULL DEFAULT 0
+);
+INSERT OR IGNORE INTO preferences (id) VALUES (1);
+INSERT OR IGNORE INTO categories (id, name, icon, sort_order) VALUES
+  ('cat-media', 'Media', 'Play', 10),
+  ('cat-tools', 'Tools', 'Wrench', 20),
+  ('cat-favorites', 'Favorites', 'Star', 30);
+`;
+
+export class DashboardProfileNameConflictError extends Error {
+  constructor() {
+    super("A dashboard profile with this name already exists");
+    this.name = "DashboardProfileNameConflictError";
+  }
+}
+
+export class DashboardProfileLimitError extends Error {
+  constructor() {
+    super("The dashboard profile limit has been reached");
+    this.name = "DashboardProfileLimitError";
+  }
+}
+
+export class DockDeckRepository {
+  private readonly sqlite: Database.Database;
+  private readonly db;
+
+  constructor(path = process.env.DATABASE_PATH ?? "./data/dockdeck.db") {
+    if (path !== ":memory:") mkdirSync(dirname(path), { recursive: true });
+    this.sqlite = new Database(path);
+    this.sqlite.pragma("journal_mode = WAL");
+    this.sqlite.pragma("foreign_keys = ON");
+    this.sqlite.exec(migration);
+    this.ensureAppColumns();
+    this.ensurePreferenceColumns();
+    this.db = drizzle(this.sqlite);
+  }
+
+  private ensureAppColumns() {
+    const existing = new Set(
+      (
+        this.sqlite.prepare("PRAGMA table_info(apps)").all() as Array<{
+          name: string;
+        }>
+      ).map((column) => column.name),
+    );
+    if (!existing.has("widget_enabled")) {
+      this.sqlite.exec(
+        "ALTER TABLE apps ADD COLUMN widget_enabled INTEGER NOT NULL DEFAULT 0",
+      );
+      this.sqlite.exec("UPDATE apps SET widget_enabled = visible");
+    }
+    const additions = [
+      ["personal_project", "INTEGER NOT NULL DEFAULT 0"],
+      ["widget_size", "TEXT NOT NULL DEFAULT 'standard'"],
+      ["widget_show_summary", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_show_metrics", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_show_infrastructure", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_show_progress", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_show_sparkline", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_chart_metric", "TEXT NOT NULL DEFAULT 'auto'"],
+      ["widget_chart_type", "TEXT NOT NULL DEFAULT 'line'"],
+      ["widget_chart_samples", "INTEGER NOT NULL DEFAULT 20"],
+      ["widget_show_legend", "INTEGER NOT NULL DEFAULT 1"],
+      ["widget_metric_styles", "TEXT NOT NULL DEFAULT '{}'"],
+      ["widget_stat_limit", "INTEGER NOT NULL DEFAULT 6"],
+      ["widget_order", "INTEGER NOT NULL DEFAULT 0"],
+      ["widget_metric_order", "TEXT NOT NULL DEFAULT '[]'"],
+      ["widget_hidden_metrics", "TEXT NOT NULL DEFAULT '[]'"],
+      ["widget_primary_metric", "TEXT"],
+      ["widget_custom_label", "TEXT"],
+      ["widget_warning_metric", "TEXT NOT NULL DEFAULT 'cpu'"],
+      ["widget_warning_direction", "TEXT NOT NULL DEFAULT 'above'"],
+      ["widget_warning_threshold", "INTEGER"],
+      ["widget_refresh_interval_ms", "INTEGER NOT NULL DEFAULT 30000"],
+      ["discovered_at", "TEXT"],
+      ["is_new", "INTEGER NOT NULL DEFAULT 0"],
+    ] as const;
+    for (const [name, definition] of additions) {
+      if (!existing.has(name))
+        this.sqlite.exec(`ALTER TABLE apps ADD COLUMN ${name} ${definition}`);
+    }
+  }
+
+  private ensurePreferenceColumns() {
+    const existing = new Set(
+      (
+        this.sqlite.prepare("PRAGMA table_info(preferences)").all() as Array<{
+          name: string;
+        }>
+      ).map((column) => column.name),
+    );
+    const additions = [
+      ["accent", "TEXT NOT NULL DEFAULT 'coral'"],
+      ["density", "TEXT NOT NULL DEFAULT 'comfortable'"],
+      ["content_width", "TEXT NOT NULL DEFAULT 'wide'"],
+      ["background_style", "TEXT NOT NULL DEFAULT 'aurora'"],
+      ["wallpaper_fit", "TEXT NOT NULL DEFAULT 'contain'"],
+      ["wallpaper_position_x", "INTEGER NOT NULL DEFAULT 50"],
+      ["wallpaper_position_y", "INTEGER NOT NULL DEFAULT 50"],
+      ["wallpaper_zoom", "INTEGER NOT NULL DEFAULT 100"],
+      ["weather_enabled", "INTEGER NOT NULL DEFAULT 1"],
+      ["weather_location", "TEXT NOT NULL DEFAULT 'Mol'"],
+      ["weather_latitude", "INTEGER NOT NULL DEFAULT 51191"],
+      ["weather_longitude", "INTEGER NOT NULL DEFAULT 5116"],
+      ["reduced_motion", "INTEGER NOT NULL DEFAULT 0"],
+      ["show_hero", "INTEGER NOT NULL DEFAULT 1"],
+      ["show_status", "INTEGER NOT NULL DEFAULT 1"],
+      ["show_server_widget", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_size", "TEXT NOT NULL DEFAULT 'standard'"],
+      ["server_widget_show_stats", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_show_details", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_show_progress", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_show_native", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_show_chart", "INTEGER NOT NULL DEFAULT 1"],
+      [
+        "server_widget_chart_metric",
+        "TEXT NOT NULL DEFAULT 'Running containers'",
+      ],
+      ["server_widget_chart_type", "TEXT NOT NULL DEFAULT 'area'"],
+      ["server_widget_chart_samples", "INTEGER NOT NULL DEFAULT 20"],
+      ["server_widget_show_legend", "INTEGER NOT NULL DEFAULT 1"],
+      ["server_widget_hidden_metrics", "TEXT NOT NULL DEFAULT '[]'"],
+      ["server_widget_metric_order", "TEXT NOT NULL DEFAULT '[]'"],
+      ["server_widget_stat_limit", "INTEGER NOT NULL DEFAULT 8"],
+      ["server_widget_order", "INTEGER NOT NULL DEFAULT 0"],
+      ["server_name", "TEXT NOT NULL DEFAULT 'Tower'"],
+      ["server_url", "TEXT NOT NULL DEFAULT ''"],
+    ] as const;
+    for (const [name, definition] of additions) {
+      if (!existing.has(name))
+        this.sqlite.exec(
+          `ALTER TABLE preferences ADD COLUMN ${name} ${definition}`,
+        );
+    }
+  }
+
+  close() {
+    this.sqlite.close();
+  }
+
+  getApps(): DockApp[] {
+    return this.db
+      .select()
+      .from(apps)
+      .orderBy(apps.sortOrder, apps.displayName)
+      .all()
+      .map((app) => ({
+        ...app,
+        widgetMetricOrder: this.parseMetricOrder(app.widgetMetricOrder),
+        widgetHiddenMetrics: this.parseMetricOrder(app.widgetHiddenMetrics),
+        widgetMetricStyles: this.parseMetricStyles(app.widgetMetricStyles),
+      }));
+  }
+
+  private parseMetricOrder(value: string): string[] {
+    try {
+      const parsed = JSON.parse(value) as unknown;
+      return Array.isArray(parsed)
+        ? parsed.filter((item): item is string => typeof item === "string")
+        : [];
+    } catch {
+      return [];
+    }
+  }
+
+  private parseMetricStyles(value: string) {
+    try {
+      const parsed = JSON.parse(value) as unknown;
+      if (!parsed || typeof parsed !== "object" || Array.isArray(parsed))
+        return {};
+      return Object.fromEntries(
+        Object.entries(parsed).filter(
+          (entry): entry is [string, "value" | "gauge" | "progress"] =>
+            ["value", "gauge", "progress"].includes(String(entry[1])),
+        ),
+      );
+    } catch {
+      return {};
+    }
+  }
+
+  getRemovedApps(): string[] {
+    return this.db
+      .select({ technicalName: removedApps.technicalName })
+      .from(removedApps)
+      .all()
+      .map((item) => item.technicalName);
+  }
+
+  getCategories() {
+    return this.db
+      .select()
+      .from(categories)
+      .orderBy(categories.sortOrder, categories.name)
+      .all();
+  }
+
+  getFavorites() {
+    return this.db
+      .select()
+      .from(favorites)
+      .orderBy(favorites.sortOrder, favorites.name)
+      .all();
+  }
+
+  getPreferences(): Preferences {
+    const row = this.db
+      .select()
+      .from(preferences)
+      .where(eq(preferences.id, 1))
+      .get();
+    if (!row) throw new Error("Preferences were not initialized");
+    return {
+      theme: row.theme,
+      viewMode: row.viewMode,
+      accent: row.accent,
+      density: row.density,
+      contentWidth: row.contentWidth,
+      backgroundStyle: row.backgroundStyle,
+      wallpaperFit: row.wallpaperFit,
+      wallpaperPositionX: row.wallpaperPositionX,
+      wallpaperPositionY: row.wallpaperPositionY,
+      wallpaperZoom: row.wallpaperZoom,
+      weatherEnabled: row.weatherEnabled,
+      weatherLocation: row.weatherLocation,
+      weatherLatitude: row.weatherLatitude / 1000,
+      weatherLongitude: row.weatherLongitude / 1000,
+      reducedMotion: row.reducedMotion,
+      showHero: row.showHero,
+      showStatus: row.showStatus,
+      showServerWidget: row.showServerWidget,
+      serverWidgetSize: row.serverWidgetSize,
+      serverWidgetShowStats: row.serverWidgetShowStats,
+      serverWidgetShowDetails: row.serverWidgetShowDetails,
+      serverWidgetShowProgress: row.serverWidgetShowProgress,
+      serverWidgetShowNative: row.serverWidgetShowNative,
+      serverWidgetShowChart: row.serverWidgetShowChart,
+      serverWidgetChartMetric: row.serverWidgetChartMetric,
+      serverWidgetChartType: row.serverWidgetChartType,
+      serverWidgetChartSamples: row.serverWidgetChartSamples,
+      serverWidgetShowLegend: row.serverWidgetShowLegend,
+      serverWidgetHiddenMetrics: this.parseMetricOrder(
+        row.serverWidgetHiddenMetrics,
+      ),
+      serverWidgetMetricOrder: this.parseMetricOrder(
+        row.serverWidgetMetricOrder,
+      ),
+      serverWidgetStatLimit: row.serverWidgetStatLimit,
+      serverWidgetOrder: row.serverWidgetOrder,
+      serverName: row.serverName,
+      serverUrl: row.serverUrl || this.defaultServerUrl(),
+      pollingIntervalMs: row.pollingIntervalMs,
+      externalAccess: row.externalAccess,
+    };
+  }
+
+  private defaultServerUrl(): string {
+    const configured = process.env.UNRAID_URL?.trim();
+    const fallback =
+      configured || `http://${process.env.UNRAID_HOST || "host.local"}`;
+    try {
+      const url = new URL(fallback);
+      if (!url.port) url.port = "5000";
+      return url.toString().replace(/\/$/, "");
+    } catch {
+      return "http://host.local:5000";
+    }
+  }
+
+  syncDiscovered(
+    discovered: DiscoveredApp[],
+    { removeMissing = true }: SyncDiscoveredOptions = {},
+  ) {
+    const transaction = this.sqlite.transaction(() => {
+      const removed = new Set(
+        this.getRemovedApps().map((name) => name.toLocaleLowerCase()),
+      );
+      const existingApps = this.getApps();
+      const seenIds = new Set<string>();
+      for (const item of discovered) {
+        if (removed.has(item.technicalName.toLocaleLowerCase())) continue;
+        const normalizedName = item.technicalName.toLocaleLowerCase();
+        const candidates = existingApps.filter(
+          (app) => app.technicalName.toLocaleLowerCase() === normalizedName,
+        );
+        let current = [...candidates]
+          .sort((left, right) => {
+            const score = (app: DockApp) =>
+              Number(app.visible) * 1_000 +
+              Number(app.personalProject) * 750 +
+              Number(app.widgetEnabled) * 500 +
+              Number(Boolean(app.localUrlOverride || app.externalUrlOverride)) *
+                100 +
+              Number(Boolean(app.categoryId)) * 50 +
+              Number(app.technicalName === item.technicalName) * 10;
+            return score(right) - score(left);
+          })
+          .at(0);
+        if (
+          !current &&
+          item.technicalName.toLocaleLowerCase() === "dockdeck" &&
+          item.image?.startsWith("dockdeck:")
+        ) {
+          current = existingApps.find(
+            (app) =>
+              app.image === item.image &&
+              app.technicalName.toLocaleLowerCase().startsWith("dockdeck-"),
+          );
+        }
+        if (current) {
+          for (const duplicate of candidates) {
+            if (duplicate.id !== current.id)
+              this.db.delete(apps).where(eq(apps.id, duplicate.id)).run();
+          }
+          seenIds.add(current.id);
+          this.db
+            .update(apps)
+            .set({
+              technicalName: item.technicalName,
+              image: item.image,
+              icon:
+                current.technicalName.toLocaleLowerCase() === "dockdeck" &&
+                item.icon
+                  ? item.icon
+                  : /\[(?:IP|HOST|PORT(?::\d+)?)\]|^https?:\/\/boot\/|^\/boot\/config\/plugins\/dockerMan\/images\//i.test(
+                        current.icon ?? "",
+                      )
+                    ? item.icon
+                    : (current.icon ?? item.icon),
+              status: item.status,
+              localUrl: item.localUrl,
+              externalUrl: item.externalUrl,
+              detectionSource: item.detectionSource,
+              lastChecked: item.lastChecked,
+            })
+            .where(eq(apps.id, current.id))
+            .run();
+        } else {
+          seenIds.add(item.id);
+          this.db
+            .insert(apps)
+            .values({
+              ...item,
+              visible: false,
+              categoryId: null,
+              sortOrder: 0,
+              discoveredAt: new Date().toISOString(),
+              isNew: true,
+            })
+            .run();
+        }
+      }
+      if (removeMissing)
+        for (const current of this.getApps()) {
+          if (!seenIds.has(current.id))
+            this.db.delete(apps).where(eq(apps.id, current.id)).run();
+        }
+    });
+    transaction();
+  }
+
+  updateApp(id: string, patch: AppPatch) {
+    const {
+      widgetMetricOrder,
+      widgetHiddenMetrics,
+      widgetMetricStyles,
+      ...rest
+    } = patch;
+    this.db
+      .update(apps)
+      .set({
+        ...rest,
+        ...(rest.visible !== undefined ? { isNew: false } : {}),
+        ...(widgetMetricOrder
+          ? { widgetMetricOrder: JSON.stringify(widgetMetricOrder) }
+          : {}),
+        ...(widgetHiddenMetrics
+          ? { widgetHiddenMetrics: JSON.stringify(widgetHiddenMetrics) }
+          : {}),
+        ...(widgetMetricStyles
+          ? { widgetMetricStyles: JSON.stringify(widgetMetricStyles) }
+          : {}),
+      })
+      .where(eq(apps.id, id))
+      .run();
+    return this.getApps().find((app) => app.id === id);
+  }
+
+  enableAllWidgets() {
+    const allApps = this.getApps();
+    const transaction = this.sqlite.transaction(() => {
+      allApps.forEach((app, index) => {
+        this.db
+          .update(apps)
+          .set({ widgetEnabled: true, widgetOrder: index })
+          .where(eq(apps.id, app.id))
+          .run();
+      });
+    });
+    transaction();
+    return this.getApps();
+  }
+
+  removeApp(id: string): boolean {
+    const current = this.db.select().from(apps).where(eq(apps.id, id)).get();
+    if (!current) return false;
+    const transaction = this.sqlite.transaction(() => {
+      this.db
+        .insert(removedApps)
+        .values({
+          technicalName: current.technicalName,
+          removedAt: new Date().toISOString(),
+        })
+        .onConflictDoUpdate({
+          target: removedApps.technicalName,
+          set: { removedAt: new Date().toISOString() },
+        })
+        .run();
+      this.db.delete(apps).where(eq(apps.id, id)).run();
+    });
+    transaction();
+    return true;
+  }
+
+  createCategory(input: CategoryInput) {
+    const value = { id: crypto.randomUUID(), ...input };
+    this.db.insert(categories).values(value).run();
+    return value;
+  }
+
+  updateCategory(id: string, input: Partial<CategoryInput>) {
+    this.db.update(categories).set(input).where(eq(categories.id, id)).run();
+    return this.db.select().from(categories).where(eq(categories.id, id)).get();
+  }
+
+  deleteCategory(id: string) {
+    const transaction = this.sqlite.transaction(() => {
+      this.db
+        .update(apps)
+        .set({ categoryId: null })
+        .where(eq(apps.categoryId, id))
+        .run();
+      this.db
+        .update(favorites)
+        .set({ categoryId: null })
+        .where(eq(favorites.categoryId, id))
+        .run();
+      this.db.delete(categories).where(eq(categories.id, id)).run();
+    });
+    transaction();
+  }
+
+  organizeAppCategories() {
+    let updated = 0;
+    let unchanged = 0;
+    const unmatched: string[] = [];
+    const categoriesByName = new Map(
+      this.getCategories().map((category) => [
+        category.name.toLocaleLowerCase(),
+        category,
+      ]),
+    );
+    const transaction = this.sqlite.transaction(() => {
+      for (const app of this.getApps()) {
+        const suggestedName = inferAppCategoryName(app);
+        const suggested = suggestedName
+          ? categoriesByName.get(suggestedName.toLocaleLowerCase())
+          : undefined;
+        if (!suggested) {
+          unmatched.push(app.displayName);
+          continue;
+        }
+        if (app.categoryId === suggested.id) {
+          unchanged += 1;
+          continue;
+        }
+        this.db
+          .update(apps)
+          .set({ categoryId: suggested.id })
+          .where(eq(apps.id, app.id))
+          .run();
+        updated += 1;
+      }
+    });
+    transaction();
+    return { updated, unchanged, unmatched };
+  }
+
+  createFavorite(input: FavoriteInput) {
+    const value = { id: crypto.randomUUID(), ...input };
+    this.db.insert(favorites).values(value).run();
+    return value;
+  }
+
+  updateFavorite(id: string, input: Partial<FavoriteInput>) {
+    this.db.update(favorites).set(input).where(eq(favorites.id, id)).run();
+    return this.db.select().from(favorites).where(eq(favorites.id, id)).get();
+  }
+
+  deleteFavorite(id: string) {
+    this.db.delete(favorites).where(eq(favorites.id, id)).run();
+  }
+
+  updatePreferences(patch: PreferencesPatch) {
+    const {
+      serverWidgetHiddenMetrics,
+      serverWidgetMetricOrder,
+      weatherLatitude,
+      weatherLongitude,
+      ...rest
+    } = patch;
+    this.db
+      .update(preferences)
+      .set({
+        ...rest,
+        ...(weatherLatitude !== undefined
+          ? { weatherLatitude: Math.round(weatherLatitude * 1000) }
+          : {}),
+        ...(weatherLongitude !== undefined
+          ? { weatherLongitude: Math.round(weatherLongitude * 1000) }
+          : {}),
+        ...(serverWidgetHiddenMetrics
+          ? {
+              serverWidgetHiddenMetrics: JSON.stringify(
+                serverWidgetHiddenMetrics,
+              ),
+            }
+          : {}),
+        ...(serverWidgetMetricOrder
+          ? { serverWidgetMetricOrder: JSON.stringify(serverWidgetMetricOrder) }
+          : {}),
+      })
+      .where(eq(preferences.id, 1))
+      .run();
+    return this.getPreferences();
+  }
+
+  updateWidgetLayout(input: WidgetLayoutInput) {
+    const transaction = this.sqlite.transaction(() => {
+      for (const item of input.items) {
+        if (item.kind === "server") {
+          this.db
+            .update(preferences)
+            .set({ serverWidgetOrder: item.order })
+            .where(eq(preferences.id, 1))
+            .run();
+        } else {
+          this.db
+            .update(apps)
+            .set({ widgetOrder: item.order })
+            .where(eq(apps.id, item.id))
+            .run();
+        }
+      }
+    });
+    transaction();
+  }
+
+  private currentLayout(includeDisabled = false): LayoutConfiguration {
+    const preferences = this.getPreferences();
+    return {
+      apps: this.getApps()
+        .filter((app) => includeDisabled || app.widgetEnabled)
+        .map((app) => ({
+          appId: app.id,
+          widgetEnabled: app.widgetEnabled,
+          widgetOrder: app.widgetOrder,
+          widgetSize: app.widgetSize,
+          widgetShowSummary: app.widgetShowSummary,
+          widgetShowMetrics: app.widgetShowMetrics,
+          widgetShowInfrastructure: app.widgetShowInfrastructure,
+          widgetShowProgress: app.widgetShowProgress,
+          widgetShowSparkline: app.widgetShowSparkline,
+          widgetChartMetric: app.widgetChartMetric,
+          widgetChartType: app.widgetChartType,
+          widgetChartSamples: app.widgetChartSamples,
+          widgetShowLegend: app.widgetShowLegend,
+          widgetMetricStyles: app.widgetMetricStyles,
+          widgetStatLimit: app.widgetStatLimit,
+          widgetMetricOrder: app.widgetMetricOrder,
+          widgetHiddenMetrics: app.widgetHiddenMetrics,
+          widgetPrimaryMetric: app.widgetPrimaryMetric,
+          widgetCustomLabel: app.widgetCustomLabel,
+          widgetWarningMetric: app.widgetWarningMetric,
+          widgetWarningDirection: app.widgetWarningDirection,
+          widgetWarningThreshold: app.widgetWarningThreshold,
+          widgetRefreshIntervalMs: app.widgetRefreshIntervalMs,
+        })),
+      server: {
+        enabled: preferences.showServerWidget,
+        order: preferences.serverWidgetOrder,
+        size: preferences.serverWidgetSize,
+        showStats: preferences.serverWidgetShowStats,
+        showDetails: preferences.serverWidgetShowDetails,
+        showProgress: preferences.serverWidgetShowProgress,
+        showNative: preferences.serverWidgetShowNative,
+        showChart: preferences.serverWidgetShowChart,
+        chartMetric: preferences.serverWidgetChartMetric,
+        chartType: preferences.serverWidgetChartType,
+        chartSamples: preferences.serverWidgetChartSamples,
+        showLegend: preferences.serverWidgetShowLegend,
+        hiddenMetrics: preferences.serverWidgetHiddenMetrics,
+        metricOrder: preferences.serverWidgetMetricOrder,
+        statLimit: preferences.serverWidgetStatLimit,
+      },
+    };
+  }
+
+  private currentDashboardProfileConfiguration(): DashboardProfileConfiguration {
+    const currentPreferences = this.getPreferences();
+    const currentCategories = this.getCategories();
+    const categoryIds = new Set(
+      currentCategories.map((category) => category.id),
+    );
+    return dashboardProfileConfigurationSchema.parse({
+      apps: this.getApps().map((app) => ({
+        appId: app.id,
+        visible: app.visible,
+        categoryId:
+          app.categoryId && categoryIds.has(app.categoryId)
+            ? app.categoryId
+            : null,
+        sortOrder: app.sortOrder,
+      })),
+      categories: currentCategories.map((category) => ({
+        categoryId: category.id,
+        sortOrder: category.sortOrder,
+      })),
+      favorites: this.getFavorites().map((favorite) => ({
+        favoriteId: favorite.id,
+        categoryId:
+          favorite.categoryId && categoryIds.has(favorite.categoryId)
+            ? favorite.categoryId
+            : null,
+        sortOrder: favorite.sortOrder,
+      })),
+      preferences: {
+        theme: currentPreferences.theme,
+        viewMode: currentPreferences.viewMode,
+        accent: currentPreferences.accent,
+        density: currentPreferences.density,
+        contentWidth: currentPreferences.contentWidth,
+        backgroundStyle: currentPreferences.backgroundStyle,
+        wallpaperFit: currentPreferences.wallpaperFit,
+        wallpaperPositionX: currentPreferences.wallpaperPositionX,
+        wallpaperPositionY: currentPreferences.wallpaperPositionY,
+        wallpaperZoom: currentPreferences.wallpaperZoom,
+        weatherEnabled: currentPreferences.weatherEnabled,
+        weatherLocation: currentPreferences.weatherLocation,
+        weatherLatitude: currentPreferences.weatherLatitude,
+        weatherLongitude: currentPreferences.weatherLongitude,
+        reducedMotion: currentPreferences.reducedMotion,
+        showHero: currentPreferences.showHero,
+        showStatus: currentPreferences.showStatus,
+      },
+      layout: this.currentLayout(true),
+    });
+  }
+
+  private ensureDashboardProfileNameAvailable(
+    name: string,
+    ignoredId?: string,
+    enforceLimit = false,
+  ) {
+    const existing = this.db
+      .select({ id: dashboardProfiles.id, name: dashboardProfiles.name })
+      .from(dashboardProfiles)
+      .all();
+    if (enforceLimit && existing.length >= dashboardProfileLimit)
+      throw new DashboardProfileLimitError();
+    const normalizedName = name.toLowerCase();
+    if (
+      existing.some(
+        (profile) =>
+          profile.id !== ignoredId &&
+          profile.name.toLowerCase() === normalizedName,
+      )
+    )
+      throw new DashboardProfileNameConflictError();
+  }
+
+  getDashboardProfiles(): DashboardProfile[] {
+    return this.db
+      .select()
+      .from(dashboardProfiles)
+      .orderBy(dashboardProfiles.name)
+      .all()
+      .flatMap((profile) => {
+        try {
+          const parsed = dashboardProfileConfigurationSchema.safeParse(
+            JSON.parse(profile.configuration) as unknown,
+          );
+          return parsed.success
+            ? [
+                {
+                  id: profile.id,
+                  name: profile.name,
+                  configuration: parsed.data,
+                  createdAt: profile.createdAt,
+                  updatedAt: profile.updatedAt,
+                },
+              ]
+            : [];
+        } catch {
+          return [];
+        }
+      });
+  }
+
+  getDashboardProfileSummaries(): DashboardProfileSummary[] {
+    return this.db
+      .select({
+        id: dashboardProfiles.id,
+        name: dashboardProfiles.name,
+        createdAt: dashboardProfiles.createdAt,
+        updatedAt: dashboardProfiles.updatedAt,
+      })
+      .from(dashboardProfiles)
+      .orderBy(dashboardProfiles.name)
+      .all();
+  }
+
+  getDashboardProfile(id: string): DashboardProfile | undefined {
+    return this.getDashboardProfiles().find((profile) => profile.id === id);
+  }
+
+  createDashboardProfile(input: DashboardProfileInput): DashboardProfile {
+    const parsedInput = dashboardProfileInputSchema.parse(input);
+    this.ensureDashboardProfileNameAvailable(parsedInput.name, undefined, true);
+    const timestamp = new Date().toISOString();
+    const profile: DashboardProfile = {
+      id: crypto.randomUUID(),
+      name: parsedInput.name,
+      configuration: this.currentDashboardProfileConfiguration(),
+      createdAt: timestamp,
+      updatedAt: timestamp,
+    };
+    this.db
+      .insert(dashboardProfiles)
+      .values({
+        ...profile,
+        configuration: JSON.stringify(profile.configuration),
+      })
+      .run();
+    return profile;
+  }
+
+  importDashboardProfile(input: DashboardProfileImport): DashboardProfile {
+    const parsedInput = dashboardProfileImportSchema.parse(input);
+    this.ensureDashboardProfileNameAvailable(parsedInput.name, undefined, true);
+    const timestamp = new Date().toISOString();
+    const profile: DashboardProfile = {
+      id: crypto.randomUUID(),
+      name: parsedInput.name,
+      configuration: parsedInput.configuration,
+      createdAt: timestamp,
+      updatedAt: timestamp,
+    };
+    this.db
+      .insert(dashboardProfiles)
+      .values({
+        ...profile,
+        configuration: JSON.stringify(profile.configuration),
+      })
+      .run();
+    return profile;
+  }
+
+  updateDashboardProfile(
+    id: string,
+    input: DashboardProfileInput,
+  ): DashboardProfile | undefined {
+    const profile = this.getDashboardProfile(id);
+    if (!profile) return undefined;
+    const parsedInput = dashboardProfileInputSchema.parse(input);
+    this.ensureDashboardProfileNameAvailable(parsedInput.name, id);
+    this.db
+      .update(dashboardProfiles)
+      .set({ name: parsedInput.name, updatedAt: new Date().toISOString() })
+      .where(eq(dashboardProfiles.id, id))
+      .run();
+    return this.getDashboardProfile(id);
+  }
+
+  deleteDashboardProfile(id: string): boolean {
+    return (
+      this.db
+        .delete(dashboardProfiles)
+        .where(eq(dashboardProfiles.id, id))
+        .run().changes > 0
+    );
+  }
+
+  applyDashboardProfile(id: string): boolean {
+    const row = this.db
+      .select()
+      .from(dashboardProfiles)
+      .where(eq(dashboardProfiles.id, id))
+      .get();
+    if (!row) return false;
+    let rawConfiguration: unknown;
+    try {
+      rawConfiguration = JSON.parse(row.configuration) as unknown;
+    } catch {
+      return false;
+    }
+    const parsed =
+      dashboardProfileConfigurationSchema.safeParse(rawConfiguration);
+    if (!parsed.success) return false;
+    const configuration = parsed.data;
+    const activeCategoryIds = new Set(
+      this.getCategories().map((category) => category.id),
+    );
+    const transaction = this.sqlite.transaction(() => {
+      for (const item of configuration.apps) {
+        this.db
+          .update(apps)
+          .set({
+            visible: item.visible,
+            categoryId:
+              item.categoryId && activeCategoryIds.has(item.categoryId)
+                ? item.categoryId
+                : null,
+            sortOrder: item.sortOrder,
+          })
+          .where(eq(apps.id, item.appId))
+          .run();
+      }
+      for (const item of configuration.categories) {
+        this.db
+          .update(categories)
+          .set({ sortOrder: item.sortOrder })
+          .where(eq(categories.id, item.categoryId))
+          .run();
+      }
+      for (const item of configuration.favorites) {
+        this.db
+          .update(favorites)
+          .set({
+            categoryId:
+              item.categoryId && activeCategoryIds.has(item.categoryId)
+                ? item.categoryId
+                : null,
+            sortOrder: item.sortOrder,
+          })
+          .where(eq(favorites.id, item.favoriteId))
+          .run();
+      }
+      for (const item of configuration.layout.apps) {
+        this.updateApp(item.appId, {
+          widgetEnabled: item.widgetEnabled,
+          widgetOrder: item.widgetOrder,
+          widgetSize: item.widgetSize,
+          widgetShowSummary: item.widgetShowSummary,
+          widgetShowMetrics: item.widgetShowMetrics,
+          widgetShowInfrastructure: item.widgetShowInfrastructure,
+          widgetShowProgress: item.widgetShowProgress,
+          widgetShowSparkline: item.widgetShowSparkline,
+          widgetChartMetric: item.widgetChartMetric,
+          widgetChartType: item.widgetChartType,
+          widgetChartSamples: item.widgetChartSamples,
+          widgetShowLegend: item.widgetShowLegend,
+          widgetMetricStyles: item.widgetMetricStyles,
+          widgetStatLimit: item.widgetStatLimit,
+          widgetMetricOrder: item.widgetMetricOrder,
+          widgetHiddenMetrics: item.widgetHiddenMetrics,
+          widgetPrimaryMetric: item.widgetPrimaryMetric,
+          widgetCustomLabel: item.widgetCustomLabel,
+          widgetWarningMetric: item.widgetWarningMetric,
+          widgetWarningDirection: item.widgetWarningDirection,
+          widgetWarningThreshold: item.widgetWarningThreshold,
+          widgetRefreshIntervalMs: item.widgetRefreshIntervalMs,
+        });
+      }
+      this.updatePreferences(configuration.preferences);
+      this.updatePreferences({
+        showServerWidget: configuration.layout.server.enabled,
+        serverWidgetOrder: configuration.layout.server.order,
+        serverWidgetSize: configuration.layout.server.size,
+        serverWidgetShowStats: configuration.layout.server.showStats,
+        serverWidgetShowDetails: configuration.layout.server.showDetails,
+        serverWidgetShowProgress: configuration.layout.server.showProgress,
+        serverWidgetShowNative: configuration.layout.server.showNative,
+        serverWidgetShowChart: configuration.layout.server.showChart,
+        serverWidgetChartMetric: configuration.layout.server.chartMetric,
+        serverWidgetChartType: configuration.layout.server.chartType,
+        serverWidgetChartSamples: configuration.layout.server.chartSamples,
+        serverWidgetShowLegend: configuration.layout.server.showLegend,
+        serverWidgetHiddenMetrics: configuration.layout.server.hiddenMetrics,
+        serverWidgetMetricOrder: configuration.layout.server.metricOrder,
+        serverWidgetStatLimit: configuration.layout.server.statLimit,
+      });
+    });
+    transaction();
+    return true;
+  }
+
+  getLayoutPresets(): LayoutPreset[] {
+    return this.db
+      .select()
+      .from(layoutPresets)
+      .orderBy(layoutPresets.name)
+      .all()
+      .flatMap((preset) => {
+        try {
+          const parsed = layoutConfigurationSchema.safeParse(
+            JSON.parse(preset.configuration) as unknown,
+          );
+          return parsed.success
+            ? [{ ...preset, configuration: parsed.data }]
+            : [];
+        } catch {
+          return [];
+        }
+      });
+  }
+
+  createLayoutPreset(input: LayoutPresetInput): LayoutPreset {
+    const timestamp = new Date().toISOString();
+    const preset: LayoutPreset = {
+      id: crypto.randomUUID(),
+      name: input.name,
+      configuration: this.currentLayout(),
+      createdAt: timestamp,
+      updatedAt: timestamp,
+    };
+    this.db
+      .insert(layoutPresets)
+      .values({
+        ...preset,
+        configuration: JSON.stringify(preset.configuration),
+      })
+      .run();
+    return preset;
+  }
+
+  importLayoutPreset(input: LayoutPresetImport): LayoutPreset {
+    const timestamp = new Date().toISOString();
+    const preset: LayoutPreset = {
+      id: crypto.randomUUID(),
+      name: input.name,
+      configuration: input.configuration,
+      createdAt: timestamp,
+      updatedAt: timestamp,
+    };
+    this.db
+      .insert(layoutPresets)
+      .values({ ...preset, configuration: JSON.stringify(input.configuration) })
+      .run();
+    return preset;
+  }
+
+  deleteLayoutPreset(id: string): boolean {
+    return (
+      this.db.delete(layoutPresets).where(eq(layoutPresets.id, id)).run()
+        .changes > 0
+    );
+  }
+
+  applyLayoutPreset(id: string): boolean {
+    const preset = this.getLayoutPresets().find((item) => item.id === id);
+    if (!preset) return false;
+    const transaction = this.sqlite.transaction(() => {
+      this.db.update(apps).set({ widgetEnabled: false }).run();
+      for (const item of preset.configuration.apps) {
+        this.updateApp(item.appId, {
+          widgetEnabled: item.widgetEnabled,
+          widgetOrder: item.widgetOrder,
+          widgetSize: item.widgetSize,
+          widgetShowSummary: item.widgetShowSummary,
+          widgetShowMetrics: item.widgetShowMetrics,
+          widgetShowInfrastructure: item.widgetShowInfrastructure,
+          widgetShowProgress: item.widgetShowProgress,
+          widgetShowSparkline: item.widgetShowSparkline,
+          widgetChartMetric: item.widgetChartMetric,
+          widgetChartType: item.widgetChartType,
+          widgetChartSamples: item.widgetChartSamples,
+          widgetShowLegend: item.widgetShowLegend,
+          widgetMetricStyles: item.widgetMetricStyles,
+          widgetStatLimit: item.widgetStatLimit,
+          widgetMetricOrder: item.widgetMetricOrder,
+          widgetHiddenMetrics: item.widgetHiddenMetrics,
+          widgetPrimaryMetric: item.widgetPrimaryMetric,
+          widgetCustomLabel: item.widgetCustomLabel,
+          widgetWarningMetric: item.widgetWarningMetric,
+          widgetWarningDirection: item.widgetWarningDirection,
+          widgetWarningThreshold: item.widgetWarningThreshold,
+          widgetRefreshIntervalMs: item.widgetRefreshIntervalMs,
+        });
+      }
+      this.updatePreferences({
+        showServerWidget: preset.configuration.server.enabled,
+        serverWidgetOrder: preset.configuration.server.order,
+        serverWidgetSize: preset.configuration.server.size,
+        serverWidgetShowStats: preset.configuration.server.showStats,
+        serverWidgetShowDetails: preset.configuration.server.showDetails,
+        serverWidgetShowProgress: preset.configuration.server.showProgress,
+        serverWidgetShowNative: preset.configuration.server.showNative,
+        serverWidgetShowChart: preset.configuration.server.showChart,
+        serverWidgetChartMetric: preset.configuration.server.chartMetric,
+        serverWidgetChartType: preset.configuration.server.chartType,
+        serverWidgetChartSamples: preset.configuration.server.chartSamples,
+        serverWidgetShowLegend: preset.configuration.server.showLegend,
+        serverWidgetHiddenMetrics: preset.configuration.server.hiddenMetrics,
+        serverWidgetMetricOrder: preset.configuration.server.metricOrder,
+        serverWidgetStatLimit: preset.configuration.server.statLimit,
+      });
+    });
+    transaction();
+    return true;
+  }
+
+  export(): DockDeckExport {
+    return {
+      version: 1,
+      exportedAt: new Date().toISOString(),
+      categories: this.getCategories(),
+      apps: this.getApps().map(
+        ({
+          id,
+          displayName,
+          visible,
+          personalProject,
+          widgetEnabled,
+          widgetSize,
+          widgetShowSummary,
+          widgetShowMetrics,
+          widgetShowInfrastructure,
+          widgetShowProgress,
+          widgetShowSparkline,
+          widgetChartMetric,
+          widgetChartType,
+          widgetChartSamples,
+          widgetShowLegend,
+          widgetMetricStyles,
+          widgetStatLimit,
+          widgetOrder,
+          widgetMetricOrder,
+          widgetHiddenMetrics,
+          widgetPrimaryMetric,
+          widgetCustomLabel,
+          widgetWarningMetric,
+          widgetWarningDirection,
+          widgetWarningThreshold,
+          widgetRefreshIntervalMs,
+          categoryId,
+          sortOrder,
+          icon,
+          localUrlOverride,
+          externalUrlOverride,
+        }) => ({
+          id,
+          displayName,
+          visible,
+          personalProject,
+          widgetEnabled,
+          widgetSize,
+          widgetShowSummary,
+          widgetShowMetrics,
+          widgetShowInfrastructure,
+          widgetShowProgress,
+          widgetShowSparkline,
+          widgetChartMetric,
+          widgetChartType,
+          widgetChartSamples,
+          widgetShowLegend,
+          widgetMetricStyles,
+          widgetStatLimit,
+          widgetOrder,
+          widgetMetricOrder,
+          widgetHiddenMetrics,
+          widgetPrimaryMetric,
+          widgetCustomLabel,
+          widgetWarningMetric,
+          widgetWarningDirection,
+          widgetWarningThreshold,
+          widgetRefreshIntervalMs,
+          categoryId,
+          sortOrder,
+          icon,
+          localUrlOverride,
+          externalUrlOverride,
+        }),
+      ),
+      favorites: this.getFavorites(),
+      removedApps: this.getRemovedApps(),
+      preferences: this.getPreferences(),
+      layoutPresets: this.getLayoutPresets(),
+      profiles: this.getDashboardProfiles(),
+    };
+  }
+
+  import(payload: DockDeckExport) {
+    const backup = importSchema.parse(payload);
+    const transaction = this.sqlite.transaction(() => {
+      this.db.delete(favorites).run();
+      this.db.delete(categories).run();
+      this.db.delete(removedApps).run();
+      this.db.delete(layoutPresets).run();
+      this.db.delete(dashboardProfiles).run();
+      for (const category of backup.categories)
+        this.db.insert(categories).values(category).run();
+      for (const favorite of backup.favorites)
+        this.db.insert(favorites).values(favorite).run();
+      for (const technicalName of backup.removedApps ?? []) {
+        this.db
+          .insert(removedApps)
+          .values({ technicalName, removedAt: new Date().toISOString() })
+          .run();
+        this.db.delete(apps).where(eq(apps.technicalName, technicalName)).run();
+      }
+      for (const app of backup.apps) {
+        this.db
+          .update(apps)
+          .set({
+            displayName: app.displayName,
+            visible: app.visible,
+            ...(app.personalProject !== undefined
+              ? { personalProject: app.personalProject }
+              : {}),
+            widgetEnabled: app.widgetEnabled,
+            widgetSize: app.widgetSize,
+            widgetShowSummary: app.widgetShowSummary,
+            widgetShowMetrics: app.widgetShowMetrics,
+            widgetShowInfrastructure: app.widgetShowInfrastructure,
+            widgetShowProgress: app.widgetShowProgress,
+            widgetShowSparkline: app.widgetShowSparkline,
+            widgetChartMetric: app.widgetChartMetric,
+            widgetChartType: app.widgetChartType,
+            widgetChartSamples: app.widgetChartSamples,
+            widgetShowLegend: app.widgetShowLegend,
+            widgetMetricStyles: app.widgetMetricStyles
+              ? JSON.stringify(app.widgetMetricStyles)
+              : undefined,
+            widgetStatLimit: app.widgetStatLimit,
+            widgetOrder: app.widgetOrder,
+            widgetMetricOrder: app.widgetMetricOrder
+              ? JSON.stringify(app.widgetMetricOrder)
+              : undefined,
+            widgetHiddenMetrics: app.widgetHiddenMetrics
+              ? JSON.stringify(app.widgetHiddenMetrics)
+              : undefined,
+            widgetPrimaryMetric: app.widgetPrimaryMetric,
+            widgetCustomLabel: app.widgetCustomLabel,
+            widgetWarningMetric: app.widgetWarningMetric,
+            widgetWarningDirection: app.widgetWarningDirection,
+            widgetWarningThreshold: app.widgetWarningThreshold,
+            widgetRefreshIntervalMs: app.widgetRefreshIntervalMs,
+            categoryId: app.categoryId,
+            sortOrder: app.sortOrder,
+            icon: app.icon,
+            localUrlOverride: app.localUrlOverride,
+            externalUrlOverride: app.externalUrlOverride,
+          })
+          .where(and(eq(apps.id, app.id), sql`1 = 1`))
+          .run();
+      }
+      this.updatePreferences(backup.preferences);
+      for (const preset of backup.layoutPresets ?? []) {
+        this.db
+          .insert(layoutPresets)
+          .values({
+            ...preset,
+            configuration: JSON.stringify(preset.configuration),
+          })
+          .run();
+      }
+      for (const profile of backup.profiles ?? []) {
+        this.db
+          .insert(dashboardProfiles)
+          .values({
+            ...profile,
+            configuration: JSON.stringify(profile.configuration),
+          })
+          .run();
+      }
+    });
+    transaction();
+  }
+}
diff --git a/src/server/http.ts b/src/server/http.ts
new file mode 100644
index 0000000..6361236
--- /dev/null
+++ b/src/server/http.ts
@@ -0,0 +1,64 @@
+const DEFAULT_MAXIMUM_BYTES = 1024 * 1024;
+
+export async function readBoundedJsonResponse<T>(
+  response: Response,
+  maximumBytes = DEFAULT_MAXIMUM_BYTES,
+): Promise<T> {
+  const declaredLength = Number(response.headers.get("content-length"));
+  if (Number.isFinite(declaredLength) && declaredLength > maximumBytes)
+    throw new Error("Integration response is too large");
+
+  if (!response.body) throw new Error("Integration returned an empty response");
+  const reader = response.body.getReader();
+  const chunks: Uint8Array[] = [];
+  let received = 0;
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      received += value.byteLength;
+      if (received > maximumBytes) {
+        await reader.cancel();
+        throw new Error("Integration response is too large");
+      }
+      chunks.push(value);
+    }
+  } finally {
+    reader.releaseLock();
+  }
+
+  const body = Buffer.concat(chunks, received).toString("utf8");
+  return JSON.parse(body) as T;
+}
+
+export async function fetchBoundedJson<T>(
+  url: string,
+  init: RequestInit = {},
+  timeoutMs = 4_000,
+  maximumBytes = DEFAULT_MAXIMUM_BYTES,
+  fetcher: typeof fetch = fetch,
+): Promise<T> {
+  const response = await fetcher(url, {
+    ...init,
+    redirect: "error",
+    signal: AbortSignal.timeout(timeoutMs),
+  });
+  if (!response.ok)
+    throw new Error(`Integration returned HTTP ${response.status}`);
+  return readBoundedJsonResponse<T>(response, maximumBytes);
+}
+
+export async function fetchBoundedOk(
+  url: string,
+  init: RequestInit = {},
+  timeoutMs = 4_000,
+  fetcher: typeof fetch = fetch,
+): Promise<void> {
+  const response = await fetcher(url, {
+    ...init,
+    redirect: "error",
+    signal: AbortSignal.timeout(timeoutMs),
+  });
+  if (!response.ok)
+    throw new Error(`Integration returned HTTP ${response.status}`);
+}
diff --git a/src/server/index.ts b/src/server/index.ts
new file mode 100644
index 0000000..9745bb5
--- /dev/null
+++ b/src/server/index.ts
@@ -0,0 +1,15 @@
+import { buildApp } from "./app.js";
+
+const host = process.env.HOST ?? "127.0.0.1";
+const port = Number(process.env.PORT ?? 3000);
+const app = await buildApp();
+
+try {
+  await app.listen({ host, port });
+  if (process.env.MOCK_DISCOVERY === "true") {
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+  }
+} catch (error) {
+  app.log.error(error);
+  process.exit(1);
+}
diff --git a/src/server/integration-environment.ts b/src/server/integration-environment.ts
new file mode 100644
index 0000000..93007ff
--- /dev/null
+++ b/src/server/integration-environment.ts
@@ -0,0 +1,71 @@
+import {
+  chmodSync,
+  existsSync,
+  mkdirSync,
+  readFileSync,
+  renameSync,
+  writeFileSync,
+} from "node:fs";
+import { dirname } from "node:path";
+
+const validKey = /^[A-Z][A-Z0-9_]*$/;
+
+export class IntegrationEnvironmentStore {
+  private readonly values = new Map<string, string>();
+
+  constructor(
+    private readonly path = process.env.NODE_ENV === "test"
+      ? undefined
+      : (process.env.INTEGRATION_ENV_PATH ?? "./data/integrations.env"),
+  ) {
+    this.load();
+  }
+
+  private load() {
+    if (!this.path || !existsSync(this.path)) return;
+    for (const line of readFileSync(this.path, "utf8").split(/\r?\n/)) {
+      const separator = line.indexOf("=");
+      if (separator < 1) continue;
+      const key = line.slice(0, separator);
+      if (!validKey.test(key)) continue;
+      try {
+        const value = JSON.parse(line.slice(separator + 1)) as unknown;
+        if (typeof value !== "string") continue;
+        this.values.set(key, value);
+        process.env[key] = value;
+      } catch {
+        // Ignore malformed lines without exposing their potentially sensitive contents.
+      }
+    }
+  }
+
+  set(values: Record<string, string>) {
+    for (const [key, value] of Object.entries(values)) {
+      if (!validKey.test(key)) throw new Error("Invalid environment key");
+      this.values.set(key, value);
+      process.env[key] = value;
+    }
+    this.persist();
+  }
+
+  clear(keys: string[]) {
+    this.set(Object.fromEntries(keys.map((key) => [key, ""])));
+  }
+
+  private persist() {
+    if (!this.path) return;
+    mkdirSync(dirname(this.path), { recursive: true });
+    const temporaryPath = `${this.path}.tmp`;
+    const body = [...this.values.entries()]
+      .sort(([left], [right]) => left.localeCompare(right))
+      .map(([key, value]) => `${key}=${JSON.stringify(value)}`)
+      .join("\n");
+    writeFileSync(temporaryPath, `${body}\n`, {
+      encoding: "utf8",
+      mode: 0o600,
+    });
+    chmodSync(temporaryPath, 0o600);
+    renameSync(temporaryPath, this.path);
+    chmodSync(this.path, 0o600);
+  }
+}
diff --git a/src/server/integrations/discovery.ts b/src/server/integrations/discovery.ts
new file mode 100644
index 0000000..a3f0482
--- /dev/null
+++ b/src/server/integrations/discovery.ts
@@ -0,0 +1,879 @@
+import { existsSync, readdirSync, readFileSync } from "node:fs";
+import { join } from "node:path";
+import type {
+  IntegrationState,
+  ServerWidgetMetric,
+  WidgetMetric,
+} from "../../shared/contracts.js";
+import {
+  matchNpmHost,
+  normalizeUrl,
+  resolveContainerHost,
+  resolveUnraidIcon,
+  resolveUnraidWebUi,
+} from "../../shared/domain.js";
+import { inferPersonalProject } from "../../shared/personal-project.js";
+import type { DiscoveredApp } from "../database.js";
+import { mapWithConcurrency } from "../concurrency.js";
+import { fetchBoundedJson } from "../http.js";
+import { UnraidStatusService } from "./unraid-status.js";
+
+interface DockerContainer {
+  Id: string;
+  Names: string[];
+  Image: string;
+  State: string;
+  Status: string;
+  Ports: { PrivatePort: number; PublicPort?: number; Type?: string }[];
+  Labels?: Record<string, string>;
+  NetworkSettings?: {
+    Networks?: Record<string, { IPAddress?: string }>;
+  };
+}
+
+interface DockerStats {
+  cpu_stats?: {
+    cpu_usage?: { total_usage?: number; percpu_usage?: number[] };
+    system_cpu_usage?: number;
+    online_cpus?: number;
+  };
+  precpu_stats?: {
+    cpu_usage?: { total_usage?: number };
+    system_cpu_usage?: number;
+  };
+  memory_stats?: {
+    usage?: number;
+    limit?: number;
+    stats?: { cache?: number; inactive_file?: number };
+  };
+  networks?: Record<string, { rx_bytes?: number; tx_bytes?: number }>;
+  pids_stats?: { current?: number };
+}
+
+interface DockerInfo {
+  Name?: string;
+  OperatingSystem?: string;
+  Architecture?: string;
+  ServerVersion?: string;
+  NCPU?: number;
+  MemTotal?: number;
+  Containers?: number;
+  ContainersRunning?: number;
+  ContainersPaused?: number;
+  ContainersStopped?: number;
+  Images?: number;
+}
+
+interface AppOpsContainer {
+  id: string;
+  name: string;
+  state: string;
+  health?: string;
+  image: string;
+  ports?: string[];
+  cpu?: string;
+  ram?: string;
+  metricsStatus?: string;
+}
+
+const MAXIMUM_INVENTORY_ITEMS = 500;
+
+interface TemplateInfo {
+  name: string;
+  webUi: string | null;
+  icon: string | null;
+}
+
+export interface DiscoveryResult {
+  apps: DiscoveredApp[];
+  integrations: IntegrationState[];
+}
+
+export interface WidgetRequest {
+  technicalName: string;
+  refreshIntervalMs: number;
+}
+
+type ClassifiedDiscoveredApp = DiscoveredApp & { personalProject: boolean };
+
+const checkedAt = () => new Date().toISOString();
+
+function state(
+  id: IntegrationState["id"],
+  label: string,
+  value: IntegrationState["state"],
+  message: string,
+): IntegrationState {
+  return { id, label, state: value, message, checkedAt: checkedAt() };
+}
+
+export function parseUnraidTemplate(xml: string): TemplateInfo {
+  const pick = (tag: string) => {
+    const match = xml.match(
+      new RegExp(
+        `<${tag}[^>]*>(?:<!\\[CDATA\\[)?([\\s\\S]*?)(?:\\]\\]>)?</${tag}>`,
+        "i",
+      ),
+    );
+    return match?.[1]?.trim() || null;
+  };
+  return { name: pick("Name") ?? "", webUi: pick("WebUI"), icon: pick("Icon") };
+}
+
+function readTemplates(path: string | undefined): Map<string, TemplateInfo> {
+  const templates = new Map<string, TemplateInfo>();
+  if (!path || !existsSync(path)) return templates;
+  for (const file of readdirSync(path).filter((name) =>
+    name.endsWith(".xml"),
+  )) {
+    const parsed = parseUnraidTemplate(readFileSync(join(path, file), "utf8"));
+    if (parsed.name) templates.set(parsed.name.toLowerCase(), parsed);
+  }
+  return templates;
+}
+
+async function fetchJson<T>(
+  url: string,
+  init?: RequestInit,
+  timeoutMs = 4_000,
+): Promise<T> {
+  return fetchBoundedJson<T>(url, init, timeoutMs, 2 * 1024 * 1024);
+}
+
+function finite(value: number | undefined): number | null {
+  return Number.isFinite(value) ? (value ?? null) : null;
+}
+
+function bytesFromHuman(value: string | undefined): number | null {
+  const match = value?.trim().match(/^([\d.]+)\s*([kmgt]i?b)$/i);
+  if (!match?.[1] || !match[2]) return null;
+  const amount = Number(match[1]);
+  if (!Number.isFinite(amount)) return null;
+  const power = { kb: 1, kib: 1, mb: 2, mib: 2, gb: 3, gib: 3, tb: 4, tib: 4 }[
+    match[2].toLowerCase()
+  ];
+  return power ? amount * 1024 ** power : null;
+}
+
+export function appOpsContainerToDocker(
+  item: AppOpsContainer,
+): DockerContainer {
+  const runtimeState = item.state.trim().toLocaleLowerCase();
+  const ports = [...new Set(item.ports ?? [])].flatMap((value) => {
+    const match = value.match(/(\d+):(\d+)(?:\/(tcp|udp))?$/i);
+    if (!match?.[1] || !match[2]) return [];
+    return [
+      {
+        PublicPort: Number(match[1]),
+        PrivatePort: Number(match[2]),
+        Type: match[3]?.toLowerCase() ?? "tcp",
+      },
+    ];
+  });
+  return {
+    Id: item.id,
+    Names: [`/${item.name}`],
+    Image: item.image,
+    State: runtimeState,
+    Status: [item.state, item.health].filter(Boolean).join(" · ") || "unknown",
+    Ports: ports,
+  };
+}
+
+export function metricFromAppOps(item: AppOpsContainer): WidgetMetric {
+  const [used, limit] = (item.ram ?? "")
+    .split("/")
+    .map((value) => value.trim());
+  const cpu = Number.parseFloat(item.cpu ?? "");
+  const measured = item.metricsStatus === "measured";
+  return {
+    statusText:
+      [item.state, item.health].filter(Boolean).join(" · ") || "unknown",
+    cpuPercent: measured && Number.isFinite(cpu) ? cpu : null,
+    memoryUsageBytes: measured ? bytesFromHuman(used) : null,
+    memoryLimitBytes: measured ? bytesFromHuman(limit) : null,
+    networkRxBytes: null,
+    networkTxBytes: null,
+    networkRxBytesPerSecond: null,
+    networkTxBytesPerSecond: null,
+    pids: null,
+    updatedAt: measured ? checkedAt() : null,
+    freshness: measured ? "fresh" : "unavailable",
+    history: [],
+  };
+}
+
+function readHostCapacity(): { cpuCount: number; totalMemoryBytes: number } {
+  let cpuCount = 0;
+  let totalMemoryBytes = 0;
+  try {
+    const cpuInfo = readFileSync(
+      process.env.UNRAID_CPUINFO_PATH ?? "/host-proc/cpuinfo",
+      "utf8",
+    );
+    cpuCount = [...cpuInfo.matchAll(/^processor\s*:/gm)].length;
+  } catch {
+    // Host capacity is optional; inventory and navigation remain available.
+  }
+  try {
+    const memoryInfo = readFileSync(
+      process.env.UNRAID_MEMINFO_PATH ?? "/host-proc/meminfo",
+      "utf8",
+    );
+    const totalKib = Number(memoryInfo.match(/^MemTotal:\s+(\d+)\s+kB/im)?.[1]);
+    if (Number.isFinite(totalKib)) totalMemoryBytes = totalKib * 1024;
+  } catch {
+    // Host capacity is optional; native array data remains available.
+  }
+  return { cpuCount, totalMemoryBytes };
+}
+
+function metricFromStats(statusText: string, stats: DockerStats): WidgetMetric {
+  const cpuDelta =
+    (stats.cpu_stats?.cpu_usage?.total_usage ?? 0) -
+    (stats.precpu_stats?.cpu_usage?.total_usage ?? 0);
+  const systemDelta =
+    (stats.cpu_stats?.system_cpu_usage ?? 0) -
+    (stats.precpu_stats?.system_cpu_usage ?? 0);
+  const cpuCount =
+    stats.cpu_stats?.online_cpus ??
+    stats.cpu_stats?.cpu_usage?.percpu_usage?.length ??
+    1;
+  const rawMemory = stats.memory_stats?.usage;
+  const cache =
+    stats.memory_stats?.stats?.inactive_file ??
+    stats.memory_stats?.stats?.cache ??
+    0;
+  const networks = Object.values(stats.networks ?? {});
+  return {
+    statusText,
+    cpuPercent:
+      cpuDelta > 0 && systemDelta > 0
+        ? Math.round((cpuDelta / systemDelta) * cpuCount * 10_000) / 100
+        : null,
+    memoryUsageBytes: finite(
+      rawMemory === undefined ? undefined : Math.max(0, rawMemory - cache),
+    ),
+    memoryLimitBytes: finite(stats.memory_stats?.limit),
+    networkRxBytes: finite(
+      networks.reduce((total, network) => total + (network.rx_bytes ?? 0), 0),
+    ),
+    networkTxBytes: finite(
+      networks.reduce((total, network) => total + (network.tx_bytes ?? 0), 0),
+    ),
+    networkRxBytesPerSecond: null,
+    networkTxBytesPerSecond: null,
+    pids: finite(stats.pids_stats?.current),
+    updatedAt: checkedAt(),
+    freshness: "fresh",
+    history: [],
+  };
+}
+
+function emptyMetric(statusText: string): WidgetMetric {
+  return {
+    statusText,
+    cpuPercent: null,
+    memoryUsageBytes: null,
+    memoryLimitBytes: null,
+    networkRxBytes: null,
+    networkTxBytes: null,
+    networkRxBytesPerSecond: null,
+    networkTxBytesPerSecond: null,
+    pids: null,
+    updatedAt: null,
+    freshness: "unavailable",
+    history: [],
+  };
+}
+
+async function fetchNpmHosts(): Promise<string[]> {
+  const base = process.env.NPM_URL?.replace(/\/$/, "");
+  if (!base) return [];
+  let token = process.env.NPM_TOKEN;
+  if (!token && process.env.NPM_USERNAME && process.env.NPM_PASSWORD) {
+    const auth = await fetchJson<{ token: string }>(`${base}/api/tokens`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({
+        identity: process.env.NPM_USERNAME,
+        secret: process.env.NPM_PASSWORD,
+      }),
+    });
+    token = auth.token;
+  }
+  if (!token) throw new Error("No server-side NPM credential configured");
+  const hosts = await fetchJson<Array<{ domain_names?: string[] }>>(
+    `${base}/api/nginx/proxy-hosts`,
+    {
+      headers: { Authorization: `Bearer ${token}` },
+    },
+  );
+  return hosts.flatMap((host) => host.domain_names ?? []);
+}
+
+const mockContainers: DockerContainer[] = [
+  {
+    Id: "mock-plex-001",
+    Names: ["/Plex-Media-Server"],
+    Image: "lscr.io/linuxserver/plex:latest",
+    State: "running",
+    Status: "Up 6 days",
+    Ports: [{ PrivatePort: 32400, PublicPort: 32400, Type: "tcp" }],
+    Labels: {
+      "net.unraid.docker.webui": "http://[IP]:[PORT:32400]/web",
+      "net.unraid.docker.icon": "",
+    },
+  },
+  {
+    Id: "mock-immich-002",
+    Names: ["/immich_server"],
+    Image: "ghcr.io/immich-app/immich-server:release",
+    State: "running",
+    Status: "Up 2 days",
+    Ports: [{ PrivatePort: 2283, PublicPort: 2283, Type: "tcp" }],
+    Labels: { "net.unraid.docker.webui": "http://[IP]:[PORT:2283]" },
+  },
+  {
+    Id: "mock-homeassistant-003",
+    Names: ["/home-assistant"],
+    Image: "ghcr.io/home-assistant/home-assistant:stable",
+    State: "exited",
+    Status: "Exited (0) 3 hours ago",
+    Ports: [{ PrivatePort: 8123, PublicPort: 8123, Type: "tcp" }],
+    Labels: { "net.unraid.docker.webui": "http://[IP]:[PORT:8123]" },
+  },
+  {
+    Id: "mock-paperless-004",
+    Names: ["/paperless-ngx"],
+    Image: "ghcr.io/paperless-ngx/paperless-ngx:latest",
+    State: "running",
+    Status: "Up 12 hours",
+    Ports: [{ PrivatePort: 8000, PublicPort: 8010, Type: "tcp" }],
+    Labels: { "net.unraid.docker.webui": "http://[IP]:[PORT:8000]" },
+  },
+];
+
+export class DiscoveryService {
+  private latestStates: IntegrationState[] = [
+    state("unraid", "Unraid templates", "disabled", "Nog niet gecontroleerd"),
+    state("docker", "Docker proxy", "disabled", "Nog niet gecontroleerd"),
+    state("npm", "Nginx Proxy Manager", "disabled", "Optionele integratie"),
+  ];
+  private latestWidgetMetrics: Record<string, WidgetMetric> = {};
+  private latestServerWidget: ServerWidgetMetric | null = null;
+  private networkSamples = new Map<
+    string,
+    { rx: number; tx: number; sampledAt: number }
+  >();
+  private metricSamples = new Map<string, number>();
+  private metricHistory = new Map<string, WidgetMetric["history"]>();
+  private serverHistory: NonNullable<ServerWidgetMetric["history"]> = {};
+  private appOpsMetrics = new Map<string, WidgetMetric>();
+  private appOpsMetricsUpdatedAt = 0;
+  private appOpsMetricsRefresh: Promise<void> | null = null;
+
+  constructor(private readonly unraidStatus = new UnraidStatusService()) {}
+
+  getStates() {
+    return this.latestStates;
+  }
+
+  getWidgetMetrics() {
+    return this.latestWidgetMetrics;
+  }
+
+  getServerWidget() {
+    return this.latestServerWidget;
+  }
+
+  private setServerWidget(widget: Omit<ServerWidgetMetric, "history">) {
+    const native = widget.native;
+    const storageTotal =
+      native?.storage.reduce((total, group) => total + group.totalBytes, 0) ??
+      0;
+    const storageUsed =
+      native?.storage.reduce((total, group) => total + group.usedBytes, 0) ?? 0;
+    const values: Record<string, number | null> = {
+      "Running containers": widget.containersRunning,
+      "Stopped containers": widget.containersStopped,
+      Images: widget.images,
+      "Memory capacity": widget.totalMemoryBytes,
+      "Storage used":
+        storageTotal > 0 ? (storageUsed / storageTotal) * 100 : null,
+      "Hottest temperature": native?.hottestTemperatureC ?? null,
+      "Parity errors": native?.parityErrors ?? null,
+      "UPS battery": native?.upsBatteryPercent ?? null,
+    };
+    for (const [label, value] of Object.entries(values)) {
+      if (value === null || !Number.isFinite(value)) continue;
+      this.serverHistory[label] = [
+        ...(this.serverHistory[label] ?? []),
+        { sampledAt: widget.updatedAt, value },
+      ].slice(-60);
+    }
+    this.latestServerWidget = { ...widget, history: this.serverHistory };
+  }
+
+  async discover(
+    externalAccess = false,
+    widgetRequests: Array<string | WidgetRequest> = [],
+  ): Promise<DiscoveryResult> {
+    const useMocks =
+      process.env.MOCK_DISCOVERY === "true" || process.env.NODE_ENV === "test";
+    const templatePath = process.env.UNRAID_TEMPLATES_PATH;
+    const templates = readTemplates(templatePath);
+    let containers: DockerContainer[] = [];
+    let appOpsMetrics = this.appOpsMetrics;
+    const dockerBase = (
+      process.env.DOCKER_PROXY_URL ?? "http://dockerproxy:2375"
+    ).replace(/\/$/, "");
+    let dockerState: IntegrationState;
+
+    if (useMocks) {
+      containers = mockContainers;
+      this.setServerWidget({
+        url: "http://host.local",
+        hostName: "Tower",
+        operatingSystem: "Unraid 7",
+        architecture: "x86_64",
+        dockerVersion: "28.3.3",
+        cpuCount: 12,
+        totalMemoryBytes: 32 * 1024 ** 3,
+        containers: containers.length,
+        containersRunning: containers.filter((item) => item.State === "running")
+          .length,
+        containersPaused: 0,
+        containersStopped: containers.filter((item) => item.State !== "running")
+          .length,
+        images: 18,
+        updatedAt: checkedAt(),
+        freshness: "fresh",
+        native: {
+          arrayState: "Started",
+          parityStatus: "healthy",
+          parityErrors: 0,
+          lastParityCheck: new Date(Date.now() - 86_400_000).toISOString(),
+          resyncPercent: null,
+          hottestTemperatureC: 42,
+          storage: [
+            {
+              name: "Array",
+              kind: "array",
+              status: "DISK_OK",
+              totalBytes: 24 * 1024 ** 4,
+              usedBytes: 14 * 1024 ** 4,
+              freeBytes: 10 * 1024 ** 4,
+              hottestTemperatureC: 39,
+              deviceCount: 4,
+            },
+          ],
+          upsStatus: "ONLINE",
+          upsLoadPercent: 18,
+          upsBatteryPercent: 100,
+          updatedAt: checkedAt(),
+        },
+      });
+      dockerState = state(
+        "docker",
+        "Docker proxy",
+        "connected",
+        "Deterministische ontwikkeldata actief",
+      );
+    } else {
+      this.unraidStatus.refresh();
+      const appOpsBase = process.env.APPOPS_URL?.trim().replace(/\/$/, "");
+      if (appOpsBase) {
+        try {
+          const inventory = await fetchJson<AppOpsContainer[]>(
+            `${appOpsBase}/api/containers`,
+          );
+          containers = inventory
+            .slice(0, MAXIMUM_INVENTORY_ITEMS)
+            .map(appOpsContainerToDocker);
+          appOpsMetrics = this.appOpsMetrics;
+          if (widgetRequests.length > 0) this.refreshAppOpsStats(appOpsBase);
+          const capacity = readHostCapacity();
+          this.setServerWidget({
+            url:
+              normalizeUrl(
+                process.env.UNRAID_URL?.trim() ||
+                  process.env.UNRAID_HOST ||
+                  "host.local",
+              ) ?? "http://host.local",
+            hostName: process.env.UNRAID_HOST ?? "Unraid",
+            operatingSystem: "Unraid",
+            architecture: process.arch,
+            dockerVersion: "AppOps read-only",
+            ...capacity,
+            containers: containers.length,
+            containersRunning: containers.filter(
+              (item) => item.State === "running",
+            ).length,
+            containersPaused: containers.filter(
+              (item) => item.State === "paused",
+            ).length,
+            containersStopped: containers.filter(
+              (item) => !["running", "paused"].includes(item.State),
+            ).length,
+            images: new Set(containers.map((item) => item.Image)).size,
+            updatedAt: checkedAt(),
+            freshness: "fresh",
+            native: this.unraidStatus.getMetric(),
+          });
+          dockerState = state(
+            "docker",
+            "AppOps inventory",
+            "connected",
+            `${containers.length} containers GET-only gelezen`,
+          );
+        } catch {
+          this.latestServerWidget = null;
+          dockerState = state(
+            "docker",
+            "AppOps inventory",
+            "degraded",
+            "Read-only AppOps inventory is niet bereikbaar",
+          );
+        }
+      } else
+        try {
+          containers = await fetchJson<DockerContainer[]>(
+            `${dockerBase}/containers/json?all=1`,
+          );
+          containers = containers.slice(0, MAXIMUM_INVENTORY_ITEMS);
+          try {
+            const info = await fetchJson<DockerInfo>(`${dockerBase}/info`);
+            this.setServerWidget({
+              url:
+                normalizeUrl(
+                  process.env.UNRAID_URL?.trim() ||
+                    process.env.UNRAID_HOST ||
+                    "host.local",
+                ) ?? "http://host.local",
+              hostName: info.Name ?? process.env.UNRAID_HOST ?? "Unraid",
+              operatingSystem: info.OperatingSystem ?? "Unraid",
+              architecture: info.Architecture ?? "unknown",
+              dockerVersion: info.ServerVersion ?? "unknown",
+              cpuCount: info.NCPU ?? 0,
+              totalMemoryBytes: info.MemTotal ?? 0,
+              containers: info.Containers ?? containers.length,
+              containersRunning: info.ContainersRunning ?? 0,
+              containersPaused: info.ContainersPaused ?? 0,
+              containersStopped: info.ContainersStopped ?? 0,
+              images: info.Images ?? 0,
+              updatedAt: checkedAt(),
+              freshness: "fresh",
+              native: this.unraidStatus.getMetric(),
+            });
+          } catch {
+            this.latestServerWidget = null;
+          }
+          dockerState = state(
+            "docker",
+            "Docker proxy",
+            "connected",
+            `${containers.length} containers gelezen`,
+          );
+        } catch {
+          this.latestServerWidget = null;
+          dockerState = state(
+            "docker",
+            "Docker proxy",
+            "degraded",
+            "Read-only proxy is niet bereikbaar",
+          );
+        }
+    }
+
+    const unraidState = useMocks
+      ? state(
+          "unraid",
+          "Unraid templates",
+          "connected",
+          "WebUI-metadata uit fixtures",
+        )
+      : templates.size > 0
+        ? state(
+            "unraid",
+            "Unraid templates",
+            "connected",
+            `${templates.size} templates gelezen`,
+          )
+        : state(
+            "unraid",
+            "Unraid templates",
+            "degraded",
+            "Templatepad ontbreekt of bevat geen templates",
+          );
+
+    let npmHosts: string[] = [];
+    let npmState = state(
+      "npm",
+      "Nginx Proxy Manager",
+      "disabled",
+      "Externe toegang staat uit",
+    );
+    if (externalAccess) {
+      try {
+        npmHosts = useMocks
+          ? ["plex.home.test", "immich.home.test"]
+          : await fetchNpmHosts();
+        npmState = state(
+          "npm",
+          "Nginx Proxy Manager",
+          "connected",
+          `${npmHosts.length} hosts read-only gelezen`,
+        );
+      } catch {
+        npmState = state(
+          "npm",
+          "Nginx Proxy Manager",
+          "degraded",
+          "Integratie is niet bereikbaar of niet geconfigureerd",
+        );
+      }
+    }
+
+    const host = process.env.UNRAID_HOST ?? "host.local";
+    const now = checkedAt();
+    const apps = containers.map<ClassifiedDiscoveredApp>((container) => {
+      const technicalName = (container.Names[0] ?? container.Id).replace(
+        /^\//,
+        "",
+      );
+      const template = templates.get(technicalName.toLowerCase());
+      const webUi =
+        template?.webUi ?? container.Labels?.["net.unraid.docker.webui"];
+      const appHost = resolveContainerHost(
+        host,
+        container.NetworkSettings?.Networks,
+      );
+      const iconTemplate =
+        template?.icon ?? container.Labels?.["net.unraid.docker.icon"];
+      const displayName =
+        template?.name ||
+        technicalName
+          .replace(/[-_]+/g, " ")
+          .replace(/\b\w/g, (c) => c.toUpperCase());
+      return {
+        id: container.Id,
+        technicalName,
+        displayName,
+        image: container.Image,
+        icon: resolveUnraidIcon(iconTemplate, appHost, container.Ports),
+        status:
+          container.State.trim().toLocaleLowerCase() === "running"
+            ? "online"
+            : "offline",
+        localUrl: resolveUnraidWebUi(webUi, appHost, container.Ports),
+        externalUrl: matchNpmHost(technicalName, npmHosts),
+        personalProject: inferPersonalProject({
+          technicalName,
+          displayName,
+          image: container.Image,
+        }),
+        detectionSource: useMocks
+          ? "mock"
+          : template
+            ? "docker+unraid"
+            : "docker",
+        lastChecked: now,
+      };
+    });
+
+    const normalizedRequests = widgetRequests.map((request) =>
+      typeof request === "string"
+        ? { technicalName: request, refreshIntervalMs: 30_000 }
+        : request,
+    );
+    const requestsByName = new Map(
+      normalizedRequests.map((request) => [
+        request.technicalName.toLowerCase(),
+        request,
+      ]),
+    );
+    const widgetContainers = containers.filter((container) => {
+      const name = (container.Names[0] ?? container.Id)
+        .replace(/^\//, "")
+        .toLowerCase();
+      return requestsByName.has(name);
+    });
+    const metricEntries = await mapWithConcurrency(
+      widgetContainers.slice(0, MAXIMUM_INVENTORY_ITEMS),
+      8,
+      async (container, index) => {
+        const technicalName = (container.Names[0] ?? container.Id).replace(
+          /^\//,
+          "",
+        );
+        const request = requestsByName.get(technicalName.toLowerCase())!;
+        const previousMetric = this.latestWidgetMetrics[technicalName];
+        const previousSample = this.metricSamples.get(technicalName) ?? 0;
+        const elapsed = Date.now() - previousSample;
+        if (previousMetric && elapsed < request.refreshIntervalMs) {
+          return [
+            technicalName,
+            {
+              ...previousMetric,
+              freshness:
+                elapsed > request.refreshIntervalMs * 2 ? "stale" : "fresh",
+            },
+          ] as const;
+        }
+        if (useMocks) {
+          const sampledAt = checkedAt();
+          const history = this.appendHistory(technicalName, {
+            sampledAt,
+            cpuPercent: container.State === "running" ? 1.4 + index : null,
+            memoryPercent:
+              container.State === "running" ? 11 + index * 3 : null,
+            networkRxBytesPerSecond:
+              container.State === "running" ? (3 + index) * 1024 ** 2 : null,
+          });
+          this.metricSamples.set(technicalName, Date.now());
+          return [
+            technicalName,
+            {
+              statusText: container.Status,
+              cpuPercent: container.State === "running" ? 1.4 + index : null,
+              memoryUsageBytes:
+                container.State === "running"
+                  ? (220 + index * 70) * 1024 ** 2
+                  : null,
+              memoryLimitBytes:
+                container.State === "running" ? 2 * 1024 ** 3 : null,
+              networkRxBytes:
+                container.State === "running" ? (18 + index) * 1024 ** 2 : null,
+              networkTxBytes:
+                container.State === "running" ? (7 + index) * 1024 ** 2 : null,
+              networkRxBytesPerSecond:
+                container.State === "running" ? (3 + index) * 1024 ** 2 : null,
+              networkTxBytesPerSecond:
+                container.State === "running"
+                  ? (180 + index * 40) * 1024
+                  : null,
+              pids: container.State === "running" ? 24 + index : null,
+              updatedAt: sampledAt,
+              freshness: "fresh",
+              history,
+            } satisfies WidgetMetric,
+          ] as const;
+        }
+        const appOpsMetric = appOpsMetrics.get(technicalName);
+        if (appOpsMetric) {
+          const sampledAt = Date.now();
+          appOpsMetric.history = this.appendHistory(technicalName, {
+            sampledAt: appOpsMetric.updatedAt ?? checkedAt(),
+            cpuPercent: appOpsMetric.cpuPercent,
+            memoryPercent:
+              appOpsMetric.memoryUsageBytes !== null &&
+              appOpsMetric.memoryLimitBytes !== null &&
+              appOpsMetric.memoryLimitBytes > 0
+                ? (appOpsMetric.memoryUsageBytes /
+                    appOpsMetric.memoryLimitBytes) *
+                  100
+                : null,
+            networkRxBytesPerSecond: null,
+          });
+          this.metricSamples.set(technicalName, sampledAt);
+          return [technicalName, appOpsMetric] as const;
+        }
+        try {
+          const stats = await fetchJson<DockerStats>(
+            `${dockerBase}/containers/${encodeURIComponent(container.Id)}/stats?stream=false&one-shot=true`,
+          );
+          const metric = metricFromStats(container.Status, stats);
+          const sampledAt = Date.now();
+          const previous = this.networkSamples.get(technicalName);
+          if (
+            previous &&
+            metric.networkRxBytes !== null &&
+            metric.networkTxBytes !== null
+          ) {
+            const seconds = Math.max(
+              0.001,
+              (sampledAt - previous.sampledAt) / 1000,
+            );
+            metric.networkRxBytesPerSecond = Math.max(
+              0,
+              (metric.networkRxBytes - previous.rx) / seconds,
+            );
+            metric.networkTxBytesPerSecond = Math.max(
+              0,
+              (metric.networkTxBytes - previous.tx) / seconds,
+            );
+          }
+          if (metric.networkRxBytes !== null && metric.networkTxBytes !== null)
+            this.networkSamples.set(technicalName, {
+              rx: metric.networkRxBytes,
+              tx: metric.networkTxBytes,
+              sampledAt,
+            });
+          metric.history = this.appendHistory(technicalName, {
+            sampledAt: metric.updatedAt as string,
+            cpuPercent: metric.cpuPercent,
+            memoryPercent:
+              metric.memoryUsageBytes !== null &&
+              metric.memoryLimitBytes !== null &&
+              metric.memoryLimitBytes > 0
+                ? (metric.memoryUsageBytes / metric.memoryLimitBytes) * 100
+                : null,
+            networkRxBytesPerSecond: metric.networkRxBytesPerSecond,
+          });
+          this.metricSamples.set(technicalName, sampledAt);
+          return [technicalName, metric] as const;
+        } catch {
+          const unavailable = emptyMetric(container.Status);
+          unavailable.history = this.metricHistory.get(technicalName) ?? [];
+          return [technicalName, unavailable] as const;
+        }
+      },
+    );
+    this.latestWidgetMetrics = Object.fromEntries(metricEntries);
+
+    this.latestStates = [
+      unraidState,
+      ...(!useMocks ? [this.unraidStatus.getState()] : []),
+      dockerState,
+      npmState,
+    ];
+    return { apps, integrations: this.latestStates };
+  }
+
+  private appendHistory(
+    name: string,
+    point: WidgetMetric["history"][number],
+  ): WidgetMetric["history"] {
+    const history = [...(this.metricHistory.get(name) ?? []), point].slice(-20);
+    this.metricHistory.set(name, history);
+    return history;
+  }
+
+  private refreshAppOpsStats(baseUrl: string) {
+    if (
+      this.appOpsMetricsRefresh ||
+      Date.now() - this.appOpsMetricsUpdatedAt < 30_000
+    )
+      return;
+    this.appOpsMetricsRefresh = fetchJson<AppOpsContainer[]>(
+      `${baseUrl}/api/containers?include_stats=true&stats_limit=500`,
+      undefined,
+      15_000,
+    )
+      .then((inventory) => {
+        this.appOpsMetrics = new Map(
+          inventory
+            .slice(0, MAXIMUM_INVENTORY_ITEMS)
+            .map((item) => [item.name, metricFromAppOps(item)]),
+        );
+        this.appOpsMetricsUpdatedAt = Date.now();
+      })
+      .catch(() => {
+        // Inventory and saved navigation stay available when optional stats lag.
+      })
+      .finally(() => {
+        this.appOpsMetricsRefresh = null;
+      });
+  }
+}
diff --git a/src/server/integrations/provider-widgets.ts b/src/server/integrations/provider-widgets.ts
new file mode 100644
index 0000000..4f69865
--- /dev/null
+++ b/src/server/integrations/provider-widgets.ts
@@ -0,0 +1,2 @@
+export { detectProvider } from "./provider-widgets/registry.js";
+export { ProviderWidgetService } from "./provider-widgets/service.js";
diff --git a/src/server/integrations/provider-widgets/catalog.ts b/src/server/integrations/provider-widgets/catalog.ts
new file mode 100644
index 0000000..5f25266
--- /dev/null
+++ b/src/server/integrations/provider-widgets/catalog.ts
@@ -0,0 +1,213 @@
+import type { ProviderKind } from "../../../shared/contracts.js";
+import type { ProviderDetails } from "./types.js";
+
+export const providerDetails: Record<ProviderKind, ProviderDetails> = {
+  adguard: {
+    label: "AdGuard Home",
+    description: "DNS protection, query volume and blocking effectiveness.",
+    features: ["Queries", "Blocked requests", "Response time"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  plex: {
+    label: "Plex",
+    description: "See active playback and transcoding before opening Plex.",
+    features: ["Active streams", "Transcodes", "Libraries"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  immich: {
+    label: "Immich",
+    description: "A compact view of the memories protected by your library.",
+    features: ["Photos", "Videos", "Storage"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  homeAssistant: {
+    label: "Home Assistant",
+    description:
+      "Live entity availability, automations and lights at a glance.",
+    features: ["Automations", "Lights on", "Unavailable entities"],
+    credentialMode: "optional",
+    recommended: true,
+  },
+  arr: {
+    label: "Arr service",
+    description: "Queue pressure, warnings and the running service version.",
+    features: ["Queue", "Warnings", "Version"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  ollama: {
+    label: "Ollama",
+    description: "Local model inventory and models currently loaded in memory.",
+    features: ["Installed models", "Loaded models", "Model storage"],
+    credentialMode: "none",
+    recommended: true,
+  },
+  glances: {
+    label: "Glances",
+    description: "Host pressure from the monitoring API without another login.",
+    features: ["CPU", "Memory", "System load"],
+    credentialMode: "none",
+    recommended: true,
+  },
+  tautulli: {
+    label: "Tautulli",
+    description:
+      "Plex activity enriched with direct play and bandwidth context.",
+    features: ["Streams", "Transcodes", "Bandwidth"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  paperless: {
+    label: "Paperless-ngx",
+    description: "Document archive totals and the inbox workload that remains.",
+    features: ["Documents", "Inbox", "Storage"],
+    credentialMode: "required",
+    recommended: false,
+  },
+  gitea: {
+    label: "Gitea",
+    description: "Repository activity, open work and stars from the read API.",
+    features: ["Repositories", "Open issues", "Stars"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  jellyfin: {
+    label: "Jellyfin",
+    description: "Current playback sessions and the size of the media library.",
+    features: ["Sessions", "Movies", "Episodes"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  seerr: {
+    label: "Seerr",
+    description: "Pending media requests, available items and server version.",
+    features: ["Pending requests", "Available media", "Version"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  prowlarr: {
+    label: "Prowlarr",
+    description: "Indexer inventory, health warnings and service version.",
+    features: ["Indexers", "Health warnings", "Version"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  authentik: {
+    label: "Authentik",
+    description: "Identity inventory and recent event volume.",
+    features: ["Users", "Applications", "Events"],
+    credentialMode: "optional",
+    recommended: true,
+  },
+  npm: {
+    label: "Nginx Proxy Manager",
+    description: "Proxy, redirect and dead-host inventory.",
+    features: ["Proxy hosts", "Redirects", "Dead hosts"],
+    credentialMode: "optional",
+    recommended: true,
+  },
+  portainer: {
+    label: "Portainer",
+    description: "Endpoint availability and Docker workload inventory.",
+    features: ["Endpoints", "Online", "Containers"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  grafana: {
+    label: "Grafana",
+    description: "Dashboard inventory and alerting pressure.",
+    features: ["Dashboards", "Alerts", "Database"],
+    credentialMode: "required",
+    recommended: false,
+  },
+  prometheus: {
+    label: "Prometheus",
+    description: "Target health from bounded read-only PromQL queries.",
+    features: ["Targets up", "Targets down", "Health"],
+    credentialMode: "none",
+    recommended: false,
+  },
+  deluge: {
+    label: "Deluge",
+    description:
+      "Queue, transfer and ratio data from a GET-only metrics bridge.",
+    features: ["Queue", "Transfer rate", "Ratio"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  qbittorrent: {
+    label: "qBittorrent",
+    description: "Torrent workload from a configured GET-only metrics bridge.",
+    features: ["Queue", "Transfer rate", "Ratio"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  jdownloader: {
+    label: "JDownloader",
+    description: "Package progress and ETA from a GET-only metrics bridge.",
+    features: ["Packages", "Progress", "ETA"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  tdarr: {
+    label: "Tdarr",
+    description: "Transcode queue and worker health from a GET-only bridge.",
+    features: ["Queue", "Transcodes", "Workers"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  bazarr: {
+    label: "Bazarr",
+    description: "Subtitle queue and language coverage from a GET-only bridge.",
+    features: ["Missing subtitles", "Queue", "Languages"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  vaultwarden: {
+    label: "Vaultwarden",
+    description:
+      "Availability from Vaultwarden's public read-only alive route.",
+    features: ["Health", "Read-only endpoint"],
+    credentialMode: "none",
+    recommended: true,
+  },
+  nextcloud: {
+    label: "Nextcloud",
+    description: "Cloud status, version and user quota from the OCS API.",
+    features: ["Status", "Version", "Quota"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  audiobookshelf: {
+    label: "Audiobookshelf",
+    description: "Library size, listening activity and media composition.",
+    features: ["Libraries", "Books", "Podcasts", "Listening sessions", "Users"],
+    credentialMode: "required",
+    recommended: true,
+  },
+  netdata: {
+    label: "Netdata",
+    description: "Raised alerts and node health from the read-only health API.",
+    features: ["Critical alerts", "Warnings", "Charts", "Version"],
+    credentialMode: "none",
+    recommended: true,
+  },
+  peertube: {
+    label: "PeerTube",
+    description: "Local video inventory and instance configuration.",
+    features: ["Local videos", "Live videos", "Views", "Version"],
+    credentialMode: "none",
+    recommended: true,
+  },
+  custom: {
+    label: "Custom application",
+    description:
+      "App-specific metrics from an optional GET-only JSON endpoint.",
+    features: ["Health", "Activity", "Workload", "Domain metrics"],
+    credentialMode: "optional",
+    recommended: false,
+  },
+};
diff --git a/src/server/integrations/provider-widgets/detection.ts b/src/server/integrations/provider-widgets/detection.ts
new file mode 100644
index 0000000..64e2984
--- /dev/null
+++ b/src/server/integrations/provider-widgets/detection.ts
@@ -0,0 +1,50 @@
+import type { ProviderKind } from "../../../shared/contracts.js";
+
+export function detectProvider(name: string): ProviderKind | null {
+  const value = name.toLowerCase();
+  const tokens = value.split(/[^a-z0-9]+/).filter(Boolean);
+  const has = (...candidates: string[]) =>
+    tokens.some((token) => candidates.includes(token));
+  if (has("adguard", "adguardhome")) return "adguard";
+  if (has("jdownloader", "jdownloader2")) return "jdownloader";
+  if (has("qbittorrent")) return "qbittorrent";
+  if (has("deluge")) return "deluge";
+  if (has("tdarr") && !has("node")) return "tdarr";
+  if (has("gitea")) return "gitea";
+  if (has("jellyfin")) return "jellyfin";
+  if (has("overseerr", "jellyseerr", "seerr")) return "seerr";
+  if (has("prowlarr")) return "prowlarr";
+  if (has("bazarr")) return "bazarr";
+  if (has("authentik") && !has("worker")) return "authentik";
+  if (has("vaultwarden")) return "vaultwarden";
+  if (has("portainer", "portainerce")) return "portainer";
+  if (has("grafana")) return "grafana";
+  if (has("prometheus")) return "prometheus";
+  if (has("nextcloud")) return "nextcloud";
+  if (has("audiobookshelf")) return "audiobookshelf";
+  if (has("netdata")) return "netdata";
+  if (has("peertube")) return "peertube";
+  if (
+    has("nginxproxymanager", "nginxproxy") ||
+    /nginx[^a-z0-9]*proxy[^a-z0-9]*manager/.test(value)
+  )
+    return "npm";
+  if (has("tautulli")) return "tautulli";
+  if (has("plex", "plexpass")) return "plex";
+  if (
+    has("immich") &&
+    !has("postgres", "postgresql", "redis", "database", "machinelearning") &&
+    !/machine[^a-z0-9]*learning/.test(value)
+  )
+    return "immich";
+  if (has("paperless", "paperlessngx")) return "paperless";
+  if (has("ollama")) return "ollama";
+  if (has("glances")) return "glances";
+  if (
+    has("homeassistant") ||
+    /(?:^|[^a-z0-9])home[^a-z0-9]+assistant(?:[^a-z0-9]|$)/.test(value)
+  )
+    return "homeAssistant";
+  if (has("sonarr", "radarr", "lidarr")) return "arr";
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/profiles.ts b/src/server/integrations/provider-widgets/profiles.ts
new file mode 100644
index 0000000..09439fc
--- /dev/null
+++ b/src/server/integrations/provider-widgets/profiles.ts
@@ -0,0 +1,1055 @@
+import type {
+  DockApp,
+  WidgetMetricDefinition,
+} from "../../../shared/contracts.js";
+import type { ProviderDetails } from "./types.js";
+
+export function numericStatValue(label: string, value: string): number | null {
+  if (
+    /version|status|health|last |recent |image|release/i.test(label) ||
+    /^v?\d+\.\d+\.\d+(?:[-+].+)?$/i.test(value.trim())
+  )
+    return null;
+  const normalized = value.trim().replace(/,/g, "");
+  const match = normalized.match(/^(-?\d+(?:\.\d+)?)\s*([kmgt])?/i);
+  if (!match) return null;
+  const parsed = Number(match[1]);
+  if (!Number.isFinite(parsed)) return null;
+  const multiplier =
+    match[2]?.toLowerCase() === "t"
+      ? 1e12
+      : match[2]?.toLowerCase() === "g"
+        ? 1e9
+        : match[2]?.toLowerCase() === "m"
+          ? 1e6
+          : match[2]?.toLowerCase() === "k"
+            ? 1e3
+            : 1;
+  return parsed * multiplier;
+}
+
+export function metricDefinitions(
+  features: string[],
+  context: string,
+): WidgetMetricDefinition[] {
+  return features.map((label, index) => {
+    const unit: WidgetMetricDefinition["unit"] =
+      /version|status|health|last |recent |array state|parity status|image/i.test(
+        label,
+      )
+        ? "text"
+        : /storage|memory|vram|database size|disk|archive size/i.test(label)
+          ? "bytes"
+          : /speed|traffic|bandwidth|throughput|ingress|egress|rate/i.test(
+                label,
+              )
+            ? "rate"
+            : /latency|response time|processing time|duration|eta|tick time|uptime/i.test(
+                  label,
+                )
+              ? "duration"
+              : /percent|utilization|usage|progress|temperature|load|daily change/i.test(
+                    label,
+                  )
+                ? "percent"
+                : "count";
+    const group: WidgetMetricDefinition["group"] =
+      /version|status|health|error|warning|failed|temperature|unavailable/i.test(
+        label,
+      )
+        ? "health"
+        : /cpu|memory|traffic|speed|load|bandwidth|storage|latency|throughput|duration|time|vram|disk/i.test(
+              label,
+            )
+          ? "performance"
+          : /library|book|video|game|document|repository|platform|portfolio|position|world|page|model/i.test(
+                label,
+              )
+            ? "library"
+            : "activity";
+    const description = /error|failed|warning|unavailable/i.test(label)
+      ? `Current failure or warning signal reported by ${context}; useful for alerting and trend review.`
+      : /queue|pending|wanted|backlog/i.test(label)
+        ? `Work currently waiting in ${context}, so bottlenecks are visible before opening the app.`
+        : /active|session|stream|player|connection|worker/i.test(label)
+          ? `Current concurrent activity reported by ${context}.`
+          : /speed|rate|traffic|bandwidth|throughput|ingress|egress/i.test(
+                label,
+              )
+            ? `Current data throughput reported by ${context}; chart it to spot sustained activity.`
+            : /storage|memory|vram|database size|disk|archive size/i.test(label)
+              ? `Capacity currently consumed by ${context}; suitable for a progress presentation.`
+              : /latency|response time|processing time|duration|eta|tick time/i.test(
+                    label,
+                  )
+                ? `Current timing signal from ${context}; lower values generally indicate healthier performance.`
+                : /version/i.test(label)
+                  ? `The running ${context} release reported by its read-only endpoint.`
+                  : /last |recent /i.test(label)
+                    ? `Latest lifecycle or activity marker reported by ${context}.`
+                    : `${label} reported by ${context}, available as a configurable widget statistic.`;
+    return {
+      label,
+      description,
+      group,
+      defaultVisible: index < 4,
+      defaultStyle:
+        unit === "percent" ? "gauge" : unit === "bytes" ? "progress" : "value",
+      chartable: unit !== "text",
+      unit,
+    };
+  });
+}
+
+export function appSpecificProfile(app: DockApp): ProviderDetails | null {
+  const value =
+    `${app.technicalName} ${app.displayName} ${app.image ?? ""}`.toLowerCase();
+  const profiles: Array<[RegExp, ProviderDetails]> = [
+    [
+      /blockpilot-autonomous-agent-runtime|blockpilot[^ ]*agent-runtime/,
+      {
+        label: "BlockPilot agent runtime",
+        description:
+          "Autonomous agent execution, tool usage and run reliability.",
+        features: [
+          "Active agents",
+          "Running tasks",
+          "Tool calls",
+          "Tokens",
+          "Failed runs",
+          "Average duration",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /blockpilot-autonomous-api|blockpilot[^ ]*api/,
+      {
+        label: "BlockPilot API",
+        description: "Agent API demand, queue pressure and response health.",
+        features: [
+          "Requests",
+          "Active runs",
+          "Queued tasks",
+          "Errors",
+          "Response time",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /blockpilot-autonomous-minecraft-sandbox|minecraft-sandbox|eclipse-temurin:25-jre-jammy/,
+      {
+        label: "BlockPilot Minecraft sandbox",
+        description:
+          "Sandbox players, worlds and Java server performance for agent experiments.",
+        features: [
+          "Players",
+          "Worlds",
+          "Active sessions",
+          "Memory",
+          "Tick time",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /blockpilot-autonomous-viaproxy|viaproxy/,
+      {
+        label: "BlockPilot ViaProxy",
+        description:
+          "Minecraft protocol proxy connections, routing and latency health.",
+        features: [
+          "Connections",
+          "Players",
+          "Backend routes",
+          "Latency",
+          "Errors",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /blockpilot-autonomous-web|blockpilot[^ ]*web/,
+      {
+        label: "BlockPilot web",
+        description: "Dashboard sessions, page demand and frontend health.",
+        features: [
+          "Active sessions",
+          "Page requests",
+          "Client errors",
+          "Response time",
+          "Version",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /(?:^|\s)blockpilot(?:\s|$)|blockpilot-autonomous:latest/,
+      {
+        label: "BlockPilot",
+        description:
+          "Autonomous orchestration, agent workload and run reliability.",
+        features: [
+          "Active agents",
+          "Running tasks",
+          "Queued jobs",
+          "Tool calls",
+          "Failed runs",
+          "Last run",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /lumaops/,
+      {
+        label: "LumaOps",
+        description:
+          "Operations workflows, execution demand and automation health.",
+        features: [
+          "Active workflows",
+          "Executions",
+          "Queued jobs",
+          "Automation rate",
+          "Failed runs",
+          "Last run",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /openrgb/,
+      {
+        label: "OpenRGB",
+        description:
+          "Detected lighting devices, profiles and controller health.",
+        features: [
+          "Devices",
+          "Active profiles",
+          "LED zones",
+          "Brightness",
+          "Controller errors",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /porkfolio/,
+      {
+        label: "Porkfolio",
+        description:
+          "Portfolio valuation, positions and market-data refresh health.",
+        features: [
+          "Portfolios",
+          "Positions",
+          "Portfolio value",
+          "Daily change",
+          "Price updates",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /chimera/,
+      {
+        label: "Chimera",
+        description: "Processing workload, sources and worker reliability.",
+        features: [
+          "Active workers",
+          "Queued jobs",
+          "Processed items",
+          "Sources",
+          "Errors",
+          "Last run",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /inspiring_carson|sha256:/,
+      {
+        label: "Legacy container",
+        description:
+          "Transparent health signals for an unnamed legacy container; rename it in DockDeck when identified.",
+        features: [
+          "Status",
+          "Image",
+          "CPU",
+          "Memory",
+          "Restart count",
+          "Last seen",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /dockdeck/,
+      {
+        label: "DockDeck",
+        description: "Dashboard inventory, discovery and widget health.",
+        features: [
+          "Discovered apps",
+          "Visible apps",
+          "Active widgets",
+          "Favorites",
+          "Integration errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /evidencevault[^ ]*[-_ ]worker|evidencevault-worker/,
+      {
+        label: "EvidenceVault worker",
+        description: "Evidence processing queue and worker throughput.",
+        features: [
+          "Queued jobs",
+          "Active jobs",
+          "Processed",
+          "Failed jobs",
+          "Processing time",
+          "Last completed",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /evidencevault[^ ]*[-_ ]frontend|evidencevault-frontend/,
+      {
+        label: "EvidenceVault frontend",
+        description: "Evidence portal sessions and client-side health.",
+        features: [
+          "Active sessions",
+          "Page requests",
+          "Client errors",
+          "Response time",
+          "Deploy version",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /evidencevault[^ ]*[-_ ]backend|evidencevault-backend/,
+      {
+        label: "EvidenceVault API",
+        description: "Case API activity and evidence ingestion health.",
+        features: [
+          "Cases",
+          "Evidence items",
+          "API requests",
+          "Queued jobs",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /postgres|mariadb/,
+      {
+        label: app.displayName,
+        description: "Database capacity, connections and query health.",
+        features: [
+          "Connections",
+          "Database size",
+          "Transactions",
+          "Slow queries",
+          "Locks",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /redis/,
+      {
+        label: app.displayName,
+        description: "Cache utilization, clients and hit efficiency.",
+        features: [
+          "Keys",
+          "Memory used",
+          "Connected clients",
+          "Cache hit rate",
+          "Evictions",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /adminer/,
+      {
+        label: "Adminer",
+        description: "Database administration portal availability and usage.",
+        features: [
+          "Health",
+          "Active sessions",
+          "Requests",
+          "Response time",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /audiodeck/,
+      {
+        label: "AudioDeck",
+        description: "Audio library, playback and download activity.",
+        features: [
+          "Tracks",
+          "Playlists",
+          "Active streams",
+          "Downloads",
+          "Storage",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /authentik-worker/,
+      {
+        label: "Authentik worker",
+        description: "Identity background tasks and event processing.",
+        features: [
+          "Queued tasks",
+          "Active tasks",
+          "Completed tasks",
+          "Failed tasks",
+          "Security events",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /flaresolverr/,
+      {
+        label: "FlareSolverr",
+        description: "Browser challenge solver workload and reliability.",
+        features: [
+          "Active sessions",
+          "Challenges solved",
+          "Failed challenges",
+          "Average duration",
+          "Browser status",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /geointel/,
+      {
+        label: "GeoIntel",
+        description: "Geospatial ingestion, entities and alert activity.",
+        features: [
+          "Sources",
+          "Entities",
+          "Locations",
+          "Active jobs",
+          "Alerts",
+          "Last ingest",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /infrabinder/,
+      {
+        label: "InfraBinder",
+        description: "Infrastructure inventory, drift and synchronization.",
+        features: [
+          "Stacks",
+          "Services",
+          "Resources",
+          "Drift detected",
+          "Alerts",
+          "Last sync",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /launchpad/,
+      {
+        label: "Launchpad",
+        description: "Project delivery, build and deployment status.",
+        features: [
+          "Projects",
+          "Active builds",
+          "Queued tasks",
+          "Last deployment",
+          "Failed builds",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /netronome/,
+      {
+        label: "Netronome",
+        description: "Network measurement runs and endpoint performance.",
+        features: [
+          "Targets",
+          "Checks",
+          "Latency",
+          "Packet loss",
+          "Failed checks",
+          "Last run",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /opscenter-it-tools/,
+      {
+        label: "OpsCenter IT Tools",
+        description: "Utility usage and operational service health.",
+        features: [
+          "Tool runs",
+          "Active jobs",
+          "Completed jobs",
+          "Failed jobs",
+          "Response time",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /postfix/,
+      {
+        label: "Postfix relay",
+        description: "Mail queue, delivery and bounce health.",
+        features: [
+          "Queued mail",
+          "Deferred",
+          "Delivered",
+          "Bounced",
+          "Active connections",
+          "Last delivery",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /quizmonitor/,
+      {
+        label: "QuizMonitor",
+        description: "Live quiz participation and event processing.",
+        features: [
+          "Active quizzes",
+          "Participants",
+          "Questions",
+          "Answer events",
+          "Errors",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /readmeabook/,
+      {
+        label: "ReadMeABook",
+        description: "Book-to-audio conversion library and queue.",
+        features: [
+          "Books",
+          "Chapters",
+          "Audio generated",
+          "Queued jobs",
+          "Failed jobs",
+          "Storage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /spoortracker/,
+      {
+        label: "Spoortracker",
+        description: "Tracked journeys, positions and delay events.",
+        features: [
+          "Tracked journeys",
+          "Live positions",
+          "Delay events",
+          "Active alerts",
+          "Last update",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /tdarr[_-]node/,
+      {
+        label: "Tdarr node",
+        description: "Transcode worker capacity and current throughput.",
+        features: [
+          "Workers",
+          "Active transcodes",
+          "Queue",
+          "Transcode FPS",
+          "GPU load",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /unpackerr/,
+      {
+        label: "Unpackerr",
+        description: "Archive extraction queue and completion health.",
+        features: [
+          "Queued archives",
+          "Extracting",
+          "Completed",
+          "Failed",
+          "Processing time",
+          "Last extraction",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /watchtower/,
+      {
+        label: "Watchtower",
+        description: "Container image scan and update reporting.",
+        features: [
+          "Monitored containers",
+          "Updates available",
+          "Updated containers",
+          "Failed updates",
+          "Last scan",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /unraid-appops-gateway/,
+      {
+        label: "Unraid AppOps gateway",
+        description: "Gateway traffic, routes and request health.",
+        features: [
+          "Routes",
+          "Requests",
+          "Active requests",
+          "Response time",
+          "Errors",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /projectbrain/,
+      {
+        label: "ProjectBrain",
+        description: "Knowledge items, projects and background processing.",
+        features: [
+          "Projects",
+          "Knowledge items",
+          "Active jobs",
+          "Recent activity",
+          "Errors",
+          "Storage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /psforge/,
+      {
+        label: "PSForge",
+        description: "Project build, artifact and release activity.",
+        features: [
+          "Projects",
+          "Builds",
+          "Queued builds",
+          "Artifacts",
+          "Failed builds",
+          "Last release",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /unraid-progressive-web-app/,
+      {
+        label: "Unraid PWA",
+        description: "Mobile Unraid portal health and usage.",
+        features: [
+          "Active sessions",
+          "Requests",
+          "Notifications",
+          "Response time",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /rickroll/,
+      {
+        label: "Rickroll",
+        description: "Request and visitor activity for the redirect service.",
+        features: [
+          "Visits",
+          "Unique clients",
+          "Requests",
+          "Response time",
+          "Errors",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /widefrog/,
+      {
+        label: "Widefrog",
+        description: "Project portfolio and delivery activity.",
+        features: [
+          "Projects",
+          "Deployments",
+          "Active work",
+          "Recent activity",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /anythingllm|litellm/,
+      {
+        label: app.displayName,
+        description:
+          "Workspace, model and generation workload from a custom read endpoint.",
+        features: [
+          "Workspaces",
+          "Chats",
+          "Models",
+          "Tokens",
+          "Errors",
+          "Latency",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /komga/,
+      {
+        label: "Komga",
+        description:
+          "Comic and ebook library depth, unread work and recent additions.",
+        features: [
+          "Libraries",
+          "Series",
+          "Books",
+          "Unread",
+          "Recently added",
+          "Disk usage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /romm/,
+      {
+        label: "RomM",
+        description: "ROM library coverage and platform activity.",
+        features: [
+          "Games",
+          "Platforms",
+          "Saves",
+          "Firmware",
+          "Recent additions",
+          "Storage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /metube/,
+      {
+        label: "MeTube",
+        description: "Download queue, active jobs and completed media.",
+        features: [
+          "Queued",
+          "Active",
+          "Completed",
+          "Download speed",
+          "Errors",
+          "Storage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /slskd/,
+      {
+        label: "slskd",
+        description: "Soulseek transfer queues and live throughput.",
+        features: [
+          "Downloads",
+          "Uploads",
+          "Queued",
+          "Download speed",
+          "Upload speed",
+          "Connection",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /mylar/,
+      {
+        label: "Mylar3",
+        description: "Comic collection, wanted issues and download activity.",
+        features: [
+          "Comics",
+          "Wanted issues",
+          "Snatched",
+          "Downloaded",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /stirling/,
+      {
+        label: "Stirling PDF",
+        description: "PDF processing availability and workload.",
+        features: [
+          "API status",
+          "Active jobs",
+          "Completed jobs",
+          "Failed jobs",
+          "Processing time",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /gpu-hot/,
+      {
+        label: "GPU Hot",
+        description: "GPU thermal and utilization telemetry.",
+        features: [
+          "GPU temperature",
+          "GPU utilization",
+          "VRAM used",
+          "Power draw",
+          "Fan speed",
+          "Encoder load",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /unraid-stats|system-monitor/,
+      {
+        label: app.displayName,
+        description: "Host sensors, load and storage telemetry.",
+        features: [
+          "CPU",
+          "Memory",
+          "Temperature",
+          "Storage",
+          "Network",
+          "Uptime",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /grimmory|hivekeep/,
+      {
+        label: app.displayName,
+        description: "Library and collection activity for this service.",
+        features: [
+          "Items",
+          "Collections",
+          "Recently added",
+          "Active users",
+          "Storage",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /leafwiki/,
+      {
+        label: "LeafWiki",
+        description: "Wiki content and editing activity.",
+        features: [
+          "Pages",
+          "Edits",
+          "Users",
+          "Recent changes",
+          "Storage",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /listenarr/,
+      {
+        label: "Listenarr",
+        description: "Audio acquisition queue and library progress.",
+        features: [
+          "Queue",
+          "Wanted",
+          "Grabbed",
+          "Imported",
+          "Warnings",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /organizr/,
+      {
+        label: "Organizr",
+        description: "Portal availability, users and integrated services.",
+        features: [
+          "Services",
+          "Users",
+          "Active sessions",
+          "Bookmarks",
+          "Errors",
+          "Version",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /retroarch|pokemon|ps4-http/,
+      {
+        label: app.displayName,
+        description: "Gaming library and runtime activity.",
+        features: [
+          "Games",
+          "Platforms",
+          "Sessions",
+          "Recent activity",
+          "Storage",
+          "Health",
+        ],
+        credentialMode: "optional",
+        recommended: false,
+      },
+    ],
+    [
+      /evidencevault/,
+      {
+        label: app.displayName,
+        description: "Evidence ingestion and processing pipeline health.",
+        features: [
+          "Cases",
+          "Evidence items",
+          "Queued jobs",
+          "Processed",
+          "Failed jobs",
+          "Storage",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+    [
+      /media-codec/,
+      {
+        label: "Media Codec Dashboard",
+        description: "Media analysis and codec inventory.",
+        features: [
+          "Files scanned",
+          "Video codecs",
+          "Audio codecs",
+          "HDR items",
+          "Queued scans",
+          "Errors",
+        ],
+        credentialMode: "optional",
+        recommended: true,
+      },
+    ],
+  ];
+  return profiles.find(([pattern]) => pattern.test(value))?.[1] ?? null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/arr.ts b/src/server/integrations/provider-widgets/providers/arr.ts
new file mode 100644
index 0000000..9c13184
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/arr.ts
@@ -0,0 +1,174 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  compact,
+  fields,
+  fetchJson,
+} from "../shared.js";
+
+export function configureArrProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "seerr") {
+    const url = providerUrl(app, "SEERR_URL");
+    const token = process.env.SEERR_API_KEY;
+    return {
+      kind,
+      label: "Seerr",
+      url,
+      headers: token ? { "X-Api-Key": token } : {},
+      requiredEnvironment: ["SEERR_URL", "SEERR_API_KEY"],
+      credentialFields: fields(["SEERR_URL", "SEERR_API_KEY"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "prowlarr") {
+    const url = providerUrl(app, "PROWLARR_URL");
+    const token = process.env.PROWLARR_API_KEY;
+    return {
+      kind,
+      label: "Prowlarr",
+      url,
+      headers: token ? { "X-Api-Key": token } : {},
+      requiredEnvironment: ["PROWLARR_URL", "PROWLARR_API_KEY"],
+      credentialFields: fields(["PROWLARR_URL", "PROWLARR_API_KEY"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  const prefix = ["SONARR", "RADARR", "LIDARR"].find((item) =>
+    app.technicalName.toUpperCase().includes(item),
+  );
+
+  if (!prefix) return null;
+
+  const url = providerUrl(app, `${prefix}_URL`);
+
+  const key = process.env[`${prefix}_API_KEY`];
+
+  return {
+    kind,
+    label: prefix[0] + prefix.slice(1).toLowerCase(),
+    url,
+    headers: key ? { "X-Api-Key": key } : {},
+    requiredEnvironment: [`${prefix}_URL`, `${prefix}_API_KEY`],
+    credentialFields: fields([`${prefix}_URL`, `${prefix}_API_KEY`]),
+    configured: Boolean(url && key),
+    apiVersion: prefix === "LIDARR" ? "v1" : "v3",
+  };
+  return null;
+}
+
+export async function readArrWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "seerr") {
+    const [status, pending, available] = await Promise.all([
+      fetchJson<JsonObject>(`${base}/api/v1/status`, config.headers),
+      fetchJson<JsonObject>(
+        `${base}/api/v1/request?take=1&skip=0&filter=pending`,
+        config.headers,
+      ),
+      fetchJson<JsonObject>(
+        `${base}/api/v1/media?take=1&skip=0&filter=available`,
+        config.headers,
+      ),
+    ]);
+    const pendingCount = number(
+      pending.pageInfo && (pending.pageInfo as JsonObject).results,
+    );
+    const availableCount = number(
+      available.pageInfo && (available.pageInfo as JsonObject).results,
+    );
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: pendingCount
+        ? `${pendingCount} media requests awaiting review`
+        : "Request queue is clear",
+      stats: [
+        {
+          label: "Pending",
+          value: String(pendingCount),
+          tone: pendingCount ? "warning" : "positive",
+        },
+        { label: "Available", value: compact(availableCount) },
+        {
+          label: "Version",
+          value: typeof status.version === "string" ? status.version : "—",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "prowlarr") {
+    const [indexers, health, status] = await Promise.all([
+      fetchJson<JsonObject[]>(`${base}/api/v1/indexer`, config.headers),
+      fetchJson<JsonObject[]>(`${base}/api/v1/health`, config.headers),
+      fetchJson<JsonObject>(`${base}/api/v1/system/status`, config.headers),
+    ]);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: health.length
+        ? `${health.length} indexer warnings need attention`
+        : "All indexers report healthy",
+      stats: [
+        { label: "Indexers", value: String(indexers.length) },
+        {
+          label: "Warnings",
+          value: String(health.length),
+          tone: health.length ? "warning" : "positive",
+        },
+        {
+          label: "Version",
+          value: typeof status.version === "string" ? status.version : "—",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  const api = `${base}/api/${config.apiVersion}`;
+
+  const [queue, status] = await Promise.all([
+    fetchJson<JsonObject>(`${api}/queue/status`, config.headers),
+    fetchJson<JsonObject>(`${api}/system/status`, config.headers),
+  ]);
+
+  const total = number(queue.totalCount);
+
+  return {
+    kind: config.kind,
+    label: config.label,
+    summary: total
+      ? `${total} item${total === 1 ? "" : "s"} in download queue`
+      : "Download queue is clear",
+    stats: [
+      {
+        label: "Queued",
+        value: String(total),
+        tone: total ? "warning" : "positive",
+      },
+      { label: "Warnings", value: String(number(queue.warningCount)) },
+      {
+        label: "Version",
+        value: typeof status.version === "string" ? status.version : "—",
+      },
+    ],
+    updatedAt: now(),
+    freshness: "fresh",
+  };
+}
diff --git a/src/server/integrations/provider-widgets/providers/custom.ts b/src/server/integrations/provider-widgets/providers/custom.ts
new file mode 100644
index 0000000..17482d4
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/custom.ts
@@ -0,0 +1,80 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig } from "../types.js";
+import { now, cleanUrl, fields, fetchJson } from "../shared.js";
+import { providerDetails } from "../catalog.js";
+
+export function configureCustomMetricsProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  const customPrefixes: Partial<Record<ProviderKind, string>> = {
+    deluge: "DELUGE",
+    qbittorrent: "QBITTORRENT",
+    jdownloader: "JDOWNLOADER",
+    tdarr: "TDARR",
+    bazarr: "BAZARR",
+  };
+
+  const customPrefix = customPrefixes[kind];
+
+  if (customPrefix) {
+    const urlKey = `${customPrefix}_METRICS_URL`;
+    const tokenKey = `${customPrefix}_METRICS_TOKEN`;
+    const url = cleanUrl(process.env[urlKey]);
+    const token = process.env[tokenKey];
+    return {
+      kind,
+      label: providerDetails[kind].label,
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: [urlKey],
+      credentialFields: fields([urlKey, tokenKey]),
+      configured: Boolean(url),
+      customMetrics: true,
+    };
+  }
+  return null;
+}
+
+export async function readCustomWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  const data = await fetchJson<{
+    summary?: unknown;
+    stats?: Array<{ label?: unknown; value?: unknown; tone?: unknown }>;
+  }>(base, config.headers);
+
+  const stats = (data.stats ?? []).slice(0, 12).flatMap((stat) => {
+    if (typeof stat.label !== "string") return [];
+    if (!["string", "number"].includes(typeof stat.value)) return [];
+    const tone = ["default", "positive", "warning"].includes(String(stat.tone))
+      ? (stat.tone as "default" | "positive" | "warning")
+      : undefined;
+    return [
+      {
+        label: stat.label.slice(0, 40),
+        value: String(stat.value).slice(0, 40),
+        ...(tone ? { tone } : {}),
+      },
+    ];
+  });
+
+  if (!stats.length) throw new Error("Metrics bridge returned no stats");
+
+  return {
+    kind: config.kind,
+    label: config.label,
+    summary:
+      typeof data.summary === "string"
+        ? data.summary.slice(0, 120)
+        : `${config.label} metrics are available`,
+    stats,
+    updatedAt: now(),
+    freshness: "fresh",
+  };
+}
diff --git a/src/server/integrations/provider-widgets/providers/home-assistant.ts b/src/server/integrations/provider-widgets/providers/home-assistant.ts
new file mode 100644
index 0000000..27ad275
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/home-assistant.ts
@@ -0,0 +1,88 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig } from "../types.js";
+import { now, providerUrl, fields, fetchJson, fetchOk } from "../shared.js";
+
+export function configureHomeAssistantProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "homeAssistant") {
+    const url = providerUrl(app, "HOME_ASSISTANT_URL");
+    const token = process.env.HOME_ASSISTANT_TOKEN;
+    return {
+      kind,
+      label: "Home Assistant",
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: ["HOME_ASSISTANT_URL"],
+      credentialFields: fields([
+        "HOME_ASSISTANT_URL",
+        "HOME_ASSISTANT_TOKEN",
+      ]).map((field) => ({
+        ...field,
+        required: field.key === "HOME_ASSISTANT_URL",
+      })),
+      configured: Boolean(url),
+    };
+  }
+  return null;
+}
+
+export async function readHomeAssistantWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "homeAssistant") {
+    if (!config.headers.Authorization) {
+      await fetchOk(base, {});
+      return {
+        kind: config.kind,
+        label: config.label,
+        summary: "Home Assistant is bereikbaar",
+        stats: [
+          { label: "Status", value: "Online", tone: "positive" },
+          { label: "Entiteiten", value: "Token optioneel" },
+        ],
+        updatedAt: now(),
+        freshness: "fresh",
+      };
+    }
+    const states = await fetchJson<
+      Array<{ entity_id?: string; state?: string }>
+    >(`${base}/api/states`, config.headers);
+    const unavailable = states.filter((item) =>
+      ["unavailable", "unknown"].includes(item.state ?? ""),
+    ).length;
+    const automations = states.filter((item) =>
+      item.entity_id?.startsWith("automation."),
+    ).length;
+    const lightsOn = states.filter(
+      (item) => item.entity_id?.startsWith("light.") && item.state === "on",
+    ).length;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${states.length - unavailable} entities responding`,
+      stats: [
+        { label: "Automations", value: String(automations) },
+        {
+          label: "Lights on",
+          value: String(lightsOn),
+          tone: lightsOn ? "positive" : "default",
+        },
+        {
+          label: "Unavailable",
+          value: String(unavailable),
+          tone: unavailable ? "warning" : "positive",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/media.ts b/src/server/integrations/provider-widgets/providers/media.ts
new file mode 100644
index 0000000..a824602
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/media.ts
@@ -0,0 +1,294 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  compact,
+  bytes,
+  fields,
+  fetchJson,
+} from "../shared.js";
+
+export function configureMediaProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "jellyfin") {
+    const url = providerUrl(app, "JELLYFIN_URL");
+    const token = process.env.JELLYFIN_API_KEY;
+    return {
+      kind,
+      label: "Jellyfin",
+      url,
+      headers: token ? { "X-Emby-Token": token } : {},
+      requiredEnvironment: ["JELLYFIN_URL", "JELLYFIN_API_KEY"],
+      credentialFields: fields(["JELLYFIN_URL", "JELLYFIN_API_KEY"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "audiobookshelf") {
+    const url = providerUrl(app, "AUDIOBOOKSHELF_URL");
+    const token = process.env.AUDIOBOOKSHELF_TOKEN;
+    return {
+      kind,
+      label: "Audiobookshelf",
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: ["AUDIOBOOKSHELF_URL", "AUDIOBOOKSHELF_TOKEN"],
+      credentialFields: fields(["AUDIOBOOKSHELF_URL", "AUDIOBOOKSHELF_TOKEN"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "plex") {
+    const url = providerUrl(app, "PLEX_URL");
+    const token = process.env.PLEX_TOKEN;
+    return {
+      kind,
+      label: "Plex",
+      url,
+      headers: token
+        ? {
+            "X-Plex-Token": token,
+            "X-Plex-Product": "DockDeck",
+            "X-Plex-Client-Identifier": "dockdeck-readonly-widgets",
+          }
+        : {},
+      requiredEnvironment: ["PLEX_URL", "PLEX_TOKEN"],
+      credentialFields: fields(["PLEX_URL", "PLEX_TOKEN"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "immich") {
+    const url = providerUrl(app, "IMMICH_URL");
+    const key = process.env.IMMICH_API_KEY;
+    return {
+      kind,
+      label: "Immich",
+      url,
+      headers: key ? { "x-api-key": key } : {},
+      requiredEnvironment: ["IMMICH_URL", "IMMICH_API_KEY"],
+      credentialFields: fields(["IMMICH_URL", "IMMICH_API_KEY"]),
+      configured: Boolean(url && key),
+    };
+  }
+
+  if (kind === "tautulli") {
+    const url = providerUrl(app, "TAUTULLI_URL");
+    const key = process.env.TAUTULLI_API_KEY;
+    return {
+      kind,
+      label: "Tautulli",
+      url,
+      headers: {},
+      requiredEnvironment: ["TAUTULLI_URL", "TAUTULLI_API_KEY"],
+      credentialFields: fields(["TAUTULLI_URL", "TAUTULLI_API_KEY"]),
+      configured: Boolean(url && key),
+    };
+  }
+  return null;
+}
+
+export async function readMediaWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "audiobookshelf") {
+    const payload = await fetchJson<{
+      libraries?: Array<{
+        mediaType?: string;
+        stats?: { totalItems?: number };
+      }>;
+    }>(`${base}/api/libraries`, config.headers);
+    const libraries = payload.libraries ?? [];
+    const books = libraries.filter((item) => item.mediaType === "book");
+    const podcasts = libraries.filter((item) => item.mediaType === "podcast");
+    const totalItems = libraries.reduce(
+      (total, item) => total + number(item.stats?.totalItems),
+      0,
+    );
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${libraries.length} media libraries available`,
+      stats: [
+        { label: "Libraries", value: String(libraries.length) },
+        { label: "Books", value: String(books.length) },
+        { label: "Podcasts", value: String(podcasts.length) },
+        { label: "Library items", value: compact(totalItems) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "peertube") {
+    const [videos, configData] = await Promise.all([
+      fetchJson<{
+        total?: number;
+        data?: Array<{ isLive?: boolean; views?: number }>;
+      }>(`${base}/api/v1/videos?count=25&isLocal=true`, config.headers),
+      fetchJson<JsonObject>(`${base}/api/v1/config`, config.headers),
+    ]);
+    const items = videos.data ?? [];
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${compact(number(videos.total))} local videos published`,
+      stats: [
+        { label: "Local videos", value: compact(number(videos.total)) },
+        {
+          label: "Live now",
+          value: String(items.filter((item) => item.isLive).length),
+        },
+        {
+          label: "Recent views",
+          value: compact(
+            items.reduce((sum, item) => sum + number(item.views), 0),
+          ),
+        },
+        {
+          label: "Version",
+          value:
+            typeof configData.serverVersion === "string"
+              ? configData.serverVersion
+              : "—",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "jellyfin") {
+    const [sessions, counts] = await Promise.all([
+      fetchJson<Array<{ NowPlayingItem?: unknown }>>(
+        `${base}/Sessions`,
+        config.headers,
+      ),
+      fetchJson<JsonObject>(`${base}/Items/Counts`, config.headers),
+    ]);
+    const playing = sessions.filter((session) => session.NowPlayingItem).length;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: playing
+        ? `${playing} active playback sessions`
+        : "No active playback",
+      stats: [
+        {
+          label: "Sessions",
+          value: String(playing),
+          tone: playing ? "positive" : "default",
+        },
+        { label: "Movies", value: compact(number(counts.MovieCount)) },
+        { label: "Episodes", value: compact(number(counts.EpisodeCount)) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "plex") {
+    const [sessions, libraries] = await Promise.all([
+      fetchJson<{
+        MediaContainer?: { size?: number; Metadata?: JsonObject[] };
+      }>(`${base}/status/sessions`, config.headers),
+      fetchJson<{ MediaContainer?: { size?: number } }>(
+        `${base}/library/sections`,
+        config.headers,
+      ),
+    ]);
+    const items = sessions.MediaContainer?.Metadata ?? [];
+    const transcodes = items.filter((item) =>
+      Boolean(item.TranscodeSession),
+    ).length;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: items.length
+        ? `${items.length} active stream${items.length === 1 ? "" : "s"}`
+        : "No active streams",
+      stats: [
+        {
+          label: "Streams",
+          value: String(sessions.MediaContainer?.size ?? items.length),
+          tone: items.length ? "positive" : "default",
+        },
+        { label: "Transcodes", value: String(transcodes) },
+        {
+          label: "Libraries",
+          value: String(libraries.MediaContainer?.size ?? 0),
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "immich") {
+    const apiBase = base.endsWith("/api") ? base : `${base}/api`;
+    const data = await fetchJson<JsonObject>(
+      `${apiBase}/server/statistics`,
+      config.headers,
+    );
+    const photos = number(data.photos);
+    const videos = number(data.videos);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${compact(photos + videos)} memories protected`,
+      stats: [
+        { label: "Photos", value: compact(photos) },
+        { label: "Videos", value: compact(videos) },
+        { label: "Storage", value: bytes(number(data.usage)) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "tautulli") {
+    const key = process.env.TAUTULLI_API_KEY as string;
+    const result = await fetchJson<{
+      response?: { data?: JsonObject; result?: string };
+    }>(
+      `${base}/api/v2?apikey=${encodeURIComponent(key)}&cmd=get_activity`,
+      config.headers,
+    );
+    const data = result.response?.data ?? {};
+    if (result.response?.result !== "success")
+      throw new Error("Tautulli API did not return success");
+    const streams = number(data.stream_count);
+    const transcodes = number(data.stream_count_transcode);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: streams
+        ? `${streams} active Plex stream${streams === 1 ? "" : "s"}`
+        : "No active Plex streams",
+      stats: [
+        {
+          label: "Streams",
+          value: String(streams),
+          tone: streams ? "positive" : "default",
+        },
+        { label: "Transcodes", value: String(transcodes) },
+        {
+          label: "Bandwidth",
+          value: `${compact(number(data.total_bandwidth))} Kbps`,
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/monitoring.ts b/src/server/integrations/provider-widgets/providers/monitoring.ts
new file mode 100644
index 0000000..38f5687
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/monitoring.ts
@@ -0,0 +1,214 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  compact,
+  fields,
+  fetchJson,
+} from "../shared.js";
+import { providerDetails } from "../catalog.js";
+
+export function configureMonitoringProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "grafana") {
+    const url = providerUrl(app, "GRAFANA_URL");
+    const token = process.env.GRAFANA_TOKEN;
+    return {
+      kind,
+      label: "Grafana",
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: ["GRAFANA_URL", "GRAFANA_TOKEN"],
+      credentialFields: fields(["GRAFANA_URL", "GRAFANA_TOKEN"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "prometheus") {
+    const url = providerUrl(app, "PROMETHEUS_URL");
+    return {
+      kind,
+      label: "Prometheus",
+      url,
+      headers: {},
+      requiredEnvironment: ["PROMETHEUS_URL"],
+      credentialFields: fields(["PROMETHEUS_URL"]),
+      configured: Boolean(url),
+    };
+  }
+
+  if (kind === "netdata" || kind === "peertube") {
+    const key = kind === "netdata" ? "NETDATA_URL" : "PEERTUBE_URL";
+    const url = providerUrl(app, key);
+    return {
+      kind,
+      label: providerDetails[kind].label,
+      url,
+      headers: {},
+      requiredEnvironment: [key],
+      credentialFields: fields([key]),
+      configured: Boolean(url),
+    };
+  }
+
+  if (kind === "glances") {
+    const url = providerUrl(app, "GLANCES_URL");
+    return {
+      kind,
+      label: "Glances",
+      url,
+      headers: {},
+      requiredEnvironment: ["GLANCES_URL"],
+      credentialFields: fields(["GLANCES_URL"]),
+      configured: Boolean(url),
+    };
+  }
+  return null;
+}
+
+export async function readMonitoringWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "netdata") {
+    const [alarms, info] = await Promise.all([
+      fetchJson<JsonObject>(`${base}/api/v1/alarms`, config.headers),
+      fetchJson<JsonObject>(`${base}/api/v1/info`, config.headers),
+    ]);
+    const alarmValues = Object.values(
+      (alarms.alarms as JsonObject | undefined) ?? {},
+    );
+    const critical = alarmValues.filter(
+      (item) => (item as JsonObject).status === "CRITICAL",
+    ).length;
+    const warning = alarmValues.filter(
+      (item) => (item as JsonObject).status === "WARNING",
+    ).length;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary:
+        critical || warning
+          ? `${critical + warning} raised health alerts`
+          : "All Netdata health checks are clear",
+      stats: [
+        {
+          label: "Critical",
+          value: String(critical),
+          tone: critical ? "warning" : "positive",
+        },
+        {
+          label: "Warnings",
+          value: String(warning),
+          tone: warning ? "warning" : "positive",
+        },
+        { label: "Charts", value: compact(number(info.charts)) },
+        {
+          label: "Version",
+          value: typeof info.version === "string" ? info.version : "—",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "grafana") {
+    const [health, dashboards, alerts] = await Promise.all([
+      fetchJson<JsonObject>(`${base}/api/health`, config.headers),
+      fetchJson<JsonObject[]>(
+        `${base}/api/search?type=dash-db&limit=100`,
+        config.headers,
+      ),
+      fetchJson<JsonObject[]>(
+        `${base}/api/alerts?state=alerting`,
+        config.headers,
+      ).catch(() => []),
+    ]);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${dashboards.length} dashboards ready`,
+      stats: [
+        { label: "Dashboards", value: String(dashboards.length) },
+        {
+          label: "Alerting",
+          value: String(alerts.length),
+          tone: alerts.length ? "warning" : "positive",
+        },
+        {
+          label: "Database",
+          value:
+            typeof health.database === "string" ? health.database : "unknown",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "prometheus") {
+    const data = await fetchJson<JsonObject>(
+      `${base}/api/v1/query?query=${encodeURIComponent("up")}`,
+      config.headers,
+    );
+    const result =
+      data.data && Array.isArray((data.data as JsonObject).result)
+        ? ((data.data as JsonObject).result as Array<JsonObject>)
+        : [];
+    const up = result.filter(
+      (item) => Array.isArray(item.value) && String(item.value[1]) === "1",
+    ).length;
+    const down = Math.max(0, result.length - up);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${up} of ${result.length} targets up`,
+      stats: [
+        { label: "Targets up", value: String(up), tone: "positive" },
+        {
+          label: "Targets down",
+          value: String(down),
+          tone: down ? "warning" : "default",
+        },
+        {
+          label: "Health",
+          value: data.status === "success" ? "Healthy" : "Degraded",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "glances") {
+    const [cpu, memory, load] = await Promise.all([
+      fetchJson<JsonObject>(`${base}/api/4/cpu`, config.headers),
+      fetchJson<JsonObject>(`${base}/api/4/mem`, config.headers),
+      fetchJson<JsonObject>(`${base}/api/4/load`, config.headers),
+    ]);
+    const cpuPercent = number(cpu.total);
+    const memoryPercent = number(memory.percent);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${Math.round(memoryPercent)}% host memory in use`,
+      stats: [
+        { label: "CPU", value: `${cpuPercent.toFixed(1)}%` },
+        { label: "Memory", value: `${memoryPercent.toFixed(1)}%` },
+        { label: "Load 1m", value: number(load.min1).toFixed(2) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/network.ts b/src/server/integrations/provider-widgets/providers/network.ts
new file mode 100644
index 0000000..3b8d43d
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/network.ts
@@ -0,0 +1,290 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  compact,
+  fields,
+  fetchJson,
+  fetchOk,
+} from "../shared.js";
+
+export function configureNetworkProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "authentik") {
+    const url = providerUrl(app, "AUTHENTIK_URL");
+    const token = process.env.AUTHENTIK_TOKEN;
+    return {
+      kind,
+      label: "Authentik",
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: ["AUTHENTIK_URL"],
+      credentialFields: fields(["AUTHENTIK_URL", "AUTHENTIK_TOKEN"]).map(
+        (field) => ({ ...field, required: field.key === "AUTHENTIK_URL" }),
+      ),
+      configured: Boolean(url),
+    };
+  }
+
+  if (kind === "npm") {
+    const url = providerUrl(app, "NPM_URL");
+    const token = process.env.NPM_TOKEN;
+    return {
+      kind,
+      label: "Nginx Proxy Manager",
+      url,
+      headers: token ? { Authorization: `Bearer ${token}` } : {},
+      requiredEnvironment: ["NPM_URL"],
+      credentialFields: fields(["NPM_URL", "NPM_TOKEN"]).map((field) => ({
+        ...field,
+        required: field.key === "NPM_URL",
+      })),
+      configured: Boolean(url),
+    };
+  }
+
+  if (kind === "vaultwarden") {
+    const url = providerUrl(app, "VAULTWARDEN_URL");
+    return {
+      kind,
+      label: "Vaultwarden",
+      url,
+      headers: {},
+      requiredEnvironment: ["VAULTWARDEN_URL"],
+      credentialFields: fields(["VAULTWARDEN_URL"]),
+      configured: Boolean(url),
+    };
+  }
+
+  if (kind === "portainer") {
+    const url = providerUrl(app, "PORTAINER_URL");
+    const token = process.env.PORTAINER_API_KEY;
+    return {
+      kind,
+      label: "Portainer",
+      url,
+      headers: token ? { "X-API-Key": token } : {},
+      requiredEnvironment: ["PORTAINER_URL", "PORTAINER_API_KEY"],
+      credentialFields: fields(["PORTAINER_URL", "PORTAINER_API_KEY"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "adguard") {
+    const url = providerUrl(app, "ADGUARD_URL");
+    const username = process.env.ADGUARD_USERNAME;
+    const password = process.env.ADGUARD_PASSWORD;
+    return {
+      kind,
+      label: "AdGuard Home",
+      url,
+      headers:
+        username && password
+          ? {
+              Authorization: `Basic ${Buffer.from(`${username}:${password}`).toString("base64")}`,
+            }
+          : {},
+      requiredEnvironment: [
+        "ADGUARD_URL",
+        "ADGUARD_USERNAME",
+        "ADGUARD_PASSWORD",
+      ],
+      credentialFields: fields([
+        "ADGUARD_URL",
+        "ADGUARD_USERNAME",
+        "ADGUARD_PASSWORD",
+      ]),
+      configured: Boolean(url && username && password),
+    };
+  }
+  return null;
+}
+
+export async function readNetworkWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "vaultwarden") {
+    await fetchJson<JsonObject>(`${base}/alive`, {});
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: "Vaultwarden is bereikbaar",
+      stats: [
+        { label: "Status", value: "Alive", tone: "positive" },
+        { label: "Endpoint", value: "Read-only" },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "authentik") {
+    if (!config.headers.Authorization) {
+      await fetchOk(`${base}/-/health/ready/`, {});
+      return {
+        kind: config.kind,
+        label: config.label,
+        summary: "Authentik is klaar en bereikbaar",
+        stats: [
+          { label: "Status", value: "Ready", tone: "positive" },
+          { label: "API-detail", value: "Token optioneel" },
+        ],
+        updatedAt: now(),
+        freshness: "fresh",
+      };
+    }
+    const [applications, users, events] = await Promise.all([
+      fetchJson<JsonObject>(
+        `${base}/api/v3/core/applications/?page_size=1`,
+        config.headers,
+      ),
+      fetchJson<JsonObject>(
+        `${base}/api/v3/core/users/?page_size=1`,
+        config.headers,
+      ),
+      fetchJson<JsonObject>(
+        `${base}/api/v3/events/events/?page_size=1&ordering=-created`,
+        config.headers,
+      ),
+    ]);
+    const count = (payload: JsonObject) =>
+      number(payload.pagination && (payload.pagination as JsonObject).count);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${count(applications)} applications protected`,
+      stats: [
+        { label: "Applications", value: compact(count(applications)) },
+        { label: "Users", value: compact(count(users)) },
+        { label: "Events", value: compact(count(events)) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "npm") {
+    if (!config.headers.Authorization) {
+      await fetchOk(base, {});
+      return {
+        kind: config.kind,
+        label: config.label,
+        summary: "Nginx Proxy Manager is bereikbaar",
+        stats: [
+          { label: "Status", value: "Online", tone: "positive" },
+          { label: "API-detail", value: "Token optioneel" },
+        ],
+        updatedAt: now(),
+        freshness: "fresh",
+      };
+    }
+    const [proxies, redirects, dead] = await Promise.all([
+      fetchJson<JsonObject[]>(`${base}/api/nginx/proxy-hosts`, config.headers),
+      fetchJson<JsonObject[]>(
+        `${base}/api/nginx/redirection-hosts`,
+        config.headers,
+      ),
+      fetchJson<JsonObject[]>(`${base}/api/nginx/dead-hosts`, config.headers),
+    ]);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${proxies.length} proxy hosts published`,
+      stats: [
+        {
+          label: "Proxy hosts",
+          value: String(proxies.length),
+          tone: "positive",
+        },
+        { label: "Redirects", value: String(redirects.length) },
+        {
+          label: "Dead hosts",
+          value: String(dead.length),
+          tone: dead.length ? "warning" : "default",
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "portainer") {
+    const endpoints = await fetchJson<Array<JsonObject>>(
+      `${base}/api/endpoints`,
+      config.headers,
+    );
+    const online = endpoints.filter(
+      (endpoint) => number(endpoint.Status) === 1,
+    ).length;
+    const containers = endpoints.reduce((total, endpoint) => {
+      const snapshots = Array.isArray(endpoint.Snapshots)
+        ? endpoint.Snapshots
+        : [];
+      return (
+        total +
+        snapshots.reduce(
+          (sum, snapshot) =>
+            sum +
+            number(
+              (snapshot as JsonObject).DockerSnapshotRaw &&
+                ((snapshot as JsonObject).DockerSnapshotRaw as JsonObject)
+                  .Containers,
+            ),
+          0,
+        )
+      );
+    }, 0);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${online} of ${endpoints.length} endpoints online`,
+      stats: [
+        { label: "Endpoints", value: String(endpoints.length) },
+        {
+          label: "Online",
+          value: String(online),
+          tone: online === endpoints.length ? "positive" : "warning",
+        },
+        { label: "Containers", value: compact(containers) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "adguard") {
+    const data = await fetchJson<JsonObject>(
+      `${base}/control/stats`,
+      config.headers,
+    );
+    const queries = number(data.num_dns_queries);
+    const blocked = number(data.num_blocked_filtering);
+    const blockedPercent =
+      queries > 0 ? Math.round((blocked / queries) * 100) : 0;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${blockedPercent}% of DNS traffic blocked`,
+      stats: [
+        { label: "Queries", value: compact(queries) },
+        { label: "Blocked", value: compact(blocked), tone: "positive" },
+        {
+          label: "Avg response",
+          value: `${Math.round(number(data.avg_processing_time) * 1000)} ms`,
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/ollama.ts b/src/server/integrations/provider-widgets/providers/ollama.ts
new file mode 100644
index 0000000..8b081e6
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/ollama.ts
@@ -0,0 +1,73 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  bytes,
+  fields,
+  fetchJson,
+} from "../shared.js";
+
+export function configureOllamaProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "ollama") {
+    const url = providerUrl(app, "OLLAMA_URL");
+    return {
+      kind,
+      label: "Ollama",
+      url,
+      headers: {},
+      requiredEnvironment: ["OLLAMA_URL"],
+      credentialFields: fields(["OLLAMA_URL"]),
+      configured: Boolean(url),
+    };
+  }
+  return null;
+}
+
+export async function readOllamaWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "ollama") {
+    const [tags, running] = await Promise.all([
+      fetchJson<{ models?: Array<{ size?: number }> }>(
+        `${base}/api/tags`,
+        config.headers,
+      ),
+      fetchJson<{ models?: JsonObject[] }>(`${base}/api/ps`, config.headers),
+    ]);
+    const models = tags.models ?? [];
+    const loaded = running.models ?? [];
+    const storage = models.reduce(
+      (total, model) => total + number(model.size),
+      0,
+    );
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: loaded.length
+        ? `${loaded.length} model${loaded.length === 1 ? "" : "s"} loaded`
+        : "No model currently loaded",
+      stats: [
+        { label: "Installed", value: String(models.length) },
+        {
+          label: "Loaded",
+          value: String(loaded.length),
+          tone: loaded.length ? "positive" : "default",
+        },
+        { label: "Model storage", value: bytes(storage) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/providers/productivity.ts b/src/server/integrations/provider-widgets/providers/productivity.ts
new file mode 100644
index 0000000..31d1831
--- /dev/null
+++ b/src/server/integrations/provider-widgets/providers/productivity.ts
@@ -0,0 +1,178 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../../shared/contracts.js";
+import type { ProviderConfig, JsonObject } from "../types.js";
+import {
+  now,
+  providerUrl,
+  number,
+  compact,
+  bytes,
+  fields,
+  fetchJson,
+} from "../shared.js";
+
+export function configureProductivityProvider(
+  app: DockApp,
+  kind: ProviderKind,
+): ProviderConfig | null {
+  if (kind === "gitea") {
+    const url = providerUrl(app, "GITEA_WIDGET_URL");
+    const token = process.env.GITEA_WIDGET_TOKEN;
+    return {
+      kind,
+      label: "Gitea",
+      url,
+      headers: token ? { Authorization: `token ${token}` } : {},
+      requiredEnvironment: ["GITEA_WIDGET_URL", "GITEA_WIDGET_TOKEN"],
+      credentialFields: fields(["GITEA_WIDGET_URL", "GITEA_WIDGET_TOKEN"]),
+      configured: Boolean(url && token),
+    };
+  }
+
+  if (kind === "nextcloud") {
+    const url = providerUrl(app, "NEXTCLOUD_URL");
+    const username = process.env.NEXTCLOUD_USERNAME;
+    const password = process.env.NEXTCLOUD_APP_PASSWORD;
+    return {
+      kind,
+      label: "Nextcloud",
+      url,
+      headers:
+        username && password
+          ? {
+              Authorization: `Basic ${Buffer.from(`${username}:${password}`).toString("base64")}`,
+              "OCS-APIRequest": "true",
+            }
+          : {},
+      requiredEnvironment: [
+        "NEXTCLOUD_URL",
+        "NEXTCLOUD_USERNAME",
+        "NEXTCLOUD_APP_PASSWORD",
+      ],
+      credentialFields: fields([
+        "NEXTCLOUD_URL",
+        "NEXTCLOUD_USERNAME",
+        "NEXTCLOUD_APP_PASSWORD",
+      ]),
+      configured: Boolean(url && username && password),
+    };
+  }
+
+  if (kind === "paperless") {
+    const url = providerUrl(app, "PAPERLESS_URL");
+    const token = process.env.PAPERLESS_TOKEN;
+    return {
+      kind,
+      label: "Paperless-ngx",
+      url,
+      headers: token ? { Authorization: `Token ${token}` } : {},
+      requiredEnvironment: ["PAPERLESS_URL", "PAPERLESS_TOKEN"],
+      credentialFields: fields(["PAPERLESS_URL", "PAPERLESS_TOKEN"]),
+      configured: Boolean(url && token),
+    };
+  }
+  return null;
+}
+
+export async function readProductivityWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget | null> {
+  const base = config.url as string;
+  if (config.kind === "gitea") {
+    const repositories = await fetchJson<
+      Array<{ stars_count?: number; open_issues_count?: number }>
+    >(`${base}/api/v1/user/repos?limit=50`, config.headers);
+    const stars = repositories.reduce(
+      (total, repository) => total + number(repository.stars_count),
+      0,
+    );
+    const issues = repositories.reduce(
+      (total, repository) => total + number(repository.open_issues_count),
+      0,
+    );
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${repositories.length} repositories in your workspace`,
+      stats: [
+        { label: "Repositories", value: String(repositories.length) },
+        {
+          label: "Open issues",
+          value: String(issues),
+          tone: issues ? "warning" : "positive",
+        },
+        { label: "Stars", value: String(stars) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "nextcloud") {
+    const [status, capabilities] = await Promise.all([
+      fetchJson<JsonObject>(`${base}/status.php`, {}),
+      fetchJson<JsonObject>(
+        `${base}/ocs/v1.php/cloud/capabilities?format=json`,
+        config.headers,
+      ),
+    ]);
+    const version =
+      typeof status.versionstring === "string" ? status.versionstring : "—";
+    const installed = status.installed === true;
+    const data = capabilities.ocs && (capabilities.ocs as JsonObject).data;
+    const capabilityCount =
+      data && typeof data === "object"
+        ? Object.keys(data as JsonObject).length
+        : 0;
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: installed
+        ? "Nextcloud is installed and responding"
+        : "Nextcloud setup incomplete",
+      stats: [
+        {
+          label: "Status",
+          value: installed ? "Online" : "Setup",
+          tone: installed ? "positive" : "warning",
+        },
+        { label: "Version", value: version },
+        { label: "Capabilities", value: String(capabilityCount) },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+
+  if (config.kind === "paperless") {
+    const data = await fetchJson<JsonObject>(
+      `${base}/api/statistics/`,
+      config.headers,
+    );
+    const documents = number(data.document_count);
+    const inbox = number(data.inbox_count);
+    return {
+      kind: config.kind,
+      label: config.label,
+      summary: `${compact(documents)} documents organized`,
+      stats: [
+        { label: "Documents", value: compact(documents) },
+        {
+          label: "Inbox",
+          value: compact(inbox),
+          tone: inbox ? "warning" : "positive",
+        },
+        {
+          label: "Archive size",
+          value: bytes(number(data.document_file_size)),
+        },
+      ],
+      updatedAt: now(),
+      freshness: "fresh",
+    };
+  }
+  return null;
+}
diff --git a/src/server/integrations/provider-widgets/registry.ts b/src/server/integrations/provider-widgets/registry.ts
new file mode 100644
index 0000000..3350bef
--- /dev/null
+++ b/src/server/integrations/provider-widgets/registry.ts
@@ -0,0 +1,176 @@
+import type {
+  DockApp,
+  ProviderKind,
+  ProviderWidget,
+} from "../../../shared/contracts.js";
+import type { ProviderConfig } from "./types.js";
+import { providerDetails } from "./catalog.js";
+import { detectProvider } from "./detection.js";
+import { readMediaWidget } from "./providers/media.js";
+import { readMonitoringWidget } from "./providers/monitoring.js";
+import { readNetworkWidget } from "./providers/network.js";
+import { readProductivityWidget } from "./providers/productivity.js";
+import { readHomeAssistantWidget } from "./providers/home-assistant.js";
+import { readOllamaWidget } from "./providers/ollama.js";
+import { readArrWidget } from "./providers/arr.js";
+import { readCustomWidget } from "./providers/custom.js";
+import { configureCustomMetricsProvider } from "./providers/custom.js";
+import { configureProductivityProvider } from "./providers/productivity.js";
+import { configureMediaProvider } from "./providers/media.js";
+import { configureMonitoringProvider } from "./providers/monitoring.js";
+import { configureNetworkProvider } from "./providers/network.js";
+import { configureHomeAssistantProvider } from "./providers/home-assistant.js";
+import { configureOllamaProvider } from "./providers/ollama.js";
+import { configureArrProvider } from "./providers/arr.js";
+import { cleanUrl } from "./shared.js";
+
+export { detectProvider, providerDetails };
+
+function configureCustomApp(app: DockApp): ProviderConfig {
+  const prefix = `CUSTOM_WIDGET_${app.technicalName
+    .replace(/[^a-z0-9]/gi, "_")
+    .toUpperCase()
+    .slice(0, 48)}`;
+
+  const urlKey = `${prefix}_URL`;
+
+  const tokenKey = `${prefix}_TOKEN`;
+
+  const url = cleanUrl(process.env[urlKey]);
+
+  const token = process.env[tokenKey];
+
+  return {
+    kind: "custom",
+    label: app.displayName,
+    url,
+    headers: token ? { Authorization: `Bearer ${token}` } : {},
+    requiredEnvironment: [urlKey],
+    credentialFields: [
+      {
+        key: urlKey,
+        label: "GET metrics URL",
+        type: "url",
+        placeholder: "http://app:port/api/dockdeck-metrics",
+        required: true,
+      },
+      {
+        key: tokenKey,
+        label: "Bearer token (optional)",
+        type: "password",
+        placeholder: "Optional read-only token",
+        required: false,
+      },
+    ],
+    configured: Boolean(url),
+    customMetrics: true,
+  };
+}
+
+type ProviderWidgetDefinition = {
+  configure: (app: DockApp, kind: ProviderKind) => ProviderConfig | null;
+  read: (config: ProviderConfig) => Promise<ProviderWidget | null>;
+};
+
+export const providerWidgetRegistry: Record<
+  ProviderKind,
+  ProviderWidgetDefinition
+> = {
+  adguard: {
+    configure: configureNetworkProvider,
+    read: readNetworkWidget,
+  },
+  plex: { configure: configureMediaProvider, read: readMediaWidget },
+  immich: { configure: configureMediaProvider, read: readMediaWidget },
+  homeAssistant: {
+    configure: configureHomeAssistantProvider,
+    read: readHomeAssistantWidget,
+  },
+  arr: { configure: configureArrProvider, read: readArrWidget },
+  ollama: { configure: configureOllamaProvider, read: readOllamaWidget },
+  glances: {
+    configure: configureMonitoringProvider,
+    read: readMonitoringWidget,
+  },
+  tautulli: { configure: configureMediaProvider, read: readMediaWidget },
+  paperless: {
+    configure: configureProductivityProvider,
+    read: readProductivityWidget,
+  },
+  gitea: {
+    configure: configureProductivityProvider,
+    read: readProductivityWidget,
+  },
+  jellyfin: { configure: configureMediaProvider, read: readMediaWidget },
+  seerr: { configure: configureArrProvider, read: readArrWidget },
+  prowlarr: { configure: configureArrProvider, read: readArrWidget },
+  authentik: { configure: configureNetworkProvider, read: readNetworkWidget },
+  npm: { configure: configureNetworkProvider, read: readNetworkWidget },
+  portainer: { configure: configureNetworkProvider, read: readNetworkWidget },
+  grafana: {
+    configure: configureMonitoringProvider,
+    read: readMonitoringWidget,
+  },
+  prometheus: {
+    configure: configureMonitoringProvider,
+    read: readMonitoringWidget,
+  },
+  deluge: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+  qbittorrent: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+  jdownloader: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+  tdarr: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+  bazarr: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+  vaultwarden: {
+    configure: configureNetworkProvider,
+    read: readNetworkWidget,
+  },
+  nextcloud: {
+    configure: configureProductivityProvider,
+    read: readProductivityWidget,
+  },
+  audiobookshelf: {
+    configure: configureMediaProvider,
+    read: readMediaWidget,
+  },
+  netdata: {
+    configure: configureMonitoringProvider,
+    read: readMonitoringWidget,
+  },
+  peertube: {
+    configure: configureMonitoringProvider,
+    read: readMediaWidget,
+  },
+  custom: {
+    configure: configureCustomMetricsProvider,
+    read: readCustomWidget,
+  },
+};
+
+export function configFor(app: DockApp): ProviderConfig | null {
+  const kind = detectProvider(`${app.technicalName} ${app.image ?? ""}`);
+  if (!kind) return configureCustomApp(app);
+  return providerWidgetRegistry[kind].configure(app, kind);
+}
+
+export async function readWidget(
+  config: ProviderConfig,
+): Promise<ProviderWidget> {
+  const widget = await providerWidgetRegistry[config.kind].read(config);
+  if (!widget) throw new Error("This app has no provider widget reader");
+  return widget;
+}
diff --git a/src/server/integrations/provider-widgets/service.ts b/src/server/integrations/provider-widgets/service.ts
new file mode 100644
index 0000000..5d751e1
--- /dev/null
+++ b/src/server/integrations/provider-widgets/service.ts
@@ -0,0 +1,330 @@
+import type {
+  DockApp,
+  IntegrationState,
+  ProviderWidget,
+  WidgetCapability,
+  WidgetValueHistoryPoint,
+} from "../../../shared/contracts.js";
+import { inferServiceKind } from "../../../shared/domain.js";
+import { IntegrationEnvironmentStore } from "../../integration-environment.js";
+import { mapWithConcurrency } from "../../concurrency.js";
+import type { ProviderConfig } from "./types.js";
+import {
+  appSpecificProfile,
+  metricDefinitions,
+  numericStatValue,
+} from "./profiles.js";
+import {
+  configFor,
+  detectProvider,
+  providerDetails,
+  readWidget,
+} from "./registry.js";
+import { now } from "./shared.js";
+
+export class ProviderWidgetService {
+  private widgets: Record<string, ProviderWidget> = {};
+  private states: IntegrationState[] = [];
+  private lastAttempts = new Map<string, number>();
+  private stateByName = new Map<string, IntegrationState>();
+  private histories = new Map<
+    string,
+    Record<string, WidgetValueHistoryPoint[]>
+  >();
+
+  constructor(
+    private readonly environmentStore = new IntegrationEnvironmentStore(),
+  ) {}
+
+  getWidgets() {
+    return this.widgets;
+  }
+
+  getStates() {
+    return this.states;
+  }
+
+  getCapabilities(apps: DockApp[]): WidgetCapability[] {
+    return apps
+      .flatMap<WidgetCapability>((app) => {
+        const provider = detectProvider(
+          `${app.technicalName} ${app.displayName} ${app.image ?? ""}`,
+        );
+        if (provider) {
+          const details = providerDetails[provider];
+          return [
+            {
+              appId: app.id,
+              technicalName: app.technicalName,
+              label:
+                provider === "arr"
+                  ? app.displayName.replace(/^binhex-/i, "")
+                  : details.label,
+              description: details.description,
+              features: details.features,
+              metrics: metricDefinitions(details.features, details.label),
+              source: "provider",
+              credentialMode: details.credentialMode,
+              recommended: details.recommended,
+            },
+          ];
+        }
+        const kind = inferServiceKind(
+          `${app.technicalName} ${app.displayName} ${app.image ?? ""}`,
+        );
+        const tailored: Record<
+          ReturnType<typeof inferServiceKind>,
+          Pick<WidgetCapability, "description" | "features" | "recommended">
+        > = {
+          dns: {
+            description: "Resolver traffic and resource pressure from Docker.",
+            features: ["DNS traffic", "Memory", "Availability"],
+            recommended: true,
+          },
+          media: {
+            description:
+              "Streaming workload with traffic and transcode pressure.",
+            features: ["Load", "Traffic", "Memory"],
+            recommended: true,
+          },
+          photos: {
+            description: "Library processing and upload activity from Docker.",
+            features: ["Index load", "Uploads", "Memory"],
+            recommended: true,
+          },
+          automation: {
+            description:
+              "Queue or automation engine activity without control actions.",
+            features: ["Event load", "Traffic", "Memory"],
+            recommended: true,
+          },
+          downloads: {
+            description: "Live transfer speed and download-engine workload.",
+            features: ["Download speed", "Upload speed", "Memory"],
+            recommended: true,
+          },
+          monitoring: {
+            description: "A compact health panel backed by Docker telemetry.",
+            features: ["CPU", "Ingress", "Memory"],
+            recommended: false,
+          },
+          code: {
+            description: "Repository-service health and live request traffic.",
+            features: ["CPU", "Ingress", "Memory"],
+            recommended: false,
+          },
+          ai: {
+            description:
+              "Local inference load, model traffic and memory pressure.",
+            features: ["Inference load", "Model traffic", "Memory"],
+            recommended: true,
+          },
+          documents: {
+            description: "Document ingestion and archive-worker pressure.",
+            features: ["Worker load", "Ingestion", "Memory"],
+            recommended: false,
+          },
+          security: {
+            description: "Availability and traffic for a protected service.",
+            features: ["Request load", "Secure traffic", "Memory"],
+            recommended: false,
+          },
+          service: {
+            description:
+              "Availability, workload and optional app-specific GET metrics.",
+            features: [
+              "Status",
+              "CPU",
+              "Memory",
+              "Ingress",
+              "Egress",
+              "Processes",
+              "Uptime",
+            ],
+            recommended: false,
+          },
+        };
+        const profile = appSpecificProfile(app);
+        const details = profile ?? {
+          label: app.displayName,
+          ...tailored[kind],
+          credentialMode: "optional" as const,
+        };
+        return [
+          {
+            appId: app.id,
+            technicalName: app.technicalName,
+            label: details.label,
+            description: details.description,
+            features: details.features,
+            metrics: metricDefinitions(details.features, details.label),
+            recommended: details.recommended || app.widgetEnabled,
+            source: "tailored-docker",
+            credentialMode: "optional",
+          },
+        ];
+      })
+      .sort(
+        (left, right) =>
+          Number(right.recommended) - Number(left.recommended) ||
+          Number(right.source === "provider") -
+            Number(left.source === "provider") ||
+          left.label.localeCompare(right.label),
+      );
+  }
+
+  private withHistory(
+    technicalName: string,
+    widget: ProviderWidget,
+  ): ProviderWidget {
+    const history = { ...(this.histories.get(technicalName) ?? {}) };
+    const stats = widget.stats.map((stat) => {
+      const numericValue = numericStatValue(stat.label, stat.value);
+      if (numericValue === null) return stat;
+      history[stat.label] = [
+        ...(history[stat.label] ?? []),
+        { sampledAt: widget.updatedAt, value: numericValue },
+      ].slice(-60);
+      return { ...stat, numericValue };
+    });
+    this.histories.set(technicalName, history);
+    return { ...widget, stats, history };
+  }
+
+  configure(app: DockApp, values: Record<string, string>) {
+    const config = configFor(app);
+    if (!config)
+      throw new Error("This app has no configurable provider widget");
+    const allowed = new Set(config.credentialFields.map((field) => field.key));
+    for (const [key, value] of Object.entries(values)) {
+      if (!allowed.has(key)) throw new Error("Unexpected credential field");
+      if (key.endsWith("_URL") && value) {
+        const url = new URL(value);
+        if (!["http:", "https:"].includes(url.protocol))
+          throw new Error("Provider URL must use HTTP(S)");
+      }
+    }
+    const changedUrl = Object.entries(values).some(([key, value]) => {
+      if (!key.endsWith("_URL")) return false;
+      const oldValue = process.env[key];
+      const canonicalOrigin = (candidate: string | undefined) => {
+        if (!candidate) return "";
+        try {
+          return new URL(candidate).origin;
+        } catch {
+          return candidate.trim();
+        }
+      };
+      return canonicalOrigin(oldValue) !== canonicalOrigin(value);
+    });
+    if (changedUrl) {
+      const omittedSecrets = [...allowed].filter(
+        (key) => !key.endsWith("_URL") && !(key in values),
+      );
+      if ("NPM_URL" in values)
+        omittedSecrets.push("NPM_USERNAME", "NPM_PASSWORD");
+      this.environmentStore.clear(omittedSecrets);
+    }
+    this.environmentStore.set(values);
+  }
+
+  async refresh(apps: DockApp[], includeInactive = false) {
+    const knownNames = new Set(apps.map((app) => app.technicalName));
+    const supported = apps
+      .filter((app) => includeInactive || app.widgetEnabled)
+      .map((app) => ({ app, config: configFor(app) }))
+      .filter((item): item is { app: DockApp; config: ProviderConfig } =>
+        Boolean(item.config),
+      );
+    const entries = await mapWithConcurrency(
+      supported,
+      6,
+      async ({ app, config }) => {
+        const missingEnvironment = config.requiredEnvironment.filter((key) =>
+          key.endsWith("_URL") ? !config.url : !process.env[key],
+        );
+        if (!config.configured)
+          return {
+            app,
+            config,
+            widget: null,
+            state: "disabled" as const,
+            message: `Add ${missingEnvironment.join(" + ")} for live ${config.label} data`,
+            requiredEnvironment: missingEnvironment,
+          };
+        const lastAttempt = this.lastAttempts.get(app.technicalName) ?? 0;
+        const elapsed = Date.now() - lastAttempt;
+        const cachedWidget = this.widgets[app.technicalName];
+        const cachedState = this.stateByName.get(app.technicalName);
+        if (cachedState && elapsed < app.widgetRefreshIntervalMs) {
+          return {
+            app,
+            config,
+            widget: cachedWidget
+              ? {
+                  ...cachedWidget,
+                  freshness:
+                    elapsed > app.widgetRefreshIntervalMs * 2
+                      ? ("stale" as const)
+                      : ("fresh" as const),
+                }
+              : null,
+            state: cachedState.state,
+            message: cachedState.message,
+            requiredEnvironment: cachedState.requiredEnvironment ?? [],
+          };
+        }
+        this.lastAttempts.set(app.technicalName, Date.now());
+        try {
+          return {
+            app,
+            config,
+            widget: this.withHistory(
+              app.technicalName,
+              await readWidget(config),
+            ),
+            state: "connected" as const,
+            message: `Live read-only ${config.label} metrics active`,
+            requiredEnvironment: [],
+          };
+        } catch {
+          return {
+            app,
+            config,
+            widget: cachedWidget
+              ? { ...cachedWidget, freshness: "stale" as const }
+              : null,
+            state: "degraded" as const,
+            message: `${config.label} API is not reachable with the configured credential`,
+            requiredEnvironment: [],
+          };
+        }
+      },
+    );
+    const nextWidgets = Object.fromEntries(
+      Object.entries(this.widgets).filter(([name]) => knownNames.has(name)),
+    ) as Record<string, ProviderWidget>;
+    const nextStates = new Map(
+      [...this.stateByName.entries()].filter(([name]) => knownNames.has(name)),
+    );
+    for (const entry of entries) {
+      if (entry.widget) nextWidgets[entry.app.technicalName] = entry.widget;
+      else delete nextWidgets[entry.app.technicalName];
+      nextStates.set(entry.app.technicalName, {
+        id: `widget-${entry.app.technicalName}`,
+        label: `${entry.config.label} widget`,
+        state: entry.state,
+        message: entry.message,
+        checkedAt: now(),
+        requiredEnvironment: entry.requiredEnvironment,
+        credentialFields: entry.config.credentialFields,
+      });
+    }
+    this.widgets = nextWidgets;
+    this.stateByName = nextStates;
+    this.states = apps.flatMap((app) => {
+      const state = nextStates.get(app.technicalName);
+      return state ? [state] : [];
+    });
+  }
+}
diff --git a/src/server/integrations/provider-widgets/shared.ts b/src/server/integrations/provider-widgets/shared.ts
new file mode 100644
index 0000000..c4fd901
--- /dev/null
+++ b/src/server/integrations/provider-widgets/shared.ts
@@ -0,0 +1,77 @@
+import type { DockApp, IntegrationState } from "../../../shared/contracts.js";
+import { fetchBoundedJson, fetchBoundedOk } from "../../http.js";
+
+export const now = () => new Date().toISOString();
+export const cleanUrl = (value: string | undefined) =>
+  value?.trim().replace(/\/$/, "") || undefined;
+const inferredUrl = (app: DockApp) => {
+  const value = app.localUrlOverride ?? app.localUrl;
+  if (!value) return undefined;
+  try {
+    return new URL(value).origin;
+  } catch {
+    return undefined;
+  }
+};
+export const providerUrl = (app: DockApp, environmentKey: string) =>
+  cleanUrl(process.env[environmentKey]) ?? inferredUrl(app);
+export const number = (value: unknown) => {
+  const parsed = typeof value === "string" ? Number(value) : value;
+  return typeof parsed === "number" && Number.isFinite(parsed) ? parsed : 0;
+};
+export const compact = (value: number) =>
+  new Intl.NumberFormat("en", {
+    notation: "compact",
+    maximumFractionDigits: 1,
+  }).format(value);
+export const bytes = (value: number) => {
+  if (value < 1024 ** 3) return `${Math.round(value / 1024 ** 2)} MB`;
+  return `${(value / 1024 ** 3).toFixed(1)} GB`;
+};
+
+export function fields(
+  keys: string[],
+): NonNullable<IntegrationState["credentialFields"]> {
+  return keys.map((key) => {
+    const isUrl = key.endsWith("_URL");
+    const isSecret =
+      key.endsWith("_TOKEN") ||
+      key.endsWith("_PASSWORD") ||
+      key.endsWith("_API_KEY");
+    const label = key
+      .replace(/^[A-Z]+_/, "")
+      .replaceAll("_", " ")
+      .toLowerCase()
+      .replace(/^./, (value) => value.toUpperCase());
+    return {
+      key,
+      label,
+      type: isUrl
+        ? ("url" as const)
+        : isSecret
+          ? ("password" as const)
+          : ("text" as const),
+      placeholder: isUrl
+        ? "http://192.168.x.x:port"
+        : `Enter ${label.toLowerCase()}`,
+      required: true,
+    };
+  });
+}
+
+export async function fetchJson<T>(
+  url: string,
+  headers: Record<string, string>,
+): Promise<T> {
+  return fetchBoundedJson<T>(url, {
+    method: "GET",
+    headers: { accept: "application/json", ...headers },
+  });
+}
+
+export async function fetchOk(url: string, headers: Record<string, string>) {
+  await fetchBoundedOk(url, {
+    method: "GET",
+    headers,
+  });
+}
diff --git a/src/server/integrations/provider-widgets/types.ts b/src/server/integrations/provider-widgets/types.ts
new file mode 100644
index 0000000..a5ffe61
--- /dev/null
+++ b/src/server/integrations/provider-widgets/types.ts
@@ -0,0 +1,27 @@
+import type {
+  IntegrationState,
+  ProviderKind,
+  WidgetCapability,
+} from "../../../shared/contracts.js";
+
+export interface ProviderConfig {
+  kind: ProviderKind;
+  label: string;
+  url?: string;
+  headers: Record<string, string>;
+  requiredEnvironment: string[];
+  credentialFields: NonNullable<IntegrationState["credentialFields"]>;
+  configured: boolean;
+  apiVersion?: "v1" | "v3";
+  customMetrics?: boolean;
+}
+
+export interface ProviderDetails {
+  label: string;
+  description: string;
+  features: string[];
+  credentialMode: WidgetCapability["credentialMode"];
+  recommended: boolean;
+}
+
+export type JsonObject = Record<string, unknown>;
diff --git a/src/server/integrations/unraid-status.ts b/src/server/integrations/unraid-status.ts
new file mode 100644
index 0000000..b5be109
--- /dev/null
+++ b/src/server/integrations/unraid-status.ts
@@ -0,0 +1,249 @@
+import { existsSync, readdirSync, readFileSync } from "node:fs";
+import { basename, join } from "node:path";
+import type {
+  IntegrationState,
+  UnraidNativeMetric,
+  UnraidStorageGroup,
+} from "../../shared/contracts.js";
+
+type IniSection = Record<string, string>;
+
+const now = () => new Date().toISOString();
+
+function unquote(value: string): string {
+  const trimmed = value.trim();
+  return trimmed.length >= 2 && trimmed.startsWith('"') && trimmed.endsWith('"')
+    ? trimmed.slice(1, -1)
+    : trimmed;
+}
+
+export function parseIni(value: string): Map<string, IniSection> {
+  const sections = new Map<string, IniSection>();
+  let current = "root";
+  sections.set(current, {});
+  for (const rawLine of value.split(/\r?\n/)) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith(";") || line.startsWith("#")) continue;
+    const section = line.match(/^\[([^\]]+)]$/);
+    if (section) {
+      current = section[1] ?? "root";
+      if (!sections.has(current)) sections.set(current, {});
+      continue;
+    }
+    const separator = line.indexOf("=");
+    if (separator < 1) continue;
+    const key = line.slice(0, separator).trim();
+    sections.get(current)![key] = unquote(line.slice(separator + 1));
+  }
+  return sections;
+}
+
+function numeric(value: string | undefined): number {
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+
+function kib(value: string | undefined): number {
+  return Math.max(0, numeric(value)) * 1024;
+}
+
+function normalizeTemperature(value: string | undefined): number | null {
+  const parsed = numeric(value);
+  if (!parsed || parsed < -30 || parsed > 150) return null;
+  return parsed;
+}
+
+function poolName(name: string): string {
+  return name.replace(/\d+$/, "") || name;
+}
+
+export function storageFromDisksIni(value: string): UnraidStorageGroup[] {
+  const groups = new Map<
+    string,
+    UnraidStorageGroup & { temperatures: number[] }
+  >();
+  for (const [sectionName, section] of parseIni(value)) {
+    if (sectionName === "root") continue;
+    const name = section.name || sectionName;
+    const type = (section.type || "").toLocaleLowerCase();
+    const isArray = type === "data" || /^disk\d+$/i.test(name);
+    const isPool = type === "cache" || /^cache\d*$/i.test(name);
+    if (!isArray && !isPool) continue;
+    const key = isArray ? "array" : `pool:${poolName(name)}`;
+    const existing = groups.get(key) ?? {
+      name: isArray ? "Array" : poolName(name),
+      kind: isArray ? "array" : "pool",
+      status: "unknown",
+      totalBytes: 0,
+      usedBytes: 0,
+      freeBytes: 0,
+      hottestTemperatureC: null,
+      deviceCount: 0,
+      temperatures: [],
+    };
+    existing.totalBytes += kib(section.fsSize || section.size);
+    existing.usedBytes += kib(section.fsUsed);
+    existing.freeBytes += kib(section.fsFree);
+    existing.deviceCount += 1;
+    existing.status = section.status || section.state || existing.status;
+    const temperature = normalizeTemperature(section.temp);
+    if (temperature !== null) existing.temperatures.push(temperature);
+    groups.set(key, existing);
+  }
+  return [...groups.values()].map(({ temperatures, ...group }) => ({
+    ...group,
+    hottestTemperatureC: temperatures.length ? Math.max(...temperatures) : null,
+  }));
+}
+
+function readHwmonTemperatures(path: string): number[] {
+  if (!existsSync(path)) return [];
+  const values: number[] = [];
+  for (const directory of readdirSync(path, { withFileTypes: true }).filter(
+    (entry) => entry.isDirectory() || entry.isSymbolicLink(),
+  )) {
+    const target = join(path, directory.name);
+    let files: string[];
+    try {
+      files = readdirSync(target).filter((name) =>
+        /^temp\d+_input$/.test(name),
+      );
+    } catch {
+      // A class-only sysfs mount can contain symlinks whose device target is
+      // intentionally outside the container. Disk temperatures still remain
+      // available through Unraid's disks.ini, so one broken link is non-fatal.
+      continue;
+    }
+    for (const file of files) {
+      try {
+        const parsed = numeric(readFileSync(join(target, file), "utf8")) / 1000;
+        if (parsed > -30 && parsed < 150) values.push(parsed);
+      } catch {
+        // Sensors can disappear between directory enumeration and reading.
+      }
+    }
+  }
+  return values;
+}
+
+function readUps(
+  path: string | undefined,
+): Pick<
+  UnraidNativeMetric,
+  "upsStatus" | "upsLoadPercent" | "upsBatteryPercent"
+> {
+  if (!path || !existsSync(path))
+    return {
+      upsStatus: null,
+      upsLoadPercent: null,
+      upsBatteryPercent: null,
+    };
+  const values = new Map<string, string>();
+  for (const line of readFileSync(path, "utf8").split(/\r?\n/)) {
+    const match = line.match(/^\s*([A-Z.]+)\s*[:=]\s*(.*?)\s*$/i);
+    if (match?.[1] && match[2]) values.set(match[1].toUpperCase(), match[2]);
+  }
+  const percent = (key: string) => {
+    const match = values.get(key)?.match(/[\d.]+/);
+    return match ? numeric(match[0]) : null;
+  };
+  return {
+    upsStatus: values.get("STATUS") ?? null,
+    upsLoadPercent: percent("LOADPCT"),
+    upsBatteryPercent: percent("BCHARGE"),
+  };
+}
+
+export class UnraidStatusService {
+  private metric: UnraidNativeMetric | null = null;
+  private state: IntegrationState = {
+    id: "unraid-native",
+    label: "Unraid runtime",
+    state: "disabled",
+    message: "Nog niet gecontroleerd",
+    checkedAt: now(),
+  };
+
+  getMetric() {
+    return this.metric;
+  }
+
+  getState() {
+    return this.state;
+  }
+
+  refresh() {
+    const runtimePath = process.env.UNRAID_RUNTIME_PATH ?? "/unraid-runtime";
+    const varPath = join(runtimePath, "var.ini");
+    const disksPath = join(runtimePath, "disks.ini");
+    if (!existsSync(varPath) || !existsSync(disksPath)) {
+      this.metric = null;
+      this.state = {
+        id: "unraid-native",
+        label: "Unraid runtime",
+        state: "degraded",
+        message: "Read-only Unraid runtimebestanden zijn niet beschikbaar",
+        checkedAt: now(),
+      };
+      return null;
+    }
+    try {
+      const root = parseIni(readFileSync(varPath, "utf8")).get("root") ?? {};
+      const storage = storageFromDisksIni(readFileSync(disksPath, "utf8"));
+      const diskTemperatures = storage.flatMap((group) =>
+        group.hottestTemperatureC === null ? [] : [group.hottestTemperatureC],
+      );
+      const hwmonTemperatures = readHwmonTemperatures(
+        process.env.UNRAID_HWMON_PATH ?? "/host-hwmon",
+      );
+      const resyncSize = numeric(root.mdResyncSize);
+      const resyncPosition = numeric(root.mdResyncPos);
+      const lastParity = numeric(root.sbSynced);
+      const ups = readUps(
+        process.env.UNRAID_UPS_STATUS_PATH ??
+          join(runtimePath, basename("ups.status")),
+      );
+      this.metric = {
+        arrayState: root.mdState || root.sbState || "unknown",
+        parityStatus:
+          numeric(root.mdResync) > 0
+            ? root.mdResyncAction || "running"
+            : numeric(root.sbSyncErrs) > 0
+              ? "errors"
+              : "healthy",
+        parityErrors: numeric(root.sbSyncErrs),
+        lastParityCheck: lastParity
+          ? new Date(lastParity * 1000).toISOString()
+          : null,
+        resyncPercent:
+          resyncSize > 0
+            ? Math.min(100, (resyncPosition / resyncSize) * 100)
+            : null,
+        hottestTemperatureC: [...diskTemperatures, ...hwmonTemperatures].length
+          ? Math.max(...diskTemperatures, ...hwmonTemperatures)
+          : null,
+        storage,
+        ...ups,
+        updatedAt: now(),
+      };
+      this.state = {
+        id: "unraid-native",
+        label: "Unraid runtime",
+        state: "connected",
+        message: `${storage.length} array-/poolgroepen read-only gelezen`,
+        checkedAt: now(),
+      };
+      return this.metric;
+    } catch {
+      this.metric = null;
+      this.state = {
+        id: "unraid-native",
+        label: "Unraid runtime",
+        state: "degraded",
+        message: "Unraid runtimegegevens konden niet veilig worden verwerkt",
+        checkedAt: now(),
+      };
+      return null;
+    }
+  }
+}
diff --git a/src/server/schema.ts b/src/server/schema.ts
new file mode 100644
index 0000000..88c68f9
--- /dev/null
+++ b/src/server/schema.ts
@@ -0,0 +1,227 @@
+import { integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
+
+export const apps = sqliteTable("apps", {
+  id: text("id").primaryKey(),
+  technicalName: text("technical_name").notNull().unique(),
+  displayName: text("display_name").notNull(),
+  image: text("image"),
+  icon: text("icon"),
+  status: text("status", { enum: ["online", "offline", "unknown"] })
+    .notNull()
+    .default("unknown"),
+  localUrl: text("local_url"),
+  localUrlOverride: text("local_url_override"),
+  externalUrl: text("external_url"),
+  externalUrlOverride: text("external_url_override"),
+  visible: integer("visible", { mode: "boolean" }).notNull().default(false),
+  personalProject: integer("personal_project", { mode: "boolean" })
+    .notNull()
+    .default(false),
+  widgetEnabled: integer("widget_enabled", { mode: "boolean" })
+    .notNull()
+    .default(false),
+  widgetSize: text("widget_size", {
+    enum: ["compact", "standard", "wide"],
+  })
+    .notNull()
+    .default("standard"),
+  widgetShowSummary: integer("widget_show_summary", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  widgetShowMetrics: integer("widget_show_metrics", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  widgetShowInfrastructure: integer("widget_show_infrastructure", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  widgetShowProgress: integer("widget_show_progress", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  widgetShowSparkline: integer("widget_show_sparkline", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  widgetChartMetric: text("widget_chart_metric").notNull().default("auto"),
+  widgetChartType: text("widget_chart_type", {
+    enum: ["line", "area", "bar"],
+  })
+    .notNull()
+    .default("line"),
+  widgetChartSamples: integer("widget_chart_samples").notNull().default(20),
+  widgetShowLegend: integer("widget_show_legend", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  widgetMetricStyles: text("widget_metric_styles").notNull().default("{}"),
+  widgetStatLimit: integer("widget_stat_limit").notNull().default(6),
+  widgetOrder: integer("widget_order").notNull().default(0),
+  widgetMetricOrder: text("widget_metric_order").notNull().default("[]"),
+  widgetHiddenMetrics: text("widget_hidden_metrics").notNull().default("[]"),
+  widgetPrimaryMetric: text("widget_primary_metric"),
+  widgetCustomLabel: text("widget_custom_label"),
+  widgetWarningMetric: text("widget_warning_metric").notNull().default("cpu"),
+  widgetWarningDirection: text("widget_warning_direction", {
+    enum: ["above", "below"],
+  })
+    .notNull()
+    .default("above"),
+  widgetWarningThreshold: integer("widget_warning_threshold"),
+  widgetRefreshIntervalMs: integer("widget_refresh_interval_ms")
+    .notNull()
+    .default(30000),
+  categoryId: text("category_id"),
+  sortOrder: integer("sort_order").notNull().default(0),
+  detectionSource: text("detection_source").notNull(),
+  lastChecked: text("last_checked"),
+  discoveredAt: text("discovered_at"),
+  isNew: integer("is_new", { mode: "boolean" }).notNull().default(false),
+});
+
+export const removedApps = sqliteTable("removed_apps", {
+  technicalName: text("technical_name").primaryKey(),
+  removedAt: text("removed_at").notNull(),
+});
+
+export const categories = sqliteTable("categories", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  icon: text("icon").notNull().default("Layers3"),
+  sortOrder: integer("sort_order").notNull().default(0),
+});
+
+export const favorites = sqliteTable("favorites", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  url: text("url").notNull(),
+  icon: text("icon"),
+  categoryId: text("category_id"),
+  sortOrder: integer("sort_order").notNull().default(0),
+});
+
+export const layoutPresets = sqliteTable("layout_presets", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  configuration: text("configuration").notNull(),
+  createdAt: text("created_at").notNull(),
+  updatedAt: text("updated_at").notNull(),
+});
+
+export const dashboardProfiles = sqliteTable("dashboard_profiles", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  configuration: text("configuration").notNull(),
+  createdAt: text("created_at").notNull(),
+  updatedAt: text("updated_at").notNull(),
+});
+
+export const preferences = sqliteTable("preferences", {
+  id: integer("id").primaryKey(),
+  theme: text("theme", { enum: ["light", "dark", "harbor"] })
+    .notNull()
+    .default("light"),
+  viewMode: text("view_mode", { enum: ["overview", "categories"] })
+    .notNull()
+    .default("overview"),
+  accent: text("accent", { enum: ["coral", "ocean", "violet", "lime"] })
+    .notNull()
+    .default("coral"),
+  density: text("density", {
+    enum: ["compact", "comfortable", "spacious"],
+  })
+    .notNull()
+    .default("comfortable"),
+  contentWidth: text("content_width", {
+    enum: ["focused", "wide", "fluid"],
+  })
+    .notNull()
+    .default("wide"),
+  backgroundStyle: text("background_style", {
+    enum: ["aurora", "grid", "minimal"],
+  })
+    .notNull()
+    .default("aurora"),
+  wallpaperFit: text("wallpaper_fit", { enum: ["contain", "cover"] })
+    .notNull()
+    .default("contain"),
+  wallpaperPositionX: integer("wallpaper_position_x").notNull().default(50),
+  wallpaperPositionY: integer("wallpaper_position_y").notNull().default(50),
+  wallpaperZoom: integer("wallpaper_zoom").notNull().default(100),
+  weatherEnabled: integer("weather_enabled", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  weatherLocation: text("weather_location").notNull().default("Mol"),
+  weatherLatitude: integer("weather_latitude").notNull().default(51191),
+  weatherLongitude: integer("weather_longitude").notNull().default(5116),
+  reducedMotion: integer("reduced_motion", { mode: "boolean" })
+    .notNull()
+    .default(false),
+  showHero: integer("show_hero", { mode: "boolean" }).notNull().default(true),
+  showStatus: integer("show_status", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  showServerWidget: integer("show_server_widget", { mode: "boolean" })
+    .notNull()
+    .default(true),
+  serverWidgetSize: text("server_widget_size", {
+    enum: ["compact", "standard", "wide"],
+  })
+    .notNull()
+    .default("standard"),
+  serverWidgetShowStats: integer("server_widget_show_stats", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetShowDetails: integer("server_widget_show_details", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetShowProgress: integer("server_widget_show_progress", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetShowNative: integer("server_widget_show_native", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetShowChart: integer("server_widget_show_chart", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetChartMetric: text("server_widget_chart_metric")
+    .notNull()
+    .default("Running containers"),
+  serverWidgetChartType: text("server_widget_chart_type", {
+    enum: ["line", "area", "bar"],
+  })
+    .notNull()
+    .default("area"),
+  serverWidgetChartSamples: integer("server_widget_chart_samples")
+    .notNull()
+    .default(20),
+  serverWidgetShowLegend: integer("server_widget_show_legend", {
+    mode: "boolean",
+  })
+    .notNull()
+    .default(true),
+  serverWidgetHiddenMetrics: text("server_widget_hidden_metrics")
+    .notNull()
+    .default("[]"),
+  serverWidgetMetricOrder: text("server_widget_metric_order")
+    .notNull()
+    .default("[]"),
+  serverWidgetStatLimit: integer("server_widget_stat_limit")
+    .notNull()
+    .default(8),
+  serverWidgetOrder: integer("server_widget_order").notNull().default(0),
+  serverName: text("server_name").notNull().default("Tower"),
+  serverUrl: text("server_url").notNull().default(""),
+  pollingIntervalMs: integer("polling_interval_ms").notNull().default(30000),
+  externalAccess: integer("external_access", { mode: "boolean" })
+    .notNull()
+    .default(false),
+});
diff --git a/src/server/wallpaper.ts b/src/server/wallpaper.ts
new file mode 100644
index 0000000..e8f1086
--- /dev/null
+++ b/src/server/wallpaper.ts
@@ -0,0 +1,94 @@
+import {
+  mkdirSync,
+  readFileSync,
+  statSync,
+  unlinkSync,
+  writeFileSync,
+} from "node:fs";
+import { join } from "node:path";
+import type { WallpaperDescriptor } from "../shared/contracts.js";
+
+const variants = [
+  { extension: "png", contentType: "image/png" },
+  { extension: "jpg", contentType: "image/jpeg" },
+  { extension: "webp", contentType: "image/webp" },
+] as const;
+
+export class WallpaperStore {
+  constructor(private readonly directory: string) {}
+
+  private existing() {
+    for (const variant of variants) {
+      const path = join(this.directory, `wallpaper.${variant.extension}`);
+      try {
+        const stat = statSync(path);
+        return { ...variant, path, stat };
+      } catch {
+        // No file for this supported format.
+      }
+    }
+    return null;
+  }
+
+  describe(): WallpaperDescriptor | null {
+    const file = this.existing();
+    if (!file) return null;
+    return {
+      url: `/api/wallpaper?v=${Math.floor(file.stat.mtimeMs)}`,
+      updatedAt: file.stat.mtime.toISOString(),
+    };
+  }
+
+  read() {
+    const file = this.existing();
+    return file
+      ? { body: readFileSync(file.path), contentType: file.contentType }
+      : null;
+  }
+
+  save(body: Buffer): WallpaperDescriptor {
+    if (body.length === 0 || body.length > 8 * 1024 * 1024)
+      throw new Error("Wallpaper moet tussen 1 byte en 8 MB groot zijn");
+    const format = this.detect(body);
+    if (!format)
+      throw new Error("Gebruik een geldige PNG-, JPEG- of WebP-afbeelding");
+    mkdirSync(this.directory, { recursive: true });
+    this.remove();
+    writeFileSync(join(this.directory, `wallpaper.${format.extension}`), body, {
+      mode: 0o600,
+    });
+    return this.describe()!;
+  }
+
+  remove() {
+    for (const variant of variants) {
+      try {
+        unlinkSync(join(this.directory, `wallpaper.${variant.extension}`));
+      } catch {
+        // Removing a missing variant is intentionally idempotent.
+      }
+    }
+  }
+
+  private detect(body: Buffer) {
+    if (
+      body.length >= 8 &&
+      body.subarray(0, 8).equals(Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]))
+    )
+      return variants[0];
+    if (
+      body.length >= 3 &&
+      body[0] === 0xff &&
+      body[1] === 0xd8 &&
+      body[2] === 0xff
+    )
+      return variants[1];
+    if (
+      body.length >= 12 &&
+      body.toString("ascii", 0, 4) === "RIFF" &&
+      body.toString("ascii", 8, 12) === "WEBP"
+    )
+      return variants[2];
+    return null;
+  }
+}
diff --git a/src/server/weather.ts b/src/server/weather.ts
new file mode 100644
index 0000000..4a7dac5
--- /dev/null
+++ b/src/server/weather.ts
@@ -0,0 +1,68 @@
+import type { WeatherMetric } from "../shared/contracts.js";
+import { fetchBoundedJson } from "./http.js";
+
+interface OpenMeteoResponse {
+  current?: {
+    temperature_2m?: number;
+    weather_code?: number;
+    is_day?: number;
+    time?: string;
+  };
+}
+
+const weatherSummary = (code: number) => {
+  if (code === 0) return "Helder";
+  if (code <= 3) return "Bewolkt";
+  if (code === 45 || code === 48) return "Mist";
+  if (code <= 67 || (code >= 80 && code <= 82)) return "Regen";
+  if (code <= 77 || (code >= 85 && code <= 86)) return "Sneeuw";
+  if (code >= 95) return "Onweer";
+  return "Wisselvallig";
+};
+
+export class WeatherService {
+  private cache = new Map<
+    string,
+    { expiresAt: number; value: WeatherMetric }
+  >();
+
+  constructor(private readonly fetcher: typeof fetch = fetch) {}
+
+  async current(
+    location: string,
+    latitude: number,
+    longitude: number,
+  ): Promise<WeatherMetric> {
+    const key = `${location}:${latitude}:${longitude}`;
+    const cached = this.cache.get(key);
+    if (cached && cached.expiresAt > Date.now()) return cached.value;
+    const params = new URLSearchParams({
+      latitude: String(latitude),
+      longitude: String(longitude),
+      current: "temperature_2m,weather_code,is_day",
+      timezone: "Europe/Brussels",
+      forecast_days: "1",
+    });
+    const payload = await fetchBoundedJson<OpenMeteoResponse>(
+      `https://api.open-meteo.com/v1/forecast?${params}`,
+      {},
+      5_000,
+      256 * 1024,
+      this.fetcher,
+    );
+    const temperature = payload.current?.temperature_2m;
+    const code = payload.current?.weather_code;
+    if (!Number.isFinite(temperature) || !Number.isFinite(code))
+      throw new Error("Weather response was incomplete");
+    const value: WeatherMetric = {
+      location,
+      temperatureC: Number(temperature),
+      weatherCode: Number(code),
+      isDay: payload.current?.is_day !== 0,
+      summary: weatherSummary(Number(code)),
+      updatedAt: payload.current?.time ?? new Date().toISOString(),
+    };
+    this.cache.set(key, { value, expiresAt: Date.now() + 10 * 60_000 });
+    return value;
+  }
+}
diff --git a/src/shared/contracts.ts b/src/shared/contracts.ts
new file mode 100644
index 0000000..a902877
--- /dev/null
+++ b/src/shared/contracts.ts
@@ -0,0 +1,844 @@
+import { z } from "zod";
+
+export const themeSchema = z.enum(["light", "dark", "harbor"]);
+export const viewModeSchema = z.enum(["overview", "categories"]);
+export const accentSchema = z.enum(["coral", "ocean", "violet", "lime"]);
+export const densitySchema = z.enum(["compact", "comfortable", "spacious"]);
+export const contentWidthSchema = z.enum(["focused", "wide", "fluid"]);
+export const backgroundStyleSchema = z.enum(["aurora", "grid", "minimal"]);
+export const wallpaperFitSchema = z.enum(["contain", "cover"]);
+export const statusSchema = z.enum(["online", "offline", "unknown"]);
+export const widgetSizeSchema = z.enum(["compact", "standard", "wide"]);
+export const widgetFreshnessSchema = z.enum(["fresh", "stale", "unavailable"]);
+export const widgetChartTypeSchema = z.enum(["line", "area", "bar"]);
+export const widgetMetricStyleSchema = z.enum(["value", "gauge", "progress"]);
+export const widgetWarningDirectionSchema = z.enum(["above", "below"]);
+export const widgetThresholdMetricSchema = z.string().trim().min(1).max(64);
+export const widgetMetricOrderSchema = z
+  .array(z.string().trim().min(1).max(64))
+  .max(24);
+export const widgetHiddenMetricsSchema = z
+  .array(z.string().trim().min(1).max(64))
+  .max(24);
+export const widgetMetricStylesSchema = z
+  .record(z.string().trim().min(1).max(64), widgetMetricStyleSchema)
+  .refine((value) => Object.keys(value).length <= 24, {
+    message: "At most 24 metric presentation styles are allowed",
+  });
+const webUrlSchema = z
+  .string()
+  .url()
+  .refine(
+    (value) => ["http:", "https:"].includes(new URL(value).protocol),
+    "Only HTTP(S) URLs are allowed",
+  );
+
+export const appPatchSchema = z
+  .object({
+    displayName: z.string().trim().min(1).max(80).optional(),
+    icon: z.string().trim().max(500).nullable().optional(),
+    visible: z.boolean().optional(),
+    personalProject: z.boolean().optional(),
+    widgetEnabled: z.boolean().optional(),
+    widgetSize: widgetSizeSchema.optional(),
+    widgetShowSummary: z.boolean().optional(),
+    widgetShowMetrics: z.boolean().optional(),
+    widgetShowInfrastructure: z.boolean().optional(),
+    widgetShowProgress: z.boolean().optional(),
+    widgetShowSparkline: z.boolean().optional(),
+    widgetChartMetric: z.string().trim().min(1).max(64).optional(),
+    widgetChartType: widgetChartTypeSchema.optional(),
+    widgetChartSamples: z.number().int().min(5).max(60).optional(),
+    widgetShowLegend: z.boolean().optional(),
+    widgetMetricStyles: widgetMetricStylesSchema.optional(),
+    widgetStatLimit: z.number().int().min(1).max(12).optional(),
+    widgetOrder: z.number().int().min(0).max(10_000).optional(),
+    widgetMetricOrder: widgetMetricOrderSchema.optional(),
+    widgetHiddenMetrics: widgetHiddenMetricsSchema.optional(),
+    widgetPrimaryMetric: z.string().trim().min(1).max(64).nullable().optional(),
+    widgetCustomLabel: z.string().trim().max(64).nullable().optional(),
+    widgetWarningMetric: widgetThresholdMetricSchema.optional(),
+    widgetWarningDirection: widgetWarningDirectionSchema.optional(),
+    widgetWarningThreshold: z
+      .number()
+      .min(0)
+      .max(1_000_000_000_000)
+      .nullable()
+      .optional(),
+    widgetRefreshIntervalMs: z
+      .number()
+      .int()
+      .min(10_000)
+      .max(300_000)
+      .optional(),
+    categoryId: z.string().nullable().optional(),
+    sortOrder: z.number().int().min(0).max(10_000).optional(),
+    localUrlOverride: webUrlSchema.nullable().optional(),
+    externalUrlOverride: webUrlSchema.nullable().optional(),
+  })
+  .strict();
+
+export const categoryInputSchema = z
+  .object({
+    name: z.string().trim().min(1).max(48),
+    icon: z.string().trim().max(64).default("Layers3"),
+    sortOrder: z.number().int().min(0).max(10_000).default(0),
+  })
+  .strict();
+
+export const favoriteInputSchema = z
+  .object({
+    name: z.string().trim().min(1).max(80),
+    url: webUrlSchema,
+    icon: z.string().trim().max(500).nullable().default(null),
+    categoryId: z.string().nullable().default(null),
+    sortOrder: z.number().int().min(0).max(10_000).default(0),
+  })
+  .strict();
+
+export const preferencesPatchSchema = z
+  .object({
+    theme: themeSchema.optional(),
+    viewMode: viewModeSchema.optional(),
+    accent: accentSchema.optional(),
+    density: densitySchema.optional(),
+    contentWidth: contentWidthSchema.optional(),
+    backgroundStyle: backgroundStyleSchema.optional(),
+    wallpaperFit: wallpaperFitSchema.optional(),
+    wallpaperPositionX: z.number().int().min(0).max(100).optional(),
+    wallpaperPositionY: z.number().int().min(0).max(100).optional(),
+    wallpaperZoom: z.number().int().min(80).max(160).optional(),
+    weatherEnabled: z.boolean().optional(),
+    weatherLocation: z.string().trim().min(1).max(80).optional(),
+    weatherLatitude: z.number().min(-90).max(90).optional(),
+    weatherLongitude: z.number().min(-180).max(180).optional(),
+    reducedMotion: z.boolean().optional(),
+    showHero: z.boolean().optional(),
+    showStatus: z.boolean().optional(),
+    showServerWidget: z.boolean().optional(),
+    serverWidgetSize: widgetSizeSchema.optional(),
+    serverWidgetShowStats: z.boolean().optional(),
+    serverWidgetShowDetails: z.boolean().optional(),
+    serverWidgetShowProgress: z.boolean().optional(),
+    serverWidgetShowNative: z.boolean().optional(),
+    serverWidgetShowChart: z.boolean().optional(),
+    serverWidgetChartMetric: z.string().trim().min(1).max(64).optional(),
+    serverWidgetChartType: widgetChartTypeSchema.optional(),
+    serverWidgetChartSamples: z.number().int().min(5).max(60).optional(),
+    serverWidgetShowLegend: z.boolean().optional(),
+    serverWidgetHiddenMetrics: widgetHiddenMetricsSchema.optional(),
+    serverWidgetMetricOrder: widgetMetricOrderSchema.optional(),
+    serverWidgetStatLimit: z.number().int().min(1).max(12).optional(),
+    serverWidgetOrder: z.number().int().min(0).max(10_000).optional(),
+    serverName: z.string().trim().min(1).max(64).optional(),
+    serverUrl: webUrlSchema.optional(),
+    pollingIntervalMs: z.number().int().min(10_000).max(300_000).optional(),
+    externalAccess: z.boolean().optional(),
+  })
+  .strict();
+
+const backupPreferencesSchema = z.object({
+  theme: themeSchema,
+  viewMode: viewModeSchema,
+  pollingIntervalMs: z.number().int().min(10_000).max(300_000),
+  externalAccess: z.boolean(),
+  accent: accentSchema.optional(),
+  density: densitySchema.optional(),
+  contentWidth: contentWidthSchema.optional(),
+  backgroundStyle: backgroundStyleSchema.optional(),
+  wallpaperFit: wallpaperFitSchema.optional(),
+  wallpaperPositionX: z.number().int().min(0).max(100).optional(),
+  wallpaperPositionY: z.number().int().min(0).max(100).optional(),
+  wallpaperZoom: z.number().int().min(80).max(160).optional(),
+  weatherEnabled: z.boolean().optional(),
+  weatherLocation: z.string().trim().min(1).max(80).optional(),
+  weatherLatitude: z.number().min(-90).max(90).optional(),
+  weatherLongitude: z.number().min(-180).max(180).optional(),
+  reducedMotion: z.boolean().optional(),
+  showHero: z.boolean().optional(),
+  showStatus: z.boolean().optional(),
+  showServerWidget: z.boolean().optional(),
+  serverWidgetSize: widgetSizeSchema.optional(),
+  serverWidgetShowStats: z.boolean().optional(),
+  serverWidgetShowDetails: z.boolean().optional(),
+  serverWidgetShowProgress: z.boolean().optional(),
+  serverWidgetShowNative: z.boolean().optional(),
+  serverWidgetShowChart: z.boolean().optional(),
+  serverWidgetChartMetric: z.string().trim().min(1).max(64).optional(),
+  serverWidgetChartType: widgetChartTypeSchema.optional(),
+  serverWidgetChartSamples: z.number().int().min(5).max(60).optional(),
+  serverWidgetShowLegend: z.boolean().optional(),
+  serverWidgetHiddenMetrics: widgetHiddenMetricsSchema.optional(),
+  serverWidgetMetricOrder: widgetMetricOrderSchema.optional(),
+  serverWidgetStatLimit: z.number().int().min(1).max(12).optional(),
+  serverWidgetOrder: z.number().int().min(0).max(10_000).optional(),
+  serverName: z.string().trim().min(1).max(64).optional(),
+  serverUrl: webUrlSchema.optional(),
+});
+
+const layoutAppSchema = z.object({
+  appId: z.string(),
+  widgetEnabled: z.boolean(),
+  widgetOrder: z.number().int().min(0).max(10_000),
+  widgetSize: widgetSizeSchema,
+  widgetShowSummary: z.boolean(),
+  widgetShowMetrics: z.boolean(),
+  widgetShowInfrastructure: z.boolean(),
+  widgetShowProgress: z.boolean(),
+  widgetShowSparkline: z.boolean(),
+  widgetChartMetric: z.string().trim().min(1).max(64).default("auto"),
+  widgetChartType: widgetChartTypeSchema.default("line"),
+  widgetChartSamples: z.number().int().min(5).max(60).default(20),
+  widgetShowLegend: z.boolean().default(true),
+  widgetMetricStyles: widgetMetricStylesSchema.default({}),
+  widgetStatLimit: z.number().int().min(1).max(12).default(6),
+  widgetMetricOrder: widgetMetricOrderSchema,
+  widgetHiddenMetrics: widgetHiddenMetricsSchema.default([]),
+  widgetPrimaryMetric: z.string().max(64).nullable(),
+  widgetCustomLabel: z.string().max(64).nullable(),
+  widgetWarningMetric: widgetThresholdMetricSchema,
+  widgetWarningDirection: widgetWarningDirectionSchema.default("above"),
+  widgetWarningThreshold: z.number().min(0).max(1_000_000_000_000).nullable(),
+  widgetRefreshIntervalMs: z.number().int().min(10_000).max(300_000),
+});
+
+export const layoutConfigurationSchema = z.object({
+  apps: z.array(layoutAppSchema).max(100),
+  server: z.object({
+    enabled: z.boolean(),
+    order: z.number().int().min(0).max(10_000),
+    size: widgetSizeSchema,
+    showStats: z.boolean(),
+    showDetails: z.boolean(),
+    showProgress: z.boolean(),
+    showNative: z.boolean(),
+    showChart: z.boolean().default(true),
+    chartMetric: z.string().trim().min(1).max(64).default("Running containers"),
+    chartType: widgetChartTypeSchema.default("area"),
+    chartSamples: z.number().int().min(5).max(60).default(20),
+    showLegend: z.boolean().default(true),
+    hiddenMetrics: widgetHiddenMetricsSchema.default([]),
+    metricOrder: widgetMetricOrderSchema.default([]),
+    statLimit: z.number().int().min(1).max(12).default(8),
+  }),
+});
+
+export const dashboardProfileLimit = 20;
+export const dashboardProfileItemLimit = 500;
+const dashboardProfileIdSchema = z.string().trim().min(1).max(255);
+const dashboardProfileNameSchema = z.string().trim().min(1).max(48);
+
+const dashboardProfileAppSchema = z
+  .object({
+    appId: dashboardProfileIdSchema,
+    visible: z.boolean(),
+    categoryId: dashboardProfileIdSchema.nullable(),
+    sortOrder: z.number().int().min(0).max(10_000),
+  })
+  .strict();
+
+const dashboardProfileCategorySchema = z
+  .object({
+    categoryId: dashboardProfileIdSchema,
+    sortOrder: z.number().int().min(0).max(10_000),
+  })
+  .strict();
+
+const dashboardProfileFavoriteSchema = z
+  .object({
+    favoriteId: dashboardProfileIdSchema,
+    categoryId: dashboardProfileIdSchema.nullable(),
+    sortOrder: z.number().int().min(0).max(10_000),
+  })
+  .strict();
+
+const dashboardProfileLayoutAppSchema = layoutAppSchema
+  .extend({ appId: dashboardProfileIdSchema })
+  .strict();
+
+const dashboardProfileLayoutConfigurationSchema = z
+  .object({
+    apps: z
+      .array(dashboardProfileLayoutAppSchema)
+      .max(dashboardProfileItemLimit),
+    server: layoutConfigurationSchema.shape.server.strict(),
+  })
+  .strict();
+
+export const dashboardProfilePreferencesSchema = z
+  .object({
+    theme: themeSchema,
+    viewMode: viewModeSchema,
+    accent: accentSchema,
+    density: densitySchema,
+    contentWidth: contentWidthSchema,
+    backgroundStyle: backgroundStyleSchema,
+    wallpaperFit: wallpaperFitSchema,
+    wallpaperPositionX: z.number().int().min(0).max(100),
+    wallpaperPositionY: z.number().int().min(0).max(100),
+    wallpaperZoom: z.number().int().min(80).max(160),
+    weatherEnabled: z.boolean(),
+    weatherLocation: z.string().trim().min(1).max(80),
+    weatherLatitude: z.number().min(-90).max(90),
+    weatherLongitude: z.number().min(-180).max(180),
+    reducedMotion: z.boolean(),
+    showHero: z.boolean(),
+    showStatus: z.boolean(),
+  })
+  .strict();
+
+export const dashboardProfileConfigurationSchema = z
+  .object({
+    apps: z.array(dashboardProfileAppSchema).max(dashboardProfileItemLimit),
+    categories: z
+      .array(dashboardProfileCategorySchema)
+      .max(dashboardProfileItemLimit),
+    favorites: z
+      .array(dashboardProfileFavoriteSchema)
+      .max(dashboardProfileItemLimit),
+    preferences: dashboardProfilePreferencesSchema,
+    layout: dashboardProfileLayoutConfigurationSchema,
+  })
+  .strict()
+  .superRefine((configuration, context) => {
+    const appIds = new Set(configuration.apps.map((item) => item.appId));
+    const categoryIds = new Set(
+      configuration.categories.map((item) => item.categoryId),
+    );
+    const favoriteIds = new Set(
+      configuration.favorites.map((item) => item.favoriteId),
+    );
+    if (appIds.size !== configuration.apps.length)
+      context.addIssue({
+        code: "custom",
+        path: ["apps"],
+        message: "App references must be unique",
+      });
+    if (categoryIds.size !== configuration.categories.length)
+      context.addIssue({
+        code: "custom",
+        path: ["categories"],
+        message: "Category references must be unique",
+      });
+    if (favoriteIds.size !== configuration.favorites.length)
+      context.addIssue({
+        code: "custom",
+        path: ["favorites"],
+        message: "Favorite references must be unique",
+      });
+    const widgetAppIds = new Set<string>();
+    for (const [index, item] of configuration.layout.apps.entries()) {
+      if (widgetAppIds.has(item.appId))
+        context.addIssue({
+          code: "custom",
+          path: ["layout", "apps", index, "appId"],
+          message: "Widget app references must be unique",
+        });
+      widgetAppIds.add(item.appId);
+      if (!appIds.has(item.appId))
+        context.addIssue({
+          code: "custom",
+          path: ["layout", "apps", index, "appId"],
+          message: "Widget app reference must exist in the profile apps",
+        });
+    }
+    if (widgetAppIds.size !== appIds.size)
+      context.addIssue({
+        code: "custom",
+        path: ["layout", "apps"],
+        message: "Widget layout must contain every profile app",
+      });
+    for (const [index, item] of configuration.apps.entries()) {
+      if (item.categoryId && !categoryIds.has(item.categoryId))
+        context.addIssue({
+          code: "custom",
+          path: ["apps", index, "categoryId"],
+          message: "App category reference must exist in profile categories",
+        });
+    }
+    for (const [index, item] of configuration.favorites.entries()) {
+      if (item.categoryId && !categoryIds.has(item.categoryId))
+        context.addIssue({
+          code: "custom",
+          path: ["favorites", index, "categoryId"],
+          message:
+            "Favorite category reference must exist in profile categories",
+        });
+    }
+  });
+
+export const dashboardProfileInputSchema = z
+  .object({ name: dashboardProfileNameSchema })
+  .strict();
+
+const dashboardProfileRecordSchema = z
+  .object({
+    id: dashboardProfileIdSchema,
+    name: dashboardProfileNameSchema,
+    configuration: dashboardProfileConfigurationSchema,
+    createdAt: z.string().datetime().max(40),
+    updatedAt: z.string().datetime().max(40),
+  })
+  .strict();
+
+export const dashboardProfileImportSchema = z
+  .object({
+    version: z.literal(1),
+    name: dashboardProfileNameSchema,
+    configuration: dashboardProfileConfigurationSchema,
+  })
+  .strict();
+
+const dashboardProfilesBackupSchema = z
+  .array(dashboardProfileRecordSchema)
+  .max(dashboardProfileLimit)
+  .superRefine((profiles, context) => {
+    const ids = new Set<string>();
+    const names = new Set<string>();
+    for (const [index, profile] of profiles.entries()) {
+      const normalizedName = profile.name.toLowerCase();
+      if (ids.has(profile.id))
+        context.addIssue({
+          code: "custom",
+          path: [index, "id"],
+          message: "Dashboard profile IDs must be unique",
+        });
+      if (names.has(normalizedName))
+        context.addIssue({
+          code: "custom",
+          path: [index, "name"],
+          message: "Dashboard profile names must be unique",
+        });
+      ids.add(profile.id);
+      names.add(normalizedName);
+    }
+  });
+
+export const layoutPresetInputSchema = z
+  .object({ name: z.string().trim().min(1).max(48) })
+  .strict();
+
+export const layoutPresetImportSchema = z
+  .object({
+    version: z.literal(1),
+    name: z.string().trim().min(1).max(48),
+    configuration: layoutConfigurationSchema,
+  })
+  .strict();
+
+export const widgetLayoutInputSchema = z
+  .object({
+    items: z
+      .array(
+        z.object({
+          id: z.string(),
+          kind: z.enum(["server", "app"]),
+          order: z.number().int().min(0).max(10_000),
+        }),
+      )
+      .min(1)
+      .max(101),
+  })
+  .strict()
+  .refine(
+    (value) =>
+      new Set(value.items.map((item) => item.id)).size === value.items.length,
+    "Layout items must be unique",
+  );
+
+export const importSchema = z.object({
+  version: z.literal(1),
+  exportedAt: z.string(),
+  categories: z.array(categoryInputSchema.extend({ id: z.string() })),
+  apps: z.array(
+    appPatchSchema.extend({
+      id: z.string(),
+      displayName: z.string(),
+      visible: z.boolean(),
+      sortOrder: z.number(),
+    }),
+  ),
+  favorites: z.array(favoriteInputSchema.extend({ id: z.string() })),
+  removedApps: z.array(z.string().trim().min(1).max(255)).optional(),
+  preferences: backupPreferencesSchema,
+  layoutPresets: z
+    .array(
+      z.object({
+        id: z.string(),
+        name: z.string().trim().min(1).max(48),
+        configuration: layoutConfigurationSchema,
+        createdAt: z.string(),
+        updatedAt: z.string(),
+      }),
+    )
+    .optional(),
+  profiles: dashboardProfilesBackupSchema.optional(),
+});
+
+export type Theme = z.infer<typeof themeSchema>;
+export type ViewMode = z.infer<typeof viewModeSchema>;
+export type Accent = z.infer<typeof accentSchema>;
+export type Density = z.infer<typeof densitySchema>;
+export type ContentWidth = z.infer<typeof contentWidthSchema>;
+export type BackgroundStyle = z.infer<typeof backgroundStyleSchema>;
+export type WallpaperFit = z.infer<typeof wallpaperFitSchema>;
+export type WidgetSize = z.infer<typeof widgetSizeSchema>;
+export type WidgetFreshness = z.infer<typeof widgetFreshnessSchema>;
+export type WidgetChartType = z.infer<typeof widgetChartTypeSchema>;
+export type WidgetMetricStyle = z.infer<typeof widgetMetricStyleSchema>;
+export type WidgetWarningDirection = z.infer<
+  typeof widgetWarningDirectionSchema
+>;
+export type WidgetThresholdMetric = z.infer<typeof widgetThresholdMetricSchema>;
+export type AppPatch = z.infer<typeof appPatchSchema>;
+export type CategoryInput = z.infer<typeof categoryInputSchema>;
+export type FavoriteInput = z.infer<typeof favoriteInputSchema>;
+export type PreferencesPatch = z.infer<typeof preferencesPatchSchema>;
+export type DockDeckExport = z.infer<typeof importSchema>;
+export type LayoutConfiguration = z.infer<typeof layoutConfigurationSchema>;
+export type LayoutPresetInput = z.infer<typeof layoutPresetInputSchema>;
+export type LayoutPresetImport = z.infer<typeof layoutPresetImportSchema>;
+export type WidgetLayoutInput = z.infer<typeof widgetLayoutInputSchema>;
+export type DashboardProfileConfiguration = z.infer<
+  typeof dashboardProfileConfigurationSchema
+>;
+export type DashboardProfileInput = z.infer<typeof dashboardProfileInputSchema>;
+export type DashboardProfileImport = z.infer<
+  typeof dashboardProfileImportSchema
+>;
+export type DashboardProfileBackup = z.infer<
+  typeof dashboardProfileRecordSchema
+>;
+export type DashboardProfileExport = z.infer<
+  typeof dashboardProfileImportSchema
+>;
+
+export interface DockApp {
+  id: string;
+  technicalName: string;
+  displayName: string;
+  image: string | null;
+  icon: string | null;
+  status: z.infer<typeof statusSchema>;
+  localUrl: string | null;
+  localUrlOverride: string | null;
+  externalUrl: string | null;
+  externalUrlOverride: string | null;
+  visible: boolean;
+  personalProject: boolean;
+  widgetEnabled: boolean;
+  widgetSize: WidgetSize;
+  widgetShowSummary: boolean;
+  widgetShowMetrics: boolean;
+  widgetShowInfrastructure: boolean;
+  widgetShowProgress: boolean;
+  widgetShowSparkline: boolean;
+  widgetChartMetric: string;
+  widgetChartType: WidgetChartType;
+  widgetChartSamples: number;
+  widgetShowLegend: boolean;
+  widgetMetricStyles: Record<string, WidgetMetricStyle>;
+  widgetStatLimit: number;
+  widgetOrder: number;
+  widgetMetricOrder: string[];
+  widgetHiddenMetrics: string[];
+  widgetPrimaryMetric: string | null;
+  widgetCustomLabel: string | null;
+  widgetWarningMetric: WidgetThresholdMetric;
+  widgetWarningDirection: WidgetWarningDirection;
+  widgetWarningThreshold: number | null;
+  widgetRefreshIntervalMs: number;
+  categoryId: string | null;
+  sortOrder: number;
+  detectionSource: string;
+  lastChecked: string | null;
+  discoveredAt: string | null;
+  isNew: boolean;
+}
+
+export interface WidgetMetric {
+  statusText: string;
+  cpuPercent: number | null;
+  memoryUsageBytes: number | null;
+  memoryLimitBytes: number | null;
+  networkRxBytes: number | null;
+  networkTxBytes: number | null;
+  networkRxBytesPerSecond: number | null;
+  networkTxBytesPerSecond: number | null;
+  pids: number | null;
+  updatedAt: string | null;
+  freshness: WidgetFreshness;
+  history: WidgetHistoryPoint[];
+  provider?: ProviderWidget;
+}
+
+export interface WidgetHistoryPoint {
+  sampledAt: string;
+  cpuPercent: number | null;
+  memoryPercent: number | null;
+  networkRxBytesPerSecond: number | null;
+}
+
+export type ProviderKind =
+  | "adguard"
+  | "plex"
+  | "immich"
+  | "homeAssistant"
+  | "arr"
+  | "ollama"
+  | "glances"
+  | "tautulli"
+  | "paperless"
+  | "gitea"
+  | "jellyfin"
+  | "seerr"
+  | "prowlarr"
+  | "authentik"
+  | "npm"
+  | "portainer"
+  | "grafana"
+  | "prometheus"
+  | "deluge"
+  | "qbittorrent"
+  | "jdownloader"
+  | "tdarr"
+  | "bazarr"
+  | "vaultwarden"
+  | "nextcloud"
+  | "audiobookshelf"
+  | "netdata"
+  | "peertube"
+  | "custom";
+
+export interface ProviderStat {
+  label: string;
+  value: string;
+  numericValue?: number;
+  tone?: "default" | "positive" | "warning";
+}
+
+export interface ProviderWidget {
+  kind: ProviderKind;
+  label: string;
+  summary: string;
+  stats: ProviderStat[];
+  updatedAt: string;
+  freshness: WidgetFreshness;
+  history?: Record<string, WidgetValueHistoryPoint[]>;
+}
+
+export interface WidgetValueHistoryPoint {
+  sampledAt: string;
+  value: number;
+}
+
+export interface WidgetCapability {
+  appId: string;
+  technicalName: string;
+  label: string;
+  description: string;
+  features: string[];
+  metrics: WidgetMetricDefinition[];
+  source: "provider" | "tailored-docker" | "custom-get";
+  credentialMode: "none" | "optional" | "required";
+  recommended: boolean;
+}
+
+export interface WidgetMetricDefinition {
+  label: string;
+  description: string;
+  group: "activity" | "library" | "health" | "performance" | "system";
+  defaultVisible: boolean;
+  defaultStyle: WidgetMetricStyle;
+  chartable: boolean;
+  unit: "count" | "percent" | "bytes" | "rate" | "duration" | "text";
+}
+
+export interface ServerWidgetMetric {
+  url: string;
+  hostName: string;
+  operatingSystem: string;
+  architecture: string;
+  dockerVersion: string;
+  cpuCount: number;
+  totalMemoryBytes: number;
+  containers: number;
+  containersRunning: number;
+  containersPaused: number;
+  containersStopped: number;
+  images: number;
+  updatedAt: string;
+  freshness: WidgetFreshness;
+  native: UnraidNativeMetric | null;
+  history?: Record<string, WidgetValueHistoryPoint[]>;
+}
+
+export interface UnraidStorageGroup {
+  name: string;
+  kind: "array" | "pool";
+  status: string;
+  totalBytes: number;
+  usedBytes: number;
+  freeBytes: number;
+  hottestTemperatureC: number | null;
+  deviceCount: number;
+}
+
+export interface UnraidNativeMetric {
+  arrayState: string;
+  parityStatus: string;
+  parityErrors: number;
+  lastParityCheck: string | null;
+  resyncPercent: number | null;
+  hottestTemperatureC: number | null;
+  storage: UnraidStorageGroup[];
+  upsStatus: string | null;
+  upsLoadPercent: number | null;
+  upsBatteryPercent: number | null;
+  updatedAt: string;
+}
+
+export interface Category {
+  id: string;
+  name: string;
+  icon: string;
+  sortOrder: number;
+}
+
+export interface CategoryOrganizationResult {
+  updated: number;
+  unchanged: number;
+  unmatched: string[];
+}
+
+export interface Favorite extends FavoriteInput {
+  id: string;
+}
+
+export interface Preferences {
+  theme: Theme;
+  viewMode: ViewMode;
+  accent: Accent;
+  density: Density;
+  contentWidth: ContentWidth;
+  backgroundStyle: BackgroundStyle;
+  wallpaperFit: WallpaperFit;
+  wallpaperPositionX: number;
+  wallpaperPositionY: number;
+  wallpaperZoom: number;
+  weatherEnabled: boolean;
+  weatherLocation: string;
+  weatherLatitude: number;
+  weatherLongitude: number;
+  reducedMotion: boolean;
+  showHero: boolean;
+  showStatus: boolean;
+  showServerWidget: boolean;
+  serverWidgetSize: WidgetSize;
+  serverWidgetShowStats: boolean;
+  serverWidgetShowDetails: boolean;
+  serverWidgetShowProgress: boolean;
+  serverWidgetShowNative: boolean;
+  serverWidgetShowChart: boolean;
+  serverWidgetChartMetric: string;
+  serverWidgetChartType: WidgetChartType;
+  serverWidgetChartSamples: number;
+  serverWidgetShowLegend: boolean;
+  serverWidgetHiddenMetrics: string[];
+  serverWidgetMetricOrder: string[];
+  serverWidgetStatLimit: number;
+  serverWidgetOrder: number;
+  serverName: string;
+  serverUrl: string;
+  pollingIntervalMs: number;
+  externalAccess: boolean;
+}
+
+export interface IntegrationState {
+  id: string;
+  label: string;
+  state: "connected" | "degraded" | "disabled";
+  message: string;
+  checkedAt: string;
+  requiredEnvironment?: string[];
+  credentialFields?: Array<{
+    key: string;
+    label: string;
+    type: "url" | "text" | "password";
+    placeholder: string;
+    required?: boolean;
+  }>;
+}
+
+export const integrationCredentialInputSchema = z
+  .object({
+    values: z.record(z.string(), z.string().trim().max(2048)),
+  })
+  .refine((input) => Object.keys(input.values).length <= 4, {
+    message: "Too many credential fields",
+  });
+
+export type IntegrationCredentialInput = z.infer<
+  typeof integrationCredentialInputSchema
+>;
+
+export interface DashboardPayload {
+  apps: DockApp[];
+  categories: Category[];
+  favorites: Favorite[];
+  preferences: Preferences;
+  integrations: IntegrationState[];
+  widgetMetrics: Record<string, WidgetMetric>;
+  widgetCapabilities: WidgetCapability[];
+  serverWidget: ServerWidgetMetric | null;
+  layoutPresets: LayoutPreset[];
+  profiles: DashboardProfileSummary[];
+  wallpaper: WallpaperDescriptor | null;
+}
+
+export interface WallpaperDescriptor {
+  url: string;
+  updatedAt: string;
+}
+
+export interface WeatherMetric {
+  location: string;
+  temperatureC: number;
+  weatherCode: number;
+  isDay: boolean;
+  summary: string;
+  updatedAt: string;
+}
+
+export interface LayoutPreset {
+  id: string;
+  name: string;
+  configuration: LayoutConfiguration;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface DashboardProfile {
+  id: string;
+  name: string;
+  configuration: DashboardProfileConfiguration;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type DashboardProfileSummary = Omit<DashboardProfile, "configuration">;
+
+export interface SystemDiagnostics {
+  status: "healthy" | "degraded";
+  generatedAt: string;
+  version: string;
+  database: "connected";
+  enabledWidgets: number;
+  staleWidgets: number;
+  unavailableWidgets: number;
+  integrations: Array<
+    Pick<IntegrationState, "id" | "label" | "state" | "checkedAt">
+  >;
+  unraidNative: "connected" | "unavailable";
+  pwa: "enabled";
+}
diff --git a/src/shared/domain.ts b/src/shared/domain.ts
new file mode 100644
index 0000000..ae744b0
--- /dev/null
+++ b/src/shared/domain.ts
@@ -0,0 +1,434 @@
+import type {
+  Category,
+  DockApp,
+  Favorite,
+  ServerWidgetMetric,
+} from "./contracts.js";
+
+export interface DockerPort {
+  PrivatePort: number;
+  PublicPort?: number;
+  Type?: string;
+}
+
+export interface DockerNetwork {
+  IPAddress?: string;
+}
+
+export function normalizeUrl(value: string | null | undefined): string | null {
+  if (!value?.trim()) return null;
+  const candidate = value.trim();
+  if (!/^https?:\/\//i.test(candidate)) {
+    try {
+      return new URL(`http://${candidate}`).toString().replace(/\/$/, "");
+    } catch {
+      return null;
+    }
+  }
+  try {
+    const url = new URL(candidate);
+    return ["http:", "https:"].includes(url.protocol)
+      ? url.toString().replace(/\/$/, "")
+      : null;
+  } catch {
+    return null;
+  }
+}
+
+export function resolveUnraidWebUi(
+  template: string | null | undefined,
+  host: string,
+  ports: DockerPort[] = [],
+): string | null {
+  if (!template) return null;
+  let resolved = template
+    .trim()
+    .replaceAll("[IP]", host)
+    .replaceAll("[HOST]", host);
+  resolved = resolved.replace(/\[PORT:(\d+)\]/g, (_, privatePort: string) => {
+    const binding = ports.find(
+      (port) =>
+        port.PrivatePort === Number(privatePort) &&
+        port.PublicPort !== undefined,
+    );
+    const publishedPorts = new Set(
+      ports
+        .filter(
+          (port) =>
+            port.PublicPort !== undefined && (port.Type ?? "tcp") === "tcp",
+        )
+        .map((port) => port.PublicPort as number),
+    );
+    return String(
+      binding?.PublicPort ??
+        (publishedPorts.size === 1
+          ? publishedPorts.values().next().value
+          : undefined) ??
+        privatePort,
+    );
+  });
+  resolved = resolved.replace(
+    /\[PORT\]/g,
+    String(ports.find((port) => port.PublicPort)?.PublicPort ?? "80"),
+  );
+  return normalizeUrl(resolved);
+}
+
+export function resolveUnraidIcon(
+  template: string | null | undefined,
+  host: string,
+  ports: DockerPort[] = [],
+): string | null {
+  if (!template?.trim()) return null;
+  const normalizedPath = template.trim().replaceAll("\\", "/");
+  const dockerManIcon = normalizedPath.match(
+    /^\/boot\/config\/plugins\/dockerMan\/images\/([^/]+)$/i,
+  );
+  if (dockerManIcon?.[1])
+    return `/api/icons/${encodeURIComponent(dockerManIcon[1])}`;
+  if (normalizedPath.startsWith("/"))
+    return normalizeUrl(`http://${host}${normalizedPath}`);
+  return resolveUnraidWebUi(normalizedPath, host, ports);
+}
+
+export function resolveContainerHost(
+  unraidHost: string,
+  networks: Record<string, DockerNetwork> = {},
+): string {
+  const lanNetwork = Object.entries(networks).find(
+    ([name, network]) => /^br\d*$/i.test(name) && network.IPAddress?.trim(),
+  );
+  return lanNetwork?.[1].IPAddress?.trim() ?? unraidHost;
+}
+
+export function effectiveAppUrl(
+  app: DockApp,
+  externalAccess: boolean,
+): string | null {
+  if (externalAccess)
+    return (
+      app.externalUrlOverride ??
+      app.externalUrl ??
+      app.localUrlOverride ??
+      app.localUrl
+    );
+  return app.localUrlOverride ?? app.localUrl;
+}
+
+export type SearchItem = {
+  id: string;
+  name: string;
+  url: string;
+  kind: "app" | "favorite" | "server";
+  detail: string;
+  hidden?: boolean;
+};
+
+function searchable(value: string): string {
+  return value
+    .normalize("NFKD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .toLocaleLowerCase();
+}
+
+export function searchItems(
+  query: string,
+  apps: DockApp[],
+  favorites: Favorite[],
+  externalAccess = false,
+  categories: Category[] = [],
+  server: ServerWidgetMetric | null = null,
+): SearchItem[] {
+  const needle = searchable(query.trim());
+  if (!needle) return [];
+  const categoriesById = new Map(
+    categories.map((category) => [category.id, category.name]),
+  );
+  const appResults = apps.flatMap<SearchItem>((app) => {
+    const url = effectiveAppUrl(app, externalAccess);
+    const category = app.categoryId
+      ? (categoriesById.get(app.categoryId) ?? "")
+      : "";
+    const haystack = searchable(
+      [
+        app.displayName,
+        app.technicalName,
+        app.image ?? "",
+        app.localUrl ?? "",
+        app.localUrlOverride ?? "",
+        app.externalUrl ?? "",
+        app.externalUrlOverride ?? "",
+        category,
+      ].join(" "),
+    );
+    if (!url || !haystack.includes(needle)) return [];
+    return [
+      {
+        id: app.id,
+        name: app.displayName,
+        url,
+        kind: "app",
+        detail: category || app.technicalName,
+        hidden: !app.visible,
+      },
+    ];
+  });
+  const favoriteResults = favorites
+    .filter((favorite) => {
+      const category = favorite.categoryId
+        ? (categoriesById.get(favorite.categoryId) ?? "")
+        : "";
+      return searchable(
+        `${favorite.name} ${favorite.url} ${category}`,
+      ).includes(needle);
+    })
+    .map<SearchItem>((favorite) => ({
+      id: favorite.id,
+      name: favorite.name,
+      url: favorite.url,
+      kind: "favorite" as const,
+      detail: favorite.categoryId
+        ? (categoriesById.get(favorite.categoryId) ?? "Favorite")
+        : "Favorite",
+    }));
+  const serverResults: SearchItem[] =
+    server &&
+    searchable(
+      `${server.hostName} ${server.operatingSystem} ${server.url} Unraid Tower server`,
+    ).includes(needle)
+      ? [
+          {
+            id: "unraid-server",
+            name: server.hostName,
+            url: server.url,
+            kind: "server",
+            detail: server.operatingSystem,
+          },
+        ]
+      : [];
+  return [...serverResults, ...appResults, ...favoriteResults]
+    .sort((a, b) => {
+      const aName = searchable(a.name);
+      const bName = searchable(b.name);
+      return (
+        Number(bName === needle) - Number(aName === needle) ||
+        Number(bName.startsWith(needle)) - Number(aName.startsWith(needle)) ||
+        Number(a.hidden ?? false) - Number(b.hidden ?? false) ||
+        a.name.localeCompare(b.name, undefined, { sensitivity: "base" })
+      );
+    })
+    .slice(0, 12);
+}
+
+export function googleSearchUrl(query: string): string {
+  return `https://www.google.com/search?q=${encodeURIComponent(query.trim())}`;
+}
+
+export function favoriteIconUrl(
+  favorite: Pick<Favorite, "url" | "icon">,
+): string | null {
+  if (favorite.icon?.trim()) return favorite.icon.trim();
+  try {
+    return new URL("/favicon.ico", favorite.url).toString();
+  } catch {
+    return null;
+  }
+}
+
+export interface FavoriteFolder {
+  id: string;
+  name: string;
+  favorites: Favorite[];
+}
+
+export function groupFavoritesIntoFolders(
+  favorites: Favorite[],
+  categories: Category[],
+): FavoriteFolder[] {
+  const sortedFavorites = sortByPosition(favorites);
+  const knownCategoryIds = new Set(categories.map((category) => category.id));
+  const folders = sortByPosition(categories).flatMap<FavoriteFolder>(
+    (category) => {
+      const items = sortedFavorites.filter(
+        (favorite) => favorite.categoryId === category.id,
+      );
+      return items.length
+        ? [{ id: category.id, name: category.name, favorites: items }]
+        : [];
+    },
+  );
+  const ungrouped = sortedFavorites.filter(
+    (favorite) =>
+      !favorite.categoryId || !knownCategoryIds.has(favorite.categoryId),
+  );
+  return ungrouped.length
+    ? [
+        ...folders,
+        {
+          id: "ungrouped",
+          name: "Losse favorieten",
+          favorites: ungrouped,
+        },
+      ]
+    : folders;
+}
+
+const categoryRules: Array<{ name: string; pattern: RegExp }> = [
+  {
+    name: "Databases & Storage",
+    pattern:
+      /adminer|postgres|mariadb|mysql|mongo(?:db)?|redis|valkey|database|storage|timescale|influxdb|elasticsearch/,
+  },
+  {
+    name: "AI & ML",
+    pattern:
+      /anythingllm|ollama|open.?webui|litellm|stable.?diffusion|comfyui|invokeai|automatic1111|localai/,
+  },
+  {
+    name: "Security & Identity",
+    pattern:
+      /authentik|authelia|vaultwarden|bitwarden|adguard|pihole|crowdsec|fail2ban|wazuh|security|identity/,
+  },
+  {
+    name: "Downloads",
+    pattern:
+      /deluge|jdownloader|qbittorrent|transmission|sabnzbd|nzbget|slskd|flaresolverr|unpackerr|aria2|pyload/,
+  },
+  {
+    name: "Books & Documents",
+    pattern:
+      /audiobookshelf|paperless|stirling|readmeabook|grimmory|komga|kavita|calibre|leafwiki|bookstack|wiki|document|pdf/,
+  },
+  {
+    name: "Photos",
+    pattern: /immich|photoprism|librephotos|piwigo|photoshow|photo.?view/,
+  },
+  {
+    name: "Home & Automation",
+    pattern:
+      /home.?assistant|node.?red|zigbee|zwave|esphome|mosquitto|homebridge|n8n|automation/,
+  },
+  {
+    name: "Monitoring",
+    pattern:
+      /glances|netdata|grafana|prometheus|zabbix|uptime|monitor|gpu.?hot|unraid.?stats|scrutiny|healthchecks/,
+  },
+  {
+    name: "Network & Admin",
+    pattern:
+      /nginx.?proxy|proxy.?manager|portainer|traefik|caddy|cloudflare|wireguard|tailscale|unraid.?appops|postfix|mail.?relay|network/,
+  },
+  {
+    name: "Games & Emulation",
+    pattern: /retroarch|romm|emulat|pokemon|minecraft|steam|game.?server/,
+  },
+  {
+    name: "Media",
+    pattern:
+      /plex|jellyfin|emby|tautulli|sonarr|radarr|lidarr|prowlarr|bazarr|seerr|audiodeck|listenarr|mylar|peertube|tdarr|metube|media.?codec/,
+  },
+  {
+    name: "Tools & Productivity",
+    pattern:
+      /organizr|opscenter|it.?tools|nextcloud|syncthing|filebrowser|homepage|dashy|heimdall/,
+  },
+  {
+    name: "Experiments & Archived",
+    pattern: /benchmark|legacy|archive|sandbox|prototype|experiment/,
+  },
+  {
+    name: "Infrastructure",
+    pattern:
+      /watchtower|hivekeep|chimera|drop.?oss|infrastructure|infra.?service/,
+  },
+  {
+    name: "Development & Projects",
+    pattern:
+      /dockdeck|gitea|gitlab|forgejo|blockpilot|geointel|evidencevault|infrabinder|lumaops|mcop|netronome|projectbrain|project.?launchpad|psforge|rickroll|spoortracker|vacatureradar|widefrog|github|code.?server/,
+  },
+];
+
+/**
+ * Suggests one of DockDeck's canonical categories from stable container
+ * metadata. Unknown services deliberately return null so a bulk organization
+ * pass never guesses over a user's existing choice.
+ */
+export function inferAppCategoryName(
+  app: Pick<DockApp, "technicalName" | "displayName" | "image">,
+): string | null {
+  const haystack = searchable(
+    `${app.technicalName} ${app.displayName} ${app.image ?? ""}`,
+  );
+  return (
+    categoryRules.find(({ pattern }) => pattern.test(haystack))?.name ?? null
+  );
+}
+
+export type ServiceKind =
+  | "dns"
+  | "media"
+  | "photos"
+  | "automation"
+  | "downloads"
+  | "monitoring"
+  | "code"
+  | "ai"
+  | "documents"
+  | "security"
+  | "service";
+
+export function inferServiceKind(name: string): ServiceKind {
+  const normalized = name.toLowerCase();
+  if (/adguard|pihole|dns/.test(normalized)) return "dns";
+  if (/plex|jellyfin|emby|audiobook|komga|romm|peertube/.test(normalized))
+    return "media";
+  if (/immich|photo/.test(normalized)) return "photos";
+  if (
+    /home.?assistant|sonarr|radarr|lidarr|bazarr|prowlarr|seerr/.test(
+      normalized,
+    )
+  )
+    return "automation";
+  if (/deluge|torrent|qbittorrent|jdownloader|metube|slskd/.test(normalized))
+    return "downloads";
+  if (/glances|netdata|monitor|grafana|uptime/.test(normalized))
+    return "monitoring";
+  if (/gitea|gitlab|forge|code/.test(normalized)) return "code";
+  if (/ollama|litellm|anythingllm|chroma|searxng/.test(normalized)) return "ai";
+  if (/paperless|stirling|leafwiki|readmeabook/.test(normalized))
+    return "documents";
+  if (/authentik|vaultwarden|nginx.?proxy|portainer/.test(normalized))
+    return "security";
+  return "service";
+}
+
+export function matchNpmHost(appName: string, hosts: string[]): string | null {
+  const normalized = appName.toLowerCase().replace(/[^a-z0-9]/g, "");
+  const matches = hosts.filter((host) => {
+    const firstLabel =
+      host
+        .split(".")[0]
+        ?.toLowerCase()
+        .replace(/[^a-z0-9]/g, "") ?? "";
+    return (
+      firstLabel === normalized ||
+      normalized.includes(firstLabel) ||
+      firstLabel.includes(normalized)
+    );
+  });
+  return matches.length === 1 ? `https://${matches[0]}` : null;
+}
+
+export function sortByPosition<
+  T extends { sortOrder: number; name?: string; displayName?: string },
+>(items: T[]): T[] {
+  return [...items].sort(
+    (a, b) =>
+      a.sortOrder - b.sortOrder ||
+      (a.name ?? a.displayName ?? "").localeCompare(
+        b.name ?? b.displayName ?? "",
+        undefined,
+        { sensitivity: "base" },
+      ),
+  );
+}
diff --git a/src/shared/personal-project.ts b/src/shared/personal-project.ts
new file mode 100644
index 0000000..0a37f54
--- /dev/null
+++ b/src/shared/personal-project.ts
@@ -0,0 +1,176 @@
+export interface PersonalProjectCandidate {
+  technicalName: string;
+  displayName: string;
+  image: string | null;
+}
+
+const thirdPartyServices = new Set([
+  "adminer",
+  "alpine",
+  "bazarr",
+  "busybox",
+  "caddy",
+  "code-server",
+  "debian",
+  "deluge",
+  "docker",
+  "flaresolverr",
+  "grafana",
+  "haproxy",
+  "home-assistant",
+  "homeassistant",
+  "httpd",
+  "immich-machine-learning",
+  "immich-server",
+  "influxdb",
+  "jellyfin",
+  "jellyseerr",
+  "lidarr",
+  "mariadb",
+  "memcached",
+  "minecraft-server",
+  "mongo",
+  "mongodb",
+  "mysql",
+  "n8n",
+  "nextcloud",
+  "nginx",
+  "node",
+  "paperless-ngx",
+  "plex",
+  "postgres",
+  "prometheus",
+  "prowlarr",
+  "python",
+  "qbittorrent",
+  "radarr",
+  "readarr",
+  "redis",
+  "registry",
+  "sabnzbd",
+  "sonarr",
+  "tautulli",
+  "traefik",
+  "transmission",
+  "ubuntu",
+  "valkey",
+  "vaultwarden",
+  "watchtower",
+]);
+
+const thirdPartyNamespaces = new Set([
+  "binhex",
+  "containrrr",
+  "crazymax",
+  "hotio",
+  "ich777",
+  "itzg",
+  "jlesage",
+  "linuxserver",
+  "linuxserver.io",
+  "portainer",
+  "qmcgaw",
+]);
+
+interface ParsedImage {
+  repository: string;
+  path: string[];
+  tag: string | null;
+}
+
+function parseImage(image: string | null): ParsedImage | null {
+  const reference = image?.trim().toLocaleLowerCase().split("@", 1)[0] ?? "";
+  if (!reference) return null;
+
+  const lastSlash = reference.lastIndexOf("/");
+  const tagSeparator = reference.lastIndexOf(":");
+  const hasTag = tagSeparator > lastSlash;
+  const repository = hasTag ? reference.slice(0, tagSeparator) : reference;
+  const path = repository.split("/").filter(Boolean);
+  if (!path.length) return null;
+
+  const first = path[0] ?? "";
+  const hasRegistry =
+    path.length > 1 &&
+    (first.includes(".") || first.includes(":") || first === "localhost");
+
+  return {
+    repository,
+    path: hasRegistry ? path.slice(1) : path,
+    tag: hasTag ? reference.slice(tagSeparator + 1) : null,
+  };
+}
+
+function normalizedName(value: string): string {
+  return value
+    .trim()
+    .toLocaleLowerCase()
+    .replace(/[-_]\d+$/, "")
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+}
+
+function isThirdPartyService(value: string): boolean {
+  const normalized = normalizedName(value);
+  for (const service of thirdPartyServices) {
+    if (
+      normalized === service ||
+      normalized.startsWith(`${service}-`) ||
+      normalized.endsWith(`-${service}`) ||
+      normalized.includes(`-${service}-`)
+    ) {
+      return true;
+    }
+  }
+  return false;
+}
+
+function isThirdPartyImage(
+  candidate: PersonalProjectCandidate,
+  image: ParsedImage | null,
+): boolean {
+  if (
+    [candidate.technicalName, candidate.displayName].some(isThirdPartyService)
+  ) {
+    return true;
+  }
+  if (!image) return false;
+
+  const repositoryName = image.path.at(-1) ?? "";
+  return (
+    isThirdPartyService(repositoryName) ||
+    image.path.slice(0, -1).some((part) => thirdPartyNamespaces.has(part))
+  );
+}
+
+function isFirstPartyNamespace(image: ParsedImage): boolean {
+  const namespace = image.path[0];
+  return namespace === "itworx" || namespace === "local";
+}
+
+/**
+ * Makes a conservative first suggestion for a newly discovered app. The
+ * repository persists this value only on insert, so later manual choices win
+ * over every subsequent discovery result.
+ */
+export function inferPersonalProject(
+  candidate: PersonalProjectCandidate,
+): boolean {
+  const image = parseImage(candidate.image);
+  if (isThirdPartyImage(candidate, image)) return false;
+
+  const technicalName = candidate.technicalName.trim().toLocaleLowerCase();
+  if (/^itworx(?:[-_]|$)/.test(technicalName)) return true;
+  if (image && isFirstPartyNamespace(image)) return true;
+
+  if (!image || image.path.length !== 1) return false;
+  const imageName = normalizedName(image.path[0] ?? "");
+  const names = [candidate.technicalName, candidate.displayName]
+    .map(normalizedName)
+    .filter((name) => name.length >= 5);
+
+  // An unqualified image that closely matches the container or template name
+  // is the only local-build signal accepted without an explicit first-party
+  // namespace. A :local tag by itself is never enough.
+  return names.includes(imageName) && imageName.length >= 5;
+}
diff --git a/src/tests/api.test.ts b/src/tests/api.test.ts
new file mode 100644
index 0000000..0017581
--- /dev/null
+++ b/src/tests/api.test.ts
@@ -0,0 +1,1117 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import type { FastifyInstance } from "fastify";
+import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { buildApp } from "../server/app.js";
+import { DockDeckRepository, type DiscoveredApp } from "../server/database.js";
+import type { DiscoveryService } from "../server/integrations/discovery.js";
+
+let app: FastifyInstance | undefined;
+afterEach(async () => {
+  await app?.close();
+  app = undefined;
+  vi.unstubAllGlobals();
+  for (const key of [
+    "PLEX_URL",
+    "PLEX_TOKEN",
+    "CUSTOM_WIDGET_PLAIN_SERVICE_URL",
+    "CUSTOM_WIDGET_PLAIN_SERVICE_TOKEN",
+    "UNRAID_ICONS_PATH",
+  ])
+    delete process.env[key];
+});
+
+describe("DockDeck API", () => {
+  it("reports a source-safe build identity from the health endpoint", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+
+    const response = await app.inject({ method: "GET", url: "/api/health" });
+    const health = response.json();
+
+    expect(response.statusCode).toBe(200);
+    expect(Object.keys(health).sort()).toEqual(
+      [
+        "status",
+        "version",
+        "revision",
+        "shortRevision",
+        "buildDate",
+        "integrations",
+      ].sort(),
+    );
+    expect(health.status).toBe("ok");
+    expect(health.version).toBe(process.env.npm_package_version ?? "0.1.0");
+    expect(health.revision).toMatch(
+      /^(?:[a-f0-9]{40}|[a-f0-9]{64}|development)$/,
+    );
+    expect(health.shortRevision).toBe(
+      health.revision === "development" ? "dev" : health.revision.slice(0, 12),
+    );
+    expect(health.buildDate).toMatch(
+      /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{3})?Z$/,
+    );
+    const canonicalBuildDate = /\.\d{3}Z$/.test(health.buildDate)
+      ? health.buildDate
+      : health.buildDate.replace(/Z$/, ".000Z");
+    expect(new Date(health.buildDate).toISOString()).toBe(canonicalBuildDate);
+    expect(health).not.toHaveProperty("source");
+  });
+
+  it("audits widget providers without activating their dashboard panels", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([
+      {
+        id: "ollama",
+        technicalName: "ollama",
+        displayName: "Ollama",
+        image: "ollama/ollama:latest",
+        icon: null,
+        status: "online",
+        localUrl: "http://ollama.test:11434",
+        externalUrl: null,
+        detectionSource: "test",
+        lastChecked: "2026-07-26T00:00:00.000Z",
+      },
+    ]);
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(
+        async () =>
+          new Response(JSON.stringify({ models: [] }), { status: 200 }),
+      ),
+    );
+    app = await buildApp({ repository, serveClient: false });
+
+    const audit = await app.inject({
+      method: "POST",
+      url: "/api/widgets/audit",
+    });
+
+    expect(audit.statusCode).toBe(200);
+    expect(audit.json().integrations).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({ id: "widget-ollama", state: "connected" }),
+      ]),
+    );
+    expect(repository.getApps()[0]?.widgetEnabled).toBe(false);
+  });
+
+  it("activates the complete discovered widget inventory in one explicit action", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered(
+      Array.from({ length: 12 }, (_, index) => ({
+        id: `service-${index}`,
+        technicalName: `service-${index}`,
+        displayName: `Service ${index}`,
+        image: `example/service-${index}:latest`,
+        icon: null,
+        status: "online" as const,
+        localUrl: `http://service-${index}.test`,
+        externalUrl: null,
+        detectionSource: "test",
+        lastChecked: "2026-07-26T00:00:00.000Z",
+      })),
+    );
+    app = await buildApp({ repository, serveClient: false });
+
+    const response = await app.inject({
+      method: "POST",
+      url: "/api/widgets/enable-all",
+    });
+
+    expect(response.statusCode).toBe(200);
+    expect(response.json().apps).toHaveLength(12);
+    expect(repository.getApps().every((item) => item.widgetEnabled)).toBe(true);
+    expect(repository.getApps().map((item) => item.widgetOrder)).toEqual(
+      Array.from({ length: 12 }, (_, index) => index),
+    );
+  });
+
+  it("offers an explicit safe category organization action", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.createCategory({
+      name: "Downloads",
+      icon: "Download",
+      sortOrder: 40,
+    });
+    repository.syncDiscovered([
+      {
+        id: "deluge",
+        technicalName: "binhex-deluge",
+        displayName: "Deluge",
+        image: "binhex/arch-deluge:latest",
+        icon: null,
+        status: "online",
+        localUrl: "http://host.local:8112",
+        externalUrl: null,
+        detectionSource: "test",
+        lastChecked: "2026-07-22T00:00:00.000Z",
+      },
+    ]);
+    app = await buildApp({ repository, serveClient: false });
+
+    const response = await app.inject({
+      method: "POST",
+      url: "/api/categories/organize",
+    });
+    expect(response.statusCode).toBe(200);
+    expect(response.json()).toEqual({
+      updated: 1,
+      unchanged: 0,
+      unmatched: [],
+    });
+    expect(repository.getApps()[0]?.categoryId).toBe(
+      repository
+        .getCategories()
+        .find((category) => category.name === "Downloads")?.id,
+    );
+  });
+
+  it("serves cached Unraid icons read-only and case-insensitively", async () => {
+    const iconsPath = mkdtempSync(join(tmpdir(), "dockdeck-icons-"));
+    const iconBytes = Buffer.from([0x89, 0x50, 0x4e, 0x47]);
+    writeFileSync(join(iconsPath, "Media-Service-icon.png"), iconBytes);
+    process.env.UNRAID_ICONS_PATH = iconsPath;
+    try {
+      app = await buildApp({
+        repository: new DockDeckRepository(":memory:"),
+        serveClient: false,
+      });
+      const response = await app.inject({
+        method: "GET",
+        url: "/api/icons/media-service-icon.png",
+      });
+      expect(response.statusCode).toBe(200);
+      expect(response.headers["content-type"]).toContain("image/png");
+      expect(response.rawPayload).toEqual(iconBytes);
+    } finally {
+      await app?.close();
+      app = undefined;
+      delete process.env.UNRAID_ICONS_PATH;
+      rmSync(iconsPath, { recursive: true, force: true });
+    }
+  });
+
+  it("prunes stale records only after a connected inventory heartbeat", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    const staleApp: DiscoveredApp = {
+      id: "stale-container",
+      technicalName: "retired-service",
+      displayName: "Retired service",
+      image: "retired:latest",
+      icon: null,
+      status: "offline",
+      localUrl: null,
+      externalUrl: null,
+      detectionSource: "test",
+      lastChecked: "2026-07-22T00:00:00.000Z",
+    };
+    repository.syncDiscovered([staleApp]);
+    const degradedState = {
+      id: "docker" as const,
+      label: "AppOps inventory",
+      state: "degraded" as const,
+      message: "Niet bereikbaar",
+      checkedAt: "2026-07-22T00:00:00.000Z",
+    };
+    const connectedState = {
+      ...degradedState,
+      state: "connected" as const,
+      message: "0 containers gelezen",
+    };
+    let inventoryConnected = false;
+    const degradedDiscovery = {
+      getStates: () => [inventoryConnected ? connectedState : degradedState],
+      getWidgetMetrics: () => ({}),
+      getServerWidget: () => null,
+      discover: async () => ({
+        apps: [],
+        integrations: [inventoryConnected ? connectedState : degradedState],
+      }),
+    } as unknown as DiscoveryService;
+    app = await buildApp({
+      repository,
+      discovery: degradedDiscovery,
+      serveClient: false,
+    });
+
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    expect(repository.getApps()).toHaveLength(1);
+    inventoryConnected = true;
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    expect(repository.getApps().some((item) => item.id === staleApp.id)).toBe(
+      false,
+    );
+  });
+
+  it("discovers deterministic containers and defaults them to hidden", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    const sync = await app.inject({
+      method: "POST",
+      url: "/api/discovery/sync",
+    });
+    expect(sync.statusCode).toBe(200);
+    const body = sync.json<{
+      apps: Array<{ visible: boolean }>;
+      integrations: Array<{ state: string }>;
+    }>();
+    expect(body.apps.length).toBeGreaterThan(2);
+    expect(body.apps.every((item) => item.visible === false)).toBe(true);
+    expect(body.integrations.some((item) => item.state === "connected")).toBe(
+      true,
+    );
+    const dashboard = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    expect(dashboard.widgetCapabilities).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          technicalName: "Plex-Media-Server",
+          source: "provider",
+        }),
+      ]),
+    );
+    expect(dashboard.widgetCapabilities).toHaveLength(dashboard.apps.length);
+    expect(dashboard.preferences.showServerWidget).toBe(true);
+    expect(dashboard.serverWidget).toMatchObject({
+      hostName: "Tower",
+      url: "http://host.local:5000",
+    });
+  });
+
+  it("supports visibility, category, favorites, preferences and import/export flows", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const dashboard = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    const category = (
+      await app.inject({
+        method: "POST",
+        url: "/api/categories",
+        payload: { name: "Lab", icon: "FlaskConical", sortOrder: 1 },
+      })
+    ).json<any>();
+    expect(
+      (
+        await app.inject({
+          method: "PATCH",
+          url: `/api/apps/${dashboard.apps[0].id}`,
+          payload: {
+            visible: true,
+            widgetEnabled: true,
+            widgetSize: "wide",
+            widgetShowSummary: false,
+            widgetShowInfrastructure: true,
+            widgetShowProgress: false,
+            categoryId: category.id,
+          },
+        })
+      ).statusCode,
+    ).toBe(200);
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/favorites",
+          payload: {
+            name: "OpenAI",
+            url: "https://openai.com",
+            icon: null,
+            categoryId: category.id,
+            sortOrder: 0,
+          },
+        })
+      ).statusCode,
+    ).toBe(201);
+    expect(
+      (
+        await app.inject({
+          method: "PATCH",
+          url: "/api/preferences",
+          payload: {
+            theme: "dark",
+            viewMode: "categories",
+            accent: "violet",
+            density: "spacious",
+            contentWidth: "fluid",
+            backgroundStyle: "grid",
+            wallpaperFit: "cover",
+            wallpaperPositionX: 30,
+            wallpaperPositionY: 70,
+            wallpaperZoom: 120,
+            reducedMotion: true,
+            showHero: false,
+            showStatus: false,
+            serverWidgetSize: "compact",
+            serverWidgetShowDetails: false,
+            serverWidgetChartMetric: "Storage used",
+            serverWidgetChartType: "bar",
+            serverWidgetChartSamples: 45,
+            serverWidgetShowLegend: false,
+            serverWidgetHiddenMetrics: ["CPU cores"],
+            serverWidgetMetricOrder: ["Storage used", "Array state"],
+            serverWidgetStatLimit: 4,
+            serverName: "Main Unraid",
+            serverUrl: "http://192.0.2.10:5000",
+            pollingIntervalMs: 60000,
+          },
+        })
+      ).statusCode,
+    ).toBe(200);
+    const customized = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    expect(customized.preferences).toMatchObject({
+      accent: "violet",
+      density: "spacious",
+      contentWidth: "fluid",
+      backgroundStyle: "grid",
+      wallpaperFit: "cover",
+      wallpaperPositionX: 30,
+      wallpaperPositionY: 70,
+      wallpaperZoom: 120,
+      reducedMotion: true,
+      showHero: false,
+      showStatus: false,
+      serverWidgetSize: "compact",
+      serverWidgetShowDetails: false,
+      serverWidgetChartMetric: "Storage used",
+      serverWidgetChartType: "bar",
+      serverWidgetChartSamples: 45,
+      serverWidgetShowLegend: false,
+      serverWidgetHiddenMetrics: ["CPU cores"],
+      serverWidgetMetricOrder: ["Storage used", "Array state"],
+      serverWidgetStatLimit: 4,
+      serverName: "Main Unraid",
+      serverUrl: "http://192.0.2.10:5000",
+      pollingIntervalMs: 60000,
+    });
+    expect(customized.serverWidget).toMatchObject({
+      hostName: "Main Unraid",
+      url: "http://192.0.2.10:5000",
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const withWidgets = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    expect(Object.keys(withWidgets.widgetMetrics)).toContain(
+      customized.apps[0].technicalName,
+    );
+    expect(withWidgets.apps[0]).toMatchObject({
+      widgetSize: "wide",
+      widgetShowSummary: false,
+      widgetShowInfrastructure: true,
+      widgetShowProgress: false,
+    });
+    const exported = await app.inject({ method: "GET", url: "/api/export" });
+    expect(exported.headers["content-disposition"]).toContain(
+      "dockdeck-backup",
+    );
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/import",
+          payload: exported.json(),
+        })
+      ).statusCode,
+    ).toBe(200);
+  });
+
+  it("validates unsafe or malformed input at the API boundary", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/favorites",
+          payload: { name: "", url: "javascript:alert(1)" },
+        })
+      ).statusCode,
+    ).toBe(400);
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const dashboard = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    expect(
+      (
+        await app.inject({
+          method: "PATCH",
+          url: `/api/apps/${dashboard.apps[0].id}`,
+          payload: { widgetSize: "billboard" },
+        })
+      ).statusCode,
+    ).toBe(400);
+    expect(
+      (
+        await app.inject({
+          method: "PATCH",
+          url: "/api/preferences",
+          payload: { pollingIntervalMs: 100 },
+        })
+      ).statusCode,
+    ).toBe(400);
+  });
+
+  it("manages widget ordering, presets and secret-free diagnostics", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const dashboard = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    const first = dashboard.apps[0];
+    await app.inject({
+      method: "PATCH",
+      url: `/api/apps/${first.id}`,
+      payload: {
+        widgetEnabled: true,
+        widgetOrder: 20,
+        widgetShowSparkline: true,
+        widgetChartMetric: "CPU",
+        widgetChartType: "area",
+        widgetChartSamples: 30,
+        widgetShowLegend: false,
+        widgetMetricStyles: { CPU: "gauge", Memory: "progress" },
+        widgetStatLimit: 4,
+        widgetMetricOrder: ["CPU", "Memory"],
+        widgetHiddenMetrics: ["Processes", "Uptime"],
+        widgetPrimaryMetric: "CPU",
+        widgetCustomLabel: "Priority workload",
+        widgetWarningMetric: "cpu",
+        widgetWarningDirection: "above",
+        widgetWarningThreshold: 70,
+        widgetRefreshIntervalMs: 60000,
+      },
+    });
+    expect(
+      (
+        await app.inject({
+          method: "PUT",
+          url: "/api/widget-layout",
+          payload: {
+            items: [
+              { id: "server", kind: "server", order: 20 },
+              { id: first.id, kind: "app", order: 10 },
+            ],
+          },
+        })
+      ).statusCode,
+    ).toBe(200);
+    const preset = (
+      await app.inject({
+        method: "POST",
+        url: "/api/layout-presets",
+        payload: { name: "Maintenance" },
+      })
+    ).json<any>();
+    expect(preset.configuration.apps[0]).toMatchObject({
+      appId: first.id,
+      widgetOrder: 10,
+      widgetPrimaryMetric: "CPU",
+      widgetHiddenMetrics: ["Processes", "Uptime"],
+      widgetRefreshIntervalMs: 60000,
+    });
+    const exported = await app.inject({
+      method: "GET",
+      url: `/api/layout-presets/${preset.id}/export`,
+    });
+    expect(exported.statusCode).toBe(200);
+    expect(exported.json()).toMatchObject({ version: 1, name: "Maintenance" });
+    const diagnostics = await app.inject({
+      method: "GET",
+      url: "/api/diagnostics",
+    });
+    expect(diagnostics.statusCode).toBe(200);
+    expect(diagnostics.json()).toMatchObject({
+      database: "connected",
+      enabledWidgets: 1,
+      pwa: "enabled",
+    });
+    expect(diagnostics.body).not.toMatch(/token|password|secret/i);
+  });
+
+  it("keeps legacy layout imports permissive while profile imports stay strict", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    app = await buildApp({ repository, serveClient: false });
+    const preset = repository.createLayoutPreset({ name: "Legacy source" });
+    const configuration = {
+      ...preset.configuration,
+      apps: [
+        {
+          appId: "a".repeat(300),
+          widgetEnabled: true,
+          widgetOrder: 0,
+          widgetSize: "compact",
+          widgetShowSummary: true,
+          widgetShowMetrics: true,
+          widgetShowInfrastructure: false,
+          widgetShowProgress: false,
+          widgetShowSparkline: false,
+          widgetChartMetric: "auto",
+          widgetChartType: "line",
+          widgetChartSamples: 20,
+          widgetShowLegend: true,
+          widgetMetricStyles: {},
+          widgetStatLimit: 6,
+          widgetMetricOrder: [],
+          widgetHiddenMetrics: [],
+          widgetPrimaryMetric: null,
+          widgetCustomLabel: null,
+          widgetWarningMetric: "none",
+          widgetWarningDirection: "above",
+          widgetWarningThreshold: null,
+          widgetRefreshIntervalMs: 30_000,
+          legacyWidgetField: "strip me",
+        },
+      ],
+      server: { ...preset.configuration.server, legacyServerField: true },
+      legacyConfigurationField: true,
+    };
+    const importedPreset = await app.inject({
+      method: "POST",
+      url: "/api/layout-presets/import",
+      payload: { version: 1, name: "Legacy import", configuration },
+    });
+
+    expect(importedPreset.statusCode).toBe(201);
+    expect(importedPreset.json<any>().configuration).toMatchObject({
+      apps: [{ appId: "a".repeat(300) }],
+    });
+    expect(importedPreset.json<any>().configuration).not.toHaveProperty(
+      "legacyConfigurationField",
+    );
+    expect(importedPreset.json<any>().configuration.apps[0]).not.toHaveProperty(
+      "legacyWidgetField",
+    );
+    expect(importedPreset.json<any>().configuration.server).not.toHaveProperty(
+      "legacyServerField",
+    );
+
+    const profile = repository.createDashboardProfile({
+      name: "Strict profile",
+    });
+    const strictConfiguration = {
+      ...profile.configuration,
+      layout: {
+        ...profile.configuration.layout,
+        server: {
+          ...profile.configuration.layout.server,
+          legacyServerField: true,
+        },
+      },
+    };
+    const importedProfile = await app.inject({
+      method: "POST",
+      url: "/api/profiles/import",
+      payload: {
+        version: 1,
+        name: "Invalid strict profile",
+        configuration: strictConfiguration,
+      },
+    });
+    expect(importedProfile.statusCode).toBe(400);
+  });
+
+  it("manages named dashboard profiles through bounded API routes", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([
+      {
+        id: "profile-app",
+        technicalName: "profile-service",
+        displayName: "Profile service",
+        image: "example/profile-service:latest",
+        icon: null,
+        status: "online",
+        localUrl: "http://service.test",
+        externalUrl: null,
+        detectionSource: "test",
+        lastChecked: "2026-09-23T00:00:00.000Z",
+      },
+    ]);
+    const category = repository.createCategory({
+      name: "Media",
+      icon: "Play",
+      sortOrder: 10,
+    });
+    repository.updateApp("profile-app", {
+      visible: true,
+      categoryId: category.id,
+      sortOrder: 6,
+      widgetEnabled: true,
+      widgetSize: "wide",
+      widgetOrder: 11,
+    });
+    const favorite = repository.createFavorite({
+      name: "Docs",
+      url: "https://docs.example.test",
+      icon: null,
+      categoryId: category.id,
+      sortOrder: 2,
+    });
+    repository.updatePreferences({ theme: "dark", accent: "ocean" });
+    app = await buildApp({ repository, serveClient: false });
+
+    const created = await app.inject({
+      method: "POST",
+      url: "/api/profiles",
+      payload: { name: "Evening" },
+    });
+    expect(created.statusCode).toBe(201);
+    const profile = created.json<any>();
+    expect(profile.configuration).toMatchObject({
+      apps: [
+        {
+          appId: "profile-app",
+          visible: true,
+          categoryId: category.id,
+          sortOrder: 6,
+        },
+      ],
+      categories: expect.arrayContaining([
+        { categoryId: category.id, sortOrder: 10 },
+      ]),
+      favorites: [
+        { favoriteId: favorite.id, categoryId: category.id, sortOrder: 2 },
+      ],
+      preferences: { theme: "dark", accent: "ocean" },
+    });
+    expect(JSON.stringify(profile.configuration)).not.toContain(
+      "docs.example.test",
+    );
+    expect(
+      (await app.inject({ method: "GET", url: "/api/profiles" })).json(),
+    ).toEqual([profile]);
+    expect(
+      (await app.inject({ method: "GET", url: "/api/dashboard" })).json<any>()
+        .profiles,
+    ).toEqual([
+      {
+        id: profile.id,
+        name: profile.name,
+        createdAt: profile.createdAt,
+        updatedAt: profile.updatedAt,
+      },
+    ]);
+    expect(
+      (
+        await app.inject({ method: "GET", url: `/api/profiles/${profile.id}` })
+      ).json(),
+    ).toEqual(profile);
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/profiles",
+          payload: { name: " evening " },
+        })
+      ).statusCode,
+    ).toBe(409);
+
+    await app.inject({
+      method: "PATCH",
+      url: "/api/preferences",
+      payload: { theme: "light", accent: "coral" },
+    });
+    await app.inject({
+      method: "PATCH",
+      url: "/api/apps/profile-app",
+      payload: {
+        visible: false,
+        categoryId: null,
+        sortOrder: 40,
+        widgetEnabled: false,
+      },
+    });
+    await app.inject({
+      method: "PATCH",
+      url: `/api/categories/${category.id}`,
+      payload: { sortOrder: 30 },
+    });
+    await app.inject({
+      method: "PATCH",
+      url: `/api/favorites/${favorite.id}`,
+      payload: { categoryId: null, sortOrder: 20 },
+    });
+    const applied = await app.inject({
+      method: "POST",
+      url: `/api/profiles/${profile.id}/apply`,
+    });
+    expect(applied.statusCode).toBe(200);
+    expect(repository.getApps()[0]).toMatchObject({
+      visible: true,
+      categoryId: category.id,
+      sortOrder: 6,
+      widgetEnabled: true,
+      widgetSize: "wide",
+      widgetOrder: 11,
+    });
+    expect(repository.getCategories()[0]?.sortOrder).toBe(10);
+    expect(repository.getFavorites()[0]).toMatchObject({
+      categoryId: category.id,
+      sortOrder: 2,
+    });
+    expect(repository.getPreferences()).toMatchObject({
+      theme: "dark",
+      accent: "ocean",
+    });
+
+    const renamed = await app.inject({
+      method: "PATCH",
+      url: `/api/profiles/${profile.id}`,
+      payload: { name: "Late shift" },
+    });
+    expect(renamed.statusCode).toBe(200);
+    expect(renamed.json()).toMatchObject({
+      name: "Late shift",
+      id: profile.id,
+    });
+    const exported = await app.inject({
+      method: "GET",
+      url: `/api/profiles/${profile.id}/export`,
+    });
+    expect(exported.statusCode).toBe(200);
+    expect(exported.json()).toMatchObject({ version: 1, name: "Late shift" });
+    const imported = await app.inject({
+      method: "POST",
+      url: "/api/profiles/import",
+      payload: { ...exported.json<any>(), name: "Imported copy" },
+    });
+    expect(imported.statusCode).toBe(201);
+    expect(imported.json()).toMatchObject({
+      name: "Imported copy",
+      configuration: profile.configuration,
+    });
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/profiles/import",
+          payload: exported.json(),
+        })
+      ).statusCode,
+    ).toBe(409);
+    const backup = await app.inject({ method: "GET", url: "/api/export" });
+    expect(backup.json().profiles).toHaveLength(2);
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/import",
+          payload: backup.json(),
+        })
+      ).statusCode,
+    ).toBe(200);
+    expect(repository.getDashboardProfiles()).toHaveLength(2);
+
+    const oldBackup = { ...backup.json() };
+    delete oldBackup.profiles;
+    expect(
+      (
+        await app.inject({
+          method: "POST",
+          url: "/api/import",
+          payload: oldBackup,
+        })
+      ).statusCode,
+    ).toBe(200);
+    expect(repository.getDashboardProfiles()).toEqual([]);
+
+    const disposable = await app.inject({
+      method: "POST",
+      url: "/api/profiles",
+      payload: { name: "Disposable" },
+    });
+    const disposableId = disposable.json<any>().id;
+    expect(
+      (
+        await app.inject({
+          method: "DELETE",
+          url: `/api/profiles/${disposableId}`,
+        })
+      ).statusCode,
+    ).toBe(204);
+    expect(
+      (
+        await app.inject({
+          method: "GET",
+          url: `/api/profiles/${disposableId}`,
+        })
+      ).statusCode,
+    ).toBe(404);
+  });
+
+  it("rejects malformed profile backups without partially importing data", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.createCategory({
+      name: "Keep me",
+      icon: "Layers3",
+      sortOrder: 0,
+    });
+    const keptProfile = repository.createDashboardProfile({
+      name: "Keep this profile",
+    });
+    app = await buildApp({ repository, serveClient: false });
+    const before = repository.export();
+    const invalidConfiguration = {
+      ...keptProfile.configuration,
+      layout: {
+        ...keptProfile.configuration.layout,
+        server: {
+          ...keptProfile.configuration.layout.server,
+          unexpectedLayoutField: true,
+        },
+      },
+    };
+    const invalidBackup = {
+      ...before,
+      categories: [],
+      profiles: [
+        {
+          id: "invalid-profile",
+          name: "Invalid",
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          configuration: invalidConfiguration,
+        },
+      ],
+    };
+
+    const invalidProfileImport = await app.inject({
+      method: "POST",
+      url: "/api/profiles/import",
+      payload: {
+        version: 1,
+        name: "Invalid profile import",
+        configuration: invalidConfiguration,
+      },
+    });
+    expect(invalidProfileImport.statusCode).toBe(400);
+
+    const response = await app.inject({
+      method: "POST",
+      url: "/api/import",
+      payload: invalidBackup,
+    });
+    expect(response.statusCode).toBe(400);
+    expect(repository.getCategories()).toEqual(before.categories);
+    expect(repository.getDashboardProfiles()).toEqual(before.profiles);
+  });
+
+  it("removes an app from DockDeck without rediscovering it", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const initial = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    const removed = initial.apps[0];
+    expect(
+      (
+        await app.inject({
+          method: "DELETE",
+          url: `/api/apps/${removed.id}`,
+        })
+      ).statusCode,
+    ).toBe(204);
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const afterSync = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    expect(
+      afterSync.apps.some(
+        (item: { technicalName: string }) =>
+          item.technicalName === removed.technicalName,
+      ),
+    ).toBe(false);
+    expect(
+      (await app.inject({ method: "GET", url: "/api/export" })).json<any>()
+        .removedApps,
+    ).toContain(removed.technicalName);
+  });
+
+  it("accepts provider credentials without returning or exporting their values", async () => {
+    app = await buildApp({
+      repository: new DockDeckRepository(":memory:"),
+      serveClient: false,
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    const initial = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    const plex = initial.apps.find(
+      (item: { technicalName: string }) =>
+        item.technicalName === "Plex-Media-Server",
+    );
+    await app.inject({
+      method: "PATCH",
+      url: `/api/apps/${plex.id}`,
+      payload: { widgetEnabled: true },
+    });
+    await app.inject({ method: "POST", url: "/api/discovery/sync" });
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (input: string | URL | Request) => {
+        const url = String(input);
+        return new Response(
+          JSON.stringify({
+            MediaContainer: url.includes("status/sessions")
+              ? { size: 1, Metadata: [{ TranscodeSession: {} }] }
+              : { size: 2 },
+          }),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+    const opaqueValue = "opaque-test-value";
+    const rejected = await app.inject({
+      method: "PUT",
+      url: "/api/integrations/widget-Plex-Media-Server/credentials",
+      headers: { origin: "http://foreign.test", host: "dockdeck.test" },
+      payload: {
+        values: {
+          PLEX_URL: "http://plex.test",
+          PLEX_TOKEN: opaqueValue,
+        },
+      },
+    });
+    expect(rejected.statusCode).toBe(403);
+    expect(process.env.PLEX_TOKEN).toBeUndefined();
+    const saved = await app.inject({
+      method: "PUT",
+      url: "/api/integrations/widget-Plex-Media-Server/credentials",
+      headers: { origin: "http://dockdeck.test", host: "dockdeck.test" },
+      payload: {
+        values: {
+          PLEX_URL: "http://plex.test",
+          PLEX_TOKEN: opaqueValue,
+        },
+      },
+    });
+    expect(saved.statusCode).toBe(200);
+    expect(saved.json()).toEqual({ saved: true });
+    const dashboard = await app.inject({
+      method: "GET",
+      url: "/api/dashboard",
+    });
+    const exported = await app.inject({ method: "GET", url: "/api/export" });
+    expect(dashboard.body).not.toContain(opaqueValue);
+    expect(exported.body).not.toContain(opaqueValue);
+    expect(
+      dashboard.json<any>().widgetMetrics["Plex-Media-Server"].provider,
+    ).toMatchObject({
+      kind: "plex",
+      summary: "1 active stream",
+    });
+  });
+
+  it("configures GET-only metrics for an app without a native provider", async () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([
+      {
+        id: "plain-service",
+        technicalName: "plain-service",
+        displayName: "Plain service",
+        image: "example/plain:latest",
+        icon: null,
+        status: "online",
+        localUrl: "http://plain.test",
+        externalUrl: null,
+        detectionSource: "test",
+        lastChecked: "2026-07-14T00:00:00.000Z",
+      },
+    ]);
+    app = await buildApp({
+      repository,
+      serveClient: false,
+    });
+    const initial = (
+      await app.inject({ method: "GET", url: "/api/dashboard" })
+    ).json<any>();
+    const plain = initial.apps.find(
+      (item: { technicalName: string }) =>
+        item.technicalName === "plain-service",
+    );
+    expect(plain).toBeDefined();
+    if (!plain) return;
+    await app.inject({
+      method: "PATCH",
+      url: `/api/apps/${plain.id}`,
+      payload: { widgetEnabled: true },
+    });
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (_input: string | URL | Request, init?: RequestInit) => {
+        expect(init?.method).toBe("GET");
+        expect(init?.headers).toMatchObject({
+          Authorization: "Bearer opaque-custom-token",
+        });
+        return new Response(
+          JSON.stringify({
+            summary: "42 jobs processed",
+            stats: [
+              { label: "Jobs", value: 42, tone: "positive" },
+              { label: "Failures", value: 0 },
+            ],
+          }),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+    const saved = await app.inject({
+      method: "PUT",
+      url: "/api/integrations/widget-plain-service/credentials",
+      headers: { origin: "http://dockdeck.test", host: "dockdeck.test" },
+      payload: {
+        values: {
+          CUSTOM_WIDGET_PLAIN_SERVICE_URL: "http://plain.test/metrics",
+          CUSTOM_WIDGET_PLAIN_SERVICE_TOKEN: "opaque-custom-token",
+        },
+      },
+    });
+    expect(saved.statusCode).toBe(200);
+    const dashboard = await app.inject({
+      method: "GET",
+      url: "/api/dashboard",
+    });
+    expect(
+      dashboard.json<any>().widgetMetrics["plain-service"].provider,
+    ).toMatchObject({
+      kind: "custom",
+      summary: "42 jobs processed",
+      stats: [
+        { label: "Jobs", value: "42", tone: "positive" },
+        { label: "Failures", value: "0" },
+      ],
+    });
+    expect(dashboard.body).not.toContain("opaque-custom-token");
+    const cleared = await app.inject({
+      method: "PUT",
+      url: "/api/integrations/widget-plain-service/credentials",
+      headers: { origin: "http://dockdeck.test", host: "dockdeck.test" },
+      payload: {
+        values: { CUSTOM_WIDGET_PLAIN_SERVICE_TOKEN: "" },
+      },
+    });
+    expect(cleared.statusCode).toBe(200);
+    expect(process.env.CUSTOM_WIDGET_PLAIN_SERVICE_TOKEN).toBe("");
+  });
+});
diff --git a/src/tests/auth.test.ts b/src/tests/auth.test.ts
new file mode 100644
index 0000000..46a5151
--- /dev/null
+++ b/src/tests/auth.test.ts
@@ -0,0 +1,85 @@
+import { afterEach, describe, expect, it } from "vitest";
+import type { FastifyInstance } from "fastify";
+import { scryptSync } from "node:crypto";
+import { buildApp } from "../server/app.js";
+
+let app: FastifyInstance | undefined;
+
+afterEach(async () => {
+  await app?.close();
+  app = undefined;
+  delete process.env.DOCKDECK_OPERATOR_USER;
+  delete process.env.DOCKDECK_OPERATOR_PASSWORD_HASH;
+});
+
+function setCredentials(user: string, password: string) {
+  const salt = "00112233445566778899aabbccddeeff";
+  const hash = scryptSync(password, salt, 32).toString("hex");
+  process.env.DOCKDECK_OPERATOR_USER = user;
+  process.env.DOCKDECK_OPERATOR_PASSWORD_HASH = `${salt}:${hash}`;
+}
+
+function basicAuthHeader(user: string, password: string): string {
+  return `Basic ${Buffer.from(`${user}:${password}`).toString("base64")}`;
+}
+
+describe("operator authentication", () => {
+  it("does not require credentials when unconfigured (backward compatible default)", async () => {
+    app = await buildApp({ serveClient: false });
+    const response = await app.inject({ method: "GET", url: "/api/health" });
+    expect(response.statusCode).toBe(200);
+  });
+
+  it("rejects requests with no credentials once configured", async () => {
+    setCredentials("operator", "correct-horse-battery-staple");
+    app = await buildApp({ serveClient: false });
+    const response = await app.inject({ method: "GET", url: "/api/dashboard" });
+    expect(response.statusCode).toBe(401);
+  });
+
+  it("rejects requests with an incorrect password once configured", async () => {
+    setCredentials("operator", "correct-horse-battery-staple");
+    app = await buildApp({ serveClient: false });
+    const response = await app.inject({
+      method: "GET",
+      url: "/api/dashboard",
+      headers: { authorization: basicAuthHeader("operator", "wrong-password") },
+    });
+    expect(response.statusCode).toBe(401);
+  });
+
+  it("accepts requests with the correct credentials once configured", async () => {
+    setCredentials("operator", "correct-horse-battery-staple");
+    app = await buildApp({ serveClient: false });
+    const response = await app.inject({
+      method: "GET",
+      url: "/api/dashboard",
+      headers: {
+        authorization: basicAuthHeader(
+          "operator",
+          "correct-horse-battery-staple",
+        ),
+      },
+    });
+    expect(response.statusCode).toBe(200);
+  });
+
+  it("always allows the health endpoint through, even when configured", async () => {
+    setCredentials("operator", "correct-horse-battery-staple");
+    app = await buildApp({ serveClient: false });
+    const response = await app.inject({ method: "GET", url: "/api/health" });
+    expect(response.statusCode).toBe(200);
+  });
+
+  it("rejects partial or malformed authentication configuration at startup", async () => {
+    process.env.DOCKDECK_OPERATOR_USER = "operator";
+    await expect(buildApp({ serveClient: false })).rejects.toThrow(
+      "must be set together",
+    );
+
+    process.env.DOCKDECK_OPERATOR_PASSWORD_HASH = "short:abcd";
+    await expect(buildApp({ serveClient: false })).rejects.toThrow(
+      "16-byte salt and 32-byte hash",
+    );
+  });
+});
diff --git a/src/tests/bookmark-import-component.test.tsx b/src/tests/bookmark-import-component.test.tsx
new file mode 100644
index 0000000..85c3032
--- /dev/null
+++ b/src/tests/bookmark-import-component.test.tsx
@@ -0,0 +1,154 @@
+// @vitest-environment jsdom
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import type { Category, Favorite } from "../shared/contracts";
+import { BookmarkImport } from "../client/components/BookmarkImport";
+import { api } from "../client/api";
+
+vi.mock("../client/api", () => ({
+  api: {
+    createCategory: vi.fn(),
+    createFavorite: vi.fn(),
+  },
+}));
+
+const existingFavorites: Favorite[] = [
+  {
+    id: "favorite-existing",
+    name: "Existing docs",
+    url: "https://example.com/#old",
+    icon: null,
+    categoryId: null,
+    sortOrder: 0,
+  },
+];
+
+const categories: Category[] = [];
+
+const html = `
+  <!DOCTYPE NETSCAPE-Bookmark-file-1>
+  <DL><p>
+    <DT><A HREF="https://EXAMPLE.com:443/#new">Duplicate link</A>
+    <DT><H3>Work &amp; Tools</H3><DL><p>
+      <DT><A HREF="https://docs.example.com/path?a=1&amp;b=2">Docs &amp; API</A>
+      <DT><A HREF="https://DOCS.example.com:443/path?a=1&amp;b=2#top">Docs duplicate</A>
+      <DT><A HREF="javascript:alert(1)">Unsafe link</A>
+    </DL><p>
+  </DL>
+`;
+
+function makeFile(source: string): File {
+  const file = new File([source], "bookmarks.html", { type: "text/html" });
+  Object.defineProperty(file, "text", {
+    value: vi.fn().mockResolvedValue(source),
+  });
+  return file;
+}
+
+afterEach(cleanup);
+
+beforeEach(() => {
+  vi.mocked(api.createCategory).mockReset();
+  vi.mocked(api.createFavorite).mockReset();
+});
+
+describe("BookmarkImport", () => {
+  it("previews duplicates and errors without writing, then applies only valid new bookmarks", async () => {
+    vi.mocked(api.createCategory).mockResolvedValue({
+      id: "category-work",
+      name: "Work & Tools",
+      icon: "Layers3",
+      sortOrder: 1,
+    });
+    vi.mocked(api.createFavorite).mockResolvedValue({
+      id: "favorite-docs",
+      name: "Docs & API",
+      url: "https://docs.example.com/path?a=1&b=2",
+      icon: null,
+      categoryId: "category-work",
+      sortOrder: 1,
+    });
+    const onChanged = vi.fn().mockResolvedValue(undefined);
+    const perform = vi.fn(async (action: () => Promise<unknown>) => {
+      await action();
+      await onChanged();
+      return true;
+    });
+
+    render(
+      <BookmarkImport
+        categories={categories}
+        favorites={existingFavorites}
+        perform={perform}
+      />,
+    );
+
+    const fileInput = screen.getByLabelText(
+      "Netscape Bookmark HTML-bestand kiezen",
+    );
+    fireEvent.change(fileInput, { target: { files: [makeFile(html)] } });
+
+    await screen.findByText("Docs & API");
+    expect(
+      screen.getByText("Deze URL bestaat al als Existing docs."),
+    ).toBeTruthy();
+    expect(
+      screen.getByText("Deze URL staat al eerder in dit bestand."),
+    ).toBeTruthy();
+    expect(
+      screen.getByText(
+        "Alleen HTTP- en HTTPS-bladwijzers worden geïmporteerd.",
+      ),
+    ).toBeTruthy();
+    expect(api.createCategory).not.toHaveBeenCalled();
+    expect(api.createFavorite).not.toHaveBeenCalled();
+
+    fireEvent.click(
+      screen.getByRole("button", { name: "1 favorieten toevoegen" }),
+    );
+
+    await waitFor(() => expect(api.createFavorite).toHaveBeenCalledOnce());
+    expect(api.createCategory).toHaveBeenCalledWith({
+      name: "Work & Tools",
+      icon: expect.any(String),
+      sortOrder: 1,
+    });
+    expect(api.createFavorite).toHaveBeenCalledWith({
+      name: "Docs & API",
+      url: "https://docs.example.com/path?a=1&b=2",
+      icon: null,
+      categoryId: "category-work",
+      sortOrder: 1,
+    });
+    expect(onChanged).toHaveBeenCalledOnce();
+    expect(await screen.findByText("Toegevoegd")).toBeTruthy();
+  });
+
+  it("refuses an oversized local file before reading it", async () => {
+    const perform = vi.fn().mockResolvedValue(true);
+    render(<BookmarkImport categories={[]} favorites={[]} perform={perform} />);
+    const file = new File(["small"], "too-large.html", { type: "text/html" });
+    Object.defineProperty(file, "size", { value: 2 * 1024 * 1024 + 1 });
+    const readText = vi.fn();
+    Object.defineProperty(file, "text", { value: readText });
+
+    fireEvent.change(
+      screen.getByLabelText("Netscape Bookmark HTML-bestand kiezen"),
+      {
+        target: { files: [file] },
+      },
+    );
+
+    expect((await screen.findByRole("alert")).textContent).toContain(
+      "maximaal 2 MB",
+    );
+    expect(readText).not.toHaveBeenCalled();
+    expect(perform).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/tests/bookmark-import.test.ts b/src/tests/bookmark-import.test.ts
new file mode 100644
index 0000000..a8ad8d4
--- /dev/null
+++ b/src/tests/bookmark-import.test.ts
@@ -0,0 +1,175 @@
+import { describe, expect, it } from "vitest";
+import {
+  MAX_BOOKMARKS,
+  MAX_BOOKMARK_FILE_BYTES,
+  MAX_BOOKMARK_FOLDER_DEPTH,
+  MAX_BOOKMARK_NODES,
+  normalizeBookmarkUrl,
+  parseBookmarkHtml,
+} from "../client/bookmark-import";
+
+describe("Netscape bookmark HTML import parser", () => {
+  it("reads folder paths, decodes entities, and canonicalizes safe HTTP URLs", () => {
+    const parsed = parseBookmarkHtml(`
+      <!DOCTYPE NETSCAPE-Bookmark-file-1>
+      <DL><p>
+        <DT><H3>Werk &amp; Thuis</H3>
+        <DL><p>
+          <DT><A HREF="https://EXAMPLE.com:443/docs?q=a&amp;x=b#top">Docs &amp; API</A>
+        </DL><p>
+      </DL>
+    `);
+
+    expect(parsed.bookmarks).toEqual([
+      expect.objectContaining({
+        title: "Docs & API",
+        url: "https://example.com/docs?q=a&x=b#top",
+        normalizedUrl: "https://example.com/docs?q=a&x=b",
+        folderPath: ["Werk & Thuis"],
+        categoryName: "Werk & Thuis",
+        error: null,
+      }),
+    ]);
+    expect(parsed.warnings).toEqual([]);
+  });
+
+  it("normalizes host casing, default ports, and fragments for duplicate checks", () => {
+    const first = normalizeBookmarkUrl("https://EXAMPLE.com:443/docs#overview");
+    const second = normalizeBookmarkUrl("https://example.com/docs#details");
+
+    expect(first.url).toBe("https://example.com/docs#overview");
+    expect(first.key).toBe(second.key);
+  });
+
+  it("requires the Netscape bookmark export signature", () => {
+    expect(() =>
+      parseBookmarkHtml(
+        '<html><a href="https://example.com">History</a></html>',
+      ),
+    ).toThrow("geen Netscape Bookmark HTML-bestand");
+  });
+
+  it("ignores markup-looking text inside scripts and stops on incomplete tags", () => {
+    const parsed = parseBookmarkHtml(
+      `<!DOCTYPE NETSCAPE-Bookmark-file-1><script>"<A HREF='https://fake.example'>Fake</A>"</script><A HREF="https://real.example/">Real</A>`,
+    );
+    expect(parsed.bookmarks.map((bookmark) => bookmark.title)).toEqual([
+      "Real",
+    ]);
+
+    expect(() =>
+      parseBookmarkHtml(
+        `<!DOCTYPE NETSCAPE-Bookmark-file-1>${"<".repeat(100_000)}`,
+      ),
+    ).not.toThrow();
+  });
+
+  it("reports malformed links, unsafe protocols, credentials, missing titles, and long URLs per item", () => {
+    const parsed = parseBookmarkHtml(`
+      <!DOCTYPE NETSCAPE-Bookmark-file-1>
+      <DL>
+        <A HREF="javascript:alert(1)">Unsafe</A>
+        <A HREF="https://user:secret@example.com/">Credentials</A>
+        <A HREF="https://missing-close.example/">No close
+        <A HREF="https://good.example/">  </A>
+        <A HREF="https://long.example/${"x".repeat(2_050)}">Too long</A>
+      </DL>
+    `);
+
+    expect(parsed.bookmarks).toHaveLength(5);
+    expect(parsed.bookmarks.map((bookmark) => bookmark.error)).toEqual([
+      "Alleen HTTP- en HTTPS-bladwijzers worden geïmporteerd.",
+      "URL's met gebruikersgegevens worden overgeslagen.",
+      "De bladwijzer-tag is niet correct afgesloten.",
+      "De bladwijzer heeft geen titel.",
+      "De URL is langer dan 2.048 tekens.",
+    ]);
+    expect(parsed.bookmarks.every((bookmark) => bookmark.url === null)).toBe(
+      true,
+    );
+  });
+
+  it("reports bookmarks nested beyond the supported folder depth", () => {
+    const folders = Array.from(
+      { length: MAX_BOOKMARK_FOLDER_DEPTH + 1 },
+      (_, index) => `<H3>${String.fromCharCode(65 + index)}</H3><DL>`,
+    ).join("");
+    const closes = "</DL>".repeat(MAX_BOOKMARK_FOLDER_DEPTH + 1);
+    const parsed = parseBookmarkHtml(
+      `<!DOCTYPE NETSCAPE-Bookmark-file-1><DL>${folders}<A HREF="https://deep.example/">Deep</A>${closes}</DL>`,
+    );
+
+    expect(parsed.bookmarks[0]?.error).toBe(
+      `De bladwijzermap is dieper dan ${MAX_BOOKMARK_FOLDER_DEPTH} niveaus.`,
+    );
+  });
+
+  it("restores the parent folder after nested folders and keeps siblings separate", () => {
+    const parsed = parseBookmarkHtml(`
+      <!DOCTYPE NETSCAPE-Bookmark-file-1>
+      <DL>
+        <H3>Parent</H3><DL>
+          <A HREF="https://parent.example/">Parent</A>
+          <H3>Child</H3><DL><A HREF="https://child.example/">Child</A></DL>
+          <H3>Sibling</H3><DL><A HREF="https://sibling.example/">Sibling</A></DL>
+        </DL>
+      </DL>
+    `);
+
+    expect(parsed.bookmarks.map((bookmark) => bookmark.folderPath)).toEqual([
+      ["Parent"],
+      ["Parent", "Child"],
+      ["Parent", "Sibling"],
+    ]);
+    expect(parsed.bookmarks.every((bookmark) => bookmark.error === null)).toBe(
+      true,
+    );
+  });
+
+  it("keeps a valid parent stack intact after an over-depth folder is skipped", () => {
+    const folders = Array.from(
+      { length: MAX_BOOKMARK_FOLDER_DEPTH },
+      (_, index) => `<H3>${String.fromCharCode(65 + index)}</H3><DL>`,
+    ).join("");
+    const closes = "</DL>".repeat(MAX_BOOKMARK_FOLDER_DEPTH);
+    const parsed = parseBookmarkHtml(
+      `<!DOCTYPE NETSCAPE-Bookmark-file-1><DL>${folders}<H3>Too deep</H3><DL><A HREF="https://deep.example/">Deep</A></DL><A HREF="https://parent.example/">Parent level</A>${closes}</DL>`,
+    );
+
+    expect(parsed.bookmarks[0]?.error).toBe(
+      `De bladwijzermap is dieper dan ${MAX_BOOKMARK_FOLDER_DEPTH} niveaus.`,
+    );
+    expect(parsed.bookmarks[1]).toMatchObject({
+      title: "Parent level",
+      folderPath: ["A", "B", "C", "D", "E", "F", "G", "H"],
+      error: null,
+    });
+  });
+
+  it("rejects oversized files before scanning their contents", () => {
+    expect(() =>
+      parseBookmarkHtml("x".repeat(MAX_BOOKMARK_FILE_BYTES + 1)),
+    ).toThrow("maximaal 2 MB");
+  });
+
+  it("caps malformed HTML nodes and bookmark counts", () => {
+    const nodeLimited = parseBookmarkHtml(
+      `<!DOCTYPE NETSCAPE-Bookmark-file-1>${"<!-- filler -->".repeat(MAX_BOOKMARK_NODES + 10)}`,
+    );
+    expect(nodeLimited.truncated).toBe(true);
+    expect(nodeLimited.warnings[0]).toContain("te veel HTML-elementen");
+
+    const entries = Array.from(
+      { length: MAX_BOOKMARKS + 5 },
+      (_, index) => `<A HREF="https://site${index}.example/">Site ${index}</A>`,
+    ).join("");
+    const limited = parseBookmarkHtml(
+      `<!DOCTYPE NETSCAPE-Bookmark-file-1><DL>${entries}</DL>`,
+    );
+    expect(limited.bookmarks).toHaveLength(MAX_BOOKMARKS);
+    expect(limited.truncated).toBe(true);
+    expect(limited.warnings).toContain(
+      `Maximaal ${MAX_BOOKMARKS} bladwijzers worden verwerkt.`,
+    );
+  });
+});
diff --git a/src/tests/category-icons.test.ts b/src/tests/category-icons.test.ts
new file mode 100644
index 0000000..e683023
--- /dev/null
+++ b/src/tests/category-icons.test.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it } from "vitest";
+import {
+  categoryIconOptions,
+  nextAvailableCategoryIcon,
+  resolveCategoryIcon,
+} from "../client/categoryIcons.js";
+
+const canonicalCategoryIcons = [
+  "Play",
+  "Download",
+  "FileText",
+  "Image",
+  "Home",
+  "ShieldCheck",
+  "Network",
+  "Activity",
+  "Code2",
+  "Bot",
+  "Database",
+  "Server",
+  "Gamepad2",
+  "Wrench",
+  "Archive",
+  "Star",
+] as const;
+
+describe("category icons", () => {
+  it("renders every canonical category with a distinct supported icon", () => {
+    const optionIds = categoryIconOptions.map((option) => option.id);
+    expect(new Set(optionIds).size).toBe(optionIds.length);
+    expect(optionIds).toEqual(
+      expect.arrayContaining([...canonicalCategoryIcons]),
+    );
+
+    const components = canonicalCategoryIcons.map(resolveCategoryIcon);
+    expect(new Set(components).size).toBe(canonicalCategoryIcons.length);
+  });
+
+  it("keeps a safe generic fallback for imported custom values", () => {
+    expect(resolveCategoryIcon("LegacyCustomIcon")).toBe(
+      resolveCategoryIcon("Layers3"),
+    );
+  });
+
+  it("assigns a still-unused icon to a newly created category", () => {
+    expect(nextAvailableCategoryIcon(["Layers3", "Play"])).toBe("Download");
+  });
+});
diff --git a/src/tests/dashboard-launch-history.test.tsx b/src/tests/dashboard-launch-history.test.tsx
new file mode 100644
index 0000000..b672f23
--- /dev/null
+++ b/src/tests/dashboard-launch-history.test.tsx
@@ -0,0 +1,98 @@
+/* @vitest-environment jsdom */
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  within,
+} from "@testing-library/react";
+import "@testing-library/jest-dom/vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import {
+  DashboardLaunchHistory,
+  type LaunchHistoryItem,
+} from "../client/components/DashboardLaunchHistory";
+
+const recent: LaunchHistoryItem[] = [
+  {
+    key: "app:plex",
+    name: "Plex Media Server",
+    href: "http://host.local:32400",
+    icon: null,
+    hint: "plex",
+    lastOpenedAt: Date.now(),
+    count: 3,
+  },
+];
+const mostUsed: LaunchHistoryItem[] = [
+  {
+    key: "favorite:google",
+    name: "Google",
+    href: "https://google.com",
+    icon: null,
+    hint: "https://google.com",
+    lastOpenedAt: Date.now() - 60_000,
+    count: 8,
+  },
+];
+
+describe("DashboardLaunchHistory", () => {
+  afterEach(() => cleanup());
+
+  it("switches between recent and most-used items and can be hidden", () => {
+    render(
+      <DashboardLaunchHistory
+        recent={recent}
+        mostUsed={mostUsed}
+        hasHistory
+        onLaunch={vi.fn()}
+        onClear={vi.fn()}
+      />,
+    );
+
+    const section = screen.getByTestId("launch-history");
+    expect(
+      within(section).getByRole("link", { name: /Plex Media Server/ }),
+    ).toBeInTheDocument();
+
+    fireEvent.click(
+      within(section).getByRole("button", { name: "Veel gebruikt" }),
+    );
+    expect(
+      within(section).getByRole("link", { name: /Google/ }),
+    ).toBeInTheDocument();
+    expect(
+      within(section).queryByRole("link", { name: /Plex Media Server/ }),
+    ).toBeNull();
+
+    fireEvent.click(within(section).getByRole("button", { name: "Verbergen" }));
+    expect(
+      within(section).getByRole("button", { name: "Tonen" }),
+    ).toHaveAttribute("aria-expanded", "false");
+    expect(within(section).queryByRole("link", { name: /Google/ })).toBeNull();
+
+    fireEvent.click(within(section).getByRole("button", { name: "Tonen" }));
+    expect(
+      within(section).getByRole("link", { name: /Google/ }),
+    ).toBeInTheDocument();
+  });
+
+  it("exposes an explicit clear-history action", () => {
+    const onClear = vi.fn();
+    render(
+      <DashboardLaunchHistory
+        recent={recent}
+        mostUsed={mostUsed}
+        hasHistory
+        onLaunch={vi.fn()}
+        onClear={onClear}
+      />,
+    );
+
+    fireEvent.click(
+      screen.getByRole("button", { name: "Recente geschiedenis wissen" }),
+    );
+
+    expect(onClear).toHaveBeenCalledOnce();
+  });
+});
diff --git a/src/tests/database.test.ts b/src/tests/database.test.ts
new file mode 100644
index 0000000..7da8aee
--- /dev/null
+++ b/src/tests/database.test.ts
@@ -0,0 +1,803 @@
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import Database from "better-sqlite3";
+import { afterEach, describe, expect, it } from "vitest";
+import { DockDeckRepository, type DiscoveredApp } from "../server/database.js";
+
+const tempDirs: string[] = [];
+const discovered: DiscoveredApp = {
+  id: "container-1",
+  technicalName: "example",
+  displayName: "Example",
+  image: "example:latest",
+  icon: null,
+  status: "online",
+  localUrl: "http://host.local:8080",
+  externalUrl: null,
+  detectionSource: "test",
+  lastChecked: "2026-07-14T00:00:00.000Z",
+};
+
+afterEach(() => {
+  while (tempDirs.length)
+    rmSync(tempDirs.pop()!, { recursive: true, force: true });
+});
+
+describe("SQLite repository", () => {
+  it("migrates a new database and keeps newly discovered apps hidden", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    expect(repository.getApps()[0]).toMatchObject({
+      visible: false,
+      widgetEnabled: false,
+      widgetSize: "standard",
+      widgetShowSummary: true,
+      widgetShowMetrics: true,
+      widgetShowInfrastructure: true,
+      widgetShowProgress: true,
+      widgetShowSparkline: true,
+      widgetChartMetric: "auto",
+      widgetChartType: "line",
+      widgetChartSamples: 20,
+      widgetShowLegend: true,
+      widgetMetricStyles: {},
+      widgetStatLimit: 6,
+      widgetOrder: 0,
+      widgetMetricOrder: [],
+      widgetHiddenMetrics: [],
+      widgetPrimaryMetric: null,
+      widgetCustomLabel: null,
+      widgetWarningMetric: "cpu",
+      widgetWarningDirection: "above",
+      widgetWarningThreshold: null,
+      widgetRefreshIntervalMs: 30000,
+      displayName: "Example",
+      status: "online",
+      isNew: true,
+    });
+    expect(repository.getApps()[0]?.discoveredAt).toEqual(expect.any(String));
+    expect(repository.getPreferences()).toMatchObject({
+      theme: "light",
+      viewMode: "overview",
+      accent: "coral",
+      density: "comfortable",
+      contentWidth: "wide",
+      backgroundStyle: "aurora",
+      wallpaperFit: "contain",
+      wallpaperPositionX: 50,
+      wallpaperPositionY: 50,
+      wallpaperZoom: 100,
+      showHero: true,
+      showStatus: true,
+      serverWidgetSize: "standard",
+      serverWidgetShowStats: true,
+      serverWidgetShowDetails: true,
+      serverWidgetShowProgress: true,
+      serverWidgetShowNative: true,
+      serverWidgetShowChart: true,
+      serverWidgetChartMetric: "Running containers",
+      serverWidgetChartType: "area",
+      serverWidgetChartSamples: 20,
+      serverWidgetShowLegend: true,
+      serverWidgetHiddenMetrics: [],
+      serverWidgetMetricOrder: [],
+      serverWidgetStatLimit: 8,
+      serverWidgetOrder: 0,
+      serverName: "Tower",
+      serverUrl: "http://host.local:5000",
+    });
+    repository.close();
+  });
+
+  it("preserves user configuration and data across a restart", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-"));
+    tempDirs.push(directory);
+    const path = join(directory, "dockdeck.db");
+    const first = new DockDeckRepository(path);
+    first.syncDiscovered([discovered]);
+    first.updateApp(discovered.id, {
+      visible: true,
+      widgetEnabled: true,
+      widgetSize: "wide",
+      widgetShowSummary: false,
+      widgetShowMetrics: true,
+      widgetShowInfrastructure: true,
+      widgetShowProgress: false,
+      widgetShowSparkline: true,
+      widgetChartMetric: "Queued jobs",
+      widgetChartType: "area",
+      widgetChartSamples: 45,
+      widgetShowLegend: false,
+      widgetMetricStyles: {
+        "Working memory": "gauge",
+        "Process load": "progress",
+      },
+      widgetStatLimit: 4,
+      widgetOrder: 30,
+      widgetMetricOrder: ["Working memory", "Process load"],
+      widgetHiddenMetrics: ["Process load"],
+      widgetPrimaryMetric: "Working memory",
+      widgetCustomLabel: "Example workload",
+      widgetWarningMetric: "memory",
+      widgetWarningDirection: "below",
+      widgetWarningThreshold: 75,
+      widgetRefreshIntervalMs: 60000,
+      displayName: "My Example",
+    });
+    first.createFavorite({
+      name: "Docs",
+      url: "https://example.com/docs",
+      icon: null,
+      categoryId: null,
+      sortOrder: 0,
+    });
+    first.close();
+
+    const restarted = new DockDeckRepository(path);
+    expect(restarted.getApps()[0]).toMatchObject({
+      visible: true,
+      widgetEnabled: true,
+      widgetSize: "wide",
+      widgetShowSummary: false,
+      widgetShowProgress: false,
+      widgetChartMetric: "Queued jobs",
+      widgetChartType: "area",
+      widgetChartSamples: 45,
+      widgetShowLegend: false,
+      widgetMetricStyles: {
+        "Working memory": "gauge",
+        "Process load": "progress",
+      },
+      widgetStatLimit: 4,
+      widgetOrder: 30,
+      widgetMetricOrder: ["Working memory", "Process load"],
+      widgetHiddenMetrics: ["Process load"],
+      widgetPrimaryMetric: "Working memory",
+      widgetCustomLabel: "Example workload",
+      widgetWarningMetric: "memory",
+      widgetWarningDirection: "below",
+      widgetWarningThreshold: 75,
+      widgetRefreshIntervalMs: 60000,
+      displayName: "My Example",
+      isNew: false,
+    });
+    expect(restarted.getFavorites()[0]?.name).toBe("Docs");
+    restarted.close();
+  });
+
+  it("persists personal project classification across syncs and backup restore", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    expect(repository.getApps()[0]?.personalProject).toBe(false);
+
+    repository.updateApp(discovered.id, { personalProject: true });
+    repository.syncDiscovered([
+      { ...discovered, id: "replacement-container-id" },
+    ]);
+    expect(repository.getApps()[0]?.personalProject).toBe(true);
+
+    const backup = repository.export();
+    repository.updateApp(discovered.id, { personalProject: false });
+    repository.import(backup);
+    expect(repository.getApps()[0]?.personalProject).toBe(true);
+    repository.close();
+  });
+
+  it("preserves configuration when Docker assigns a replacement container id", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    repository.updateApp(discovered.id, {
+      visible: true,
+      displayName: "Configured Example",
+    });
+    repository.syncDiscovered([
+      { ...discovered, id: "replacement-container-id", status: "online" },
+    ]);
+    expect(repository.getApps()).toHaveLength(1);
+    expect(repository.getApps()[0]).toMatchObject({
+      id: discovered.id,
+      visible: true,
+      displayName: "Configured Example",
+      status: "online",
+    });
+    repository.close();
+  });
+
+  it("removes containers that disappeared from a successful inventory", () => {
+    const repository = new DockDeckRepository(":memory:");
+    const removedContainer = {
+      ...discovered,
+      id: "container-2",
+      technicalName: "retired-service",
+    };
+    repository.syncDiscovered([discovered, removedContainer]);
+
+    repository.syncDiscovered([discovered]);
+
+    expect(repository.getApps().map((app) => app.technicalName)).toEqual([
+      "example",
+    ]);
+    repository.close();
+  });
+
+  it("organizes recognized containers and preserves unknown assignments", () => {
+    const repository = new DockDeckRepository(":memory:");
+    const downloads = repository.createCategory({
+      name: "Downloads",
+      icon: "Download",
+      sortOrder: 40,
+    });
+    repository.syncDiscovered([
+      { ...discovered, technicalName: "binhex-deluge" },
+      {
+        ...discovered,
+        id: "container-2",
+        technicalName: "private-workload",
+        displayName: "Private workload",
+      },
+    ]);
+    repository.updateApp("container-2", { categoryId: "cat-tools" });
+
+    expect(repository.organizeAppCategories()).toEqual({
+      updated: 1,
+      unchanged: 0,
+      unmatched: ["Private workload"],
+    });
+    expect(repository.getApps()).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          technicalName: "binhex-deluge",
+          categoryId: downloads.id,
+        }),
+        expect.objectContaining({
+          technicalName: "private-workload",
+          categoryId: "cat-tools",
+        }),
+      ]),
+    );
+    repository.close();
+  });
+
+  it("keeps saved containers when the inventory check is not authoritative", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+
+    repository.syncDiscovered([], { removeMissing: false });
+
+    expect(repository.getApps()).toHaveLength(1);
+    expect(repository.getApps()[0]).toMatchObject({
+      technicalName: "example",
+      status: "online",
+    });
+    repository.close();
+  });
+
+  it("merges case-only duplicates and keeps their configured dashboard state", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([
+      { ...discovered, technicalName: "media-service", status: "offline" },
+    ]);
+    repository.updateApp(discovered.id, {
+      visible: true,
+      displayName: "Mijn media",
+    });
+    repository.syncDiscovered(
+      [
+        {
+          ...discovered,
+          id: "replacement-container-id",
+          technicalName: "Media-Service",
+          status: "online",
+        },
+      ],
+      { removeMissing: false },
+    );
+
+    expect(repository.getApps()).toHaveLength(1);
+    expect(repository.getApps()[0]).toMatchObject({
+      technicalName: "Media-Service",
+      displayName: "Mijn media",
+      visible: true,
+      status: "online",
+    });
+    repository.close();
+  });
+
+  it("keeps DockDeck customization when the Compose container gets its final name", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([
+      {
+        ...discovered,
+        id: "legacy-dockdeck",
+        technicalName: "dockdeck-dockdeck-1",
+        displayName: "DockDeck",
+        image: "dockdeck:local",
+        icon: "http://[IP]:[PORT:1218]/dockdeck-icon.svg",
+      },
+    ]);
+    repository.updateApp("legacy-dockdeck", {
+      visible: true,
+      displayName: "My DockDeck",
+    });
+    repository.syncDiscovered([
+      {
+        ...discovered,
+        id: "final-dockdeck",
+        technicalName: "DockDeck",
+        displayName: "DockDeck",
+        image: "dockdeck:local",
+        icon: "http://host.local:1218/dockdeck-icon.png",
+        localUrl: "http://host.local:1218",
+      },
+    ]);
+    expect(repository.getApps()).toHaveLength(1);
+    expect(repository.getApps()[0]).toMatchObject({
+      id: "legacy-dockdeck",
+      technicalName: "DockDeck",
+      displayName: "My DockDeck",
+      visible: true,
+      icon: "http://host.local:1218/dockdeck-icon.png",
+      localUrl: "http://host.local:1218",
+      status: "online",
+    });
+    repository.close();
+  });
+
+  it("round-trips a versioned export without secrets", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    repository.updateApp(discovered.id, {
+      visible: true,
+      widgetEnabled: true,
+    });
+    repository.updatePreferences({
+      theme: "harbor",
+      accent: "ocean",
+      density: "compact",
+      contentWidth: "fluid",
+      backgroundStyle: "grid",
+      wallpaperFit: "cover",
+      wallpaperPositionX: 28,
+      wallpaperPositionY: 64,
+      wallpaperZoom: 125,
+      reducedMotion: true,
+      showHero: false,
+      showStatus: false,
+      serverWidgetSize: "compact",
+      serverWidgetShowDetails: false,
+      serverName: "Rack server",
+      serverUrl: "http://192.0.2.10:5000",
+    });
+    const backup = repository.export();
+    expect(backup.version).toBe(1);
+    expect(JSON.stringify(backup)).not.toMatch(/token|password|secret/i);
+    repository.import(backup);
+    expect(repository.getPreferences()).toMatchObject({
+      theme: "harbor",
+      accent: "ocean",
+      density: "compact",
+      contentWidth: "fluid",
+      backgroundStyle: "grid",
+      wallpaperFit: "cover",
+      wallpaperPositionX: 28,
+      wallpaperPositionY: 64,
+      wallpaperZoom: 125,
+      reducedMotion: true,
+      showHero: false,
+      showStatus: false,
+      serverWidgetSize: "compact",
+      serverWidgetShowDetails: false,
+      serverName: "Rack server",
+      serverUrl: "http://192.0.2.10:5000",
+    });
+    expect(repository.getApps()[0]?.visible).toBe(true);
+    expect(repository.getApps()[0]?.widgetEnabled).toBe(true);
+    repository.close();
+  });
+
+  it("adds customization defaults to a legacy preferences table", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-legacy-"));
+    tempDirs.push(directory);
+    const path = join(directory, "dockdeck.db");
+    const legacy = new Database(path);
+    legacy.exec(`
+      CREATE TABLE preferences (
+        id INTEGER PRIMARY KEY CHECK(id = 1),
+        theme TEXT NOT NULL DEFAULT 'light',
+        view_mode TEXT NOT NULL DEFAULT 'overview',
+        polling_interval_ms INTEGER NOT NULL DEFAULT 30000,
+        external_access INTEGER NOT NULL DEFAULT 0
+      );
+      INSERT INTO preferences (id, theme) VALUES (1, 'dark');
+    `);
+    legacy.close();
+
+    const migrated = new DockDeckRepository(path);
+    expect(migrated.getPreferences()).toMatchObject({
+      theme: "dark",
+      accent: "coral",
+      density: "comfortable",
+      contentWidth: "wide",
+      backgroundStyle: "aurora",
+      wallpaperFit: "contain",
+      wallpaperPositionX: 50,
+      wallpaperPositionY: 50,
+      wallpaperZoom: 100,
+      showHero: true,
+      showStatus: true,
+      serverWidgetSize: "standard",
+      serverWidgetShowStats: true,
+      serverName: "Tower",
+      serverUrl: "http://host.local:5000",
+    });
+    expect(
+      migrated.createDashboardProfile({ name: "Legacy dashboard" }).name,
+    ).toBe("Legacy dashboard");
+    migrated.close();
+  });
+
+  it("enables widgets for visible apps when migrating a legacy app table", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-widget-legacy-"));
+    tempDirs.push(directory);
+    const path = join(directory, "dockdeck.db");
+    const legacy = new Database(path);
+    legacy.exec(`
+      CREATE TABLE apps (
+        id TEXT PRIMARY KEY, technical_name TEXT NOT NULL UNIQUE, display_name TEXT NOT NULL,
+        image TEXT, icon TEXT, status TEXT NOT NULL DEFAULT 'unknown', local_url TEXT,
+        local_url_override TEXT, external_url TEXT, external_url_override TEXT,
+        visible INTEGER NOT NULL DEFAULT 0, category_id TEXT, sort_order INTEGER NOT NULL DEFAULT 0,
+        detection_source TEXT NOT NULL, last_checked TEXT
+      );
+      INSERT INTO apps (id, technical_name, display_name, visible, detection_source)
+      VALUES ('legacy-app', 'legacy', 'Legacy', 1, 'test');
+    `);
+    legacy.close();
+
+    const migrated = new DockDeckRepository(path);
+    expect(migrated.getApps()[0]).toMatchObject({
+      visible: true,
+      widgetEnabled: true,
+      isNew: false,
+    });
+    migrated.close();
+  });
+
+  it("captures, applies and exports independent widget layout presets", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    repository.updateApp(discovered.id, {
+      widgetEnabled: true,
+      widgetOrder: 20,
+      widgetSize: "wide",
+      widgetCustomLabel: "Morning status",
+      widgetChartMetric: "Memory",
+      widgetChartType: "bar",
+      widgetChartSamples: 30,
+      widgetShowLegend: false,
+      widgetMetricStyles: { Memory: "gauge" },
+      widgetStatLimit: 3,
+      widgetWarningMetric: "memory",
+      widgetWarningDirection: "below",
+      widgetWarningThreshold: 80,
+      widgetRefreshIntervalMs: 60000,
+      widgetHiddenMetrics: ["Processes", "Uptime"],
+    });
+    repository.updatePreferences({
+      serverWidgetOrder: 10,
+      serverWidgetShowNative: false,
+      serverWidgetChartMetric: "Storage used",
+      serverWidgetChartType: "bar",
+      serverWidgetChartSamples: 45,
+      serverWidgetShowLegend: false,
+      serverWidgetHiddenMetrics: ["CPU cores"],
+      serverWidgetMetricOrder: ["Storage used", "Array state"],
+      serverWidgetStatLimit: 4,
+    });
+    const preset = repository.createLayoutPreset({ name: "Morning" });
+    repository.updateApp(discovered.id, {
+      widgetEnabled: false,
+      widgetSize: "compact",
+      widgetCustomLabel: null,
+    });
+    expect(repository.applyLayoutPreset(preset.id)).toBe(true);
+    expect(repository.getApps()[0]).toMatchObject({
+      widgetEnabled: true,
+      widgetOrder: 20,
+      widgetSize: "wide",
+      widgetCustomLabel: "Morning status",
+      widgetChartMetric: "Memory",
+      widgetChartType: "bar",
+      widgetChartSamples: 30,
+      widgetShowLegend: false,
+      widgetMetricStyles: { Memory: "gauge" },
+      widgetStatLimit: 3,
+      widgetWarningMetric: "memory",
+      widgetWarningDirection: "below",
+      widgetWarningThreshold: 80,
+      widgetRefreshIntervalMs: 60000,
+      widgetHiddenMetrics: ["Processes", "Uptime"],
+    });
+    expect(repository.getPreferences()).toMatchObject({
+      serverWidgetOrder: 10,
+      serverWidgetShowNative: false,
+      serverWidgetChartMetric: "Storage used",
+      serverWidgetChartType: "bar",
+      serverWidgetChartSamples: 45,
+      serverWidgetShowLegend: false,
+      serverWidgetHiddenMetrics: ["CPU cores"],
+      serverWidgetMetricOrder: ["Storage used", "Array state"],
+      serverWidgetStatLimit: 4,
+    });
+    expect(repository.export().layoutPresets).toHaveLength(1);
+    repository.close();
+  });
+
+  it("captures and applies named dashboard profiles without replacing records", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    const category = repository.createCategory({
+      name: "Media",
+      icon: "Play",
+      sortOrder: 15,
+    });
+    repository.updateApp(discovered.id, {
+      visible: true,
+      categoryId: category.id,
+      sortOrder: 4,
+      widgetEnabled: true,
+      widgetSize: "wide",
+      widgetOrder: 9,
+    });
+    const favorite = repository.createFavorite({
+      name: "Docs",
+      url: "https://docs.example.test",
+      icon: "https://docs.example.test/icon.png",
+      categoryId: category.id,
+      sortOrder: 3,
+    });
+    repository.updatePreferences({
+      theme: "dark",
+      accent: "violet",
+      viewMode: "categories",
+      serverName: "Profile must not replace identity",
+      externalAccess: true,
+      pollingIntervalMs: 60000,
+    });
+
+    const profile = repository.createDashboardProfile({ name: "Evening" });
+    expect(profile.configuration).toMatchObject({
+      apps: [
+        {
+          appId: discovered.id,
+          visible: true,
+          categoryId: category.id,
+          sortOrder: 4,
+        },
+      ],
+      categories: expect.arrayContaining([
+        { categoryId: category.id, sortOrder: 15 },
+      ]),
+      favorites: [
+        { favoriteId: favorite.id, categoryId: category.id, sortOrder: 3 },
+      ],
+      preferences: { theme: "dark", accent: "violet", viewMode: "categories" },
+      layout: {
+        apps: [{ appId: discovered.id, widgetEnabled: true, widgetOrder: 9 }],
+      },
+    });
+
+    repository.updateApp(discovered.id, {
+      visible: false,
+      categoryId: null,
+      sortOrder: 30,
+      personalProject: true,
+      widgetEnabled: false,
+      widgetSize: "compact",
+    });
+    repository.syncDiscovered([
+      {
+        ...discovered,
+        displayName: "Renamed outside profile",
+        localUrl: "http://host.local:9090",
+        status: "offline",
+      },
+    ]);
+    repository.updateCategory(category.id, {
+      name: "Renamed category",
+      icon: "Wrench",
+      sortOrder: 40,
+    });
+    repository.updateFavorite(favorite.id, {
+      name: "Renamed favorite",
+      url: "https://changed.example.test",
+      icon: null,
+      categoryId: null,
+      sortOrder: 20,
+    });
+    repository.updatePreferences({
+      theme: "light",
+      accent: "coral",
+      viewMode: "overview",
+      serverName: "Current host identity",
+      externalAccess: false,
+      pollingIntervalMs: 30000,
+    });
+    const laterDiscovered = {
+      ...discovered,
+      id: "container-later",
+      technicalName: "later",
+      displayName: "Later service",
+    };
+    const mutatedDiscovered = {
+      ...discovered,
+      displayName: "Renamed outside profile",
+      localUrl: "http://host.local:9090",
+      status: "offline" as const,
+    };
+    repository.syncDiscovered([mutatedDiscovered, laterDiscovered]);
+    repository.updateApp(laterDiscovered.id, { visible: true, sortOrder: 71 });
+
+    expect(repository.applyDashboardProfile(profile.id)).toBe(true);
+    expect(repository.getApps()).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          id: discovered.id,
+          visible: true,
+          categoryId: category.id,
+          sortOrder: 4,
+          widgetEnabled: true,
+          widgetSize: "wide",
+          widgetOrder: 9,
+          displayName: "Example",
+          localUrl: "http://host.local:9090",
+          status: "offline",
+          personalProject: true,
+        }),
+        expect.objectContaining({
+          id: laterDiscovered.id,
+          visible: true,
+          sortOrder: 71,
+        }),
+      ]),
+    );
+    expect(repository.getCategories()).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          id: category.id,
+          name: "Renamed category",
+          icon: "Wrench",
+          sortOrder: 15,
+        }),
+      ]),
+    );
+    expect(repository.getFavorites()).toEqual([
+      expect.objectContaining({
+        id: favorite.id,
+        name: "Renamed favorite",
+        url: "https://changed.example.test",
+        categoryId: category.id,
+        sortOrder: 3,
+      }),
+    ]);
+    expect(repository.getPreferences()).toMatchObject({
+      theme: "dark",
+      accent: "violet",
+      viewMode: "categories",
+      serverName: "Current host identity",
+      externalAccess: false,
+      pollingIntervalMs: 30000,
+    });
+    repository.close();
+  });
+
+  it("skips profile references that were removed after the snapshot", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    const category = repository.createCategory({
+      name: "Temporary",
+      icon: "Layers3",
+      sortOrder: 0,
+    });
+    repository.updateApp(discovered.id, {
+      visible: true,
+      categoryId: category.id,
+      widgetEnabled: true,
+    });
+    const favorite = repository.createFavorite({
+      name: "Temporary favorite",
+      url: "https://example.test",
+      icon: null,
+      categoryId: category.id,
+      sortOrder: 0,
+    });
+    const profile = repository.createDashboardProfile({
+      name: "Before cleanup",
+    });
+
+    repository.removeApp(discovered.id);
+    repository.deleteFavorite(favorite.id);
+    repository.deleteCategory(category.id);
+
+    expect(repository.applyDashboardProfile(profile.id)).toBe(true);
+    expect(repository.getApps()).toEqual([]);
+    expect(repository.getFavorites()).toEqual([]);
+    expect(
+      repository.getCategories().some((item) => item.id === category.id),
+    ).toBe(false);
+    repository.close();
+  });
+
+  it("caps the number of stored dashboard profiles at twenty", () => {
+    const repository = new DockDeckRepository(":memory:");
+    for (let index = 0; index < 20; index += 1)
+      repository.createDashboardProfile({ name: `Profile ${index + 1}` });
+
+    expect(repository.getDashboardProfiles()).toHaveLength(20);
+    expect(() =>
+      repository.createDashboardProfile({ name: "Profile 21" }),
+    ).toThrow("The dashboard profile limit has been reached");
+    repository.close();
+  });
+
+  it("captures inventory beyond the old layout-preset limit", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered(
+      Array.from({ length: 101 }, (_, index) => ({
+        ...discovered,
+        id: `container-${index}`,
+        technicalName: `service-${index}`,
+      })),
+    );
+
+    const profile = repository.createDashboardProfile({
+      name: "Full inventory",
+    });
+    expect(profile.configuration.apps).toHaveLength(101);
+    expect(profile.configuration.layout.apps).toHaveLength(101);
+    repository.close();
+  });
+
+  it("keeps named profiles compatible with older version 1 backups", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.createCategory({
+      name: "Lab",
+      icon: "Layers3",
+      sortOrder: 0,
+    });
+    const oldBackup = repository.export() as Record<string, unknown>;
+    delete oldBackup.profiles;
+
+    expect(() => repository.import(oldBackup as never)).not.toThrow();
+    expect(repository.getCategories()).toEqual(oldBackup.categories);
+    expect(repository.getDashboardProfiles()).toEqual([]);
+    repository.close();
+  });
+
+  it("rejects an invalid profile backup before changing stored configuration", () => {
+    const repository = new DockDeckRepository(":memory:");
+    repository.syncDiscovered([discovered]);
+    repository.createCategory({
+      name: "Stable",
+      icon: "Layers3",
+      sortOrder: 0,
+    });
+    repository.updateApp(discovered.id, { visible: true, sortOrder: 8 });
+    const profile = repository.createDashboardProfile({ name: "Stable view" });
+    const before = repository.export();
+    const invalid = structuredClone(before) as unknown as {
+      profiles: Array<{ configuration: { preferences: { theme: string } } }>;
+    };
+    invalid.profiles[0]!.configuration.preferences.theme = "system";
+
+    expect(() => repository.import(invalid as never)).toThrow();
+    expect(repository.getCategories()).toEqual(before.categories);
+    expect(repository.getApps()[0]).toMatchObject({
+      visible: true,
+      sortOrder: 8,
+    });
+    expect(repository.getDashboardProfiles()).toEqual([profile]);
+    repository.close();
+  });
+});
diff --git a/src/tests/discovery.test.ts b/src/tests/discovery.test.ts
new file mode 100644
index 0000000..a5395ad
--- /dev/null
+++ b/src/tests/discovery.test.ts
@@ -0,0 +1,143 @@
+import { describe, expect, it, vi } from "vitest";
+import {
+  appOpsContainerToDocker,
+  DiscoveryService,
+  metricFromAppOps,
+  parseUnraidTemplate,
+} from "../server/integrations/discovery.js";
+
+describe("discovery adapters", () => {
+  it("normalizes AppOps inventory and measured stats without a Docker socket", () => {
+    const item = {
+      id: "appops-1",
+      name: "DockDeck",
+      state: "running",
+      health: "healthy",
+      image: "dockdeck:local",
+      ports: ["1218:3000", "1218:3000"],
+      cpu: "1.7%",
+      ram: "90 MiB / 62 GiB",
+      metricsStatus: "measured",
+    };
+    expect(appOpsContainerToDocker(item)).toMatchObject({
+      Id: "appops-1",
+      Names: ["/DockDeck"],
+      State: "running",
+      Ports: [{ PublicPort: 1218, PrivatePort: 3000, Type: "tcp" }],
+    });
+    expect(metricFromAppOps(item)).toMatchObject({
+      statusText: "running · healthy",
+      cpuPercent: 1.7,
+      memoryUsageBytes: 90 * 1024 ** 2,
+      memoryLimitBytes: 62 * 1024 ** 3,
+      pids: null,
+      freshness: "fresh",
+    });
+  });
+
+  it("parses Unraid template WebUI and icon metadata", () => {
+    const template = parseUnraidTemplate(
+      "<Container><Name>Jellyfin</Name><WebUI>http://[IP]:[PORT:8096]</WebUI><Icon><![CDATA[https://example.test/icon.png]]></Icon></Container>",
+    );
+    expect(template).toEqual({
+      name: "Jellyfin",
+      webUi: "http://[IP]:[PORT:8096]",
+      icon: "https://example.test/icon.png",
+    });
+  });
+
+  it("provides deterministic mock inventory and graceful optional NPM state", async () => {
+    const discovery = new DiscoveryService();
+    const result = await discovery.discover(true, ["Plex-Media-Server"]);
+    expect(result.apps.map((app) => app.technicalName)).toContain(
+      "Plex-Media-Server",
+    );
+    expect(
+      result.apps.find((app) => app.technicalName === "home-assistant")?.status,
+    ).toBe("offline");
+    expect(result.integrations.find((item) => item.id === "npm")?.state).toBe(
+      "connected",
+    );
+    expect(discovery.getWidgetMetrics()["Plex-Media-Server"]).toMatchObject({
+      cpuPercent: 1.4,
+      pids: 24,
+      networkRxBytesPerSecond: 3 * 1024 ** 2,
+      networkTxBytesPerSecond: 180 * 1024,
+      freshness: "fresh",
+      history: [expect.objectContaining({ cpuPercent: 1.4 })],
+    });
+    expect(discovery.getServerWidget()).toMatchObject({
+      hostName: "Tower",
+      containers: 4,
+      containersRunning: 3,
+      freshness: "fresh",
+      native: expect.objectContaining({
+        arrayState: "Started",
+        parityStatus: "healthy",
+      }),
+      history: expect.objectContaining({
+        "Running containers": [expect.objectContaining({ value: 3 })],
+        "Storage used": [
+          expect.objectContaining({ value: expect.any(Number) }),
+        ],
+        "Hottest temperature": [expect.objectContaining({ value: 42 })],
+      }),
+    });
+    await discovery.discover(true, ["Plex-Media-Server"]);
+    expect(
+      discovery.getServerWidget()?.history?.["Running containers"],
+    ).toHaveLength(2);
+  });
+
+  it("suggests first-party projects from AppOps metadata and rejects third-party local tags", async () => {
+    const inventory = [
+      {
+        id: "itworx-1",
+        name: "ITWorx-Pulse",
+        state: "running",
+        image: "itworx/pulse:latest",
+      },
+      {
+        id: "local-1",
+        name: "Auralist-API-1",
+        state: "running",
+        image: "local/auralist-api:latest",
+      },
+      {
+        id: "postgres-1",
+        name: "postgres",
+        state: "running",
+        image: "postgres:local",
+      },
+      {
+        id: "sonarr-1",
+        name: "sonarr",
+        state: "running",
+        image: "lscr.io/linuxserver/sonarr:local",
+      },
+    ];
+    vi.stubEnv("NODE_ENV", "development");
+    vi.stubEnv("APPOPS_URL", "http://appops.test");
+    const fetchMock = vi
+      .spyOn(globalThis, "fetch")
+      .mockResolvedValue(new Response(JSON.stringify(inventory)));
+
+    try {
+      const result = await new DiscoveryService().discover();
+      expect(
+        result.apps.map(({ technicalName, personalProject }) => [
+          technicalName,
+          personalProject,
+        ]),
+      ).toEqual([
+        ["ITWorx-Pulse", true],
+        ["Auralist-API-1", true],
+        ["postgres", false],
+        ["sonarr", false],
+      ]);
+    } finally {
+      fetchMock.mockRestore();
+      vi.unstubAllEnvs();
+    }
+  });
+});
diff --git a/src/tests/domain.test.ts b/src/tests/domain.test.ts
new file mode 100644
index 0000000..2e20a4f
--- /dev/null
+++ b/src/tests/domain.test.ts
@@ -0,0 +1,219 @@
+import { describe, expect, it } from "vitest";
+import type { Category, DockApp, Favorite } from "../shared/contracts.js";
+import {
+  favoriteIconUrl,
+  googleSearchUrl,
+  groupFavoritesIntoFolders,
+  inferAppCategoryName,
+  inferServiceKind,
+  matchNpmHost,
+  normalizeUrl,
+  resolveContainerHost,
+  resolveUnraidIcon,
+  resolveUnraidWebUi,
+  searchItems,
+  sortByPosition,
+} from "../shared/domain.js";
+
+const app: DockApp = {
+  id: "1",
+  technicalName: "paperless-ngx",
+  displayName: "Paperless",
+  image: null,
+  icon: null,
+  status: "online",
+  localUrl: "http://host.local:8010",
+  localUrlOverride: null,
+  externalUrl: null,
+  externalUrlOverride: null,
+  visible: true,
+  personalProject: false,
+  widgetEnabled: false,
+  widgetSize: "standard",
+  widgetShowSummary: true,
+  widgetShowMetrics: true,
+  widgetShowInfrastructure: true,
+  widgetShowProgress: true,
+  widgetShowSparkline: true,
+  widgetChartMetric: "auto",
+  widgetChartType: "line",
+  widgetChartSamples: 20,
+  widgetShowLegend: true,
+  widgetMetricStyles: {},
+  widgetStatLimit: 6,
+  widgetOrder: 0,
+  widgetMetricOrder: [],
+  widgetHiddenMetrics: [],
+  widgetPrimaryMetric: null,
+  widgetCustomLabel: null,
+  widgetWarningMetric: "cpu",
+  widgetWarningDirection: "above",
+  widgetWarningThreshold: null,
+  widgetRefreshIntervalMs: 30000,
+  categoryId: null,
+  sortOrder: 10,
+  detectionSource: "test",
+  lastChecked: null,
+  discoveredAt: null,
+  isNew: false,
+};
+const favorite: Favorite = {
+  id: "f1",
+  name: "GitHub",
+  url: "https://github.com",
+  icon: null,
+  categoryId: null,
+  sortOrder: 0,
+};
+
+describe("URL rules", () => {
+  it("normalizes host-like values and rejects invalid values", () => {
+    expect(normalizeUrl("host.local:8080")).toBe("http://host.local:8080");
+    expect(normalizeUrl("not a url")).toBeNull();
+  });
+
+  it("resolves Unraid port templates against published Docker ports", () => {
+    expect(
+      resolveUnraidWebUi("http://[IP]:[PORT:8000]/", "host.local", [
+        { PrivatePort: 8000, PublicPort: 8010 },
+      ]),
+    ).toBe("http://host.local:8010");
+    expect(
+      resolveUnraidWebUi("http://[IP]:[PORT:8080]/", "192.0.2.10", [
+        { PrivatePort: 8075, PublicPort: 8075 },
+        { PrivatePort: 8075, PublicPort: 8075 },
+        { PrivatePort: 8080 },
+      ]),
+    ).toBe("http://192.0.2.10:8075");
+    expect(
+      resolveContainerHost("192.0.2.10", {
+        br0: { IPAddress: "192.0.2.3" },
+      }),
+    ).toBe("192.0.2.3");
+  });
+
+  it("serves local Unraid DockerMan icons through DockDeck", () => {
+    expect(
+      resolveUnraidIcon(
+        "/boot/config/plugins/dockerMan/images/media codec-icon.png",
+        "192.0.2.10",
+      ),
+    ).toBe("/api/icons/media%20codec-icon.png");
+    expect(resolveUnraidIcon("/plugins/docker/icon.png", "host.local")).toBe(
+      "http://host.local/plugins/docker/icon.png",
+    );
+  });
+
+  it("matches only an unambiguous NPM hostname", () => {
+    expect(matchNpmHost("paperless-ngx", ["paperless.home.test"])).toBe(
+      "https://paperless.home.test",
+    );
+    expect(
+      matchNpmHost("plex", ["plex.home.test", "plex.example.test"]),
+    ).toBeNull();
+  });
+
+  it("derives first-party favorite favicons without an external service", () => {
+    expect(favoriteIconUrl(favorite)).toBe("https://github.com/favicon.ico");
+    expect(
+      favoriteIconUrl({ ...favorite, icon: "https://cdn.test/custom.svg" }),
+    ).toBe("https://cdn.test/custom.svg");
+  });
+});
+
+describe("dashboard rules", () => {
+  it("searches all current app metadata and follows renamed apps", () => {
+    expect(searchItems("paper", [app], [favorite])).toEqual([
+      {
+        id: "1",
+        name: "Paperless",
+        url: app.localUrl,
+        kind: "app",
+        detail: "paperless-ngx",
+        hidden: false,
+      },
+    ]);
+    expect(
+      searchItems("paperless-ngx", [{ ...app, visible: false }], [favorite]),
+    ).toEqual([expect.objectContaining({ name: "Paperless", hidden: true })]);
+    expect(
+      searchItems("archive", [{ ...app, displayName: "Archive" }], [favorite]),
+    ).toEqual([expect.objectContaining({ name: "Archive" })]);
+    expect(searchItems("git", [app], [favorite])[0]?.name).toBe("GitHub");
+  });
+
+  it("builds an encoded Google fallback and applies stable sort rules", () => {
+    expect(googleSearchUrl("unraid dashboard")).toBe(
+      "https://www.google.com/search?q=unraid%20dashboard",
+    );
+    expect(
+      sortByPosition([
+        { name: "B", sortOrder: 0 },
+        { name: "A", sortOrder: 0 },
+        { name: "C", sortOrder: 5 },
+      ]).map((x) => x.name),
+    ).toEqual(["A", "B", "C"]);
+  });
+
+  it("groups favorites into ordered sidebar folders without losing unknown categories", () => {
+    const categories: Category[] = [
+      { id: "work", name: "Werk", icon: "Briefcase", sortOrder: 20 },
+      { id: "media", name: "Media", icon: "Play", sortOrder: 10 },
+    ];
+    const folders = groupFavoritesIntoFolders(
+      [
+        {
+          ...favorite,
+          id: "work-2",
+          name: "B",
+          categoryId: "work",
+          sortOrder: 20,
+        },
+        { ...favorite, id: "media-1", name: "Plex", categoryId: "media" },
+        {
+          ...favorite,
+          id: "work-1",
+          name: "A",
+          categoryId: "work",
+          sortOrder: 10,
+        },
+        { ...favorite, id: "orphan", name: "Los", categoryId: "missing" },
+      ],
+      categories,
+    );
+
+    expect(folders.map((folder) => folder.name)).toEqual([
+      "Media",
+      "Werk",
+      "Losse favorieten",
+    ]);
+    expect(folders[1]?.favorites.map((item) => item.name)).toEqual(["A", "B"]);
+    expect(folders[2]?.favorites.map((item) => item.name)).toEqual(["Los"]);
+  });
+
+  it("classifies common homelab services for useful widget treatments", () => {
+    expect(inferServiceKind("AdGuard Home")).toBe("dns");
+    expect(inferServiceKind("binhex-plexpass")).toBe("media");
+    expect(inferServiceKind("Immich")).toBe("photos");
+    expect(inferServiceKind("Glances")).toBe("monitoring");
+    expect(inferServiceKind("Ollama")).toBe("ai");
+    expect(inferServiceKind("Paperless-ngx")).toBe("documents");
+    expect(inferServiceKind("Vaultwarden")).toBe("security");
+  });
+
+  it("suggests canonical categories without guessing unknown services", () => {
+    const categorized = (technicalName: string) =>
+      inferAppCategoryName({
+        ...app,
+        technicalName,
+        displayName: technicalName,
+      });
+    expect(categorized("binhex-deluge")).toBe("Downloads");
+    expect(categorized("JDownloader2")).toBe("Downloads");
+    expect(categorized("Glances")).toBe("Monitoring");
+    expect(categorized("NginxProxyManager")).toBe("Network & Admin");
+    expect(categorized("organizrv2")).toBe("Tools & Productivity");
+    expect(categorized("projectbrain")).toBe("Development & Projects");
+    expect(categorized("unknown-personal-service")).toBeNull();
+  });
+});
diff --git a/src/tests/http.test.ts b/src/tests/http.test.ts
new file mode 100644
index 0000000..a4ff64a
--- /dev/null
+++ b/src/tests/http.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { fetchBoundedJson, readBoundedJsonResponse } from "../server/http.js";
+
+describe("bounded outbound HTTP", () => {
+  it("rejects declared and streamed responses larger than the configured limit", async () => {
+    await expect(
+      readBoundedJsonResponse(
+        new Response("{}", { headers: { "content-length": "20" } }),
+        10,
+      ),
+    ).rejects.toThrow("too large");
+
+    await expect(
+      readBoundedJsonResponse(
+        new Response(JSON.stringify({ value: "long" })),
+        8,
+      ),
+    ).rejects.toThrow("too large");
+  });
+
+  it("rejects redirects instead of forwarding integration credentials", async () => {
+    const fetcher = async () =>
+      new Response(null, {
+        status: 302,
+        headers: { location: "https://other.test" },
+      });
+    await expect(
+      fetchBoundedJson("https://provider.test", {}, 1000, 1024, fetcher),
+    ).rejects.toThrow("HTTP 302");
+  });
+});
diff --git a/src/tests/integration-environment.test.ts b/src/tests/integration-environment.test.ts
new file mode 100644
index 0000000..251aeb4
--- /dev/null
+++ b/src/tests/integration-environment.test.ts
@@ -0,0 +1,53 @@
+import { mkdtempSync, readFileSync, rmSync, statSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { afterEach, describe, expect, it } from "vitest";
+import { IntegrationEnvironmentStore } from "../server/integration-environment.js";
+
+const directories: string[] = [];
+
+afterEach(() => {
+  delete process.env.PLEX_URL;
+  delete process.env.PLEX_TOKEN;
+  for (const directory of directories.splice(0))
+    rmSync(directory, { recursive: true, force: true });
+});
+
+describe("integration environment store", () => {
+  it("persists environment-formatted values and reloads them into the process", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-integrations-"));
+    directories.push(directory);
+    const path = join(directory, "integrations.env");
+    const opaqueValue = "opaque-test-value";
+
+    new IntegrationEnvironmentStore(path).set({
+      PLEX_URL: "http://plex.test",
+      PLEX_TOKEN: opaqueValue,
+    });
+
+    const stored = readFileSync(path, "utf8");
+    expect(stored).toContain('PLEX_URL="http://plex.test"');
+    expect(stored).toContain(`PLEX_TOKEN="${opaqueValue}"`);
+    if (process.platform !== "win32")
+      expect(statSync(path).mode & 0o777).toBe(0o600);
+
+    delete process.env.PLEX_URL;
+    delete process.env.PLEX_TOKEN;
+    new IntegrationEnvironmentStore(path);
+    expect(process.env.PLEX_URL).toBe("http://plex.test");
+    expect(process.env.PLEX_TOKEN).toBe(opaqueValue);
+  });
+
+  it("persists cleared values so deployment secrets cannot reappear after restart", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-integrations-"));
+    directories.push(directory);
+    const path = join(directory, "integrations.env");
+    const store = new IntegrationEnvironmentStore(path);
+    store.set({ PLEX_TOKEN: "old-token" });
+    store.clear(["PLEX_TOKEN"]);
+
+    process.env.PLEX_TOKEN = "deployment-token";
+    new IntegrationEnvironmentStore(path);
+    expect(process.env.PLEX_TOKEN).toBe("");
+  });
+});
diff --git a/src/tests/launch-history.test.ts b/src/tests/launch-history.test.ts
new file mode 100644
index 0000000..771ce0f
--- /dev/null
+++ b/src/tests/launch-history.test.ts
@@ -0,0 +1,142 @@
+import { describe, expect, it } from "vitest";
+import {
+  LAUNCH_HISTORY_STORAGE_KEY,
+  MAX_LAUNCH_COUNT,
+  MAX_LAUNCH_HISTORY_ENTRIES,
+  MAX_LAUNCH_ID_LENGTH,
+  loadLaunchHistory,
+  parseLaunchHistory,
+  recordLaunchHistory,
+  retainAvailableLaunches,
+  saveLaunchHistory,
+  selectLaunchHistory,
+  type LaunchHistoryStorage,
+} from "../client/launch-history";
+
+const now = Date.now() - 10_000;
+
+function memoryStorage(initial: Record<string, string> = {}) {
+  const values = new Map(Object.entries(initial));
+  const storage: LaunchHistoryStorage = {
+    getItem: (key) => values.get(key) ?? null,
+    setItem: (key, value) => values.set(key, value),
+    removeItem: (key) => values.delete(key),
+  };
+  return { storage, values };
+}
+
+describe("browser-local launch history", () => {
+  it("stores only a launch identifier, timestamp, and bounded count", () => {
+    const { storage, values } = memoryStorage();
+    const entry = recordLaunchHistory([], "app:plex", now)[0]!;
+
+    saveLaunchHistory(storage, [entry]);
+
+    expect([...values.keys()]).toEqual([LAUNCH_HISTORY_STORAGE_KEY]);
+    const persisted = JSON.parse(values.get(LAUNCH_HISTORY_STORAGE_KEY)!);
+    expect(persisted).toEqual([
+      { key: "app:plex", lastOpenedAt: now, count: 1 },
+    ]);
+    expect(Object.keys(persisted[0]).sort()).toEqual([
+      "count",
+      "key",
+      "lastOpenedAt",
+    ]);
+    expect(loadLaunchHistory(storage)).toEqual([entry]);
+  });
+
+  it("rejects malformed, oversized, future-dated, and extra-field input", () => {
+    const serialized = JSON.stringify([
+      { key: "app:kept", lastOpenedAt: now, count: 2 },
+      {
+        key: "favorite:too-many",
+        lastOpenedAt: now,
+        count: Number.MAX_SAFE_INTEGER + 1,
+      },
+      {
+        key: `app:${"x".repeat(MAX_LAUNCH_ID_LENGTH + 1)}`,
+        lastOpenedAt: now,
+        count: 1,
+      },
+      { key: "app:future", lastOpenedAt: Date.now() + 10 * 60_000, count: 1 },
+      { key: "app:label-leak", lastOpenedAt: now, count: 1, name: "Plex" },
+      {
+        key: "favorite:high-count",
+        lastOpenedAt: now,
+        count: MAX_LAUNCH_COUNT + 500,
+      },
+    ]);
+
+    expect(parseLaunchHistory(serialized)).toEqual([
+      { key: "app:kept", lastOpenedAt: now, count: 2 },
+      {
+        key: "favorite:high-count",
+        lastOpenedAt: now,
+        count: MAX_LAUNCH_COUNT,
+      },
+    ]);
+    expect(parseLaunchHistory("{")).toEqual([]);
+    expect(parseLaunchHistory("x".repeat(64_001))).toEqual([]);
+  });
+
+  it("increments a bounded count and keeps a bounded newest-first history", () => {
+    const saturated = recordLaunchHistory(
+      [{ key: "app:popular", lastOpenedAt: now - 1, count: MAX_LAUNCH_COUNT }],
+      "app:popular",
+      now,
+    );
+    expect(saturated[0]).toEqual({
+      key: "app:popular",
+      lastOpenedAt: now,
+      count: MAX_LAUNCH_COUNT,
+    });
+
+    let entries = saturated;
+    for (let index = 0; index < MAX_LAUNCH_HISTORY_ENTRIES + 25; index += 1) {
+      entries = recordLaunchHistory(
+        entries,
+        `favorite:item-${index}`,
+        now + index,
+      );
+    }
+    expect(entries).toHaveLength(MAX_LAUNCH_HISTORY_ENTRIES);
+    expect(entries[0]?.key).toBe(
+      `favorite:item-${MAX_LAUNCH_HISTORY_ENTRIES + 24}`,
+    );
+    expect(entries.at(-1)?.key).toBe("favorite:item-25");
+  });
+
+  it("ignores hidden or deleted targets and sorts Recent and Veel gebruikt separately", () => {
+    const entries = [
+      { key: "app:visible", lastOpenedAt: now - 30, count: 2 },
+      { key: "favorite:current", lastOpenedAt: now - 20, count: 5 },
+      { key: "app:hidden", lastOpenedAt: now - 10, count: 99 },
+      { key: "favorite:deleted", lastOpenedAt: now, count: 40 },
+    ] as const;
+    const available = new Set(["app:visible", "favorite:current"]);
+
+    expect(
+      selectLaunchHistory(entries, available, "recent").map((item) => item.key),
+    ).toEqual(["favorite:current", "app:visible"]);
+    expect(
+      selectLaunchHistory(entries, available, "most-used").map(
+        (item) => item.key,
+      ),
+    ).toEqual(["favorite:current", "app:visible"]);
+    expect(retainAvailableLaunches(entries, available)).toEqual(
+      entries.slice(0, 2),
+    );
+  });
+
+  it("clears browser history without retaining an empty record", () => {
+    const { storage, values } = memoryStorage();
+    saveLaunchHistory(storage, [
+      { key: "favorite:google", lastOpenedAt: now, count: 1 },
+    ]);
+
+    saveLaunchHistory(storage, []);
+
+    expect(values.has(LAUNCH_HISTORY_STORAGE_KEY)).toBe(false);
+    expect(loadLaunchHistory(storage)).toEqual([]);
+  });
+});
diff --git a/src/tests/personal-project.test.ts b/src/tests/personal-project.test.ts
new file mode 100644
index 0000000..00a7130
--- /dev/null
+++ b/src/tests/personal-project.test.ts
@@ -0,0 +1,142 @@
+import { describe, expect, it } from "vitest";
+import { DockDeckRepository, type DiscoveredApp } from "../server/database.js";
+import { inferPersonalProject } from "../shared/personal-project.js";
+
+const discovered: DiscoveredApp = {
+  id: "container-1",
+  technicalName: "example",
+  displayName: "Example",
+  image: "example",
+  icon: null,
+  status: "online",
+  localUrl: "http://host.local:8080",
+  externalUrl: null,
+  detectionSource: "test",
+  lastChecked: "2026-09-23T00:00:00.000Z",
+};
+
+describe("personal-project discovery", () => {
+  it("recognizes explicit first-party namespaces and strong unqualified names", () => {
+    expect(
+      inferPersonalProject({
+        technicalName: "ITWorx-Pulse-Web",
+        displayName: "ITWorx Pulse Web",
+        image: "ghcr.io/itworx/pulse-web:latest",
+      }),
+    ).toBe(true);
+    expect(
+      inferPersonalProject({
+        technicalName: "auralist-api-1",
+        displayName: "Auralist API",
+        image: "local/auralist-api:latest",
+      }),
+    ).toBe(true);
+    expect(
+      inferPersonalProject({
+        technicalName: "DockDeck",
+        displayName: "DockDeck",
+        image: "dockdeck:local",
+      }),
+    ).toBe(true);
+    expect(
+      inferPersonalProject({
+        technicalName: "evidencevault",
+        displayName: "EvidenceVault",
+        image: "evidencevault:0.2.0",
+      }),
+    ).toBe(true);
+  });
+
+  it("rejects third-party services and unrelated local tags", () => {
+    for (const service of [
+      "postgres",
+      "redis",
+      "valkey",
+      "mariadb",
+      "mysql",
+      "nginx",
+      "caddy",
+      "node",
+      "python",
+      "grafana",
+      "prometheus",
+      "traefik",
+      "adminer",
+    ]) {
+      expect(
+        inferPersonalProject({
+          technicalName: service,
+          displayName: service,
+          image: `${service}:local`,
+        }),
+      ).toBe(false);
+    }
+
+    expect(
+      inferPersonalProject({
+        technicalName: "sonarr",
+        displayName: "Sonarr",
+        image: "lscr.io/linuxserver/sonarr:local",
+      }),
+    ).toBe(false);
+    expect(
+      inferPersonalProject({
+        technicalName: "itworx-postgres",
+        displayName: "ITWorx Postgres",
+        image: "postgres:local",
+      }),
+    ).toBe(false);
+    expect(
+      inferPersonalProject({
+        technicalName: "my-service",
+        displayName: "My Service",
+        image: "ghcr.io/example/my-service:local",
+      }),
+    ).toBe(false);
+    expect(
+      inferPersonalProject({
+        technicalName: "api",
+        displayName: "API",
+        image: "api:local",
+      }),
+    ).toBe(false);
+  });
+
+  it("keeps a manual choice across later discovery, including container replacement", () => {
+    const repository = new DockDeckRepository(":memory:");
+    const suggested = {
+      ...discovered,
+      technicalName: "itworx-demo",
+      displayName: "ITWorx Demo",
+      image: "itworx/demo:latest",
+      personalProject: true,
+    };
+    const unclassified = {
+      ...discovered,
+      id: "container-2",
+      technicalName: "postgres",
+      displayName: "Postgres",
+      image: "postgres:local",
+      personalProject: false,
+    };
+
+    repository.syncDiscovered([suggested, unclassified]);
+    repository.updateApp(suggested.id, { personalProject: false });
+    repository.updateApp(unclassified.id, { personalProject: true });
+    repository.syncDiscovered([
+      { ...suggested, id: "replacement-itworx-id" },
+      { ...unclassified, id: "replacement-postgres-id" },
+    ]);
+
+    expect(repository.getApps()).toHaveLength(2);
+    expect(
+      repository.getApps().find((app) => app.technicalName === "itworx-demo")
+        ?.personalProject,
+    ).toBe(false);
+    expect(
+      repository.getApps().find((app) => app.technicalName === "postgres")
+        ?.personalProject,
+    ).toBe(true);
+    repository.close();
+  });
+});
diff --git a/src/tests/provider-widgets.test.ts b/src/tests/provider-widgets.test.ts
new file mode 100644
index 0000000..ad5f36a
--- /dev/null
+++ b/src/tests/provider-widgets.test.ts
@@ -0,0 +1,494 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import type { DockApp } from "../shared/contracts.js";
+import {
+  detectProvider,
+  ProviderWidgetService,
+} from "../server/integrations/provider-widgets.js";
+
+const app = (
+  technicalName: string,
+  localUrl: string | null = null,
+): DockApp => ({
+  id: technicalName,
+  technicalName,
+  displayName: technicalName,
+  image: null,
+  icon: null,
+  status: "online",
+  localUrl,
+  localUrlOverride: null,
+  externalUrl: null,
+  externalUrlOverride: null,
+  visible: true,
+  personalProject: false,
+  widgetEnabled: true,
+  widgetSize: "standard",
+  widgetShowSummary: true,
+  widgetShowMetrics: true,
+  widgetShowInfrastructure: true,
+  widgetShowProgress: true,
+  widgetShowSparkline: true,
+  widgetChartMetric: "auto",
+  widgetChartType: "line",
+  widgetChartSamples: 20,
+  widgetShowLegend: true,
+  widgetMetricStyles: {},
+  widgetStatLimit: 6,
+  widgetOrder: 0,
+  widgetMetricOrder: [],
+  widgetHiddenMetrics: [],
+  widgetPrimaryMetric: null,
+  widgetCustomLabel: null,
+  widgetWarningMetric: "cpu",
+  widgetWarningDirection: "above",
+  widgetWarningThreshold: null,
+  widgetRefreshIntervalMs: 30000,
+  categoryId: null,
+  sortOrder: 0,
+  detectionSource: "test",
+  lastChecked: null,
+  discoveredAt: null,
+  isNew: false,
+});
+
+afterEach(() => {
+  vi.unstubAllEnvs();
+  vi.unstubAllGlobals();
+});
+
+describe("provider-aware widgets", () => {
+  it("clears an omitted secret when a provider origin changes", () => {
+    vi.stubEnv("PLEX_URL", "http://plex.test");
+    vi.stubEnv("PLEX_TOKEN", "old-token");
+    const service = new ProviderWidgetService();
+
+    service.configure(app("Plex-Media-Server"), {
+      PLEX_URL: "https://replacement.test/library",
+    });
+
+    expect(process.env.PLEX_URL).toBe("https://replacement.test/library");
+    expect(process.env.PLEX_TOKEN).toBe("");
+  });
+
+  it("retains a secret for a path-only update on the same provider origin", () => {
+    vi.stubEnv("PLEX_URL", "https://plex.test/old");
+    vi.stubEnv("PLEX_TOKEN", "old-token");
+    const service = new ProviderWidgetService();
+
+    service.configure(app("Plex-Media-Server"), {
+      PLEX_URL: "https://plex.test/new",
+    });
+
+    expect(process.env.PLEX_TOKEN).toBe("old-token");
+  });
+
+  it("clears NPM username and password when the NPM origin changes", () => {
+    vi.stubEnv("NPM_URL", "http://npm.test");
+    vi.stubEnv("NPM_TOKEN", "old-token");
+    vi.stubEnv("NPM_USERNAME", "operator@example.test");
+    vi.stubEnv("NPM_PASSWORD", "old-password");
+    const service = new ProviderWidgetService();
+
+    service.configure(app("Nginx-Proxy-Manager"), {
+      NPM_URL: "https://replacement.test",
+    });
+
+    expect(process.env.NPM_TOKEN).toBe("");
+    expect(process.env.NPM_USERNAME).toBe("");
+    expect(process.env.NPM_PASSWORD).toBe("");
+  });
+
+  it("detects supported providers without guessing unrelated services", () => {
+    expect(detectProvider("binhex-sonarr")).toBe("arr");
+    expect(detectProvider("home-assistant")).toBe("homeAssistant");
+    expect(detectProvider("paperless-ngx")).toBe("paperless");
+    expect(detectProvider("ollama")).toBe("ollama");
+    expect(detectProvider("Glances")).toBe("glances");
+    expect(detectProvider("tautulli")).toBe("tautulli");
+    expect(detectProvider("mintplexlabs/anythingllm:latest")).toBeNull();
+    expect(detectProvider("Immich_PostgreSQL")).toBeNull();
+    expect(detectProvider("binhex-plexpass")).toBe("plex");
+    expect(detectProvider("Gitea")).toBe("gitea");
+    expect(detectProvider("binhex-seerr")).toBe("seerr");
+    expect(detectProvider("PortainerCE")).toBe("portainer");
+    expect(detectProvider("authentik-worker")).toBeNull();
+    expect(detectProvider("tdarr_node")).toBeNull();
+  });
+
+  it("keeps an unconfigured provider disabled and names required env vars", async () => {
+    const service = new ProviderWidgetService();
+    await service.refresh([app("Plex-Media-Server")]);
+    expect(service.getWidgets()).toEqual({});
+    expect(service.getStates()[0]).toMatchObject({
+      state: "disabled",
+      requiredEnvironment: ["PLEX_URL", "PLEX_TOKEN"],
+    });
+  });
+
+  it("converts AdGuard read-only statistics into functional widget data", async () => {
+    vi.stubEnv("ADGUARD_URL", "http://adguard.test");
+    vi.stubEnv("ADGUARD_USERNAME", "dockdeck");
+    vi.stubEnv("ADGUARD_PASSWORD", "secret");
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(
+        async () =>
+          new Response(
+            JSON.stringify({
+              num_dns_queries: 200,
+              num_blocked_filtering: 50,
+              avg_processing_time: 0.012,
+            }),
+            { status: 200, headers: { "content-type": "application/json" } },
+          ),
+      ),
+    );
+    const service = new ProviderWidgetService();
+    await service.refresh([app("AdGuard-Home")]);
+    expect(service.getWidgets()["AdGuard-Home"]).toMatchObject({
+      kind: "adguard",
+      summary: "25% of DNS traffic blocked",
+    });
+    expect(JSON.stringify(service.getStates())).not.toContain("secret");
+  });
+
+  it("uses the discovered app URL for zero-config Ollama insights", async () => {
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (input: string | URL | Request) => {
+        const url = String(input);
+        return new Response(
+          JSON.stringify(
+            url.endsWith("/api/tags")
+              ? { models: [{ size: 2 * 1024 ** 3 }, { size: 3 * 1024 ** 3 }] }
+              : { models: [{ name: "phi4" }] },
+          ),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+    const service = new ProviderWidgetService();
+    await service.refresh([app("ollama", "http://ollama.test:11434/ui")]);
+    expect(service.getWidgets().ollama).toMatchObject({
+      kind: "ollama",
+      summary: "1 model loaded",
+      stats: [
+        { label: "Installed", value: "2" },
+        { label: "Loaded", value: "1" },
+        { label: "Model storage", value: "5.0 GB" },
+      ],
+    });
+    expect(service.getStates()[0]).toMatchObject({
+      state: "connected",
+      requiredEnvironment: [],
+    });
+    expect(vi.mocked(fetch).mock.calls[0]?.[0]).toBe(
+      "http://ollama.test:11434/api/tags",
+    );
+  });
+
+  it("audits inactive widget providers and preserves their connection state", async () => {
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (input: string | URL | Request) => {
+        const payload = String(input).endsWith("/api/tags")
+          ? { models: [] }
+          : { models: [] };
+        return new Response(JSON.stringify(payload), { status: 200 });
+      }),
+    );
+    const inactive = app("ollama", "http://ollama.test:11434");
+    inactive.widgetEnabled = false;
+    const service = new ProviderWidgetService();
+
+    await service.refresh([inactive], true);
+    expect(service.getStates()).toEqual([
+      expect.objectContaining({
+        id: "widget-ollama",
+        state: "connected",
+      }),
+    ]);
+
+    await service.refresh([inactive]);
+    expect(service.getStates()[0]).toMatchObject({ state: "connected" });
+  });
+
+  it("publishes a capability catalog for rich and tailored widgets", () => {
+    const service = new ProviderWidgetService();
+    const capabilities = service.getCapabilities([
+      app("ollama", "http://ollama.test:11434"),
+      app("JDownloader2", "http://downloads.test"),
+      app("plain-service", "http://plain.test"),
+    ]);
+    expect(capabilities).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          technicalName: "ollama",
+          source: "provider",
+          credentialMode: "none",
+        }),
+        expect.objectContaining({
+          technicalName: "JDownloader2",
+          source: "provider",
+          credentialMode: "required",
+          features: ["Packages", "Progress", "ETA"],
+        }),
+      ]),
+    );
+    expect(
+      capabilities.some((item) => item.technicalName === "plain-service"),
+    ).toBe(true);
+    expect(
+      capabilities.find((item) => item.technicalName === "plain-service"),
+    ).toMatchObject({
+      source: "tailored-docker",
+      credentialMode: "optional",
+      metrics: expect.arrayContaining([
+        expect.objectContaining({ label: "Status", group: "health" }),
+      ]),
+    });
+  });
+
+  it("publishes domain metrics for recognized self-hosted apps", () => {
+    const service = new ProviderWidgetService();
+    const capabilities = service.getCapabilities([
+      app("Komga", "http://komga.test"),
+      app("GPU-Hot", "http://gpu.test"),
+      app("MeTube", "http://metube.test"),
+      app("evidencevault-postgres-1", "http://database.test"),
+      app("evidencevault-worker-1", "http://worker.test"),
+    ]);
+    expect(
+      capabilities.find((item) => item.technicalName === "Komga")?.features,
+    ).toEqual(expect.arrayContaining(["Series", "Books", "Unread"]));
+    expect(
+      capabilities.find((item) => item.technicalName === "GPU-Hot")?.features,
+    ).toEqual(
+      expect.arrayContaining(["GPU temperature", "VRAM used", "Power draw"]),
+    );
+    expect(
+      capabilities.find((item) => item.technicalName === "MeTube")?.features,
+    ).toEqual(expect.arrayContaining(["Queued", "Active", "Completed"]));
+    expect(
+      capabilities.find(
+        (item) => item.technicalName === "evidencevault-postgres-1",
+      )?.features,
+    ).toEqual(expect.arrayContaining(["Connections", "Transactions", "Locks"]));
+    expect(
+      capabilities.find(
+        (item) => item.technicalName === "evidencevault-worker-1",
+      )?.features,
+    ).toEqual(
+      expect.arrayContaining(["Queued jobs", "Processed", "Last completed"]),
+    );
+  });
+
+  it("publishes dedicated capability profiles for every previously generic live app", () => {
+    const names = [
+      "blockpilot-autonomous-agent-runtime-1",
+      "blockpilot-autonomous-api-1",
+      "blockpilot-autonomous-minecraft-sandbox-1",
+      "blockpilot-autonomous-viaproxy-1",
+      "blockpilot-autonomous-web-1",
+      "blockpilot",
+      "lumaops",
+      "chimera",
+      "inspiring_carson",
+      "OpenRGB-GUI-Unraid",
+      "porkfolio",
+    ];
+    const capabilities = new ProviderWidgetService().getCapabilities(
+      names.map((name) => app(name, `http://${name}.test`)),
+    );
+    expect(capabilities).toHaveLength(names.length);
+    for (const capability of capabilities) {
+      expect(capability.features).toHaveLength(6);
+      expect(capability.features).not.toEqual([
+        "Status",
+        "CPU",
+        "Memory",
+        "Ingress",
+        "Egress",
+        "Processes",
+        "Uptime",
+      ]);
+      expect(
+        capability.metrics.every((metric) => metric.description.length > 40),
+      ).toBe(true);
+      expect(
+        capability.metrics.every(
+          (metric) => metric.defaultStyle && metric.unit,
+        ),
+      ).toBe(true);
+    }
+  });
+
+  it("normalizes Glances, Tautulli and Paperless read-only responses", async () => {
+    vi.stubEnv("TAUTULLI_API_KEY", "opaque-test-value");
+    vi.stubEnv("PAPERLESS_TOKEN", "opaque-test-value");
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (input: string | URL | Request) => {
+        const url = String(input);
+        const payload = url.includes("/api/4/cpu")
+          ? { total: 12.4 }
+          : url.includes("/api/4/mem")
+            ? { percent: 44.5 }
+            : url.includes("/api/4/load")
+              ? { min1: 1.25 }
+              : url.includes("cmd=get_activity")
+                ? {
+                    response: {
+                      result: "success",
+                      data: {
+                        stream_count: "2",
+                        stream_count_transcode: "1",
+                        total_bandwidth: "4200",
+                      },
+                    },
+                  }
+                : {
+                    document_count: 1200,
+                    inbox_count: 3,
+                    document_file_size: 4 * 1024 ** 3,
+                  };
+        return new Response(JSON.stringify(payload), {
+          status: 200,
+          headers: { "content-type": "application/json" },
+        });
+      }),
+    );
+    const service = new ProviderWidgetService();
+    await service.refresh([
+      app("Glances", "http://glances.test:61208"),
+      app("tautulli", "http://tautulli.test:8181"),
+      app("paperless-ngx", "http://paperless.test:8000"),
+    ]);
+    expect(service.getWidgets().Glances).toMatchObject({
+      summary: "45% host memory in use",
+      stats: expect.arrayContaining([
+        expect.objectContaining({ label: "Load 1m", value: "1.25" }),
+      ]),
+    });
+    expect(service.getWidgets().tautulli).toMatchObject({
+      summary: "2 active Plex streams",
+      stats: expect.arrayContaining([
+        expect.objectContaining({ label: "Transcodes", value: "1" }),
+      ]),
+    });
+    expect(service.getWidgets()["paperless-ngx"]).toMatchObject({
+      summary: "1.2K documents organized",
+      stats: expect.arrayContaining([
+        expect.objectContaining({ label: "Inbox", value: "3" }),
+      ]),
+    });
+  });
+
+  it("uses Lidarr API v1 while keeping Sonarr and Radarr on v3", async () => {
+    vi.stubEnv("LIDARR_URL", "http://lidarr.test:8686");
+    vi.stubEnv("LIDARR_API_KEY", "opaque-test-value");
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (input: string | URL | Request) => {
+        const url = String(input);
+        return new Response(
+          JSON.stringify(
+            url.endsWith("/queue/status")
+              ? { totalCount: 0 }
+              : { version: "2.0.0" },
+          ),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+
+    const service = new ProviderWidgetService();
+    await service.refresh([app("lidarr", "http://lidarr.test:8686")]);
+
+    expect(service.getStates()[0]).toMatchObject({ state: "connected" });
+    expect(vi.mocked(fetch).mock.calls.map(([input]) => String(input))).toEqual(
+      [
+        "http://lidarr.test:8686/api/v1/queue/status",
+        "http://lidarr.test:8686/api/v1/system/status",
+      ],
+    );
+  });
+
+  it("accepts app-specific GET-only bridge metrics for restricted providers", async () => {
+    vi.stubEnv("JDOWNLOADER_METRICS_URL", "http://metrics.test/jdownloader");
+    vi.stubEnv("JDOWNLOADER_METRICS_TOKEN", "opaque-test-value");
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async (_input: string | URL | Request, init?: RequestInit) => {
+        expect(init?.method).toBe("GET");
+        expect(init?.headers).toMatchObject({
+          Authorization: "Bearer opaque-test-value",
+        });
+        return new Response(
+          JSON.stringify({
+            summary: "2 packages downloading",
+            stats: [
+              { label: "Packages", value: 2, tone: "positive" },
+              { label: "Progress", value: "61%" },
+              { label: "ETA", value: "18 min" },
+            ],
+          }),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+    const service = new ProviderWidgetService();
+    await service.refresh([app("JDownloader2", "http://downloads.test")]);
+    expect(service.getWidgets().JDownloader2).toMatchObject({
+      kind: "jdownloader",
+      summary: "2 packages downloading",
+      freshness: "fresh",
+      stats: [
+        { label: "Packages", value: "2", tone: "positive" },
+        { label: "Progress", value: "61%" },
+        { label: "ETA", value: "18 min" },
+      ],
+    });
+  });
+
+  it("keeps numeric app API history in memory for configurable charts", async () => {
+    vi.stubEnv("CUSTOM_WIDGET_CHIMERA_URL", "http://metrics.test/chimera");
+    let processed = 40;
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async () => {
+        processed += 2;
+        return new Response(
+          JSON.stringify({
+            summary: "Processing is healthy",
+            stats: [
+              { label: "Processed items", value: processed },
+              { label: "Last run", value: "just now" },
+            ],
+          }),
+          { status: 200, headers: { "content-type": "application/json" } },
+        );
+      }),
+    );
+    const target = app("chimera", "http://chimera.test");
+    target.widgetRefreshIntervalMs = 0;
+    const service = new ProviderWidgetService();
+    await service.refresh([target]);
+    await service.refresh([target]);
+    expect(service.getWidgets().chimera).toMatchObject({
+      stats: expect.arrayContaining([
+        expect.objectContaining({
+          label: "Processed items",
+          numericValue: 44,
+        }),
+      ]),
+      history: {
+        "Processed items": [
+          expect.objectContaining({ value: 42 }),
+          expect.objectContaining({ value: 44 }),
+        ],
+      },
+    });
+    expect(service.getWidgets().chimera.history?.["Last run"]).toBeUndefined();
+  });
+});
diff --git a/src/tests/security.test.ts b/src/tests/security.test.ts
new file mode 100644
index 0000000..b2cafc5
--- /dev/null
+++ b/src/tests/security.test.ts
@@ -0,0 +1,124 @@
+import { readdirSync, readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+const discoverySource = readFileSync(
+  new URL("../server/integrations/discovery.ts", import.meta.url),
+  "utf8",
+);
+const apiSource = readFileSync(
+  new URL("../server/app.ts", import.meta.url),
+  "utf8",
+);
+const composeSource = readFileSync(
+  new URL("../../docker-compose.yml", import.meta.url),
+  "utf8",
+);
+const socketProxyComposeSource = readFileSync(
+  new URL("../../docker-compose.socket-proxy.yml", import.meta.url),
+  "utf8",
+);
+const providerSource = readFileSync(
+  new URL("../server/integrations/provider-widgets.ts", import.meta.url),
+  "utf8",
+);
+const providerAdapterDirectory = fileURLToPath(
+  new URL("../server/integrations/provider-widgets/", import.meta.url),
+);
+const providerAdapterSources = readdirSync(providerAdapterDirectory, {
+  recursive: true,
+})
+  .filter(
+    (file): file is string => typeof file === "string" && file.endsWith(".ts"),
+  )
+  .map((file) => readFileSync(`${providerAdapterDirectory}/${file}`, "utf8"))
+  .join("\n");
+const serviceWorkerSource = readFileSync(
+  new URL("../../public/sw.js", import.meta.url),
+  "utf8",
+);
+const unraidIconRefreshSource = readFileSync(
+  new URL("../../deploy/refresh-unraid-icon.sh", import.meta.url),
+  "utf8",
+);
+const entrypointSource = readFileSync(
+  new URL("../../docker-entrypoint.sh", import.meta.url),
+  "utf8",
+);
+
+describe("read-only security boundary", () => {
+  it("only calls read-only Docker inventory and stats endpoints", () => {
+    const dockerCalls = [
+      ...discoverySource.matchAll(/\$\{dockerBase\}(\/[^`]+)/g),
+    ].map((match) => match[1]);
+    expect(dockerCalls).toContain("/containers/json?all=1");
+    expect(dockerCalls).toContain(
+      "/containers/${encodeURIComponent(container.Id)}/stats?stream=false&one-shot=true",
+    );
+    expect(
+      dockerCalls.some((path) =>
+        /start|stop|restart|kill|remove|exec|create|update/i.test(path),
+      ),
+    ).toBe(false);
+  });
+
+  it("does not expose any Docker mutation routes or verbs", () => {
+    expect(apiSource).not.toMatch(/docker.*(start|stop|restart|delete|exec)/i);
+    expect(apiSource).not.toMatch(
+      /\/api\/containers\/.+(start|stop|restart|delete|exec)/i,
+    );
+  });
+
+  it("ships one branded container while keeping a restricted proxy fallback", () => {
+    const serviceSection = composeSource.split(/^networks:/m)[0] ?? "";
+    expect(serviceSection?.match(/^ {2}[a-z][\w-]+:\s*$/gm)).toEqual([
+      "  dockdeck:",
+    ]);
+    expect(composeSource).toContain("container_name: DockDeck");
+    expect(composeSource).toContain("APPOPS_URL:");
+    expect(composeSource).toContain("net.unraid.docker.icon:");
+    expect(composeSource).not.toContain("/var/run/docker.sock");
+    expect(composeSource).toContain(
+      "/boot/config/plugins/dockerMan/images}:/unraid-icons-source:ro",
+    );
+    expect(composeSource).toContain("/unraid-icons-cache:size=64m,mode=0755");
+    expect(entrypointSource).toContain("exec su-exec dockdeck");
+    expect(entrypointSource).not.toMatch(/(?:rm|mv)\s+[^\n]*icon_source/);
+    expect(socketProxyComposeSource).toContain("CONTAINERS: 1");
+    expect(socketProxyComposeSource).toContain("POST: 0");
+    expect(socketProxyComposeSource).toContain(
+      "/var/run/docker.sock:/var/run/docker.sock:ro",
+    );
+    expect(composeSource).toContain("DOCKDECK_PORT:-1218");
+    expect(composeSource).toContain("DOCKDECK_BIND_ADDRESS:-127.0.0.1");
+    expect(socketProxyComposeSource).toContain(
+      "DOCKDECK_INTERNAL_SUBNET:-172.31.240.0/28",
+    );
+    expect(composeSource).toContain("DOCKDECK_EGRESS_SUBNET:-172.31.240.16/28");
+  });
+
+  it("keeps widget adapters GET-only and excludes API data from PWA caches", () => {
+    const allProviderSources = `${providerSource}\n${providerAdapterSources}`;
+    expect(allProviderSources).toContain('method: "GET"');
+    expect(allProviderSources).not.toMatch(
+      /method:\s*["'](?:POST|PUT|PATCH|DELETE)/,
+    );
+    expect(serviceWorkerSource).toContain('url.pathname.startsWith("/api/")');
+    expect(serviceWorkerSource).not.toMatch(/caches\.put\([^\n]*\/api\//);
+  });
+
+  it("refreshes only DockDeck's persistent and active Unraid icon caches", () => {
+    expect(unraidIconRefreshSource).toContain("/var/lib/docker/unraid/images");
+    expect(unraidIconRefreshSource).toContain(
+      "/usr/local/emhttp/state/plugins/dynamix.docker.manager/images",
+    );
+    expect(unraidIconRefreshSource).toContain(
+      'file -b --mime-type "$temporary_icon"',
+    );
+    expect(unraidIconRefreshSource).toContain('= "image/png"');
+    expect(unraidIconRefreshSource).toContain("install -m 0644");
+    expect(unraidIconRefreshSource).not.toMatch(
+      /docker\s+(?:start|stop|restart|rm|exec|update)/,
+    );
+  });
+});
diff --git a/src/tests/setup.ts b/src/tests/setup.ts
new file mode 100644
index 0000000..c527517
--- /dev/null
+++ b/src/tests/setup.ts
@@ -0,0 +1 @@
+process.env.NODE_ENV = "test";
diff --git a/src/tests/sortable-list.test.tsx b/src/tests/sortable-list.test.tsx
new file mode 100644
index 0000000..71350b7
--- /dev/null
+++ b/src/tests/sortable-list.test.tsx
@@ -0,0 +1,129 @@
+// @vitest-environment jsdom
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { SortableList } from "../client/components/SortableList";
+import {
+  isSortableDropTarget,
+  reorderWithinSlots,
+  sortOrderForPosition,
+} from "../client/sortable-order";
+
+interface Item {
+  id: string;
+  name: string;
+}
+
+const items: Item[] = [
+  { id: "alpha", name: "Alpha" },
+  { id: "beta", name: "Beta" },
+  { id: "gamma", name: "Gamma" },
+];
+
+afterEach(cleanup);
+
+describe("SortableList", () => {
+  it("supports keyboard order changes with explicit move buttons", async () => {
+    const onReorder = vi.fn().mockResolvedValue(true);
+    render(
+      <SortableList
+        items={items}
+        label="Testitems"
+        className="test-list"
+        getItemLabel={(item) => item.name}
+        onReorder={onReorder}
+        renderItem={(item, _index, controls) => (
+          <article>
+            <span>{item.name}</span>
+            {controls.dragHandle}
+            {controls.moveUpButton}
+            {controls.moveDownButton}
+          </article>
+        )}
+      />,
+    );
+
+    fireEvent.click(
+      screen.getByRole("button", { name: "Gamma omhoog verplaatsen" }),
+    );
+
+    await waitFor(() => expect(onReorder).toHaveBeenCalledOnce());
+    expect(onReorder.mock.calls[0]![0].map((item: Item) => item.id)).toEqual([
+      "alpha",
+      "gamma",
+      "beta",
+    ]);
+  });
+
+  it("keeps the drag handle separate from a linked item surface", () => {
+    render(
+      <SortableList
+        items={items}
+        label="Testitems"
+        className="test-list"
+        getItemLabel={(item) => item.name}
+        onReorder={() => undefined}
+        renderItem={(item, _index, controls) => (
+          <article>
+            <a href={`/${item.id}`}>{item.name}</a>
+            {controls.dragHandle}
+            {controls.moveUpButton}
+            {controls.moveDownButton}
+          </article>
+        )}
+      />,
+    );
+
+    const handle = screen.getByRole("button", {
+      name: /Sleep Alpha/,
+    });
+    expect(handle.closest("a")).toBeNull();
+  });
+
+  it("keeps non-sortable items in their original slots", () => {
+    const completeOrder = [
+      { id: "hidden-a", name: "Hidden A" },
+      { id: "shown-a", name: "Shown A" },
+      { id: "shown-b", name: "Shown B" },
+      { id: "hidden-b", name: "Hidden B" },
+    ];
+
+    expect(
+      reorderWithinSlots(
+        completeOrder,
+        ["shown-a", "shown-b"],
+        [completeOrder[2]!, completeOrder[1]!],
+      ).map((item) => item.id),
+    ).toEqual(["hidden-a", "shown-b", "shown-a", "hidden-b"]);
+  });
+
+  it("rejects drop targets owned by another sortable list", () => {
+    const sourceList = document.createElement("div");
+    sourceList.className = "sortable-list";
+    const nestedList = document.createElement("div");
+    nestedList.className = "sortable-list";
+    const nestedItem = document.createElement("div");
+    nestedItem.dataset.sortableId = "other-list-item";
+    nestedList.append(nestedItem);
+    sourceList.append(nestedList);
+
+    expect(isSortableDropTarget(nestedItem, sourceList)).toBe(false);
+    expect(isSortableDropTarget(nestedItem, nestedList)).toBe(true);
+  });
+
+  it("assigns unique bounded sort orders through the API limit", () => {
+    const orders = Array.from({ length: 10_001 }, (_, index) =>
+      sortOrderForPosition(index, 10_001),
+    );
+
+    expect(orders[0]).toBe(0);
+    expect(orders.at(-1)).toBe(10_000);
+    expect(new Set(orders).size).toBe(10_001);
+    expect(() => sortOrderForPosition(0, 10_002)).toThrow(RangeError);
+  });
+});
diff --git a/src/tests/unraid-status.test.ts b/src/tests/unraid-status.test.ts
new file mode 100644
index 0000000..d09ed6d
--- /dev/null
+++ b/src/tests/unraid-status.test.ts
@@ -0,0 +1,46 @@
+import { describe, expect, it } from "vitest";
+import {
+  parseIni,
+  storageFromDisksIni,
+} from "../server/integrations/unraid-status.js";
+
+describe("Unraid native status", () => {
+  it("parses quoted root values and sectioned disk data", () => {
+    expect(parseIni('mdState="STARTED"\nsbSyncErrs="0"').get("root")).toEqual({
+      mdState: "STARTED",
+      sbSyncErrs: "0",
+    });
+    const storage = storageFromDisksIni(`
+      [disk1]
+      name="disk1"
+      type="Data"
+      status="DISK_OK"
+      fsSize="1000"
+      fsUsed="600"
+      fsFree="400"
+      temp="38"
+      [cache]
+      name="cache"
+      type="Cache"
+      status="DISK_OK"
+      fsSize="500"
+      fsUsed="100"
+      fsFree="400"
+      temp="42"
+    `);
+    expect(storage).toEqual([
+      expect.objectContaining({
+        name: "Array",
+        kind: "array",
+        usedBytes: 600 * 1024,
+        hottestTemperatureC: 38,
+      }),
+      expect.objectContaining({
+        name: "cache",
+        kind: "pool",
+        freeBytes: 400 * 1024,
+        hottestTemperatureC: 42,
+      }),
+    ]);
+  });
+});
diff --git a/src/tests/use-launch-history.test.tsx b/src/tests/use-launch-history.test.tsx
new file mode 100644
index 0000000..d32a3ae
--- /dev/null
+++ b/src/tests/use-launch-history.test.tsx
@@ -0,0 +1,58 @@
+/* @vitest-environment jsdom */
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import "@testing-library/jest-dom/vitest";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { LAUNCH_HISTORY_STORAGE_KEY } from "../client/launch-history";
+import { useLaunchHistory } from "../client/useLaunchHistory";
+
+function HistoryHarness() {
+  const history = useLaunchHistory();
+  return (
+    <>
+      <button onClick={() => history.record("app:plex")}>Open app</button>
+      <button onClick={history.clear}>Clear history</button>
+      <output data-testid="entries">{JSON.stringify(history.entries)}</output>
+    </>
+  );
+}
+
+describe("useLaunchHistory", () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it("writes to localStorage only and clears the key on request", async () => {
+    const fetchSpy = vi.fn();
+    vi.stubGlobal("fetch", fetchSpy);
+    render(<HistoryHarness />);
+
+    fireEvent.click(screen.getByRole("button", { name: "Open app" }));
+    await waitFor(() => {
+      expect(
+        window.localStorage.getItem(LAUNCH_HISTORY_STORAGE_KEY),
+      ).not.toBeNull();
+    });
+
+    const persisted = JSON.parse(
+      window.localStorage.getItem(LAUNCH_HISTORY_STORAGE_KEY)!,
+    );
+    expect(Object.keys(persisted[0]).sort()).toEqual([
+      "count",
+      "key",
+      "lastOpenedAt",
+    ]);
+    expect(persisted[0]).toMatchObject({ key: "app:plex", count: 1 });
+    expect(fetchSpy).not.toHaveBeenCalled();
+
+    fireEvent.click(screen.getByRole("button", { name: "Clear history" }));
+    await waitFor(() => {
+      expect(
+        window.localStorage.getItem(LAUNCH_HISTORY_STORAGE_KEY),
+      ).toBeNull();
+    });
+  });
+});
diff --git a/src/tests/weather-wallpaper.test.ts b/src/tests/weather-wallpaper.test.ts
new file mode 100644
index 0000000..2490646
--- /dev/null
+++ b/src/tests/weather-wallpaper.test.ts
@@ -0,0 +1,72 @@
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { WallpaperStore } from "../server/wallpaper.js";
+import { WeatherService } from "../server/weather.js";
+
+const temporaryDirectories: string[] = [];
+
+afterEach(() => {
+  for (const directory of temporaryDirectories.splice(0))
+    rmSync(directory, { recursive: true, force: true });
+});
+
+describe("WeatherService", () => {
+  it("returns and caches current Mol weather from Open-Meteo", async () => {
+    const fetcher = vi.fn(async () =>
+      Promise.resolve(
+        new Response(
+          JSON.stringify({
+            current: {
+              temperature_2m: 22.6,
+              weather_code: 2,
+              is_day: 1,
+              time: "2026-07-22T14:30",
+            },
+          }),
+          { status: 200 },
+        ),
+      ),
+    );
+    const weather = new WeatherService(fetcher as typeof fetch);
+
+    const first = await weather.current("Mol", 51.191, 5.116);
+    const second = await weather.current("Mol", 51.191, 5.116);
+
+    expect(first).toMatchObject({
+      location: "Mol",
+      temperatureC: 22.6,
+      weatherCode: 2,
+      isDay: true,
+      summary: "Bewolkt",
+    });
+    expect(second).toEqual(first);
+    expect(fetcher).toHaveBeenCalledTimes(1);
+  });
+});
+
+describe("WallpaperStore", () => {
+  it("validates, stores, reads and removes a local wallpaper", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-wallpaper-"));
+    temporaryDirectories.push(directory);
+    const store = new WallpaperStore(directory);
+    const png = Buffer.concat([
+      Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]),
+      Buffer.from("test-image"),
+    ]);
+
+    expect(store.save(png).url).toMatch(/^\/api\/wallpaper\?v=/);
+    expect(store.read()).toMatchObject({ contentType: "image/png", body: png });
+    store.remove();
+    expect(store.describe()).toBeNull();
+  });
+
+  it("rejects unsupported content", () => {
+    const directory = mkdtempSync(join(tmpdir(), "dockdeck-wallpaper-"));
+    temporaryDirectories.push(directory);
+    expect(() =>
+      new WallpaperStore(directory).save(Buffer.from("text")),
+    ).toThrow(/PNG-, JPEG- of WebP/);
+  });
+});
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tests/dockdeck.spec.ts b/tests/dockdeck.spec.ts
new file mode 100644
index 0000000..2dbf377
--- /dev/null
+++ b/tests/dockdeck.spec.ts
@@ -0,0 +1,1140 @@
+import { expect, test, type Page } from "@playwright/test";
+
+const browserErrors = new WeakMap<Page, string[]>();
+
+test.beforeAll(async ({ request }) => {
+  const dashboard = (await (await request.get("/api/dashboard")).json()) as {
+    favorites: Array<{ id: string }>;
+  };
+  for (const favorite of dashboard.favorites) {
+    await request.delete(`/api/favorites/${favorite.id}`);
+  }
+  for (const [index, [name, url]] of [
+    ["Google", "https://google.com"],
+    ["YouTube", "https://youtube.com"],
+    ["GitHub", "https://github.com"],
+  ].entries()) {
+    await request.post("/api/favorites", {
+      data: { name, url, icon: null, categoryId: null, sortOrder: index },
+    });
+  }
+});
+
+test.beforeEach(async ({ page }) => {
+  const errors: string[] = [];
+  browserErrors.set(page, errors);
+  page.on("console", (message) => {
+    if (message.type() === "error") errors.push(message.text());
+  });
+  page.on("pageerror", (error) => errors.push(error.message));
+});
+
+test.afterEach(async ({ page }) => {
+  expect(browserErrors.get(page) ?? []).toEqual([]);
+});
+
+const openSettings = async (
+  page: import("@playwright/test").Page,
+  projectName: string,
+) => {
+  if (["mobile-chromium", "tablet-chromium"].includes(projectName)) {
+    await page
+      .getByRole("navigation", { name: "Mobiele navigatie" })
+      .getByRole("button", { name: "Instellingen" })
+      .click();
+    return;
+  }
+  await page.getByRole("button", { name: "Instellingen openen" }).click();
+};
+
+test("dashboard en Quick Launch vormen de primaire startflow", async ({
+  page,
+  context,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  await page.goto("/");
+  await expect(page.getByRole("main")).toBeVisible();
+  await expect(
+    page.getByRole("img", { name: "ITWorx.tech" }).first(),
+  ).toBeVisible();
+  await expect(
+    page.locator('img[src="/dockdeck-mark-v2.svg"]').first(),
+  ).toBeVisible();
+  await expect(
+    page.getByText("DockDeck", { exact: true }).first(),
+  ).toBeVisible();
+  await expect(
+    page.getByLabel("Ontwikkeld door Jens van ITWorx.tech").first(),
+  ).toBeVisible();
+  await expect(page.getByText(/App-API vergrendeld/i)).toHaveCount(0);
+  await expect(page.getByText(/App-detail optioneel/i)).toHaveCount(0);
+  await expect(page.getByText("Niet gekoppeld", { exact: true })).toHaveCount(
+    0,
+  );
+  await expect(
+    page.getByRole("navigation", { name: "Dashboardnavigatie" }),
+  ).toBeVisible();
+  await expect(page.getByLabel(/graden.*Mol/)).toBeVisible();
+  await expect(
+    page.getByRole("complementary", {
+      name: "Favorieten en deckstatus",
+    }),
+  ).toBeVisible();
+  const favoriteFolder = page.locator(".rail-folder-toggle").first();
+  await expect(favoriteFolder).toContainText("Losse favorieten");
+  await expect(favoriteFolder).toContainText("3");
+  await expect(favoriteFolder).toHaveAttribute("aria-expanded", "false");
+  await favoriteFolder.click();
+  await expect(favoriteFolder).toHaveAttribute("aria-expanded", "true");
+  await expect(
+    page.getByRole("link", { name: /Google/ }).first(),
+  ).toBeVisible();
+  await expect(page.getByText("Live inzicht", { exact: true })).toBeVisible();
+  await page.locator(".dashboard-insights-panel > summary").click();
+  await expect(
+    page.getByRole("region", { name: "Servicepanelen" }),
+  ).toBeVisible();
+
+  const refreshResponse = page.waitForResponse(
+    (response) =>
+      response.url().endsWith("/api/discovery/sync") &&
+      response.request().method() === "POST",
+  );
+  await page
+    .getByRole("button", { name: "Statussen vernieuwen" })
+    .first()
+    .click();
+  expect((await refreshResponse).status()).toBe(200);
+
+  await page.keyboard.press("Control+K");
+  const search = page.getByLabel("Zoek apps, favorieten of Google");
+  await expect(search).toBeFocused();
+  await search.fill("Google");
+  const favoriteResults = page
+    .locator(".result-group")
+    .filter({ has: page.getByRole("heading", { name: "Favorieten" }) });
+  await expect(
+    favoriteResults.locator(".app-icon-image, .app-brand-icon"),
+  ).toHaveCount(1);
+  await search.fill("Plex");
+  await expect(
+    page.getByRole("option", { name: /Plex Media Server/ }),
+  ).toBeVisible();
+
+  const googlePopupPromise = context.waitForEvent("page");
+  await page.getByRole("option", { name: /Zoeken op Google naar/ }).click();
+  const googlePopup = await googlePopupPromise;
+  expect(googlePopup.url()).toContain("google.com/search");
+  await googlePopup.close();
+});
+
+test("launch history stays local, filters stale items, and remains optional", async ({
+  page,
+  context,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De launcherhistorieflow wordt eenmaal uitgevoerd",
+  );
+
+  const dashboard = (await (await request.get("/api/dashboard")).json()) as {
+    apps: Array<{
+      id: string;
+      displayName: string;
+      visible: boolean;
+      localUrl: string | null;
+      localUrlOverride: string | null;
+      externalUrl: string | null;
+      externalUrlOverride: string | null;
+    }>;
+    favorites: Array<{ id: string; name: string }>;
+    preferences: { externalAccess: boolean };
+  };
+  const currentUrl = (app: (typeof dashboard.apps)[number]) =>
+    dashboard.preferences.externalAccess
+      ? app.externalUrlOverride ||
+        app.externalUrl ||
+        app.localUrlOverride ||
+        app.localUrl
+      : app.localUrlOverride || app.localUrl;
+  const visibleApp = dashboard.apps.find(
+    (app) => app.visible && currentUrl(app),
+  );
+  const hiddenApp = dashboard.apps.find(
+    (app) => !app.visible && currentUrl(app),
+  );
+  const noUrlApp = dashboard.apps.find(
+    (app) => app.visible && !currentUrl(app),
+  );
+  const favorite = dashboard.favorites[0];
+  expect(favorite).toBeDefined();
+
+  const openedAt = Date.now() - 30_000;
+  const initialHistory = [
+    ...(visibleApp
+      ? [{ key: `app:${visibleApp.id}`, lastOpenedAt: openedAt, count: 3 }]
+      : []),
+    {
+      key: `favorite:${favorite!.id}`,
+      lastOpenedAt: openedAt - 1_000,
+      count: 7,
+    },
+    ...(hiddenApp
+      ? [
+          {
+            key: `app:${hiddenApp.id}`,
+            lastOpenedAt: openedAt + 1_000,
+            count: 99,
+          },
+        ]
+      : []),
+    ...(noUrlApp
+      ? [
+          {
+            key: `app:${noUrlApp.id}`,
+            lastOpenedAt: openedAt + 1_500,
+            count: 80,
+          },
+        ]
+      : []),
+    {
+      key: "favorite:deleted-from-dashboard",
+      lastOpenedAt: openedAt + 2_000,
+      count: 100,
+    },
+  ];
+  await context.addInitScript((history) => {
+    if (window.location.hostname === "127.0.0.1") {
+      window.localStorage.setItem(
+        "dockdeck.launch-history.v1",
+        JSON.stringify(history),
+      );
+    }
+  }, initialHistory);
+  await context.route("https://**/favicon.ico", (route) =>
+    route.fulfill({
+      status: 200,
+      contentType: "image/svg+xml",
+      body: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"></svg>',
+    }),
+  );
+
+  await page.goto("/");
+  const historySection = page.getByTestId("launch-history");
+  await expect(historySection).toBeVisible();
+  const historyCards = historySection.locator(".launch-history-card");
+  await expect(historyCards).toHaveCount(visibleApp ? 2 : 1);
+  if (visibleApp) {
+    await expect(historyCards.first()).toHaveAttribute(
+      "data-launch-key",
+      `app:${visibleApp.id}`,
+    );
+  }
+  if (hiddenApp) {
+    await expect(
+      historySection.locator(`[data-launch-key="app:${hiddenApp.id}"]`),
+    ).toHaveCount(0);
+  }
+  if (noUrlApp) {
+    await expect(
+      historySection.locator(`[data-launch-key="app:${noUrlApp.id}"]`),
+    ).toHaveCount(0);
+  }
+  await expect(
+    historySection.locator(
+      '[data-launch-key="favorite:deleted-from-dashboard"]',
+    ),
+  ).toHaveCount(0);
+
+  await historySection.getByRole("button", { name: "Veel gebruikt" }).click();
+  await expect(historyCards.first()).toHaveAttribute(
+    "data-launch-key",
+    `favorite:${favorite!.id}`,
+  );
+  await historySection.getByRole("button", { name: "Verbergen" }).click();
+  await expect(historySection.locator(".launch-history-grid")).toHaveCount(0);
+  await historySection.getByRole("button", { name: "Tonen" }).click();
+  await expect(historyCards).toHaveCount(visibleApp ? 2 : 1);
+
+  const retained = await page.evaluate(() => {
+    const value = window.localStorage.getItem("dockdeck.launch-history.v1");
+    return value ? JSON.parse(value) : [];
+  });
+  expect(retained.map((item: { key: string }) => item.key).sort()).toEqual(
+    [
+      ...(visibleApp ? [`app:${visibleApp.id}`] : []),
+      `favorite:${favorite!.id}`,
+    ].sort(),
+  );
+
+  await historySection
+    .getByRole("button", { name: "Recente geschiedenis wissen" })
+    .click();
+  await expect(historySection.locator(".launch-history-empty")).toBeVisible();
+  await expect
+    .poll(() =>
+      page.evaluate(() =>
+        window.localStorage.getItem("dockdeck.launch-history.v1"),
+      ),
+    )
+    .toBeNull();
+
+  if (hiddenApp) {
+    await page.keyboard.press("Control+K");
+    await page
+      .getByLabel("Zoek apps, favorieten of Google")
+      .fill(hiddenApp.displayName);
+    const hiddenResult = page
+      .locator(".result-group [role=option]")
+      .filter({ hasText: hiddenApp.displayName })
+      .first();
+    const hiddenPopupPromise = context.waitForEvent("page");
+    await hiddenResult.click();
+    const hiddenPopup = await hiddenPopupPromise;
+    await hiddenPopup.close();
+    await expect
+      .poll(() =>
+        page.evaluate(() =>
+          window.localStorage.getItem("dockdeck.launch-history.v1"),
+        ),
+      )
+      .toBeNull();
+  }
+
+  await expect(page.locator(".sync-status-button").first()).toBeEnabled();
+  const apiRequests: string[] = [];
+  context.on("request", (apiRequest) => {
+    const url = new URL(apiRequest.url());
+    if (url.pathname.startsWith("/api/")) {
+      apiRequests.push(`${apiRequest.method()} ${url.pathname}`);
+    }
+  });
+  await page.keyboard.press("Control+K");
+  const quickLink = page
+    .locator(".quick-links-grid")
+    .getByRole("link", { name: new RegExp(favorite!.name) })
+    .first();
+  const popupPromise = context.waitForEvent("page");
+  await quickLink.click();
+  const popup = await popupPromise;
+  await popup.close();
+
+  await expect
+    .poll(() =>
+      page.evaluate(() => {
+        const value = window.localStorage.getItem("dockdeck.launch-history.v1");
+        return value ? JSON.parse(value) : [];
+      }),
+    )
+    .toMatchObject([{ key: `favorite:${favorite!.id}`, count: 1 }]);
+  const localHistory = await page.evaluate(() => {
+    const value = window.localStorage.getItem("dockdeck.launch-history.v1");
+    return value ? JSON.parse(value) : [];
+  });
+  expect(Object.keys(localHistory[0]).sort()).toEqual([
+    "count",
+    "key",
+    "lastOpenedAt",
+  ]);
+  expect(
+    await page.evaluate(() => Object.keys(window.localStorage).sort()),
+  ).toEqual(["dockdeck.launch-history.v1"]);
+  expect(apiRequests.filter((request) => !request.startsWith("GET "))).toEqual(
+    [],
+  );
+  expect(apiRequests).not.toContain("GET /api/export");
+  expect(
+    apiRequests.some((request) => request.includes("launch-history")),
+  ).toBe(false);
+});
+
+test("favorietenbeheer kan zelf mappen voor de favorietenbalk aanmaken", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  const folderName = "Werk";
+  const initialDashboard = (await (
+    await request.get("/api/dashboard")
+  ).json()) as {
+    categories: Array<{ id: string; name: string }>;
+    favorites: Array<{ id: string; name: string }>;
+  };
+  for (const category of initialDashboard.categories.filter(
+    (item) => item.name === folderName,
+  )) {
+    await request.delete(`/api/categories/${category.id}`);
+  }
+
+  await page.goto("/");
+  await page
+    .getByRole("button", { name: "Favorieten en mappen beheren" })
+    .click();
+  await expect(
+    page.getByRole("heading", { name: "Favorieten", exact: true }),
+  ).toBeVisible();
+
+  await page.getByRole("button", { name: "Nieuwe map" }).click();
+  await page.getByLabel("Naam van nieuwe favorietenmap").fill(folderName);
+  await page.getByRole("button", { name: "Map opslaan" }).click();
+
+  const refreshedDashboard = (await (
+    await request.get("/api/dashboard")
+  ).json()) as {
+    categories: Array<{ id: string; name: string }>;
+    favorites: Array<{ id: string; name: string }>;
+  };
+  const folder = refreshedDashboard.categories.find(
+    (item) => item.name === folderName,
+  );
+  const google = refreshedDashboard.favorites.find(
+    (item) => item.name === "Google",
+  );
+  expect(folder).toBeTruthy();
+  expect(google).toBeTruthy();
+
+  const googleCard = page.getByRole("article").filter({ hasText: "Google" });
+  await googleCard.locator("summary").click();
+  await googleCard.getByLabel("Map (categorie)").selectOption(folder!.id);
+
+  await page
+    .locator(".settings-topbar nav")
+    .getByRole("button", { name: "Dashboard" })
+    .click();
+  const railFolder = page
+    .locator(".rail-folder-toggle")
+    .filter({ hasText: folderName });
+  await expect(railFolder).toBeVisible();
+  await expect(railFolder).toContainText("1");
+
+  await request.patch(`/api/favorites/${google!.id}`, {
+    data: { categoryId: null },
+  });
+  await request.delete(`/api/categories/${folder!.id}`);
+});
+
+test("dashboardcategorieën filteren de zichtbare snelkoppelingen", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  const dashboard = await (await request.get("/api/dashboard")).json();
+  const [firstApp, secondApp] = dashboard.apps;
+  const [firstCategory, secondCategory] = dashboard.categories;
+  expect(firstApp).toBeTruthy();
+  expect(secondApp).toBeTruthy();
+  expect(firstCategory).toBeTruthy();
+  expect(secondCategory).toBeTruthy();
+  await request.patch(`/api/apps/${firstApp.id}`, {
+    data: { visible: true, categoryId: firstCategory.id },
+  });
+  await request.patch(`/api/apps/${secondApp.id}`, {
+    data: { visible: true, categoryId: secondCategory.id },
+  });
+
+  await page.goto("/");
+  const categoryButton = page
+    .locator(".category-tabs button")
+    .filter({ hasText: firstCategory.name })
+    .first();
+  await categoryButton.click();
+
+  await expect(categoryButton).toHaveClass(/active/);
+  await expect(page.locator(".dashboard-groups .app-section")).toHaveCount(1);
+  await expect(page.locator(".dashboard-groups .app-section h2")).toContainText(
+    firstCategory.name,
+  );
+});
+
+test("apps can be dragged within a category and the order is persisted", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De dragflow wordt eenmaal uitgevoerd",
+  );
+
+  const dashboard = (await (await request.get("/api/dashboard")).json()) as {
+    apps: Array<{
+      id: string;
+      displayName: string;
+      visible: boolean;
+      categoryId: string | null;
+      sortOrder: number;
+    }>;
+  };
+  const [sourceApp, targetApp] = dashboard.apps;
+  expect(sourceApp).toBeTruthy();
+  expect(targetApp).toBeTruthy();
+
+  const categoryResponse = await request.post("/api/categories", {
+    data: {
+      name: `Sorteerproef ${Date.now()}`,
+      icon: "Layers3",
+      sortOrder: 10_000,
+    },
+  });
+  expect(categoryResponse.ok()).toBeTruthy();
+  const category = (await categoryResponse.json()) as { id: string };
+  const otherCategoryResponse = await request.post("/api/categories", {
+    data: {
+      name: `Sorteerproef elders ${Date.now()}`,
+      icon: "Layers3",
+      sortOrder: 10_000,
+    },
+  });
+  expect(otherCategoryResponse.ok()).toBeTruthy();
+  const otherCategory = (await otherCategoryResponse.json()) as { id: string };
+
+  try {
+    await request.patch(`/api/apps/${sourceApp!.id}`, {
+      data: { visible: true, categoryId: category.id, sortOrder: 0 },
+    });
+    await request.patch(`/api/apps/${targetApp!.id}`, {
+      data: { visible: true, categoryId: category.id, sortOrder: 10 },
+    });
+
+    await page.goto("/");
+    const appGrid = page
+      .locator(".dashboard-groups .app-grid")
+      .filter({ hasText: sourceApp!.displayName })
+      .filter({ hasText: targetApp!.displayName });
+    const sourceCard = appGrid
+      .locator(".sortable-list-item")
+      .filter({ hasText: sourceApp!.displayName });
+    const targetCard = appGrid
+      .locator(".sortable-list-item")
+      .filter({ hasText: targetApp!.displayName });
+    await expect(sourceCard).toBeVisible();
+    await expect(targetCard).toBeVisible();
+
+    const sourceHandle = sourceCard.locator(".sortable-handle");
+    const sourceBounds = await sourceHandle.boundingBox();
+    const targetBounds = await targetCard.boundingBox();
+    expect(sourceBounds).not.toBeNull();
+    expect(targetBounds).not.toBeNull();
+    await page.mouse.move(
+      sourceBounds!.x + sourceBounds!.width / 2,
+      sourceBounds!.y + sourceBounds!.height / 2,
+    );
+    await page.mouse.down();
+    await page.mouse.move(
+      targetBounds!.x + targetBounds!.width * 0.9,
+      targetBounds!.y + targetBounds!.height / 2,
+      { steps: 5 },
+    );
+    await page.mouse.up();
+
+    await expect
+      .poll(async () => {
+        const current = (await (
+          await request.get("/api/dashboard")
+        ).json()) as {
+          apps: Array<{ id: string; categoryId: string | null }>;
+        };
+        return current.apps
+          .filter((app) => app.categoryId === category.id)
+          .map((app) => app.id);
+      })
+      .toEqual([targetApp!.id, sourceApp!.id]);
+
+    await request.patch(`/api/apps/${targetApp!.id}`, {
+      data: { categoryId: otherCategory.id, sortOrder: 0 },
+    });
+    await page.reload();
+    const sourceCardAfterSplit = page
+      .locator(".dashboard-groups .sortable-list-item")
+      .filter({ hasText: sourceApp!.displayName });
+    const otherCategoryCard = page
+      .locator(".dashboard-groups .sortable-list-item")
+      .filter({ hasText: targetApp!.displayName });
+    const sourceHandleAfterSplit =
+      sourceCardAfterSplit.locator(".sortable-handle");
+    const sourceBoundsAfterSplit = await sourceHandleAfterSplit.boundingBox();
+    const otherCategoryBounds = await otherCategoryCard.boundingBox();
+    expect(sourceBoundsAfterSplit).not.toBeNull();
+    expect(otherCategoryBounds).not.toBeNull();
+    await page.mouse.move(
+      sourceBoundsAfterSplit!.x + sourceBoundsAfterSplit!.width / 2,
+      sourceBoundsAfterSplit!.y + sourceBoundsAfterSplit!.height / 2,
+    );
+    await page.mouse.down();
+    await page.mouse.move(
+      otherCategoryBounds!.x + otherCategoryBounds!.width / 2,
+      otherCategoryBounds!.y + otherCategoryBounds!.height / 2,
+      { steps: 5 },
+    );
+    await page.mouse.up();
+    const unchangedCategories = (await (
+      await request.get("/api/dashboard")
+    ).json()) as {
+      apps: Array<{ id: string; categoryId: string | null }>;
+    };
+    expect(
+      unchangedCategories.apps.find((app) => app.id === sourceApp!.id)
+        ?.categoryId,
+    ).toBe(category.id);
+    expect(
+      unchangedCategories.apps.find((app) => app.id === targetApp!.id)
+        ?.categoryId,
+    ).toBe(otherCategory.id);
+    expect(page.context().pages()).toHaveLength(1);
+    expect(
+      await page.evaluate(() =>
+        window.localStorage.getItem("dockdeck.launch-history.v1"),
+      ),
+    ).toBeNull();
+  } finally {
+    await request.patch(`/api/apps/${sourceApp!.id}`, {
+      data: {
+        visible: sourceApp!.visible,
+        categoryId: sourceApp!.categoryId,
+        sortOrder: sourceApp!.sortOrder,
+      },
+    });
+    await request.patch(`/api/apps/${targetApp!.id}`, {
+      data: {
+        visible: targetApp!.visible,
+        categoryId: targetApp!.categoryId,
+        sortOrder: targetApp!.sortOrder,
+      },
+    });
+    await request.delete(`/api/categories/${otherCategory.id}`);
+    await request.delete(`/api/categories/${category.id}`);
+  }
+});
+
+test("Mijn projecten-filter toont alleen gemarkeerde eigen apps en onthoudt de keuze", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  const dashboard = (await (await request.get("/api/dashboard")).json()) as {
+    apps: Array<{ id: string; displayName: string }>;
+  };
+  const [personalApp, otherApp] = dashboard.apps;
+  expect(personalApp).toBeTruthy();
+  expect(otherApp).toBeTruthy();
+
+  await request.patch(`/api/apps/${personalApp!.id}`, {
+    data: { visible: true, personalProject: true },
+  });
+  await request.patch(`/api/apps/${otherApp!.id}`, {
+    data: { visible: true, personalProject: false },
+  });
+
+  await page.goto("/");
+  const focusToggle = page.getByRole("button", { name: /Mijn projecten/ });
+  const personalTile = page
+    .locator(".app-tile")
+    .filter({ hasText: personalApp!.displayName });
+  const otherTile = page
+    .locator(".app-tile")
+    .filter({ hasText: otherApp!.displayName });
+
+  await expect(focusToggle).toHaveAttribute("aria-pressed", "false");
+  await expect(personalTile).toBeVisible();
+  await expect(otherTile).toBeVisible();
+
+  await focusToggle.click();
+  await expect(focusToggle).toHaveAttribute("aria-pressed", "true");
+  await expect(personalTile).toBeVisible();
+  await expect(otherTile).toHaveCount(0);
+
+  await page.reload();
+  await expect(focusToggle).toHaveAttribute("aria-pressed", "true");
+  await expect(personalTile).toBeVisible();
+  await expect(otherTile).toHaveCount(0);
+});
+
+test("compact appbeheer opent een toegankelijke detail-drawer", async ({
+  page,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  await page.goto("/");
+  await openSettings(page, testInfo.project.name);
+  await expect(
+    page.getByRole("heading", { name: "App Beheer", exact: true }),
+  ).toBeVisible();
+  await page.getByLabel("Apps zoeken").fill("Plex");
+  const row = page.getByRole("article").filter({ hasText: "Plex" });
+  await expect(row).toBeVisible();
+  const visibilitySwitch = row.getByRole("switch");
+  const knob = visibilitySwitch.locator(".visibility-toggle-track > span");
+  const initialVisibility = await visibilitySwitch.getAttribute("aria-checked");
+  const initialKnob = await knob.boundingBox();
+  await visibilitySwitch.click();
+  await expect(visibilitySwitch).toHaveAttribute(
+    "aria-checked",
+    initialVisibility === "true" ? "false" : "true",
+  );
+  await expect
+    .poll(async () => {
+      const movedKnob = await knob.boundingBox();
+      return Math.abs((movedKnob?.x ?? 0) - (initialKnob?.x ?? 0));
+    })
+    .toBeGreaterThan(18);
+  await visibilitySwitch.click();
+  await row.getByRole("button", { name: /Bewerken/ }).click();
+
+  const drawer = page.getByRole("dialog", { name: /Plex/ });
+  await expect(drawer).toBeVisible();
+  await expect(drawer.getByLabel("Weergavenaam")).toHaveValue(/Plex/);
+  await expect(
+    drawer.getByText("Automatisch ontdekt", { exact: true }),
+  ).toBeVisible();
+  await drawer.getByRole("button", { name: "Sluiten" }).click();
+  await expect(drawer).toBeHidden();
+  await expect(row.getByRole("button", { name: /Bewerken/ })).toBeFocused();
+});
+
+test("weergavevoorkeuren en geavanceerde read-only status blijven werken", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De desktopflow wordt eenmaal uitgevoerd",
+  );
+
+  await request.patch("/api/preferences", {
+    data: { reducedMotion: false, pollingIntervalMs: 30000 },
+  });
+  await page.goto("/");
+  await openSettings(page, testInfo.project.name);
+  const settingsNavigation = page.getByRole("navigation", {
+    name: "Instellingensecties",
+  });
+
+  await settingsNavigation.getByRole("button", { name: "Weergave" }).click();
+  await page.getByRole("button", { name: /Haven/ }).click();
+  await expect(page.locator("html")).toHaveAttribute("data-theme", "harbor");
+  await page.locator(".appearance-advanced > summary").click();
+  await page.getByRole("switch", { name: "Verminderde beweging" }).click();
+  await page.getByLabel("Verversingsinterval").selectOption("60000");
+  await expect(page.locator("html")).toHaveAttribute(
+    "data-reduced-motion",
+    "true",
+  );
+  await page.reload();
+  await expect(page.locator("html")).toHaveAttribute("data-theme", "harbor");
+  await expect(page.locator("html")).toHaveAttribute(
+    "data-reduced-motion",
+    "true",
+  );
+
+  await openSettings(page, testInfo.project.name);
+  await page.getByLabel("Instellingen zoeken").fill("diagnostiek");
+  await expect(
+    page
+      .getByRole("navigation", { name: "Instellingensecties" })
+      .getByRole("button", { name: "Algemeen" }),
+  ).toBeVisible();
+  await expect(
+    page
+      .getByRole("navigation", { name: "Instellingensecties" })
+      .getByRole("button", { name: "Apps" }),
+  ).toHaveCount(0);
+  await page
+    .getByRole("navigation", { name: "Instellingensecties" })
+    .getByRole("button", { name: "Algemeen" })
+    .click();
+  await expect(
+    page.getByRole("region", { name: "Paneelstudio" }),
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Systeemstatus" }).click();
+  await page.getByRole("button", { name: "Diagnostiek uitvoeren" }).click();
+  await expect(page.locator(".diagnostics-result")).toContainText("Database");
+});
+
+test("achtergrondpresets en een geüploade wallpaper wijzigen de zichtbare canvas", async ({
+  page,
+  request,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "desktop-chromium",
+    "De visuele achtergrondflow wordt eenmaal uitgevoerd",
+  );
+
+  await request.delete("/api/wallpaper");
+  await request.patch("/api/preferences", {
+    data: {
+      backgroundStyle: "aurora",
+      wallpaperFit: "contain",
+      wallpaperPositionX: 50,
+      wallpaperPositionY: 50,
+      wallpaperZoom: 100,
+    },
+  });
+  await page.goto("/");
+
+  const selectBackground = async (
+    name: "Aurora" | "Blauwdruk" | "Minimaal",
+  ) => {
+    await openSettings(page, testInfo.project.name);
+    await page
+      .getByRole("navigation", { name: "Instellingensecties" })
+      .getByRole("button", { name: "Weergave" })
+      .click();
+    await page.locator(".appearance-advanced > summary").click();
+    await page.getByRole("button", { name: new RegExp(`^${name}`) }).click();
+    await expect(page.locator("html")).toHaveAttribute(
+      "data-background",
+      { Aurora: "aurora", Blauwdruk: "grid", Minimaal: "minimal" }[name],
+    );
+    await page
+      .locator(".settings-topbar nav")
+      .getByRole("button", { name: "Dashboard" })
+      .click();
+    return page.locator(".dashboard-canvas").evaluate((element) => ({
+      image: getComputedStyle(element).backgroundImage,
+      size: getComputedStyle(element).backgroundSize,
+    }));
+  };
+
+  const aurora = await selectBackground("Aurora");
+  const grid = await selectBackground("Blauwdruk");
+  const minimal = await selectBackground("Minimaal");
+  expect(new Set([aurora.image, grid.image, minimal.image]).size).toBe(3);
+  expect(grid.size).toContain("40px");
+
+  await openSettings(page, testInfo.project.name);
+  await page
+    .getByRole("navigation", { name: "Instellingensecties" })
+    .getByRole("button", { name: "Weergave" })
+    .click();
+  await page.locator(".appearance-advanced > summary").click();
+  await page
+    .locator('.wallpaper-settings input[type="file"]')
+    .setInputFiles("public/dockdeck-icon.png");
+  await expect(
+    page.locator(".wallpaper-editor-preview .wallpaper-preview-image"),
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Vullend" }).click();
+  await page.getByLabel("Horizontale wallpaperfocus").fill("32");
+  await page.getByLabel("Verticale wallpaperfocus").fill("68");
+  await page.getByLabel("Wallpaperzoom").fill("120");
+  await page.getByRole("button", { name: "Toepassen" }).click();
+  await page
+    .locator(".settings-topbar nav")
+    .getByRole("button", { name: "Dashboard" })
+    .click();
+  await expect(page.locator(".dashboard")).toHaveClass(/has-wallpaper/);
+  const wallpaperStage = page.locator(".dashboard-wallpaper-stage");
+  const wallpaperImage = wallpaperStage.locator(".dashboard-wallpaper-image");
+  const wallpaperAmbient = wallpaperStage.locator(
+    ".dashboard-wallpaper-ambient",
+  );
+  await expect(wallpaperStage).toBeVisible();
+  await expect(wallpaperImage).toHaveAttribute("src", /\/api\/wallpaper/);
+  await expect(wallpaperAmbient).toHaveAttribute("src", /\/api\/wallpaper/);
+  await expect
+    .poll(() =>
+      wallpaperImage.evaluate((element) => ({
+        fit: getComputedStyle(element).objectFit,
+        position: getComputedStyle(element).objectPosition,
+        transform: getComputedStyle(element).transform,
+      })),
+    )
+    .toMatchObject({
+      fit: "cover",
+      position: "32% 68%",
+    });
+  const stageBeforeScroll = await wallpaperStage.boundingBox();
+  const canvasBackground = await page
+    .locator(".dashboard-canvas")
+    .evaluate((element) => ({
+      color: getComputedStyle(element).backgroundColor,
+      image: getComputedStyle(element).backgroundImage,
+    }));
+  expect(stageBeforeScroll?.x).toBe(0);
+  expect(stageBeforeScroll?.width).toBe(testInfo.project.use.viewport!.width);
+  expect(stageBeforeScroll?.y).toBe(72);
+  expect(stageBeforeScroll?.height).toBe(
+    testInfo.project.use.viewport!.height - 72,
+  );
+  expect(canvasBackground.image).toBe("none");
+  expect(canvasBackground.color).toBe("rgba(0, 0, 0, 0)");
+  await page.evaluate(() => window.scrollTo(0, 900));
+  await page.waitForTimeout(100);
+  const stageAfterScroll = await wallpaperStage.boundingBox();
+  expect(stageBeforeScroll?.height).toBeLessThanOrEqual(
+    testInfo.project.use.viewport!.height,
+  );
+  expect(stageAfterScroll?.y).toBeLessThanOrEqual(stageBeforeScroll!.y);
+  expect(stageAfterScroll?.y).toBeGreaterThanOrEqual(71);
+
+  await request.delete("/api/wallpaper");
+  await request.patch("/api/preferences", {
+    data: {
+      backgroundStyle: "aurora",
+      wallpaperFit: "contain",
+      wallpaperPositionX: 50,
+      wallpaperPositionY: 50,
+      wallpaperZoom: 100,
+    },
+  });
+});
+
+test("dashboard en instellingen blijven bruikbaar zonder horizontale overflow", async ({
+  page,
+}, testInfo) => {
+  await page.goto("/");
+  const compact = ["mobile-chromium", "tablet-chromium"].includes(
+    testInfo.project.name,
+  );
+  await expect(
+    page.getByRole("navigation", {
+      name: compact ? "Mobiele navigatie" : "Dashboardnavigatie",
+    }),
+  ).toBeVisible();
+  await expect(
+    page.getByLabel(
+      testInfo.project.name === "mobile-chromium"
+        ? "Zoek apps en favorieten mobiel"
+        : "Zoek apps, favorieten of Google",
+    ),
+  ).toBeVisible();
+  if (testInfo.project.name === "ultrawide-chromium") {
+    const widgetDock = page.locator(".dashboard-insights-panel");
+    await expect(widgetDock).toHaveAttribute("open", "");
+    const dockBox = await widgetDock.boundingBox();
+    const groupsBox = await page.locator(".dashboard-groups").boundingBox();
+    expect(dockBox).not.toBeNull();
+    expect(groupsBox).not.toBeNull();
+    expect(dockBox!.x).toBeGreaterThan(groupsBox!.x);
+  }
+  await openSettings(page, testInfo.project.name);
+  await expect(
+    page.getByRole("heading", { name: "App Beheer", exact: true }),
+  ).toBeVisible();
+  const overflow = await page.evaluate(
+    () => document.documentElement.scrollWidth - window.innerWidth,
+  );
+  expect(overflow).toBeLessThanOrEqual(1);
+});
+
+test("Full HD zijbalken zijn compact, inklapbaar en onthouden hun stand", async ({
+  page,
+}, testInfo) => {
+  test.skip(
+    testInfo.project.name !== "fullhd-chromium",
+    "Deze controle hoort bij de Full HD-layout",
+  );
+
+  await page.setViewportSize({ width: 1860, height: 1080 });
+  await page.goto("/");
+  const workspace = page.locator(".dashboard-workspace");
+  const leftRail = page.locator(".dashboard-rail");
+  const widgetDock = page.locator(".dashboard-insights-panel");
+  const categoryTabs = page.locator(".category-tabs");
+
+  const openRailBox = (await leftRail.boundingBox())!;
+  const railIntroBox = (await page.locator(".rail-intro").boundingBox())!;
+  expect(openRailBox.width).toBeLessThanOrEqual(260);
+  expect(railIntroBox.y - openRailBox.y).toBeLessThanOrEqual(32);
+  const railCollapseBox = (await page
+    .getByRole("button", { name: "Linkerzijbalk inklappen" })
+    .boundingBox())!;
+  expect(railCollapseBox.y - openRailBox.y).toBeLessThanOrEqual(32);
+  await expect(
+    page.getByRole("button", { name: "Linkerzijbalk inklappen" }),
+  ).toHaveCSS("position", "static");
+  await expect(widgetDock).not.toHaveAttribute("open", "");
+  await expect(widgetDock).toHaveCSS("position", "fixed");
+  expect((await widgetDock.boundingBox())!.width).toBeLessThanOrEqual(72);
+  const categoryOverflow = await categoryTabs.evaluate(
+    (element) => element.scrollWidth - element.clientWidth,
+  );
+  await expect(categoryTabs).toHaveCSS("flex-wrap", "wrap");
+  expect(categoryOverflow).toBeLessThanOrEqual(1);
+
+  await page.getByRole("button", { name: "Linkerzijbalk inklappen" }).click();
+  await expect(workspace).toHaveClass(/rail-collapsed/);
+  expect((await leftRail.boundingBox())!.width).toBeLessThanOrEqual(72);
+
+  await widgetDock.locator("summary").click();
+  await expect(widgetDock).toHaveAttribute("open", "");
+  expect((await widgetDock.boundingBox())!.width).toBeLessThanOrEqual(460);
+
+  await page.reload();
+  await expect(workspace).toHaveClass(/rail-collapsed/);
+  await expect(widgetDock).toHaveAttribute("open", "");
+
+  await openSettings(page, testInfo.project.name);
+  const settingsLayout = page.locator(".settings-layout");
+  const openSettingsRailBox = (await page
+    .locator(".settings-sidebar")
+    .boundingBox())!;
+  const settingsEyebrowBox = (await page
+    .locator(".settings-sidebar-header .eyebrow")
+    .boundingBox())!;
+  expect(settingsEyebrowBox.y - openSettingsRailBox.y).toBeLessThanOrEqual(32);
+  const settingsCollapseBox = (await page
+    .getByRole("button", { name: "Instellingenzijbalk inklappen" })
+    .boundingBox())!;
+  expect(settingsCollapseBox.y - openSettingsRailBox.y).toBeLessThanOrEqual(32);
+  await expect(
+    page.getByRole("button", { name: "Instellingenzijbalk inklappen" }),
+  ).toHaveCSS("position", "static");
+  await page
+    .getByRole("button", { name: "Instellingenzijbalk inklappen" })
+    .click();
+  await expect(settingsLayout).toHaveClass(/sidebar-collapsed/);
+  expect((await page.locator(".settings-sidebar").boundingBox())!.width).toBe(
+    72,
+  );
+});
+
+test("legt de finale Stitch-compositie op de canonieke viewports vast", async ({
+  page,
+  request,
+}, testInfo) => {
+  const dashboardResponse = await request.get("/api/dashboard");
+  const dashboard = (await dashboardResponse.json()) as {
+    apps: Array<{ id: string; technicalName: string }>;
+    categories: Array<{ id: string; name: string }>;
+    favorites: Array<{ id: string }>;
+  };
+  let smartHome = dashboard.categories.find(
+    (category) => category.name === "Smart Home",
+  );
+  if (!smartHome) {
+    const response = await request.post("/api/categories", {
+      data: { name: "Smart Home", icon: "House", sortOrder: 20 },
+    });
+    smartHome = (await response.json()) as { id: string; name: string };
+  }
+  const media = dashboard.categories.find(
+    (category) => category.name === "Media",
+  );
+  const tools = dashboard.categories.find(
+    (category) => category.name === "Tools",
+  );
+  for (const app of dashboard.apps) {
+    const isHome = /home/i.test(app.technicalName);
+    const isMedia = /plex|immich/i.test(app.technicalName);
+    await request.patch(`/api/apps/${app.id}`, {
+      data: {
+        visible: !/paperless/i.test(app.technicalName),
+        categoryId: isHome
+          ? smartHome.id
+          : isMedia
+            ? (media?.id ?? null)
+            : (tools?.id ?? null),
+      },
+    });
+  }
+  if (dashboard.favorites.length === 0) {
+    for (const [index, favorite] of [
+      ["Google", "https://google.com"],
+      ["YouTube", "https://youtube.com"],
+      ["GitHub", "https://github.com"],
+    ].entries()) {
+      await request.post("/api/favorites", {
+        data: {
+          name: favorite[0],
+          url: favorite[1],
+          icon: null,
+          categoryId: null,
+          sortOrder: index,
+        },
+      });
+    }
+  }
+  await request.patch("/api/preferences", { data: { theme: "dark" } });
+  await page.goto("/");
+  await expect(page.getByRole("main")).toBeVisible();
+  const inferredAppIcons = page.locator(".app-tile .app-brand-icon");
+  expect(await inferredAppIcons.count()).toBeGreaterThan(0);
+  await expect(page.locator(".app-monogram")).toHaveCount(0);
+
+  const screenshotRoot = "docs/design/dockdeck-canon-v1/implementation";
+  if (testInfo.project.name === "desktop-chromium") {
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-dark-desktop-1440x900.png`,
+    });
+    await page.keyboard.press("Control+K");
+    await page.getByLabel("Zoek apps, favorieten of Google").fill("Plex");
+    await page.screenshot({
+      path: `${screenshotRoot}/quick-launch-dark-desktop-1440x900.png`,
+    });
+    await page.keyboard.press("Escape");
+    await openSettings(page, testInfo.project.name);
+    await page.screenshot({
+      path: `${screenshotRoot}/settings-apps-dark-desktop-1440x900.png`,
+    });
+    await page
+      .getByRole("button", { name: /Bewerken/ })
+      .first()
+      .click();
+    await page.screenshot({
+      path: `${screenshotRoot}/app-drawer-dark-desktop-1440x900.png`,
+    });
+    await page
+      .getByRole("dialog")
+      .getByRole("button", { name: "Sluiten", exact: true })
+      .click();
+    await request.patch("/api/preferences", { data: { theme: "light" } });
+    await page.goto("/");
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-light-desktop-1440x900.png`,
+    });
+    await page.keyboard.press("Control+K");
+    await page.getByLabel("Zoek apps, favorieten of Google").fill("Plex");
+    await page.screenshot({
+      path: `${screenshotRoot}/quick-launch-light-desktop-1440x900.png`,
+    });
+    await page.keyboard.press("Escape");
+    await openSettings(page, testInfo.project.name);
+    await page.screenshot({
+      path: `${screenshotRoot}/settings-apps-light-desktop-1440x900.png`,
+    });
+  } else if (testInfo.project.name === "mobile-chromium") {
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-dark-mobile-390x844.png`,
+    });
+    await openSettings(page, testInfo.project.name);
+    await page
+      .getByRole("button", { name: /Bewerken/ })
+      .first()
+      .click();
+    await page.screenshot({
+      path: `${screenshotRoot}/app-drawer-mobile-390x844.png`,
+    });
+  } else if (testInfo.project.name === "tablet-chromium") {
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-dark-tablet-768x1024.png`,
+    });
+  } else if (testInfo.project.name === "ultrawide-chromium") {
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-dark-ultrawide-3440x1440.png`,
+    });
+  } else {
+    await page.screenshot({
+      path: `${screenshotRoot}/dashboard-dark-fullhd-1920x1080.png`,
+    });
+  }
+});
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..af0ae81
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"]
+  },
+  "include": ["src/client", "src/shared", "src/tests"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..4ce5af6
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022"],
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "noEmit": true,
+    "types": ["node", "vitest/globals"]
+  },
+  "include": [
+    "src/server",
+    "src/shared",
+    "scripts",
+    "vite.config.ts",
+    "vitest.config.ts",
+    "playwright.config.ts"
+  ]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..dca7178
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: Number(process.env.VITE_PORT ?? 5173),
+    proxy: {
+      "/api": `http://127.0.0.1:${process.env.VITE_API_PORT ?? "3000"}`,
+    },
+  },
+  build: { outDir: "dist/client" },
+});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..86e1fc3
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    include: ["src/**/*.test.ts", "src/**/*.test.tsx"],
+    environment: "node",
+    setupFiles: ["./src/tests/setup.ts"],
+    coverage: { reporter: ["text", "html"] },
+  },
+});